/*** ===== 01 - IMPORTANTE  ==== *** /

/*** ===== 02 - PAQUETE DE REGLAS DEFINITORIAS DE PORTFOLIO  ===== ***/
.datos-contacto-superior { margin: 5px 0;}
.iconos-redes-sociales-superior .fa-2x { font-size: 1.5em;}
.barra-opciones.zona.eq-height, .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer { width: 100%!important;}

@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) {
    .col-xs-12.col-sm-7.col-md-10.datos-contacto-superior { padding: 0; width:90%;}
    .col-xs-12.col-sm-2.col-md-2.iconos-redes-sociales-superior {width: 10%;}
    .col-md-2.logotipo-main {width: 15%;}
	.col-md-10.ajustado.menu-principal {width:85%; padding:0!important}
}

@media (min-width:992px) and (max-width:1099px) {.col-xs-12.col-sm-7.col-md-5.datos-contacto-superior span.movil.inline.parrafo { display: none;}}
@media (min-width:1200px) {
    .col-md-2.logotipo-main {width: 12%;}
	.col-md-10.ajustado.menu-principal {width:88%; padding:0!important}
}
@media (min-width: 1200px) {.barra-opciones.zona.eq-height, .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {  width: 80% !important; }}
@media (min-width: 1600px) { .barra-opciones.zona.eq-height, .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho footer>.footer, .ancho #bajo-footer>.bajo-footer {  width: 70% !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%;}

.funcionalidad-productos span.h3 {
    text-align: center; font-size: 40px !important; font-family: "League Spartan", sans-serif !Important;
}
.funcionalidad-productos .categoria-productos span.h3 {font-size: 20px !important;}

/*** ===== 03 - CUSTOMIZACIÓN BÁSICA PARA CLIENTE ===== ***/
.sin-imagen{background:url('');background-size:cover;}

/** == Fuentes de Texto y personalización== **/
#barra-opciones, #sobrecabecera .navbar-default, .titulo-eslogan, .titulo-servicio-portada, .funcionalidad-productos .categoria-productos, .modulo-breadcrumb, h1.heading, div:not(#content_main) h2, .titulo-ppal span.h2, ul.nav.navbar-nav , h1, .eslogan-clases-online .subtitulo-eslogan, .mod-acordeon.acordeon-custom2 .panel-heading a{font-family: "League Spartan", sans-serif!Important;}
a.btn.boton-default {font-family: 'Roboto', sans-serif!Important;}
#sobrecabecera .navbar-default, .titulo-servicio-portada, .eslogan-clases-online .subtitulo-eslogan p , .funcionalidad-galerias.galeria-menu .menu-galeria li a{font-weight: bold!Important;}
.datos-contacto-superior, #sobrecabecera .navbar-default, #menuMovil a, .subtitulo-eslogan,  .titulo-eslogan, .bloque-portada .titulo, .servicios-portada .heading , #content_main h1, a.btn.boton-default, .mod-acordeon.acordeon-custom2 .panel-heading a, .funcionalidad-productos span.h3, .categoria-productos span.h4{ text-transform: uppercase; font-weight: bold;}

/** ==  Colores Custom == **/

/* = Color Texto Oscuro = */
/*color*/
.mod-acordeon.acordeon-custom2 .panel-body, .funcionalidad-productos span.h3 a, #content_main .categoria-productos span.h4 a {color:#000!important;}
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Texto Claro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Principal = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Secundario = */

/*color*/
/*fondo*/ 
/*borde*/
.bordes-encuadrados .content_form .form-group .input-group input, .bordes-encuadrados .content_form .form-group .input-group select, .bordes-encuadrados .content_form .form-group .input-group textarea {border-bottom-color:#ebebeb!important}
/*Hover*/

/* = Color Tres = */

/*color*/
/*fondo*/ 
.funcionalidad-contenidos.columnas button.boton:hover {background-color:#cf0000!important;}
/*borde*/
/*Hover*/

/* = Color Cuatro = */

/*color*/
#content_main  .funcionalidad-galerias.galeria-menu .menu-galeria li:hover a{color:#F0F8E5!important}
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
.sub-categoria-moda ul li a:hover {background-color:#5e0000!important}
/*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 ==  */
.funcionalidad-contenidos.columnas button.boton {  border: none; padding: 10px 30px;}
.form-group button.btn, .form-actions button.btn ,.btn-sm { font-weight: bold;  border-radius: 0;padding: 10px 30px;}
button.boton i.fa.fa-arrow-right.arrow, .leer-mas a.btn.btn-sm.btn-primary i.fa.fa-arrow-right.arrow {display: none;}
.ocultar-flechas-pc button.btn.btn-primary { padding: 6px 12px;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none!important;
 
}


.funcionalidad-contenidos.columnas button.boton::after { display:none;}
.funcionalidad-contenidos.columnas button.boton, .funcionalidad-contenidos.columnas button.boton:hover{transition: all .35s ease;}

/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/
.icono-bloque .fa.fa-3x {font-size: 2em !Important;} 

/*Bloques*/
.modulo-bloques .bloque-texto .titulo.intenso { display: block;}
.bloques-portada a.btn.boton-default { margin-bottom: 30px;}
@media (max-width:767px){.modulo-bloques .texto {padding:0!important;}}
@media (min-width:768px) {.modulo-bloques .reducir-ancho-bloque { width: 90% !important; margin: 0px 5%;}}

/*Servicios Portada Iconos*/
.servicios-portada .heading {  z-index: 1; margin-bottom:30px;}
.col-xs-12.col-sm-12.col-md-12.text-center.ajustado.servicios-portada-iconos{ padding: 0;}
.servicios-portada-iconos .texto-bloque {  width: 90%;  margin: 0 auto;}
.servicios-portada-iconos .titulo-servicio-portada {text-transform:uppercase;}

/** == 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;}
}

/*Ajuste Catálogo con Listado*/
.modulo-categorias:not(.listado-categorias-mega) .list-group .collapse.in, .modulo-categorias:not(.listado-categorias-mega) .list-group .collapsing {  margin-left: 0;}
#sidebar_primaria a{color:#000!Important;}
#sidebar_primaria .collapse .collapse .list-group-item a,#sidebar_primaria .collapse.in .collapse .list-group-item a, #sidebar_primaria .collapse .collapsing .list-group-item a,#sidebar_primaria .collapse.in .collapse .list-group-item a {padding-left:25px;}
#sidebar_primaria .list-group-item.active, #sidebar_primaria .list-group-item.active:hover, #sidebar_primaria .list-group-item.active:focus {color:#000!Important;}
#sidebar_primaria .list-group-item {  padding: 10px 5px;  border: none;}
#sidebar_primaria .list-group.panel>.list-group-item { display: none;}
@media (min-width:768px) and (max-width:1199px) {div#sidebar_primaria { padding: 0; font-size: 17px;width: 32%;}}


#sidebar_primaria .list-group-item {margin-bottom: 2px!important;}
#sidebar_primaria .list-group-item:hover {background-color: #faf4ee;}



.modulo-container.modServicios div.funcionalidad-productos {padding-left: 0px;}

.portada .form_encabezado, .portada .modulo-formularios img, .portada .funcionalidad-galerias.galeria-menu p, .portada .funcionalidad-galerias.galeria-menu h1, .portada .funcionalidad-galerias.galeria-menu blockquote {display: none;}


/**LISTADO DE CATEGORÍAS menu horizontal que apure todo el contenido**/
.modulo-container.modServicios div.funcionalidad-productos {padding-left: 0;}
.modulo-container.modServicios { padding: 0!important;}
.row.centrar-bloques.arreglo-servicios { margin: 0!important;}
.modulo-container .funcionalidad-productos .cabecera-listado-producto-servicios {  padding: 10px 0; }
.modulo-container .funcionalidad-productos .cabecera-listado-producto-servicios .nombre-producto {font-size: 18px;text-transform: none; }
span.col-xs-6.nombre-producto.h4 { width: 100%;}

@media (max-width:767px) {
   	 .modulo-container.modServicios div.funcionalidad-productos .sub-categoria-moda ul li {margin:0 0px 5px 0;}
	.modulo-container.modServicios div.funcionalidad-productos .sub-categoria-moda ul li, .modulo-container.modServicios div.funcionalidad-productos .sub-categoria-moda ul li a {width:100%;}
}
@media (min-width:768px) {
    	.modulo-container.modModa div.funcionalidad-productos .row.centrar-bloques { display: block;}
    	.modulo-container.modModa div.funcionalidad-productos.col-3.igualar-altura .row.centrar-bloques { display: flex;}  
	.sub-categoria-moda ul { display: flex; width: 100%; padding: 0; margin: 0; align-items: stretch; }
	.sub-categoria-moda ul li { flex: 1; width: 100%; align-items: stretch;  display: flex; flex-direction: column; }
	.sub-categoria-moda ul li a {display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 10px; box-sizing: border-box; font-size:18px!important;  height: 100%;}
}

/* Correción Galerías 1 línea*/
.funcionalidad-galerias.galeria-menu .menu-galeria li a { white-space: normal!important; text-overflow: unset!important;}
.funcionalidad-galerias.galeria-menu .menu-galeria li, .funcionalidad-galerias.galeria-menu .menu-galeria li:last-child, .funcionalidad-galerias.galeria-menu .menu-galeria li:hover, .funcionalidad-galerias.galeria-menu .menu-galeria li a { transform: none!important;}
.funcionalidad-galerias.galeria-menu .menu-galeria { padding-left: 0; padding-right: 0;}
.funcionalidad-galerias.galeria-menu .menu-galeria li { min-width: 25%;}
.funcionalidad-galerias.galeria-menu .menu-galeria li a {  height: 100%;  display: flex; justify-content: center;}
.menu-galeria {list-style: none;padding: 0; margin: 0;display: flex;}
.menu-galeria li {flex-grow: 1;text-align: center;}
.menu-galeria li a {text-decoration: none;display: block;padding: 15px 0;}

.funcionalidad-galerias.galeria-menu .caption p { color: #000!Important;  text-shadow: none; font-weight: bold;}
.funcionalidad-galerias.galeria-menu .menu-galeria {align-items: stretch;}
.funcionalidad-galerias.galeria-menu .menu-galeria li, .funcionalidad-galerias.galeria-menu .menu-galeria li:last-child, .funcionalidad-galerias.galeria-menu .menu-galeria li:hover, .funcionalidad-galerias.galeria-menu .menu-galeria li a { align-items: center;}

@media (max-width: 425px) {
    .funcionalidad-galerias.galeria-menu .tab-content .carousel .carousel-indicators li {background-color: #2c2b2b;}
    .carousel-control .fa-chevron-right, .carousel-control .fa-chevron-left {font-size: 3em; color: #fff;top: 40%;}
}


/** == Ajustes de Accesibilidad == **/


/** == Construcciones de redactor y generadas por Tiny == **/

.listado-aire li {margin-bottom:1.2em;}
blockquote { font-size: 20px; border-left: 5px solid #587e5d;}
.row.botonera-listado { margin: 20px 0 20px;}
.botonera-listado .list-inline { display: flex; width: 100%; padding: 0; margin: 0;list-style: none; justify-content: space-between; }
.botonera-listado .list-inline li { flex: 1;     margin: 0 5px;  display: flex; align-items: stretch; }
.botonera-listado .list-inline li a {  display: flex; justify-content: center; align-items: center; width: 100%;     text-align: center; padding: 10px 0; box-sizing: border-box; height: 100%; }
.row.botonera-listado-2 a.btn.boton-default { width: 100%;}
.row.botonera-listado-2 li {margin-bottom:10px; width:100%;}

@media (max-width: 767px) {
    .botonera-listado .list-inline { display: block;}
    .botonera-listado .list-inline li { margin: 5px 0; }
    .botonera-listado li a { width: 100%; margin-bottom: 10px;}
}

@media (min-width:768px) {.row.botonera-listado { margin: 20px 0  50px;}}
@media (min-width:768px) { .row.bloque-interior-localizacion { display: flex;  align-items: center;}}

.rotura { clear: both; padding: 20px 0px;}
@media (min-width:768px) {.rotura.eslogan-dos-columnas { display: flex; align-items: center;}}


/** == 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 == **/
.highlight-text-animation {  display: inline-block; background-image: linear-gradient(to right, #faf4ee 50%, #ffffff00 50%); background-size: 200% 100%; background-position: 100% 0; transition-timing-function: ease-in;  color: #000000; padding: 0px 6px; white-space: pre; opacity: 0; }
.highlight-text-animation.animate { animation: 0.8s ease-in 0.3s forwards highlight; opacity: 1; }

@keyframes highlight {
    from { background-position: 100% 0;}
    to { background-position: 0 0;}
}

.datos-contacto-seccion { margin-bottom: 30px;}
.form-group .col-sm-12 { padding: 0;}
.bordes-encuadrados.sin-icono .borde-cuadrado { border: none;}
.formularios-portada .form-actions button.btn { width: 50%;}
.form-group.anchoCompleto button {width: 48%;}
.campo-form fieldset, .form-group .input-large fieldset {margin: 30px;}
button.btn.boton-default:last-child { background-color: #F0F0F0!important; color: #000!Important;}
.campo-form .checkbox, .form-horizontal .checkbox { width: 50%; float: left;}
.form-horizontal .checkbox {  padding-top: 25px; padding-bottom: 25px;}

@media (max-width:767px) {
     .form-actions button.btn {  width: 100%; margin-bottom: 10px;}
    .form-actions .btn { width: 100%!important; margin-bottom: 10px;}
    .formulario-de-contacto.borde-cuadrado .col-lg-6.col-md-6.col-sm-12.col-xs-12 {padding:0;}
    .bordes-encuadrados .input-large fieldset .radio>label { padding-left: 0px;}
}
@media (min-width:768px) { .campo-form fieldset .radio, .form-group .input-large fieldset .radio { font-size: 18px; width: 50%; float: left;} }

#content_main .row.bloque-interior-localizacion .btn .color-fuente-destacado { color: #fff!important;}
.modulo-productos-destacados span.h4.enlace-descripcion, .vistaModa .title { font-weight: bold; text-transform: uppercase;}
#content_main .vistaModa .title a {color:#000!important;}
#content_main .vistaModa span.parrafo { display: none;}
.categoria-productos span.h4 {text-align:center;}

@media (max-width:767px) { #bajo-footer .nav.navbar-nav li a {text-align: center;}}

div#main {min-height:65vmin !important}