@charset "utf-8";
/* CSS Document */

/* COLORES
negro oscuro:#232323 
gris oscuro: #212121 
blanco sucio: #fafafa
color1 (naranja):#dfaf1f;

FUENTES:
font-family:'Muli', sans-serif; 
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Muli Condensed', sans-serif;
*/


body{background-color:#FFF;	overflow-x: hidden;	width:100%;height:100%;}
html{width:100%;height:100%; }
header{}

.row {max-width: 90.063em;max-width: 120em;width:100%;}

#main{padding:0 auto; margin:0 auto;height:auto;width:100%;margin-top:100px;background-color:#fafafa;}
.sombra{-webkit-box-shadow: 0 0 0 2px white, 0 3px 2px #c2c2c2 ;  -moz-box-shadow: 0 0 0 3px white, 0 3px 2px #c2c2c2 ;   box-shadow: 0 0 0 2px white, 0 3px 2px #c2c2c2 ;}
.contenido-sincabecera{margin-top:0px;padding-top:50px;background-color:#FFF;}
.contenido{background-color:#FFF;padding-bottom:40px;}


@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
#main{margin-top:123px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/* colores */
/*#dfaf1f*/
.fondo-color1{background-color: #dfaf1f;}
.color-color1{color: #dfaf1f;}
.fondo-blancoaux{background-color: #fafafa;}
.color-blancoaux{color: #fafafa;}
.fondo-blanco{background-color: #FFF;}
.color-blanco{color: #FFF;}
.fondo-negro{background-color:#232323;}
.color-negro{color: #443937;}
.fondo-gris{background-color:#343b41;}
.color-gris{color: #343b41;}

/* Efectos */
.img-fadein{	/* efecto aparición imagen */
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */ 
-ms-animation: fadein 2s; /* Internet Explorer */ 
-o-animation: fadein 2s; /* Opera < 12.1 */ 
animation: fadein 2s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ 
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ 
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ 
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }


/* Fuentes */
h1{font-family: 'Oswald', sans-serif;font-weight: 300;color:#5d5d5d;font-size: 1.475rem;letter-spacing:0.1em;}
h2{font-family: 'Oswald', sans-serif;font-weight: 300;color:#5d5d5d;font-size: 1rem;letter-spacing:0.05em;}
.destacado{color:#e00315;}
p{font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 0.875rem;font-size: 1rem;}
a { color: #b40615;}
a:hover, a:focus {color: #636161; }
a img:hover{opacity:0.7;}
table th {font-family: 'Muli', sans-serif;color:#636161;font-weight:lighter !important;}
#main table td{font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 1rem;}
#main ul li{font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 1rem;}
#main ol li{font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 1rem;}


/*************
HOME
*************/

.top-bar-menu-sup {background: #e00315;} 
.top-bar-menu-sup.expanded .title-area {background: #e00315;}  
.top-bar-section-menu-sup ul li { background-color:#e00315 !important; }
.top-bar-section-menu-sup ul li > a {color:#FFF; font-family: 'Oswald', sans-serif; font-size: 0.9rem; padding: 12px 0 10px 0.9375rem;background-color:#e00315!important;font-weight:lighter;letter-spacing:0.1em;}  
.top-bar-section-menu-sup ul li > a:hover {background-color:#f3f3f3 !important;color: #5d5d5d !important;}   
.top-bar-section-menu-sup ul li.active > a {background-color: #f3f3f3 !important;color: #5d5d5d !important;}
.top-bar-section-menu-sup ul li.active > a:hover {background-color: #f3f3f3 !important;color: #5d5d5d !important;}

.top-bar-section-menu-sup ul li ul{ background-color:#e00315 !important; }
.top-bar-section-menu-sup ul li ul li{ background-color:#e00315 !important; }
.top-bar-section-menu-sup ul li ul li > a {color:#FFF; font-family: 'Oswald', sans-serif; font-size: 0.9rem; padding: 12px 0 12px 0.9375rem;background-color:#e00315!important;font-weight:lighter;}  
.top-bar-section-menu-sup ul li ul li > a:hover {background-color:#CCC !important;color: #5d5d5d !important;}   
.top-bar-section-menu-sup ul li ul li.active > a {background-color: #CCC !important;color: #5d5d5d !important;}
.top-bar-section-menu-sup ul li ul li.active > a:hover {background-color: #CCC !important;color: #5d5d5d !important;}

/* Menu */
.top-bar-menu {background: #FFF;} 
.top-bar-menu.expanded .title-area {background: #FFF; }  
.top-bar-section-menu ul li { background-color:#FFF !important; }
.top-bar-section-menu ul li > a {color:#5d5d5d; font-family: 'Oswald', sans-serif; font-size: 1em;background-color:#FFF!important;padding-top:10px !important;padding-bottom:8px !important;letter-spacing:0.1em;}  
.top-bar-section-menu ul li > a:hover {background-color:#f3f3f3 !important;color: #5d5d5d !important;}   
.top-bar-section-menu ul li.active > a {background-color: #f3f3f3 !important;color: #5d5d5d !important;}
.top-bar-section-menu ul li.active > a:hover {background-color: #f3f3f3 !important;color: #5d5d5d !important;}


/* Marcas destacadas en el home */
.marcas-home{}
.marcas-home-item{padding:5px 5px 5px 5px;border:1px solid #e7e6e6;margin-bottom:5px;}
.marcas-home-item img{padding:1px 1px 1px 1px;}



/*.carrito-home img:hover{opacity:0.5;}*/
.home-slider{margin-top:-5px;background-color:#000;}
.home-banner{padding-top:20px;padding-bottom:5px;margin-top:5px;}
.home-banner h2{color:#FFF;text-align:center;}
.home-banner p{color:#FFF;text-align:center;}
.home-banner p a{color:#FFF;font-weight:bolder}
.home-banner p a:hover{color:#CCC;}



.condiciones-home{padding-top:30px;padding-bottom:30px;}
.condiciones-home h1{color:#FFF;}
.condiciones-home h2{color:#FFF;}
.condiciones-home p{color:#FFF;}

/* Menu productos */

.menu-productos{padding-left:0px;margin-left:0px;}
.menu-productos h1{border-bottom: 1px solid #dcdbdb;padding-top:8px;padding-bottom:8px;padding-left:10px;letter-spacing: 1px;}
.menu-productos .side-nav{} 
.menu-productos .side-nav ul{}
.menu-productos .side-nav li{border-bottom: 1px solid #dcdbdb;padding-top:0px;padding-bottom:0px;}
.menu-productos .side-nav li>a {color:#FFF !important;font-size: 1rem;font-family: 'Roboto', sans-serif;margin-top:-7px !important;padding-left:30px;padding-top:10px;color:#dfaf1f}
.menu-productos .side-nav li>a:hover {background-color:#595959 !important;}   

.submenu-productos{}
.submenu-productos .side-nav{margin-top:-7px;margin-bottom:0px;padding-bottom:0px} 
.submenu-productos .side-nav ul{}
.submenu-productos .side-nav li{border-bottom: 0px;}
.submenu-productos .side-nav li:first-child a{padding-top:20px;}
.submenu-productos .side-nav li:last-child a{padding-bottom:20px;}
.submenu-productos .side-nav li>a {color:#FFF !important;font-size: 0.9rem;font-family: 'Roboto', sans-serif;margin-top:-7px !important;background-color:#343b41 !important;padding-top:6px;padding-bottom:4px;}
.submenu-productos .side-nav li a {padding-left:30px !important;}
.submenu-productos .side-nav li>a:hover {background-color:#343b41 !important;color:#dfaf1f !important;}   


.condiciones-home{}
.condiciones-home table{background-color:transparent;border:0px;}


/* TRABAJOS */
/* Listado de trabajos */
.pricing-table-trabajos {border:1px solid #e7e6e6;}
.pricing-table-trabajos:hover {border:1px solid #e00315;}
.pricing-table-trabajos  * { }
.pricing-table-trabajos .title {background-color:#FFF;font-family: 'Muli', sans-serif;font-weight: 300;color:#5d5d5d ;font-size: 0.875rem;}
.pricing-table-trabajos .description {font-family: 'Muli', sans-serif;font-weight: 300;color:#5d5d5d ;font-size: 0.875rem;text-align:center;background-color:transparent;float:center;margin:0 auto;text-align:center;padding-top:0px;padding-bottom:0px;line-height:2em}
.pricing-table-trabajos .fecha {background-color:transparent;padding-top:10px;padding-bottom:10px;font-size:12px !important;}
.pricing-table-trabajos .price {font-size: 1.2rem;font-family: 'Oswald', sans-serif;color:#5d5d5d;background-color:transparent;font-weight:100;padding-top:10px;padding-bottom:10px;}
.pricing-table-trabajos .cta-button {background-color:transparent;}
.pricing-table-trabajos .button {font-family: 'Oswald', sans-serif;color:#5d5d5d;background-color:#FFF !important;border-color:#e7e6e6;border-radius: 25px;padding-left:25px !important;padding-right:25px !important;padding-top:0px;padding-bottom:0px}  
.pricing-table-trabajos .button:hover{background-color:#c00c1e !important;color:#FFF; border-radius: 25px;border-color:#e7e6e6;}
.pricing-table-trabajos p{line-height:1.5em;}
/* Ficha de trabajo */
.trabajo-contenido{min-height:700px;}
.trabajo-contenido h5{font-size:12px;text-align:left;color:#636161;}
.trabajo-contenido h1{text-align:left;}
.trabajo-actual{margin-top:50px;padding-bottom:40px;}
.trabajo-anterior{margin-top:150px;}
.trabajo-anterior h2{color:#999;text-align:left;}
.trabajo-anterior p{color:#999;text-align:left;}
.trabajo-anterior:hover{opacity:0.7;}
.trabajo-siguiente{margin-top:150px;}
.trabajo-siguiente h2{color:#999;text-align:left;}
.trabajo-siguiente p{color:#999;text-align:left;}
.trabajo-siguiente:hover{opacity:0.7;}




/* PRODUCTOS */

/* familias de estilos de productos */
.familia-estilo{padding-top:20px}
.familia-estilo .detalle-estilo .borde{border:1px solid #5d5d5d;border-radius:5px}
.familia-estilo .detalle-estilo a:hover>.borde{border:1px solid #e00315;border-radius:5px}
.familia-estilo .detalle-estilo .borde h2{padding-top:20px;padding-bottom:20px}
.familia-estilo .detalle-estilo a:hover>.borde h2{color:#e00315 !important;}


.pricing-table {border:hidden;border:1px solid #e7e6e6;}
.pricing-table:hover {border:1px solid #e00315;}
.pricing-table * { }
.pricing-table .title {font-family: 'Muli', sans-serif;font-weight: 300;color:#5d5d5d ;font-size: 0.875rem;background-color:transparent;padding-top:10px;padding-bottom:10px;}
.pricing-table .imagen{height:286px;max-height:286px;text-align:center; }
.pricing-table .imagen img{max-height:286px;vertical-align:middle !important;margin:0 auto;padding:0 auto;}
.pricing-table .description {font-family: 'Muli', sans-serif;font-weight: 300;color:#5d5d5d ;font-size: 0.875rem;background-color:transparent;float:center;margin:0 auto;text-align:center;padding-top:0px;padding-bottom:10px}
.pricing-table .description .colores{float:center;margin:0 auto;display:inline-block;text-align:center;}
.pricing-table .description .colores .color-producto{padding:2px 2px 2px 2px;width:auto;opacity:0.8;float:center;margin:0 auto;}
.pricing-table .description .colores .color-producto>div{height:20px;width:20px;border:1px solid #CCC;}
.pricing-table .price {font-size: 1rem;font-family: 'Oswald', sans-serif;color:#5d5d5d;background-color:transparent;font-weight:100;padding-top:10px;padding-bottom:10px;}
.pricing-table .price-descuento {/*background-color:#d50e0e;*/background-color: rgb(213,14,14,0.7);color:#FFF !important;position:absolute;margin-top:-300px;}
.pricing-table .price-novedad {/*background-color:#d50e0e;*/background-color: rgb(213,14,14,0.7);color:#FFF !important;position:absolute;margin-top:-340px;}
.pricing-table .cta-button {background-color:transparent;}
.pricing-table .button {font-family: 'Oswald', sans-serif;color:#999;background-color:#FFF !important;border-color:#999;border-radius: 25px;padding-top:10px !important;padding-bottom:13px !important;padding-left:25px !important;padding-right:25px !important;font-size:12px;width:100%;background-color: rgba(255,255,255,1);	}  
.pricing-table .button:hover{background-color:#c00c1e !important;color:#FFF; border-radius: 25px;border-color:#c00c1e;}
.pricing-table p{line-height:1.5em;}

/* Ficha de producto */
.producto-ficha .producto-galeria{border: 1px solid #CCC;padding-top:5px;;padding-bottom:5px;height:auto;overflow:hidden;}
.producto-ficha .producto-datos p{line-height:2em;}
.producto-ficha .producto-datos .producto-fabricante{text-align:center;padding-bottom:10px;}
.producto-ficha .producto-datos span{font-family: 'Oswald', sans-serif;letter-spacing:0.05em;}
.producto-medidas,.producto-colores,.producto-compra,.producto-presupuesto{background-color:#FFF;border:1px solid #f2f2f2;}
.producto-compra #Imp{font-family: 'Oswald', sans-serif;font-weight: 300;color:#5d5d5d;font-size: 1.475rem;padding-top:20px;}


.breadcrumbs { border-radius: 0px;background-color:#f3f3f3 !important;}
	.breadcrumbs li { color:#5d5d5d; font-family: 'Oswald', sans-serif;  font-size: 0.9rem;}
    .breadcrumbs > * a { color:#5d5d5d; font-family: 'Oswald', sans-serif;  font-size: 0.9rem;}
	 .breadcrumbs > * a:hover { color:#c00c1e; text-decoration:none;   }


.accordion .accordion-navigation.active > a, .accordion dd.active > a {background: #e8e8e8; }
.accordion .accordion-navigation > a, .accordion dd > a {background: #EFEFEF;
      color: #222222;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      padding: 1rem;	  
	   }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background: #e3e3e3; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #FFFFFF;
}
	
	
/* PRODUCTO */

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
	
	
/* SECCION LEGAL */
.seccion-legal{padding-top:80px;padding-bottom:80px}

/* SECCION SIN SLIDER */
.seccion-simple{margin-top:0px;padding-top:30px;background-color:#FFF}


/* FORMULARIOS */


/* Formulario de búsqueda de productos */
.FormBusqueda .button {font-family: 'Oswald', sans-serif;color:#c00c1e;background-color:#FFF !important;border-color:#c00c1e;border-radius: 25px;padding-top:10px !important;padding-bottom:13px !important;padding-left:25px !important;padding-right:25px !important;font-size:12px;width:100%;}  
.FormBusqueda .button:hover{background-color:#c00c1e !important;color:#FFF; border-radius: 25px;border-color:#c00c1e;}	
.FormBusqueda label{font-size:11px;}
.FormBusqueda select {background-color:#FFF; !important;font-family:font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 0.875rem;}
.FormBusqueda select:hover {  background-color:#f3f3f3 !important;border-color: #cccccc !important;}





form label {font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 0.875rem;}  
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {background-color:#F2F2F2 !important; height: 2.5rem; color:#232323;border-radius: 0px;
border-color:#f2f2f2 !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Muli', sans-serif;font-size:1em}
select {font-size:1em;font-family: 'Muli', sans-serif !important;}
select option{font-size:1em;font-family: 'Muli', sans-serif !important;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;}
/* Customize the label (the container) */
.container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 1em;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Hide the browser's default checkbox */
.container input {position: absolute;opacity: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #CCC;}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {background-color: #ffa700;}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {background-color: #ffa700;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


.button-form {background-color: #dfaf1f;background-color: rgba(223,175,31,0.7);border-color: #232323; /* fallback */border-color: rgba(255, 255, 255, 0.7);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}  
.button-form:hover, .button-form:focus {background-color: #232323; /* fallback */background-color: rgba(35, 35, 35, 0.7);border-color: #232323; /* fallback */border-color: rgba(255, 255, 255, 0.7);transition: background-color 0.3s ease-in,border-color 0.3s ease-in;}
.button:hover, .button:focus{background-color: #343b41 !important;color: #FFFFFF;}
.button {background-color: #232323 !important;font-family: 'Muli', sans-serif;color:#FFF;border: 1px solid #dfaf1f; outline: none;	text-decoration: none;transition: background-color 1s ease-out, border-color 1s ease-out;background-color: rgba(64, 132, 171, 1);}  
.button-form:hover, .button-form:focus {background-color: #fafafa;background-color: rgba(250, 250, 250, 1);border-color: #4084ab;color:#4084ab;border-color: rgba(64, 132, 171, 1);transition: background-color 0.3s ease-in,       border-color 0.3s ease-in;}
.descripcion-producto p{padding-top:0px;padding-bottom:0px; margin-top: 0px;  margin-bottom: 0px;}
 

/* CESTA */
.cesta td{font-family: 'Muli', sans-serif;font-weight: 300;color:#636161;font-size: 0.875rem;}
.cesta td b{font-weight: 500;}

/* Comprar */
.FormComprar .button {font-family: 'Oswald', sans-serif;color:#c00c1e;background-color:#FFF !important;border-color:#c00c1e;border-radius: 25px;padding-top:10px !important;padding-bottom:13px !important;padding-left:25px !important;padding-right:25px !important;font-size:12px;width:auto;}  

/* AVISO COOKIES */
#overbox3 {position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 999999;display: block;}
#infobox3 {margin: auto;position: relative;top: 0px;height: auto;width: 100%;text-align:center;background-color: #eeeeee;padding-top:20px;padding-bottom:10px;}
#infobox3 p {line-height:normal;font-size:12px;text-align:center;color:#232323;}
#infobox3 p a {margin-right:5px;text-decoration: underline;}

/* FOOTER OK */
footer{width: 100%;height:auto;margin-top:0px;background-color:#212121;}
footer h2{font-size: 1rem;font-weight:400;color:#FFF;padding-top:10px;}
footer p {color:#8d8d8d;}
footer a{color:#8d8d8d;}
footer a:hover{color:#FFF;}
footer i {color:#8d8d8d;}


/* PAGINACION */
#Paginacion {margin-top:15px; width:100%;}
#Paginacion li {border:0px; margin:0; padding-bottom: 4px; list-style:none; float:left; }
#Paginacion a {float: left; margin-right:2px; background-color:#ece7e8; font-family: 'Muli', sans-serif;font-weight: 400;color:#ff7200;font-size:0.9rem;border:0px;cursor: pointer;}
#Paginacion .previous-off, #Paginacion .next-off {font-family: 'Muli', sans-serif;color: #CCC;  margin-right:2px; padding: 9px 11px;border:0px;font-size:0.9rem; }
#Paginacion .next a, #Paginacion .previous a {font-family: 'Muli', sans-serif;border:0px;color:#443937;font-size:0.9rem; }
#Paginacion .active {background-color: #e00315; color:#FFF;font-family: 'Muli', sans-serif; font-size:0.9rem; padding: 9px 11px; margin-right:2px;border:0px;}
#Paginacion a:link,#Paginacion a:hover {background-color: #e00315; color:#FFF;font-family: 'Muli', sans-serif; padding: 9px 11px; margin-right:2px;border:0px;font-size:0.9rem;}
.anterior, .siguiente, .numero {color: #443937; font-family: 'Muli', sans-serif;  font-size:0.9rem; padding: 9px 11px; border-color:#CCC;background-color:#ece7e8;border:0px;cursor: pointer;}

.anterior:hover, .siguiente:hover, .numero:hover {background-color: #FFF; border-color:#FFC726;color:#e00315;font-size:0.9rem;}
/* FIN: PAGINACION */