/*** ===== 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, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 98%!important;}}
@media (min-width: 1200px){ .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 95%!important;}}
@media (min-width: 1600px){.ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 85%!important;}}

@media (min-width:768px) {.portada #content_top {margin-top: -100px; z-index: 98;}}
@media (min-width:992px) {.portada #content_top {margin-top: -130px; z-index: 98;}}
@media (min-width:1600px) {.portada #content_top {margin-top: -200px; z-index: 98;}}

.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== **/
#sobrecabecera .navbar-default, #bajo-footer .navbar-default,  #menuMovil .navbar-default a, .eslogan-principal .titulo-eslogan, .servicios-portada .titulo-servicio-portada, .datos-contacto-inferior, .bloques-novedades .titulo, .boton-default, #content_main .jumbotron h2, h1 {  font-family: "Oswald", sans-serif!important;}

#sobrecabecera .nav.navbar-nav li a ,#bajo-footer .nav.navbar-nav li a  #menuMovil .navbar-default a{ font-weight: 500;}
.eslogan-principal .titulo-eslogan, .servicios-portada .titulo-servicio-portada, .bloques-novedades .titulo, .boton-default, span.texto-destacado, #content_main a, #content_main .jumbotron h2, h1, .h1, #menuMovil .navbar-default .navbar-nav>.active>a, #menuMovil .navbar-default .navbar-nav>.open>.dropdown-menu>.active>a {font-weight:bold!important}
h2 { font-weight: 900;}
#sobrecabecera .navbar-default, #bajo-footer .nav.navbar-nav li a, #menuMovil .navbar-default a , .eslogan-principal .titulo-eslogan, .servicios-portada .titulo-servicio-portada, .bloques-novedades .titulo, .boton-default, h1{text-transform:uppercase!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*/ 
/*borde*/
/*Hover*/

/* = Color Cuatro = */



/*color*/
/*fondo*/
#content_main .btn-primary { background-color: #03B38E!important;}
/*borde*/
#content_main .btn-primary{border-color: #03B38E!important;}
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
#content_main .btn-primary:hover { background-color: #009676!important;}
/*borde*/
#content_main .btn-primary:hover {border-color: #009676!important;}
/*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, .listado-cat-contenidos .funcionalidad-contenidos .contenido h2 {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 , .listado-cat-contenidos .funcionalidad-contenidos .contenido h2{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}   
    .listado-cat-contenidos .funcionalidad-contenidos .contenido h2 {font-size:20px!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 ==  */
