/*** ===== 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}

}

/* Logotipo */
.logo-main {padding: 0;}

.logo-main .img-responsive {
    width: 85%;
    margin: 0 auto;
}

@media(min-width: 1400px) {
    .logo-main .img-responsive {
        width:72%;
        margin: 0 auto;
    }
    
     #bajo-footer .logo-main .img-responsive {
        width:50%;
        margin: 0 auto;
    }
}

@media(max-width: 767px) {.logo-main {padding:10px 0 0;}}


/* Servicios Portada */
.col-xs-12.col-sm-12.col-md-12.full-width-div.botones-servicios-custom {  position: absolute;  top: 40px; z-index: 98!important;}
@media (min-width:768px){.col-xs-12.col-sm-12.col-md-12.full-width-div.botones-servicios-custom {  position: absolute;  top: 35%;}}

.servicios-portada.icono-rombo .icono-bloque {
    border-width: 2px;
    border-radius: 0;
    background-color: #13131375;
}

.botones-servicios-custom .icono-forzado { background-color: #0000007d; transform: rotate(45deg) scale(0.7); padding: 20px;  border: 3px solid;}
.botones-servicios-custom .icono-forzado img { transform: rotate(-45deg);}
.botones-servicios-custom .h2 {  color: #ffffff; text-transform: inherit;}
@media (max-width: 767px){
    .col-xs-12.col-sm-12.col-md-12.full-width-div.botones-servicios-custom {
        position: absolute;
        top: 82px;
        z-index: 98!important;
    }
}    

/* Imágenes en contenidos */
.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%;}}

/* Utilidades #barra-opciones */
#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%;}

/* CTA PANTALLA COMPLETA */
.portada .cta-pantalla-completa {    
    z-index: -1;
    width: 100%;
}
.cta-pantalla-completa img {opacity: 100%}

.cta-pantalla-completa a:hover img {
    transform: scale(1);
    opacity: 100%
}

.portada #cta-pantalla-completa-2 {display: none;}
.portada #contenido, #footer {display: none;}
.portada #bajo-footer {
    background-color: #12459b !Important;
    color: #fff;
    font-size: 100%;
    position: fixed !Important;
    width: 100% !Important;
    bottom: 85px;
}

@media (max-width: 767px){
    .portada .cta-pantalla-completa {
        z-index: 0;
        min-height: 600px !Important;
        position: relative !Important;
        top: -1px;
    }
	.portada #bajo-footer, .portada #footer-suvbencion {position: relative !Important;}
}

.portada #footer-suvbencion {
    overflow: hidden;
    flex-wrap: wrap;
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    width: 100%;
}
/*** ===== 03 - CUSTOMIZACIÓN BÁSICA PARA CLIENTE ===== ***/

/** == Fuentes de Texto y personalización== **/
h2, .eslogan-contacto-principal .txt, .botones-servicios-custom .h2 , .navbar-default, #menuMovil .navbar-default .navbar-nav>li>a {font-family: "Tomorrow", sans-serif !important;}
.servicios-portada .resto-contenido-bloque>span, h1.heading, .modulo-bloques .bloque-texto .titulo, .servicios-portada .resto-contenido-bloque>span, .row.bloques-flexibles .big, #content_main .jumbotron h2, .funcionalidad-galerias h1, .bordes-encuadrados.sin-icono .borde-cuadrado h1, h3, .h3, h2, .h2, .funcionalidad-galerias.galeria-menu .menu-galeria li, #contenido .columnas-resalt.cabeceraCategoria figure .imageCabecera h1.tituloCat, #contenido .columnas-resalt.cabeceraContenido figure .imageCabecera h1.tituloCat, #contenido .columnas-resalt.cabeceraCategoria figure .imageCabecera h1.tituloCont, #contenido .columnas-resalt.cabeceraContenido figure .imageCabecera h1.tituloCont {   font-family: "Tomorrow", sans-serif !important;}

 #content_main h1, .tab-content-galeria-menu .carousel-caption p, .item-productos .modModa .funcionalidad-productos .categoria-productos span.h4 { font-family: "Tomorrow", sans-serif;}

h1.heading, h2, .datos-contacto-inferior, h1, .h1, .botones-servicios-custom .resto-contenido-bloque span, h4, .h4, #content_main .btn-primary, #content_bottom .btn-primary, .row.bloques-flexibles .big, #content_main .jumbotron h2, .funcionalidad-galerias h1, .bordes-encuadrados.sin-icono .btn.boton-default, .bordes-encuadrados.sin-icono .borde-cuadrado h1, .cookiesButton.btn, .listado-bloques-flexibles .well a, .texto-destacado, .bordes-encuadrados .content_form .form-group .panel-default .panel-body .controls a, .funcionalidad-galerias.galeria-menu .menu-galeria li, .tab-content-galeria-menu .carousel-caption p, #menuMovil .navbar-default .navbar-nav>li>a {font-weight:bold!important;}

