/*
Theme Name: Flatsome Child Theme
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 2.5
*/




/*************** ADD CUSTOM CSS HERE.   ***************/

@media (max-width: 768px) 
{
	.clase_tres_cuadros{/* 3 cuadros del slider principal en sección Qué es NegosWeb? */
		margin-top:100px !important;
	}

	.div_recuadro{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.container .section, .row .section{/* Contorno bloques opciones suscripción */
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	
	
	
	/* Estilos para los radiobuttons de: TIPO SUSCRIPCIÓN */
	/* -------------------------------------------------------------------------------------- */
	.radios_tipo_suscripcion input{
		display:inline-table !important;
		margin-left:10px !important;
		width: 20px;
		height: 20px;
	}
	.radios_tipo_suscripcion{
		display:inline-table !important;
		margin-left:100px !important;
	}
	/* -------------------------------------------------------------------------------------- */
	
	
	
	.cols_cuadros_slider{
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	
	
	.small-10 { /* Margen formulario Solicitud nuevo sitio */
		max-width: 100% !important;
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}	
	


	.tiendas_inicio>.col {
		padding: 0 30px 30px !important;
	}


	/* Formato separador de BARRA, en el menú principal del sitio */
	.separador_menu_barra_principal {
		display:none !important;
	}
	
	}

}

.clase_archivos{
	font-size:12px !important;
}



.tiendas_inicio{
	background-color:#F4F4F4 !important;
}

.tiendas_inicio>.col {
    padding: 50px 140px 70px;
    margin-bottom: 0;
}

.seccion_prod_inicio{
	padding-bottom:0px !important;
}



/* Estilos para los radiobuttons de: TIPO SUSCRIPCIÓN */
/* -------------------------------------------------------------------------------------- */
.radios_tipo_suscripcion input{
	display:inline-block;
	margin-left:200px;
	width: 20px;
    height: 20px;
}
.radios_tipo_suscripcion{
	display:inline-block;
	margin-left:-90px !important;
}
/* -------------------------------------------------------------------------------------- */



/* Estilos para los radiobuttons de: TIPO SITIO */
/* -------------------------------------------------------------------------------------- */
.radios_tipo_sitio input{
	display:inline-block;
	margin-left:235px;
	width: 20px;
    height: 20px;
}
.radios_tipo_sitio{
	display:inline-block;
	margin-left:-140px !important;
}
/* -------------------------------------------------------------------------------------- */






/* Estilos para hacer una CRUZ ROJA de viñeta para opciones desactivadas, para los tipos de suscripción */
/* -------------------------------------------------------------------------------------- */
ul li.opcion_desactivada{
	list-style:none;
	position:relative;
	padding:7px 25px 7px 0;
	margin:0;
	border-bottom:1px solid #ececec;
}

ul li.opcion_desactivada:before{
	font-family:'fl-icons';
	right:0;
	position:relative;
	font-size:14px;
	margin:0px 8px 0px -3px;
	color:#F00;
}
ul li.opcion_desactivada:before{
	content:"\274c" !important;
}
/* -------------------------------------------------------------------------------------- */




/* Comentarios para los bullets de los tipos de suscripción en el formulario de solicitud de nuevo sitio */
/* -------------------------------------------------------------------------------------- */
.p_comentarios_bullets{
	font-style:italic; 
	font-size:12px; 
	color:#777;
}

ul li.opcion_desactivada .p_comentarios_bullets{
	margin-left:25px !important;

}
/* -------------------------------------------------------------------------------------- */








/* Ocultar el ORDENAR POR PRECIO de los filtros de ordenamiento en la sección de CATEGORÍAS */
.orderby > option[value^="price"] {
    display: none;
}

/* Hacer que NO se muestre el filtro de precios de la sección CATEGORÍAS */
#woocommerce_price_filter-2{ 
	visibility:hidden !important;
}


/* Ocultar la categoría "sin categoría", de la pantalla Categorías */
.cat-item-153{
    display: none !important;
}

/* Formato separador de BARRA, en el menú principal del sitio */
.separador_menu_barra_principal a.nav-top-link {
	color:#DBDBDB !important;
	margin-left:20px !important;
	margin-right:20px !important;
}


/* Formato separador de OPCIONES DE MENÚ, en el menú principal del sitio */
.separador_menu_opciones a.nav-top-link {
	color:#000000 !important;
	margin-left:20px !important;
	margin-right:20px !important;
}








#campo_email{
	float:left;
	width:50% !important;
	padding-right:10px;
}



