* {
	box-sizing: border-box;
	border: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	font-family:'Lato', sans-serif;
 	font-weight: 300;
	font-size: 100%;
	text-align:center;
}

#contenedor {
	margin: 0 auto;
	height:auto;
	position: relative;
	width:100%;
	z-index:1;
}

/* --------------Modulo 1 - Cabecera (Header) ---@media 1920--------------*/

#modulo1 {
	background-attachment:fixed;
	background-color: #FFFFFF;
	height:110px;
	position: fixed;	
	top:0px;
	width:100%;
	z-index:7;
}

#header2 {
	border: none;
	box-sizing:border-box;
	height:110px;
	left:10%;
	max-width:1536px;
	position: absolute;	
	top:0px;
	width:80%;
	z-index:8;
}

header h1 {
	color: #666666;
	font-family:'Lato', sans-serif;
	font-weight:400;
	font-size:1.8em;
	font-variant: small-caps;
	box-sizing:border-box;
	height:60px;
	right:0px;
	position:absolute;
	text-align: right;
	transition: margin 0.5s ease-out;
	top:40px;
	width:38%;
	z-index:9;
}

header h2 {
	height:90px;
	left:0%;
	position:absolute;
	text-align: left;
	top:15px;
	transition: margin 0.5s ease-out;
	width:22%;
	z-index:9;
}

header h3 {
	color: #3366CC;
	font-family:'Lato', sans-serif;
	font-weight:400;
	font-size:1.8em;
	box-sizing:border-box;
	height:60px;
	left:40%;
	position:absolute;
	text-align: left;
	transition: margin 0.5s ease-out;
	top:40px;
	width:38%;
	z-index:9;
}

header h1:hover, header h2:hover, header h3:hover, #fija2:hover {
	opacity:0.9; 
	margin-left:-10px;
	margin-top:10px;
}


#fija2 {
	background-attachment:fixed;
	background-color: #FF9900;
	height:3px;
	position: fixed;
	transition: margin 0.5s ease-out;
	top:107px;
	width:100%;
	z-index:10;
}


#a1 {
	color:#E6E6E6;
	font-weight:300;
	font-size:.7em;
	height:15px;
	left:0%;
	position: absolute;
	text-align:left;
	top:0px;
	width:10%;
	z-index:10;
}

#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9 {
	color:#E6E6E6;
	display: none;
	font-weight:300;
	font-size:.7em;
	height:15px;
	left:0%;
	position: absolute;
	text-align:left;
	top:0px;
	width:16%;
	z-index:10;
}


/* --------------Modulo 2 - Introducción ---@media 1920--------------*/

#modulo2 {
	height:495px;
	position:absolute;
	transition: margin 0.5s ease-out;
	top:110px;
	width:100%;
	z-index:1;
}

#modulo2 h2 {
	color: #333333;
	font-family:'Lato', sans-serif;
	font-weight:300;
	font-size:3em;
	box-sizing:border-box;
	height:100px;
	left:15%;
	position:absolute;
	text-align: center;
	transition: margin 0.5s ease-out;
	top:80px;
	width:70%;
	max-width:1536px;
	z-index:2;
}

#modulo2 h3 {
	color: #808080;
	font-family:'Lato', sans-serif;
	font-weight:300;
	font-size:1.6em;
	box-sizing:border-box;
	height:100px;
	left:30%;
	position:absolute;
	text-align: center;
	transition: margin 0.5s ease-out;
	top:180px;
	width:40%;
	z-index:3;
}

#modulo2 h4 {
	height:100px;
	left:38%;
	position:absolute;
	transition: margin 0.5s ease-out;
	text-align: center;
	top:290px;
	width:25%;
	z-index:3;
}


#modulo2:hover, #modulo2 h2:hover, #modulo2 h3:hover, #modulo2 h4:hover {
	opacity:0.9; 
	margin-left:-10px;
	margin-top:10px;
}



/* --------------Modulo 1 - Cabecera (Header) --- 1600 - 1300 --------------*/

@media screen and (max-width: 1600px) { 

#a1 {
	display: none;
}

#a2 {
	display: block;
	width:6%;
}

header h2 {
	width:27%;
}

header h3 {
display:none;
}


/* --------------Modulo 2 - Introducción --- 1600 - 1300 --------------*/

#modulo2 h2 {
	left:10%;
	width:80%;
}

#modulo2 h3 {
	font-size:1.6em;
	left:27%;
	width:44%;
}

#modulo2 h4 {
	left:35%;
	width:30%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 1300 - 1000 --------------*/

@media screen and (max-width: 1300px) { 

#a2 {
	display: none;
}

#a3 {
	display: block;
	width:6%;
}


#header2 {
	left:5%;
	width:90%;
}

header h1 {
	font-size:1.6em;
	top:40px;
	width:42%;
}