.servicios-portada .resto-contenido-bloque>span  {font-weight: 500;}
/** ==  Colores Custom == **/

/* = Color Texto Oscuro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Texto Claro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Principal = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Secundario = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Tres = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Cuatro = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Otro Color Usado = */

/*color*/
.text-muted {color: #2a2a2a;}
/*fondo*/
/*borde*/
#sobrecabecera .navbar-default .sidebar-nav .navbar-nav li.active, #bajo-footer .navbar-default .sidebar-nav .navbar-nav li.active {border-bottom: 1px solid #d11010;}
/*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 {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 {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 {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 {font-size:20px!important}
}
@media (min-width:1200px) {
    h1, .h1, .size-h1-producto,.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:40px!important}
    h2, .h2,  .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:28px!important}
    h3, .h3, .medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:24px!important}      
}
@media (min-width:1600px) {
    h1, .h1, .size-h1-producto,.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:45px!important}
    h2, .h2,  .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big {font-size:30px!important}
}


/* == Botones ==  */

/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/

/** == 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;}

@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;}
}
/** == Ajustes de Accesibilidad == **/


/** == Construcciones de redactor y generadas por Tiny == **/

.listado-aire-01 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%;}
}

/*botones carrito pedidos*/
.panel-body .btn-group .btn-primary {background-color: #004d92!important; border-color: transparent!important;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-pagado {background-color: #004b00;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-preparando {background-color: #ae5f00;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-cancelado {background-color: #8d0000;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-recibido {background-color: #8600a6;}
.funcionalidad-carrito .panel .btn-group .btn.btn-pedido-pendiente {background-color: #00524f;}
.funcionalidad-carrito .panel td .btn-default {color: #383838 !important;background-color: transparent !important; border-color: transparent!important;}

/* Formulario de contacto */
#sobrecabecera.sticky-bottom .navbar-default .navbar-nav>.open>.dropdown-menu {left: -25px;}
.bordes-encuadrados.sin-icono .borde-cuadrado {margin-bottom: 10px;}

/** == Animaciones CSS == **/

/*#sobrecabecera .navbar-default .navbar-nav>.open>.dropdown-menu {position:sticky;}*/



/*### CUSTOM ###*/
.color_web_6_color.titulo-servicio-portada.text-center{background-color:rgba(0,0,0,0.01) !important;}
#sobrecabecera.sticky-bottom .navbar-default .navbar-nav>.active>a{color:#fff !important;}

.portada div#sobrecabecera{
  	position: absolute;
    width: 100%;
}

input#genSearch2564900_searchTerm{position:fixed !important; max-width:230px !important;}
.portada #footer-suvbencion {position:fixed !important; }

.panel-group#accordion_2566910{margin-bottom:0;}
#mod-acordeon_2566910 .panel-heading{padding:0;}


#menuMovil .navbar-header.menu-movil-config .color-custom-iconos-movil .btn {
    color: #fff;
}

@media(max-width:767px){
    .servicios-portada .contenedor-servicios.ajustado {margin-top:78px;}
    .width-movil-95#content_main{padding:0 !important;}
}


@media(min-width:1853px){
	#barra-opciones .col-md-offset-6 {width: 13%;}
    #barra-opciones .col-md-3 {width: 20%;}
    #barra-opciones .col-md-2 {width: 16.6%;}
}

@media(min-width:992px) and (max-width:1479px){
	#barra-opciones .col-md-offset-6 {width: 10.3%; margin-left:25%;}
    #barra-opciones .col-md-3 {width: 41%;}
    #barra-opciones .col-md-2 {width: 20.6%;}
}


#sobrecabecera .navbar-default .navbar-nav>.open>.dropdown-menu>li>a {
    color: #fff !important;}

@media(min-width:992px) and (max-width:1199px){
	#bajo-footer .col-md-6{width:55%;}
    #bajo-footer .col-md-5{width:45.5%;}
    #barra-opciones .col-md-1.col-md-offset-4{margin-left:17.3%; width:11.3%;}
}

@media(min-width:1200px) and (max-width:1599px){
	#barra-opciones .col-md-1.col-md-offset-4{margin-left:30.3%; width:9.3%;}
}