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

@font-face {
   font-family: "Gotham Rounded";
   font-style: normal;
   font-weight: normal;   
   src: url(../font/gothamrnd-medium.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       /*url(../font/gothamrnd-medium.woff2) format('woff2'), /* Super Modern Browsers */ 
       url(../font/gothamrnd-medium.woff) format('woff'), /* Pretty Modern Browsers */
       url(../font/gothamrnd-medium.ttf)  format('truetype'), /* Safari, Android, iOS */
	   url(../font/GothamRnd-Medium.otf)  format('opentype'),
	   url(../font/GothamRnd-Medium.svg)  format('svg')	
}

@font-face {
   font-family: "Gotham Rounded light";
   font-style: normal;
   font-weight: normal;
   /*src: url(../font/GothamRoundedLight_21020.ttf);*/
   src: url(../font/gothamrnd-light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       /*url('../font/gothamrnd-medium.woff2') format('woff2'), /* Super Modern Browsers */ 
       url(../font/gothamrnd-light.ttf)  format('truetype'), /* Safari, Android, iOS */
	   url(../font/gothamrnd-light.otf)  format('opentype'),
	   url(../font/gothamrnd-light.woff) format('woff')
}
@font-face{font-family:'GothamRndMedium';src:url(../font/GothamRnd-Medium.otf) format("opentype")}

@font-face {
   font-family: "Gotham Rounded Bold";
   src: url(../font/gothamrnd-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       /*url('../font/gothamrnd-medium.woff2) format('woff2'), /* Super Modern Browsers */ 
       url(../font/gothamrnd-bold.woff) format('woff'), /* Pretty Modern Browsers */
       url(../font/gothamrnd-bold.ttf)  format('truetype'), /* Safari, Android, iOS */
	   url(../font/GothamRnd-Bold.otf) format('opentype'),
	   url(../font/GothamRnd-Bold.svg) format('svg'),
}


html{
	margin: 0px;
	padding: 0px;
	height:100%;
	
	font-family:"Gotham Rounded";
	   src: url(../font/gothamrnd-medium.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       /*url(../font/gothamrnd-medium.woff2) format('woff2'), /* Super Modern Browsers */ 
       url(../font/gothamrnd-medium.woff) format('woff'), /* Pretty Modern Browsers */
       url(../font/gothamrnd-medium.ttf)  format('truetype'), /* Safari, Android, iOS */
       url(../font/GothamRnd-Medium.otf)  format('opentype'),
	   url(../font/GothamRnd-Medium.svg)  format('svg')
}
body{
	position:absolute; top:0; bottom:0; right:0; left:0; margin:0px; padding:0px; overflow-y:hidden;
}
h2{
	font-family: "Gotham Rounded light";
	font-weight:lighter;
	margin:1px;
}
h1{
	font-size:40px;
	padding:5px;
	margin:1px;
	padding: 0px;
	font-weight:bold;
	margin:1px;
	}
.txt_inicial_logo{
	font-size:50px;
	float:left;
	color:#FFF;
	padding:5px;
	margin:1px;
	padding: 0px;
	font-weight:bold;
	margin:1px;
	}
.txt_sig_logo{
	font-size:30px;
	color:#FFF;
	padding:5px;
	margin:1px;
	padding: 0px;
	margin:1px;
	}
h3{
	font-family: "Gotham Rounded Bold";
	font-size:20px;
	padding:1px;
	margin:2px;
	}
h4{
	font-family: "Gotham Rounded light";
	font-weight:lighter;
	font-size:24px;
	margin:1px;
}
h5{
	font-family: "Gotham Rounded light";
	font-weight:lighter;
	font-size:19px;
	margin:1px;
}
h6{
	font-family: "Gotham Rounded";
	font-size:26px;
	margin:1px;
}
#home {
	background-color:#AB1B1B;
	margin: 0 auto;
	width: 100%;
	height:100%;
	position:relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	
}
#seccion1 {
	background-color:#AD1C21;
	background: url(../img/pag1.jpg) 100% 0 no-repeat fixed;
	height:100%;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	max-height:1200px;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

}
#seccion2{
	background-color:#F00;
	background: url(../img/pag2.jpg) 100% 0 no-repeat fixed;
	/*line-height:10px;*/
	margin: 0 auto;
	width: 100%;
	height:100%;
	max-width: 1920px;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

}

#seccion3{
	background-color:#F00;
	background: url(../img/pag3.jpg) 100% 0 no-repeat fixed;
	margin: 0 auto;
	width: 100%;
	height:100%;
	max-width: 1920px;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

}