header h2 {
	top:15px;
	width:32%;
}



/* --------------Modulo 2 - Introducción --- 1300 - 1000 --------------*/

#modulo2 h2 {
	font-size:2.6em;
	left:10%;
	top:80px;
	width:80%;
}

#modulo2 h3 {
	font-size:1.6em;
	left:20%;
	top:200px;
	width:60%;
}

#modulo2 h4 {
	left:30%;
	top:300px;
	width:40%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 1000 - 800 --------------*/

@media screen and (max-width: 1000px) { 

#a3 {
	display: none;
}

#a4 {
	display: block;
	width:14%;
}


#modulo1 {
	height:110px;
	position: fixed;	
	width:100%;
}

#header2 {
	height:110px;
}

header h1 {
	font-size:1.4em;
	height:40px;
	right:0px;
	top:50px;
	width:42%;
}

header h2 {
	height:90px;
	top:15px;
	width:38%;
}


/* --------------Modulo 2 - Introducción --- 1000 - 800 --------------*/

#modulo2 h2 {
	font-size:2.4em;
	left:15%;
	width:70%;
}

#modulo2 h3 {
	font-size:1.5em;
	height:80px;
	left:15%;
	top:200px;
	width:70%;
}

#modulo2 h4 {
	left:25%;
	top:300px;
	width:50%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 800 - 600 --------------*/

@media screen and (max-width: 800px) { 

#a4 {
	display: none;
}

#a5 {
	display: block;
	width:14%;
}


#modulo1 {
	position: absolute;
	left:0%;
	width:100%;
}

header h1 {
display:none;
}

header h2 {
	left:10%;
	text-align:center;
	width:80%;
}

header h3 {
display:none;
}

#fija2 {
	position: absolute;	
	width:100%;
}


/* --------------Modulo 2 - Introducción --- 800 - 600 --------------*/

#modulo2 h2 {
	font-size:2.4em;
	left:10%;
	top:60px;
	width:80%;
}

#modulo2 h3 {
	font-size:1.4em;
	height:80px;
	left:10%;
	top:180px;
	width:80%;
}

#modulo2 h4 {
	left:15%;
	top:280px;
	width:70%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 600 - 450 --------------*/

@media screen and (max-width: 600px) { 

#a5 {
	display: none;
}

#a6 {
	display: block;
	width:14%;
}


#modulo1 {
	height:100px;
}

#header2 {
	height:100px;
	z-index:1;
}

#fija2 {
	top:105px;
}


/* --------------Modulo 2 - Introducción --- 600 - 450 --------------*/

#modulo2 h2 {
	font-size:2.2em;
	left:5%;
	top:60px;
	width:90%;
}

#modulo2 h3 {
	font-size:1.4em;
	height:100px;
	left:5%;
	top:180px;
	width:90%;
}

#modulo2 h4 {
	left:5%;
	top:300px;
	width:90%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 450 - 300 --------------*/

@media screen and (max-width: 450px) { 

#a6 {
	display: none;
}

#a7 {
	display: block;
	width:18%;
}


#modulo1 {
	height:90px;
}

#header2 {
	height:90px;
}

header h2 {
	left:10%;
	top:10px;
	width:80%;
}

#fija2 {
	top:90px;
}


/* --------------Modulo 2 - Introducción --- 450 - 300 --------------*/

#modulo2 {
	height:400px;
}

#modulo2 h2 {
	font-size:1.8em;
	height:100px;
	left:5%;
	top:20px;
	width:90%;
}

#modulo2 h3 {
	font-size:1.3em;
	height:110px;
	left:5%;
	top:130px;
	width:90%;
}

#modulo2 h4 {
	height:70px;
	left:5%;
	top:250px;
	width:90%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 300 - 200 --------------*/

@media screen and (max-width: 300px) { 

#a7 {
	display: none;
}

#a8 {
	display: block;
	width:40%;
}


#modulo1 {
	height:100px;
}

#header2 {
	height:100px;
}

header h2 {
	left:0%;
	top:20px;
	width:100%;
}

#fija2 {
	top:100px;
}


/* --------------Modulo 2 - Introducción --- 450 - 300 --------------*/

#modulo2 {
	top:90px;
}

#modulo2 h2 {
	font-size:1.5em;
	height:100px;
	left:5%;
	top:40px;
	width:90%;
}

#modulo2 h3 {
	font-size:1.1em;
	height:130px;
	left:5%;
	top:160px;
	width:90%;
}

#modulo2 h4 {
	height:50px;
	left:0%;
	top:280px;
	width:100%;
}
}


/* --------------Modulo 1 - Cabecera (Header) --- 200 --------------*/

@media screen and (max-width: 200px) { 

#a8 {
	display: none;
}

#a9 {
	display: block;
	width:40%;
}
}