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

/* COLORES
negro oscuro:#232323 
gris oscuro: #343b41 
blanco sucio: #f5f5f5
color1 (naranja):#dfaf1f;

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


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

.row {max-width: 64.063em;/*max-width: 90.063em;*/}

#main{height: auto;padding:0 auto; margin:0 auto;height:100%background-color:#FFF;}


/* colores */
/*#dfaf1f*/
.fondo-color1{background-color: #dfaf1f;}
.color-color1{color: #dfaf1f;}
.fondo-blancoaux{background-color: #f5f5f5;}
.color-blancoaux{color: #f5f5f5;}
.fondo-blanco{background-color: #FFF;}
.color-blanco{color: #FFF;}
.fondo-negro{background-color:#232323;}
.color-negro{color: #232323;}
.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; } }


.logotipo{position:absolute; top:0; bottom:0; margin:auto;left: 0; right:0;}

/* Fuentes */
h1{font-family: 'Fjalla One', sans-serif;font-weight: 300;font-size: 1.475rem;letter-spacing:0.05em;padding-bottom:0px;color:#3b3b3b}
h2{font-family: 'Fjalla One', sans-serif;font-weight: 300;font-size: 1.275rem;letter-spacing:0.05em;padding-bottom:0px;color:#3b3b3b}
p{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#636161;color:#232323;font-size: 1em;text-align:justify;}
#main ul li{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#636161;color:#232323;font-size: 1em;text-align:justify;}
#main ol li{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#636161;color:#232323;font-size: 1em;text-align:justify;}
a { color: #000;}
a:hover, a:focus {color: #636161; }
.titular:before {background-image: url(../imagenes/detalle-titulo-empresa.png); background-repeat:no-repeat;background-position:center center;padding:0px 15px; content: " ";}


/*************
HOME
*************/
/* Menu */
.top-bar-menu {background: #343b41;} 
.top-bar-menu.expanded .title-area {background: #343b41; }  
.top-bar-section-menu ul li { background-color:#343b41 !important; }
.top-bar-section-menu ul li > a {color:#fafafa; font-family: 'Fjalla One', sans-serif; font-size: 0.9rem;padding-left: 0.9375rem;padding: 12px 0 12px 0.9375rem;background-color:#343b41 !important;letter-spacing:0.05em}  
.top-bar-section-menu ul li > a:hover {background-color:#ff3300 !important;}   
.top-bar-section-menu ul li.active > a {background: #ff3300 !important;color: #fafafa !important;}
.top-bar-section-menu ul li.active > a:hover {background-color: #ff3300 !important;color: #fafafa !important;}



.titulo-cabecera{	
	position: absolute;	margin-left: auto;margin-right: auto;
	left:0;	right:0;
	width:100%;height:auto;	
	z-index:10;
	/*
	top:-200px;	
	top:220px;/*\9; /* IE6, IE7, IE8, IE9 */
				
	-moz-animation-name: titularCabecera;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.8s;
	
	-webkit-animation-name: titularCabecera;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;	
	
    animation-name: titularCabecera;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@media all and (-ms-high-contrast:none){
	/*
 .titulo-cabecera { top:220px; } *//* IE10 */
 /**::-ms-backdrop, .titulo-cabecera{ top:220px; } *//* IE11 */
 }


@-moz-keyframes titularCabecera {
    0% {-moz-transform: translate(0,0) scale(0.2,0.2) ;}
    100% {-moz-transform: translate(0,0) scale(1,1);}
}
@-webkit-keyframes titularCabecera {
    0% {-webkit-transform: translate(0,0) scale(0.2,0.2);}
    100% { -webkit-transform: translate(0,0) scale(1,1);}
}
@keyframes titularCabecera {
    0% { transform: translate(0,0) scale(0.2,0.2);}
    100% { transform:translate(0,0) scale(1,1);}
}


.titulo-cabecera-center {position: absolute;margin-left: auto;margin-right: auto;left:0;right:0;width:100%;height:auto;}
.titulo-cabecera-center h1{text-align:center; font-size:30px;font-family: 'Fjalla One', sans-serif;letter-spacing:0.05em;padding-bottom:0px;color:#3b3b3b;font-variant:small-caps;text-shadow: 0.025em 0.025em 0.025em #232323;}


/* Marcas Home*/
/*.marca img {position:absolute; top:0; bottom:0; margin:auto;left: 0; right:0;}*/


/* Menu productos */

.menu-productos{padding-left:0px;margin-left:0px;}
.menu-productos h1{border-bottom: 1px solid #fafafa;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 #CCC;padding-top:0px;padding-bottom:0px;}
.menu-productos .side-nav li>a {color:#FFF !important;font-size: 1rem;font-family: 'Fjalla One', sans-serif;margin-top:-7px !important;padding-left:30px;padding-top:10px;color:#dfaf1f;letter-spacing:0.1em}
.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;color:#FFF;}
/*
.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;color:#FFF !important}
.submenu-productos .side-nav li>a:hover {background-color:#595959 !important;}   
.submenu-productos a .active {background-color:#595959 !important;}   


/* ORBIT */
.orbit-bullets {top: 0px;visibility: hidden;}
.orbit-slide-number {visibility: hidden;}	

/* FORMULARIOS */
button {margin: 0 0 0rem !important;padding: 0.8rem 1rem 0.8rem 1rem !important; font-size: 1rem;background-color: #343b41 !important;border-color: #343b41;color: #FFF; transition: background-color 300ms ease-out; }  
button:hover, button:focus{ background-color: #ff3300 !important;color: #FFF;} 
form label {font-family: 'Open Sans', sans-serif;font-weight: 300;color:#636161;font-size: 0.875rem;}
  



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


/* FOOTER */
footer{	width: 100%;height: auto;bottom: 0;margin:0 auto; padding:0 auto;margin-top:30px}
footer h1{font-family: 'Fjalla One', sans-serif;letter-spacing:0.05em;padding-bottom:0px;color:#f5f5f5;;font-size: 1rem;font-weight:lighter;	}
footer p {color:#FFF;font-weight: 300;font-size: 0.875rem}
footer a{color:#FFF;}
footer a:hover{color:#d9dbdc;}
footer .side-nav {font-family: 'Open Sans', sans-serif;padding: 0.875rem 0;font-weight: 300;font-size: 0.875rem;}
footer .side-nav li {margin: 0 0 0 0; }
footer .side-nav li a:not(.button) { color: #FFF;padding: 0.0375rem 0.775rem; }
footer  .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {color: #d9dbdc; }
footer .side-nav li a:not(.button):active {color: #d9dbdc; }
footer  .side-nav li.active > a:first-child:not(.button) {}