#seccion4{
	background-color:#F00;
	background: url(../img/pag4.jpg) 100% 0 no-repeat fixed;
	margin: 0 auto;
	width: 100%;
	height:100%;
	max-width: 1920px;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

}

#seccion5{
	background-color:#F00;
	background: url(../img/pag5.jpg) 100% 0 no-repeat fixed;
	margin: 0 auto;
	width: 100%;
	height:100%;
	max-width: auto;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

}

#seccion6{
	background-color:#F00;
	background: url(../img/pag6.jpg) 100% 0 no-repeat fixed;
	margin: 0 auto;
	width: 100%;
	height:100%;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size:100% 100%;

}

article{
	padding: 100px;
	text-align:center;
}
.geek{
	margin:0em auto;
}
#menu{
	position:absolute;
	width:390px;
	top:50px;
	right:100px}
	
#txt_home{ 
	top:30%;
	position:relative;
	margin: 0 auto;
	font-size:26px;
	}

#txt_seccion1{ 
	top:20%;
	left:10%;
	position:absolute;
	color:#FFF;
	font-size:26px;
	width:650px;
	}


#txt_seccion2{ 
	top:26%;
	right:2%;
	position:absolute;
	text-align:center;
	border:hidden;
	color:#000;
	padding:10px;
	font-size:26px;
	width:750px;
	height:100px
	}
#txt_seccion2 div {
	
	display:none}
#txt_seccion3{ 
	top:19%;
	left:7%;
	position:absolute;
	color:#FFF;
	font-size:26px;
	width:750px;
	}
#txt_seccion3 div {
	
	display:none}
#txt_seccion4{ 
	top:30%;
	right:5%;
	position:absolute;
	color:#FFF;
	font-size:26px;
	width:800px;
	}
#txt_seccion4 div {
	
	display:none}
#txt_seccion5{ 
	top:17%;
	left:20%;
	height:600px;
	overflow:none;
	position:absolute;
	color:#FFF;
	width:450px;
	height:auto;
	font-size:26px;
	text-align:left;
	}
#txt_seccion5 div {
	
	display:none}
#txt_seccion6{ 
	top:15%;
	right:10%;
	height:400px;
	position:absolute;
	color:#FFF;
	width:750px;
	font-size:26px;
	text-align:left
	}
#txt_seccion6 div {
	
	display:none}

#uno, #dos, #tres, #cuatro, #cinco, #seis, #siete{
	display:none;
	background-repeat:no-repeat;
	width:800px;
	height:590px;
	position:absolute;
	/*border:#000 solid 1px;*/
}
#cero{
	background-image:url(../home/intro-0-1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:800px;
	height:590px;
	/*border:#000 solid 1px;*/
	}
#uno{
	background-image:url(../home/intro-1.jpg);
	}
#dos{
	background-image:url(../home/intro-2.jpg);

}
#tres{
	background-image:url(../home/intro-3.jpg);

}
#cuatro{
	background-image:url(../home/intro-4.jpg);
}
#cinco{
	background-image:url(../home/intro-5.jpg);
}
#seis{
	background-image:url(../home/intro-6.jpg);
}
#siete{
	background-image:url(../home/intro-7.jpg);
}	
#intro{
	
	width:800px;
	height:550px;
	margin:0em auto;
	
	}

a { color:#FFF; 
text-decoration:none}