/*** ===== 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;}
}

.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 ===== ***/

/*SIN IMAGEN*/
.sin-imagen{background:url('/data/7383/modulos/2638724/sin_imagen.webp');background-size:cover;}
.img-contenido-blog hr {display: none;}

/** == Fuentes de Texto y personalización== **/
body  {font-family: "Comfortaa", sans-serif!important;}

h2, .eslogan-contacto-principal .txt, .botones-servicios-custom .h2 , .navbar-default, #menuMovil .navbar-default .navbar-nav>li>a, .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, .eslogan-zoom span.titulo-eslogan, .nav.navbar-nav li a, span.subtitulo-eslogan  {font-family: "League Spartan", sans-serif!important;}

#content_main h1, .tab-content-galeria-menu .carousel-caption p, .item-productos .modModa .funcionalidad-productos .categoria-productos span.h4 {font-family: "League Spartan", serif;
}

h1.heading, h2, h3, .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  {font-weight:bold!important;}

.servicios-portada .resto-contenido-bloque, .eslogan-zoom span.titulo-eslogan {font-weight: bold; text-transform: uppercase; margin-top: 15px;}

.nav.navbar-nav li a, #menuMovil .navbar-default .navbar-nav>li>a, .navbar-default  {font-weight:normal!important;}

/** ==  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*/ 
.contenido-columnas-resaltada .cont-blog {background-color: #e4f2ff;  padding: 10px 20px;}
/*borde*/
/*Hover*/

/* = Color Cuatro = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Otro Color Usado = */

/*color*/
.text-muted {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 {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) {
    .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 {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 {font-size:30px!important;}
}


/* == Botones ==  */
#content_main .btn-primary, .btn-primary, #content_main .btn-primary, .boton-default, .capa-boton a.btn, .mod-eslogan .btn, .mod-eslogan .btn-sm, .eslogan-zoom a.btn.boton-eslogan {border:none !important;font-size: 18px !important;color: #ffffff!important;background-color: #00549f !important;border-radius:4px !important;text-transform:uppercase !important;padding:10px 25px!important;border: 1px solid #00549f !important;}
#content_main .btn-primary:hover, .btn-primary:hover, #content_main .btn-primary:hover, .boton-default:hover, .capa-boton a.btn:hover, .mod-eslogan .btn-sm:hover, .eslogan-zoom a.btn.boton-eslogan:hover{background-color: #002d54 !important;color: #ffffff !important;border: 1px solid #002d54 !important;}
#content_main .btn-primary:active, .btn-primary:active, #content_main .btn-primary:active, .boton-default:active, .capa-boton a.btn:active, #content_main .btn-primary:focus, .btn-primary:focus, #content_main .btn-primary:focus, .boton-default:focus, .capa-boton a.btn:focus{color: #ffffff !important;border: 1px solid #002d54 !important;background-color: #002d54 !important;}
button.btn.boton-default:nth-of-type(2) {background-color: #ffffff!important;border: 1px solid !important;/*border-radius:0px !important;*/text-transform:none !important;color: #000000!important;}
button.btn.boton-default:nth-of-type(2):hover {background-color: #ffffff!important;border: 1px solid !important;/*border-radius:0px !important;*/}
#content_main .btn-comprar button.btn-primary {padding: 0px 25px!important;}

.botones-cookies button.btn.btn-primary span {color: #ffffff!important;}
.eslogan-imagen-animada .boton-eslogan a.btn.boton-eslogan:hover {background-color: #013800!important;color:#ffffff!important;}
.eslogan-imagen-animada .boton-eslogan a.btn.boton-eslogan:active, .eslogan-imagen-animada .boton-eslogan a.btn.boton-eslogan:focus {color:#ffffff!important;background-color: #013800 !important;}
.eslogan-imagen-animada .boton-eslogan a.btn.boton-eslogan:hover span {color:#ffffff!important;}
.eslogan-imagen-animada .boton-eslogan a.btn.boton-eslogan:active span, .eslogan-zoom .boton-eslogan a.btn.boton-eslogan:focus span {color:#ffffff!important;}
.gestion-cookies.cookie-alert .aceptarContinuarButton {color: #000000!important;}
.contenido-blog-izquierda .leer-mas {margin-top: 20px;width: 45%;}
.leer-mas a span {letter-spacing: 0px!important;}
.btn.btn-primary.leftLst, .btn.btn-primary.rightLst {background-color: transparent!important;color:#444!important;border:none !important;}

.modulo-formularios .form-actions button{ width: 48%;margin: 5px;}
.modulo-formularios .form-actions button:nth-of-type(2) {background-color: #ffffff!important;border: 1px solid !important;/*border-radius:0px !important;*/text-transform:none !important;color: #000000!important;padding:9px !important;}
.modulo-formularios .form-actions button:nth-of-type(2):hover {background-color: #ffffff!important;border: 1px solid !important;/*border-radius:0px !important;*/color: #000000!important;}
/*.modulo-formularios .form-actions button{margin: 5px 0;}*/
@media (max-width:539px) {.modulo-formularios .form-actions button{ width: 100%;margin: 5px 0;}}
@media (min-width:1170px) and (max-width:1324px) {button.btn.boton-default:nth-of-type(2) {margin-top: 5px !important;}}

/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/
.bloques-principal.eslogan-principal.bloqueslogan01 .bloque-texto.izquierda {padding: 50px;}
.bloques-principal.eslogan-principal.bloqueslogan01 .bloque.imagen {
    position: relative;
    left: -30px;
    top: -50px;
}

@media (min-width: 768px) and (max-width: 1024px){
    .bloques-principal.eslogan-principal.bloqueslogan01 .bloque-texto.izquierda {padding: 15px;}
    .bloques-principal.eslogan-principal.bloqueslogan01 .bloque.imagen {
        position: relative;
        left: -10px;
        top: -30px;
    }
}

@media (max-width: 767px){
    .modulo-bloques:not(.cambiar-orden-bloque-texto) .flex {
        display: block;
        left: 0px !Important;
        top: 0px !Important;
    }
    .bloques-principal.eslogan-principal.bloqueslogan01 .bloque-texto.izquierda {padding: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .bloques-principal.eslogan-principal.bloqueslogan01 .modulo-bloques div.col-sm-6.bloque {width: 100%;}
    .modulo-bloques:not(.cambiar-orden-bloque-texto) .flex {
        display: block;
        left: 0px !Important;
        top: 0px !Important;
    }
    .bloques-principal.eslogan-principal.bloqueslogan01 .bloque-texto.izquierda {padding: 10px; }
}

@media (min-width: 768px) and (max-width: 991px){
.col-sm-6.bloque.texto, .col-sm-6.bloque.imagen {
    width: 100% !important;}
}
.portada-servicios div.portada-servicios {top: -1px;}

/* Eslogan logo */
.eslogan-zoom .texto-eslogan {
    color: #eee;
    border-left: 2px solid !important;
}

@media(max-width: 767px) {
    .eslogan-zoom .mod-eslogan.diseno-5 .texto-eslogan {display:block;}
    .eslogan-zoom .texto-eslogan {padding-left: 20px;}
    .eslogan-zoom .boton-eslogan,.eslogan-zoom .texto-eslogan {margin-top: 5%;}
}

@media(max-width: 991px) {
    .eslogan-zoom .mod-eslogan.diseno-5 .img-eslogan {max-width: 50%;}
    .eslogan-zoom .mod-eslogan.diseno-5 .texto-eslogan {display: inline-block; padding-left: 0px; border-left: 0px solid !important;}
    .eslogan-zoom .mod-eslogan.diseno-5 .texto-contenido-eslogan {
        display: inline-block;
        max-width: 100%;
        margin-right: 0px;
        justify-content:center;
        text-align: center;   
    }  
}


@media(min-width: 992px) {
    .eslogan-zoom .img-eslogan {width:25% !important;}
    .eslogan-zoom .texto-eslogan {width: 75% !important;}
    .eslogan-zoom .texto-contenido-eslogan {
        max-width: 70% !important;
        margin-right: 5% !important;
    }
}

@media(min-width: 1600px) {
    .eslogan-zoom .mod-eslogan {
        width:85%;
        margin: 0 auto;
    }
}



/* Bloques de portada */
.listado-well-03 {display:flex; margin-bottom: 35px;}
@media(max-width:769px) {
  .listado-well-03 {
    display:flex;
    flex-direction:column;
  }
}
.listado-well-03 .bloque-well {
  margin: 3px;
  padding: 10px;
  text-align:center;
  border: 4px solid #00549f;
}
.listado-well-03 .bloque-well h3 {text-transform: uppercase; font-weight: bold;}

/* Portada bloques */
.bloques-promociones span.titulo {margin-bottom: 20px;display: block;margin-top: 20px;}
@media (min-width: 992px){
    .bloques-promociones .fila-bloques {width: 96%; margin: 0 2%;}
    .bloques-promociones .row.cajas-modulo-bloques {display:flex;}
    .bloques-promociones .col-sm-6 {width: 100%;}
}
@media (min-width: 1200px){.bloques-promociones .fila-bloques {width: 82%; margin: 0 8%;}}
@media (min-width: 1600px){.bloques-promociones .fila-bloques {width: 70%; margin: 0 15%;}}

/* Parallax */
.eslogan-parallax .fondo-centrado {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    min-height: 300px;
    padding: 130px 0 !important;
}

body.ios .eslogan-parallax {
    background-attachment: scroll !important;
    min-height: 300px;
}

.eslogan-parallax .boton-eslogan {margin-top: 10px !important;}

.full-width-div.eslogan-parallax .jumbotron {
    width: 75%;
    padding: 30px 15px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 4px solid #00549f;
    border-radius: 0;
}

@media(min-width: 1200px) {.full-width-div.eslogan-parallax .jumbotron {width:50%;}}

@media screen and (min-width: 768px) {
    .modulo-container.eslogan-footer .jumbotron {
        padding-left:0;
        padding-right: 0;
        padding-bottom: 0;
    }
}



/** == Módulos interiores == **/

/** == Vistas de Funcionalides == **/
#contenido .observatorio.cabeceraCategoria figure .imageCabecera h1.tituloCat, #contenido .observatorio.cabeceraContenido figure .imageCabecera h1.tituloCat, #contenido .observatorio.cabeceraCategoria figure .imageCabecera h1.tituloCont, #contenido .observatorio.cabeceraContenido figure .imageCabecera h1.tituloCont {background-color: rgba(0,84,159,0.7)!important;}

#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, #contenido .quienes.cabeceraCategoria figure .imageCabecera h1.tituloCat{position: absolute !important; top: 45% !important; transform: translate(0,-50%) !important;font-weight: bold !important; padding: 22px 66px 22px 66px !important;}

#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.sin-icono .borde-cuadrado {margin: 30px 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 == **/
li.dropdown.active.version4.color_web_1 li.active a {color: #ffffff !important;}
.dropdown-menu.multi-level li a {background-color: #00000001!important;}

/** == Construcciones de redactor y generadas por Tiny == **/
/* Listados */
ul.listado-aire {margin-top:1.5em !important;margin-bottom:1.5em !important;}
.listado-aire li {margin-bottom:1.2em;line-height:1.5 !important;}
@media(min-width:768px) {.row.bloque-interior-localizacion { display: flex; align-items: center;}}

#content_main .listado-aire-01 li {line-height:2 !important;/*margin-bottom:2em !important;*/}
#content_main .listado-aire-02 {margin-top:0 !important;margin-bottom:0 !important;}

ul.listado-aire-01.listado-aire-color, ol.listado-aire-01.listado-aire-color {background-color: #e4f2ff !important;padding:20px 40px 15px !important;color:#000000 !important;line-height:1.5 !important; margin-top: 20px !important;}
ul.listado-aire-01 {margin-top: -10px !important;margin-bottom: 30px !important;}

#content_main .jumbotron {
    margin: 0px;
    border: 4px solid #00549f;
    border-radius: 0px!Important;
    background-color: #fff;
}
#content_main .jumbotron p {font-size: 22px;}

.listado-aire li, .listado-aire-01 li { margin-bottom: 1.2em;}

/* h2 */
h2, .h2 {padding: 10px 20px; border-radius: 4px; background-color: #00549f;color: #ffffff;margin:0 0 30px 0;}
.portada h2, .portada .h2 {padding: inherit; border-radius:  inherit; background-color:  inherit;color:  inherit;margin: inherit;}

/** == 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;}

 
/** == Animaciones CSS == **/