/*** ===== 01 - IMPORTANTE  ==== *** /

/*** ===== 02 - PAQUETE DE REGLAS DEFINITORIAS DE PORTFOLIO  ===== ***/

@media(max-width:767px) {
	#menuMovil .navbar-header.menu-movil-config .iconos-movil>div[class^="icono-"] {display:block !important}
 	.iconos-movil.justify-center.color-custom-iconos-movil .fa {font-size:90% !important}
}
@media (min-width:992px) {
    .ancho2 #barra-opciones>.barra-opciones { width: 96%;}
    div#barra-opciones { border-bottom: 1px solid #eee;  width: 96%;   margin: 0 auto;}
    .col-md-11.ajustado.datos-contacto-superior {width: 98%;}
	.col-md-1.iconos-tienda-custom {width: 2%;}	
    .col-md-4.col-md-offset-4.logotipo-main { width: 24%; margin: 5px 38%;}
    
}
@media (min-width:1200px) {
	.ancho2 #barra-opciones>.barra-opciones { width: 90%;}
    div#barra-opciones { width: 90%;}
    .col-md-4.col-md-offset-4.logotipo-main { width: 18%; margin: 5px 41%;}
}
@media (min-width:1600px) {.col-md-4.col-md-offset-4.logotipo-main { width: 14%; margin: 5px 43%;}}

.pull-right .img-limit, .pull-left .img-limit {height: auto;margin-top: 20px;margin-bottom: 40px;}
.pull-right .img-limit{ margin-left: 0; }
.pull-left .img-limit{ margin-right: 0; }

@media (min-width: 768px) { 
	.img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 50%;}
	.ficha-contenido .pull-right, .img-derecha, .funcionalidad-contenidos.columnas .contenido-columnas .img-derecha { margin-left: 40px;}
	.ficha-contenido .pull-left, .img-izquierda{ margin-right: 40px;}
}

@media (min-width: 992px) { .img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 45%;}}
@media (min-width: 1600px) { .img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 40%;}}

#barra-opciones .lista-horizontal li {margin-bottom: 0;}
#barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas, #barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas-nombre { padding-top: 0;}


.sugerencias-buscador .producto-sugerido div:first-child { font-size: 100%;}

/*** ===== 03 - CUSTOMIZACIÓN BÁSICA PARA CLIENTE ===== ***/

/** == Fuentes de Texto y personalización== **/
.h1, .eslogan-titulo-grande .titulo-eslogan, .servicios-iconos-portada .heading, #content_main .heading, #content_main h3, #content_main h1, .funcionalidad-galerias.galeria-menu .menu-galeria li.active a, .bloques-novedades .titulo, .acordeon-portada .heading, .servicios-custom a,.observatorio.cabeceraCategoria .heading, .funcionalidad-galerias.galeria-menu .menu-galeria li, #content_main .funcionalidad-contenidos .contenido-principal h2 a , .portada .form_encabezado h2{font-family: "Playfair Display", serif;}

#content_main .funcionalidad-contenidos .contenido-principal h3 {font-family: "Montserrat", sans-serif!important;}

.eslogan-titulo-grande .titulo-eslogan, .eslogan-titulo-grande .titulo-eslogan p, .servicios-iconos-portada .heading, #content_main .heading, #content_main h3, #content_main h1, .funcionalidad-galerias.galeria-menu .menu-galeria li.active a, .boton-default,  .acordeon-portada .heading, .servicios-custom a, .eslogan-zoom .mod-eslogan .btn-sm,  .contador-custom .titulo-contador, .observatorio.cabeceraCategoria .heading, .formulario-custom-portada .btn-primary, .funcionalidad-galerias.galeria-menu .menu-galeria li, #content_main .funcionalidad-contenidos .contenido-principal h2 a {font-weight: 600!important;}
.servicios-iconos-portada .titulo-servicio-portada, .form-actions .btn:nth-child(2), .acordeon-portada .mod-acordeon.acordeon-custom3 .panel-title, .portada .form_encabezado h2, .funcionalidad-galerias.galeria-menu .tab-content-galeria-menu .tab-content .interior-carousel figure p, .datos-contacto-superior, #menuMovil .navbar-default a, .datos-contacto-inferior {font-weight: bold!important;}

#sobrecabecera .navbar-default, #menuMovil .navbar-default a {text-transform:uppercase;}
/** ==  Colores Custom == **/

