*{
	border: 0;
	margin: 0;
	padding: 0;
}

article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;
/*estilos del sitio*/	
}
@font-face {
	font-family: "sui generis rg";
	src: url("../font/sui generis rg.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Facile Sans";
	src: url("../font/Facile Sans.otf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Chosence Light";
	src: url("../font/Chosence Light.otf");
	font-weight: normal;
	font-style: normal;
}
body{
	font-family: franklin gothic book, kartika;
	font-size: 1em;
	/*letter-spacing: 0.1em;*/
}
/*HEADER*/
#cabeza{
	width: 100%;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	z-index: 2;
}
#logomenu{
	display: block;
	width: 100%;
	vertical-align: top;
	margin: auto;
}
#logo{
	display: inline-block;
	width: 20%;
	margin: auto;
	padding: auto;
}
#logo img{
	width: 61%;
	margin: 3% 0px 4% 21%;
}
#nav{
	display: inline-block;
	width: 52%;
	padding: 0;
	margin: 0 0 0 0;
	vertical-align: top;

}

/*MENU DESPLEGABLE PRODUCTOS
CARACTERISTICAS GENERALES*/
nav ul{
	list-style: none;
	z-index: 100;

}
nav li{
	line-height: 2.4em;
	position: relative;
}
nav li ul{
	position: absolute;
}
nav a{
	text-decoration: none;
	color: #6E6E6E;
	display: block;
	padding: 0 0.8em;
	transition: all 0.3s ease-in;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	letter-spacing: 1px;
	text-transform: uppercase;
	border-width: 0;
	border-style: solid;
	border-color: #fff #ccc #999 #eee;

}
nav a:hover, nav a:focus{
	color: #1E71B8;
	outline: 0;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: #fac754;
	background: linear-gradient(#f5f5f5,#c1c1c1);
}
nav a:active{
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.3) inset;
}
nav li ul{
	display: none;
}
nav li:hover > ul{
	display: block;
}
/*PRIMER NIVEL*/
nav > ul{
	display: table;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 2%;
}
nav > ul > li{
	float: left;
	line-height: 6em;
}
/*SEGUNDO NIVEL*/
nav li li{
	background: #fff;
	width: 155%;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 6px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 6px 0px rgba(50, 50, 50, 0.3);
}
nav > ul > li > ul{
	top: 100%;
}
/*TERCER NIVEL NIVEL*/
nav ul ul ul{
	left: 100%;
	top: 0;
}

/*MENU DESPLEGABLE CONTRALOGO*/
#contralogo{
	display: inline-block;
	width: 27%;
	background: #FFF;
	vertical-align: top;
	color: #6E6E6E;
	margin: 2% 0 0 0;
	line-height: 1.5em;
}
#contralogo ul{
	list-style: none;
	display: flex;
	cursor: pointer;
}
#contralogo ul ul{
	display: none;
}
#contralogo ul li:hover ul{
	display: block;
	position: absolute;
	z-index: 50;
	background: #FFF;
	padding: 0.5%;
	max-width: 14%;
}
.t1{
	font-size: 1.5em;
	margin: 1% 0 1% 20%;

}
.t2{

}
.t3{
	margin: 0 0 0 20%;

}
/*OFERTAS DESTACADAS*/
#cuadro{
	height: 60%;
	z-index: -10;
	/*overflow: hidden;*/
}
#cuadro section{
	height: 60%;
}
#ofertas{
	font-size: 2em;
	font-weight: bold;
	color: #0040FF;
	padding:0;
	text-align: center;

}
#ofertas2{
	text-align: center;
	color: #848484;
}
#inagu{
	background: #E6E6E6;
	width: 90%;
	margin: 1% auto 0 auto;
	/*border: 0.1em dashed;*/
	padding: 0 2%;
	
}
.ofindex{
	background: #F2F2F2;
	display: inline-block;
	text-align: center;
	width: 23.5%;
	margin: 0.5%;
	max-height: 40em;
}
.ofindex img{
	text-align: center;
	width: 100%;
	margin: auto;
}
.ofindex h1{
	font-size: 1em;
	color: #848484;

}
.ofindex h2{
	font-weight: bold;
	font-size: 2em;
	color: #0040FF;

}
.ofindex h3{
	font-size: 0.8em;
	color: #848484;

}

/*FOOTER*/
#footer{
	display: block;
	background: rgba(0, 0, 0, 1) url(../img/fondos/texture-dark.jpg) repeat;
	width: 100%;
	padding-bottom: 3%;
	padding-left: 5%;
	box-sizing: border-box;
}
.footer{
	/*background: #000;*/
	display: inline-block;
	width: 20%;
	color: #FFFFFF;
	padding: 2% 0 2% 0.5%;
	vertical-align: top;
}
.footer h1{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10%;
}
.footer p{
	font-size: 1em;
	text-align: justify;
}
.footer h2{
	font-size: 1em;
	font-weight: bold;
}
.footer ul{
	margin:-9% 0 0 22%;
	list-style: none;
	padding: 0 0 2% 0;
}
.footer li{
	margin: 2% 0 2% 0;
}
.logo_footer{
	width: 20%;
	float: left;
	margin-right: 5%;
}
#acerca{
	padding-right: 2%;
	line-height: 1.5;
}
footer #contacto{
	width: 18%;
}
footer #contacto h2{
	margin-top: 14%;
}
footer #contacto a{
	color: #FFF;
}
#lord, #cuevas{
	width: 25%;
	padding-left: 3%;
}
/*CUERPO QUIENES SOMOS*/
section#quienes, section#historia, section#nuestro, section#pago{
	padding: 4% 10% 3% 10%;
	text-align: justify;
}
section#quienes h1, section#historia h1, section#nuestro h1, section#pago h1{
	font-size: 1.5em;
	color: #0040FF;
	text-align: center;
}
section#historia{
	background: #E6E6E6;
}
section#historia h2{
	font-size: 1.2em;
}
section#historia ul{
	margin: 0 0 0 2%;
}
section#historia li{
	margin: 0 0 2% 0;

}
section#historia h2, section#historia p{
	display: inline-block;
}
section#nuestro{
	display: block;
}
section#nuestro figure{
	display: inline-block;
	margin: 0;
}
.impo{
	width: 36%;
}
.impop{
	width: 26%;
}
.plas{
	width: 34%;
}
.plas2{
	width: 15%;
}
.impo1{width: 100%;}
.impo2{width: 100%;}
.impo3{width: 82%;}
.impo4{width: 92%;}
#im1{margin: 4% 0 0 9%;}
#im2{margin: 5% 0 0 0;}
#im3{margin: 5% 0 0 11%;}
#im4{margin: 4% 0 0 11%;}