.boton-default a{color:#fff!important;}
.btn.boton-default, #content_main .btn-primary, .btn-medium { padding: 10px 25px;}

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

/** == Módulos de portada == **/

/* Separador Linea */
.separador-linea .linea {border-bottom: 2px solid #e5e5e5; width: 75%; margin: 5px auto;}


.eslogan-contacto-principal .img-eslogan {display: none;}
.eslogan-contacto-principal .mod-eslogan.diseno-5 .texto-eslogan {padding-left: 0;width: 100%!important;margin-left: 00%;}
.eslogan-contacto-principal .mod-eslogan.diseno-5 .texto-contenido-eslogan {width: 60%;margin-right: 50px;display: inline-block; text-align: right;}
.eslogan-contacto-principal .mod-eslogan .btn-extra-big { padding: 5px 10px;}
.eslogan-contacto-principal a.btn.boton-eslogan {font-weight: bold;}

@media (max-width:767px){
    .eslogan-contacto-principal .mod-eslogan.diseno-5 .texto-eslogan {padding-left: 0!important;width: 100%!important;margin-left: 0%!important;display: contents;}
    .eslogan-contacto-principal .mod-eslogan.diseno-5 .texto-contenido-eslogan {width: 100%!important;margin-right: 0!important;text-align: center;}

}

@media (min-width:768px) and (max-width:991px){
    .eslogan-contacto-principal .mod-eslogan.diseno-5 .texto-eslogan {padding-left: 0;width: 100%!important;margin-left: 0;}
    .mod-eslogan.diseno-5 .boton-eslogan {margin-top:0!important;}
}

/* SEPARADOR DOS COLORES*/
.separador-dos-colores .bloque-separador {height:20px;}
.separador-dos-colores .bloque-separa01, .separador-dos-colores .bloque-separa02 {min-height: 10px;}
.modulo-container.separador-dos-colores { width: 60%; margin: 0px 20% 0px!important;}
@media (max-width:767px) {
.row.bloque-separador .col-sm-6 {
    width: 50%;
    float: left;
}}


/*Carrusel Marcas*/
.carrusel-marcas-portada .centrar-bloques { justify-content: space-between;}

@media (min-width:768px) {
    .carrusel-marcas-portada .mod-carrusel-de-marcas.mosaico {  width:90%; margin: 0 auto;}    
    .carrusel-marcas-portada .col-xs-6.col-sm-3.col-md-2.margen-vertical.marcas {width: 20%; padding: 10px 20px; margin: 0; min-height: 30px!important;}
}
@media (min-width:992px) {
    .carrusel-marcas-portada .mod-carrusel-de-marcas.mosaico {  width: 80%; margin: 0 auto;}
	.carrusel-marcas-portada .col-xs-6.col-sm-3.col-md-2.margen-vertical.marcas {width: 20%; padding: 10px 20px; margin: 0; min-height: 30px!important;}
}
@media (min-width:1200px) {
    .carrusel-marcas-portada .mod-carrusel-de-marcas.mosaico {  width: 90%; margin: 0 auto;}
	.carrusel-marcas-portada .col-xs-6.col-sm-3.col-md-2.margen-vertical.marcas { width: 10%;  padding: 5px; margin: 0; min-height: 30px!important;}
}
@media (min-width:1600px) {
    .carrusel-marcas-portada .mod-carrusel-de-marcas.mosaico {   width: 75%; margin: 0 auto;}
    .carrusel-marcas-portada .col-xs-6.col-sm-3.col-md-2.margen-vertical.marcas { padding: 10px;}
}

/*Datos Contacto Footer*/
@media (max-width:767px) {.modulo-datos-contacto .inline, .modulo-datos-contacto-extendidos .inline { margin-right: 0;}}


.servicios-portada .contenedor-servicios.ajustado { width: 100%!important;}

@media (min-width: 1200px) {.servicios-portada .contenedor-servicios.ajustado {width: 98%!important;}}
@media (min-width: 1600px) {.servicios-portada .contenedor-servicios.ajustado {width: 80%!important;}}
@media (min-width:992px) and (max-width:1199px){.col-md-3.col-sm-6.col-xs-12.servicio {width: 50%!important;}}

.eslogan-contacto-principal .mod-eslogan.diseno-5 .texto-contenido-eslogan {max-width: 100%;}

.bloque-texto .titulo { padding-bottom: 40px !important; display: block; line-height: 1.2;}

    .bloque-texto .padding-2x { padding: 15px 0px!important;}
@media (min-width:768px) { .bloque-texto .padding-2x { padding: 30px 40px!important;}}
.modulo-bloques .bloque-texto .titulo.intenso {margin-bottom: 0;}

@media(max-width:767px){
	.bloque-texto .titulo { padding-bottom: 20px !important;}
	.modulo-bloques .bloque-texto.derecha .contenido-bloque-texto { text-align: left;}
}

.portada .form_encabezado { display: none;}
.eslogan-mapa .jumbotron p {margin-bottom: 0px;}


/** == 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 == **/
button.btn.boton-aceptar.habilitado {color: #000!Important;}
a#mas, a#menos {color: #000!Important;font-weight: bold;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{color:#000!important}
span.sel__box__options.sel__box__options--black-panther.selector__filtro__itemsporpagina, span.sel__box__options.sel__box__options--black-panther.selector__filtro__orden.selected, span.sel__box__options.sel__box__options--black-panther.selector__filtro__orden {color: #000!important;}
/*.botones-cookies button.btn.btn-primary span {color: #000!important;}*/

/** == Construcciones de redactor y generadas por Tiny == **/

.listado-aire li {margin-bottom:1.2em;}
#content_main .well.color-fondo-destacado {background-color: transparent!important;border: 0!important;border-bottom: 3px solid;font-size: 25px;text-align: left!important;} #content_main .row.listado-well {margin: 50px 0;} 
#content_main .listado-well .bloque-well .well{ background-color: transparent!important;border: 0!important;border-bottom: 3px solid!important;font-size: 25px;text-align: left!important; border-radius:0;} 
#content_main .listado-well .bloque-well:first-child .well {border-color: #03B38E!important;} 
#content_main .listado-well .bloque-well:nth-child(2) .well {border-color: #e22c1f!important;} 
#content_main .jumbotron { background-color: transparent; padding: 30px 45px !important; margin: 30px 0; border: 1px solid #dbdbdb;}
#content_main .jumbotron p { margin-bottom: 40px; font-weight: normal;}

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

.fadeIn {opacity: 1;}
.fadeInLeft {opacity: 1; transform:translateX(0px);}
.fadeInRight {opacity: 1; transform:translateX(0px);}








@media(min-width:992px) {
	.col-md-9.datos-contacto-superior { padding: 0;  width: 89%;}
    .col-md-1.iconos-redes-sociales-superior {  width: 5%;}
	.col-md-2.iconos-utilidades-superior { width: 6%;    padding: 0;}
    .col-md-3.logo-main {width:22%!important}
    .modulo-container.logo-main { margin: 10px 0!important;}
    .col-md-9.menu-principal {width:78%!important;     padding-right: 0!Important;}
    #sobrecabecera .navbar-default .navbar-collapse { padding-right: 0!important;}
}

@media(min-width:1600px) {
  	.col-md-3.logo-main {width:20%!important}
    .col-md-9.menu-principal {width:80%!important;}
}



.item-conocenos #content_bottom {  padding-top: 1px; margin-bottom: 30px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background-color: #ffffff;}
.jumbotron p {font-size: 21px;}