/* = Color Texto Oscuro = */
/*color*/
.funcionalidad-galerias.galeria-menu .tab-content-galeria-menu .tab-content .interior-carousel figure p {color:#000!important;}
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Texto Claro = */
/*color*/
.mosaico-galeria-custom .carousel-control {color: #fff !important;}
/*fondo*/ 
.bloques-novedades .boton-default {background-color: #fff!important;}
/*borde*/
/*Hover*/

/* = Color Principal = */
/*color*/
/*fondo*/
.funcionalidad-galerias.galeria-menu .menu-galeria li.active:hover, .caja-color-principal {background-color: #FDB13D!important;}
/*borde*/
/*Hover*/

/* = Color Secundario = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Tres = */

/*color*/
/*fondo*/ 
.funcionalidad-galerias.galeria-menu .menu-galeria li.active, .caja-color-cuatro {background-color: #F3BD6F!important;}
/*borde*/
/*Hover*/
.color_web_3_hover_active.active, .color_web_3_hover_active:active, .color_web_3_hover_active:focus, .color_web_3_hover_active:hover, .color_web_3_hover_active[aria-expanded="true"] {  color: #A86705 !important;}

/* = Color Cuatro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Otro Color Usado = */

/*color*/
.text-muted, ::placeholder {color: #2a2a2a;}
/*fondo*/
/*borde*/
/*Hover*/

/** == Ajustes de tamaños por jerarquías Mobile First - Excepciones para móvil solo cuando no es posible == **/

.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:30px!important}
.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, .acordeon-portada .heading {font-size:24px!important}
.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal, .acordeon-portada .mod-acordeon.acordeon-custom3 .panel-title {font-size:19px!important}
.small, .mod-eslogan .small, .modulo-bloques .bloque-texto .small {font-size:18px!important} 

@media (min-width:768px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:32px!important;}
}
@media (min-width:992px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:35px!important}
	.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, .acordeon-portada .heading {font-size:26px!important}
	.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
	.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal, .acordeon-portada .mod-acordeon.acordeon-custom3 .panel-title {font-size:20px!important}
}
@media (min-width:1200px) {
   .extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:40px!important}
     .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, .acordeon-portada .heading {font-size:28px!important}
    .medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:24px!important}      
}
@media (min-width:1600px) {
    .extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:45px!important}
    .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, .acordeon-portada .heading {font-size:30px!important}
}

/* == Botones ==  */

/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/
/*Utilidades*/
.mod-utilidades-tienda .btn, .mod-utilidades-tienda .modulo-idiomas:not(.desplegable) li { padding: 0px;}

/*Servicios Portada*/
@media (min-width: 992px) {.servicios-portada .contenedor-servicios.ajustado { width: 90%;}}
@media (min-width: 1200px) {.servicios-portada .contenedor-servicios.ajustado { width: 90%;}}
@media (min-width: 1600px) {.servicios-portada .contenedor-servicios.ajustado { width: 70%;}}

/*Bloques*/
.modulo-bloques .bloque-texto .titulo.intenso { display: block;}
@media (max-width:767px) {
	.modulo-bloques .bloque-texto.derecha .contenido-bloque-texto {text-align: left;}
	.modulo-bloques .bloque-texto{ padding: 20px!important;}
}
@media (min-width:768px) and (max-width:1599px) {.modulo-bloques .reducir-ancho-bloque { width: 90% !important; margin: 0 5%;}}

/*Acordeon*/
.acordeon-portada .mod-acordeon.acordeon-custom3 .panel-heading { padding: 10px 0px;}
.acordeon-portada .mod-acordeon.acordeon-custom3 .panel-title {padding: 20px 5px;    border-bottom: 1px solid #eee;}
.acordeon-portada .heading { margin-bottom: 40px; text-align: left;border-bottom: 1px solid #eee;}

@media (min-width: 768px) {
    .acordeon-portada .mod-acordeon.acordeon-custom3 .panel .panel-heading {        width: 90%;  margin-left: 5%; }
	.acordeon-portada .mod-acordeon.acordeon-custom3 .ajusta-size-img { width: 95%; margin: 0 auto;}
}
/*Banner Acordeon*/
@media (min-width: 768px) and (max-width: 991px){.banner-acordeon-custom {margin-top: 0!important;}}
@media (max-width: 767px){.banner-acordeon-custom {margin-top: 10px!important;margin-bottom:0!important;}}

/*Mosaico Imágenes*/
.mosaico-galeria-custom .carousel-control {opacity: .8;font-size: 30px;text-shadow: 4px 1px 2px #000;}
.mosaico-galeria-custom .carousel-control:hover {opacity: 1!important;}


/*Módulo Formulario*/
.portada .content_form_mod { margin-top: 30px;}

/* Mapa Google */
.mapagoogle-custom .iframe-mapa {padding: 10px;}

/* Separador Linea */
.separador-linea .linea {border-bottom: 2px solid #e5e5e5; width: 90%; margin: 5px auto;}

/** == Módulos interiores == **/

/** == Vistas de Funcionalides == **/
#content_main>.modulo-container .funcionalidad-contenidos #contenido-quien-ficha #lateral-derecho-quien-ficha {text-align: left;}
#content_main>.modulo-container .funcionalidad-contenidos.ficha-observatorios { text-align: left;}
#content_main>.modulo-container .funcionalidad-contenidos.columnas-resaltada { text-align: left;}
#info-categoria-quienes, #info-categoria-observatorios, #info-categoria-columnas-resaltadas  { text-align: left;}
div#main.row {margin: 0!important;}
#content_main>.modulo-container .funcionalidad-contenidos.columnas-resaltada .row {margin: 0;}
#content_main>.modulo-container { padding: 0;}
#contenido .observatorio.cabeceraCategoria, #contenido .observatorio.cabeceraContenido {margin-bottom: 0;}
#contenido .columnas-resalt.cabeceraCategoria, #contenido .columnas-resalt.cabeceraContenido {margin-bottom: 0;}
.listado-galerias .container-fluid {padding-left: 0;padding-right: 0;}
.listado-galerias div#content_main>.row>.col-sm-12>.modulo-container { padding: 0;}
.form .bordes-encuadrados { margin-left: 0; margin-right: 0;}
.form .bordes-encuadrados .content_form {padding: 20px 0;}
.bordes-encuadrados .encabezado-form {margin-top: 0;}
.bordes-encuadrados .alinear-vertical { align-items: flex-start;}
.bordes-encuadrados input#formulario_captcha {padding: 0;}
.bordes-encuadrados .row.controls .col-sm-12 { padding: 0;}
.formulario-de-contacto.borde-cuadrado .col-lg-6.col-md-6.col-sm-12.col-xs-12 {padding: 0;}
.form-group .col-sm-12 { padding: 0;}
.row.controls .col-sm-12 { padding: 0;}
@media(max-width:767px) {
	.bordes-encuadrados .alinear-vertical {padding: 0;}
	.bordes-encuadrados .encabezado-form {padding: 20px 0;}
	.bordes-encuadrados.sin-icono .col-xl-12.col-lg-12.col-md-12.col-sm-12 { padding: 0;}
	.bordes-encuadrados.sin-icono .btn.boton-default { display: block;width: 100%;margin-bottom: 5px;}
	.bordes-encuadrados.sin-icono .row { margin-left: 0; margin-right: 0;}
	.bordes-encuadrados.sin-icono .content_form {padding: 0; overflow: hidden;}
	.bordes-encuadrados.sin-icono .borde-cuadrado {  border: none;}
}

.funcionalidad-galerias.galeria-menu .tab-content-galeria-menu .tab-content .interior-carousel figure p { text-shadow: none;}
.funcionalidad-galerias.galeria-menu .tab-content-galeria-menu .tab-content .interior-carousel figure h4 {display: none;}
.funcionalidad-galerias.galeria-menu .menu-galeria {background-color: transparent;}

/** == Ajustes de Accesibilidad == **/


/** == Construcciones de redactor y generadas por Tiny == **/

.listado-aire li {margin-bottom:1.2em;}

/** == Optimizacion Login - Carrito - Tienda == **/

.mi_cuenta .contenido.zona { width: 100%!important;}
.mi_cuenta .funcionalidad-carrito  a.btn.btn-default.btn-xs { display: block; margin-bottom: 0.5em; line-height: 1;}
.funcionalidad-carrito section.panel .controls, .mi_cuenta .funcionalidad-carrito section.panel {color: #000 !important;}

@media (min-width:768px) {
    .mi_cuenta .contenido.zona { width: 90%!important;}
	.mi_cuenta .funcionalidad-carrito .col-sm-4 { width: 100%;}
	.mi_cuenta .funcionalidad-carrito .col-sm-8 { width: 100%;}
}  
@media (min-width:1200px) {
    .mi_cuenta .funcionalidad-carrito .col-sm-4 { width: 20%;}
	.mi_cuenta .funcionalidad-carrito .col-sm-8 { width: 80%;}
}

/** == Animaciones CSS == **/
.fadeIn {opacity: 1;}
.fadeInLeft {opacity: 1; transform:translateX(0px);}
.fadeInRight {opacity: 1; transform:translateX(0px);}


.btn-primary {color:#000!Important;}

span.texto-destacado {
    font-weight: bold;
}