/*ESTILOS PRODUCTOS*/

section#productos{
	display: block;
	width: 90%;
	text-align: center;
	margin: 1% 5% 0 5%;
}
section#productos h1{
	color: #0040FF;
}
section#productos p{
	color: #848484;
}
section#lineas {
	background: #E6E6E6;
	display: block;
	width: 100%;
	padding: 3% 0;
	margin: 0 0 5% 0;
}
section#lineas figure{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 19%;
}
section#lineas img{
	width: 90%;
}

section#lineas .link{
	display: inline-block;
	margin: 1% 0 0 0;
	padding: 0 0 0 0;
	width: 19%;
	vertical-align: top;
	text-align: left;
}
section#productos section#lineas figcaption{
	font-size: 1.2em;
	font: bold;
	color: #0040FF;
}
section .link h2{
	padding: 0 0 2% 5%;
	font-size: 1em;
	color: #6E6E6E;
	letter-spacing: 0.1em;
}
.link ol{
	padding: 0 0 2% 20%;
	color: #848484;
	letter-spacing: 0.1em;
	line-height: 1.3em;
}
.link ol li a{
	text-decoration: none;
	color: #848484;
}
.link ol li a:hover, .link ol li a:focus{
	color: #FF4000;
}

/*ESTILOS CATALOGOS*/
section#lineas1{
	background: #E6E6E6;
	display: block;
	width: 100%;
	padding: 3% 0;
	margin: 0 0 5% 0;
	text-align: left;
}
section#lineas1 figure{
	display: inline-block;
	width: 45%;
	margin: 0 0 0 3%;

}
section#lineas1 img{
	width: 80%;
}
section#lineas1 div{
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
section#lineas2{
	width: 50%;
	display: block;
	text-align: justify;
	margin: 0 0 5% 30%;
	font-weight: bold;
	font-size: 1.2em;

}
section#lineas2 a{
	text-decoration: none;
	line-height: 2em;
	color: #848484;
}
section#lineas2 a:hover, section#lineas2 a:focus{
	color: #FF4000;
}
/*ESTILOS PARA PAG CONSTRUCCION*/
section#ineas2 h1{
	font-weight: bold;
	font-size: 1.2em;
}
section .caja{
	vertical-align: top;
	display: inline-block;
	width: 19.5%;
	text-align: justify;
}
section .caja a{
	margin: 0 0 0 5%;
	text-decoration: none;
	line-height: 2em;
	color: #848484;
	font-weight: bold;
}
section .caja a:hover, section .caja a:focus{
	color: #FF4000;
}
.cj1{
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #424242;
}
/*ESTILOS PAGO EN LINEA */
section#pago figure, section#pago p{
	text-align: center;
}
section#pago figure img{
	width: 40%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

/*ESTILOS TUTORIALES */
section#tutorial{
	background: #E6E6E6;
	width: 80%;
	margin: 0 0 2% 5%;
	padding:2% 5%;
	text-align: center;

}
section#tutorial h1{
	color: #0040FF;
}
section#tutorial h2{
	color: #848484;
	font-size: 0.7em;
}

@media (max-width: 1281px) {
	nav a{
		letter-spacing: 0.1px;
		padding: 0 0.5em;
	}
	.t1 {
		font-size: 1em;
	}
	#contralogo ul li ul{
		font-size: 0.8em;
	}
	iframe {
		width: 50%;
		height: 50%;
	}
}
@media (max-width: 1150px) {
	#logo {
		width: 60%;
		text-align: center;
	}
	#contralogo{
		display: none;
	}
	#nav {
		width: 30%;
	}
	nav a{
		padding: 0 0.2em;
		line-height: 1.5em;

	}
	nav li{
		line-height: 1em;
		width: 100%;
	}
	nav li:hover > ul{
	display: none;
	}
	footer{
		padding: 0 20% 0 20%;
	}
	section#acerca, section#contacto, section#lord, section#cuevas{
		width: 100%;
	}
	section#contacto h2{
		padding: 0 0 10% 0;
	}
	section#inagu h1, section#inagu h2{
		font-size: 0.9em;
	}
	section#inagu h3{
		font-size: 0.5em;
	}
	section#lineas figure{
		display: none;
	}
	section#lineas section{
		text-align: center;
	}
	section#lineas .link{
		display: block;
		width: 100%;
		margin: 0 0 0 20%;

	}
	footer section#acerca{
		display: none;
	}

}