#campo_telefono{
	float:left;
	width:50% !important;
	padding-right:10px;
}








.separador_cotizador_chico{
	margin-bottom:1px !important;
}

.separador_cotizador{
	margin-bottom:30px !important;
}

.div_recuadro{
	border-style:solid;
	border-width:thin;
	border-color:#999;
	padding:20px;
}



.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button { /* Estilos para colorear de negro el menú principal cuando no está siendo sticky header, sino el principal*/
    color: rgba(17,17,17,0.85) !important;
}




#customer_login{ /* Estilos para el formulario de acceso a la Cuenta de clientes*/
	
	/* Imagen de fondo */
	/*------*/
	background-image: url("http://localhost/fussionart.com/wp-content/uploads/2016/07/pinceles.jpg");
	background-repeat: no-repeat;
	background-position:485px bottom;
	/*------*/

}




#boton_registro{ /* Alineación para botón de Solicitar Registro como Nuevo Mayorista dentro de formulario ACCEDER */
	margin-top:15%;
	margin-left:20%;
}


/* Estilos para la sección PREGUNTAS FRECUENTES: */
/*-----------------------------------------------------*/
.tabbed-content ul.tabs li.active a, .tabbed-content ul.tabs li.current_page_item a {
    border-color: #fb5001; /* Barra superior de la solapa activa */
}

.accordion .accordion-title a:before{
	color:#fb5001; /* Color signo más de cada Pregunta Frecuente */
}
/*-----------------------------------------------------*/



#col_direccion_y_contacto{ /* Alineación vertical para dirección mapa, en formulario de contacto */
	margin-top:-3px;
}

#id_login_my_account{ /* Espacio inferior para el cuadro de LogIn a la cuenta del usuario */
	padding-bottom:10px;
}

.wp_crm_message_field_field{ /* Estilos Campo de Mensaje del Formulario de Registro de Mayoristas */
	height:200px;
}



.formulario_registro{ /* Formulario de Registro de Mayoristas */
position: relative;
left: 50%;
width: 1600px;
margin-left: -370px;
}



.large-10, .small-10 columns, .button.secondary{ /*Posicionamiento vertical para el cuadro de búsqueda de productos */
	
	margin-top:-7px !important;
}



.texto_slider_1{ /* Ubicación para el texto de la primera imagen del slider principal */
	margin-left:-200px !important;
}






#id_mapa_contacto{ /* Márgenes mapa en sección de contacto*/
	margin-top:20px;
	margin-bottom:40px !important;
}

.ninja-forms-response-msg, .ninja-forms-error-msg{ /* Color mensaje de error formulario de contacto NinjaForm*/
	color:#F00 !important;
}


.autocomplete-suggestion { /* Estilos para el menú de búsqueda sugerida */
	border: 1px solid  #CCC;
	color:#666;
	line-height: 12px;
	font-size: 11px;

}

#top-link { /* Color fondo del botón "scroll to top" */
  background:#D7D7D7 !important;
  border-color:#333 !important;
}

#top-link:hover {
  color:#333 !important;
}





.right-links .nav-dropdown,
.left-links .nav-dropdown,
.account-dropdown .nav-dropdown { /* Alineación horizontal del menú de "Mi Cuenta" */
  margin-left: -2px !important; 
}



.featured-img img{ /* Estilo para las imágenes de la sección "Nuestros Servicios" */
	height:100px;
	width:auto !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

  .columna {
    float:none !important;
	width:auto !important;
  }



#campo_email{
	float:none;
	width:95% !important;
}



#campo_telefono{
	float:none;
	width:95% !important;
}


  
.div_recuadro{
	width:95% !important;
}


}