@charset "iso-8859-2";
/* CSS Document */

body{
	min-width: 1024px;
	min-height:768px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	background-color: #000509;
	}
	
html,body{
	-webkit-text-size-adjust:100%;
	height:768px;
	}

.contenedor{
	position:relative;
	z-index:1;
	min-height:768px;
	width:100%;
	overflow:hidden
	}

.scroll{
	opacity:0;
	position:fixed;
	bottom:0;
	left:50%;
	z-index:4;
	height:28px;
	width:64px;
	margin-left:-34px;
	background:url(/i/scroll.png) no-repeat 50% 100%}

.bgimagen
	{
	position:relative;
	z-index:-1;
	width:100%
	}
	
.cabezote	{
	position:absolute;
	top:0;
	z-index:2;
	width:100%;
	left:0px;
	}
	
#section1 .pie	{
	position: absolute;
	z-index: 5;
	left:0px;
	width: 100%;
	margin-top: 40%;
	}	
		
@media(min-width: 800px) and (max-width:1024px){	
#section1 .reglas	{
	position: absolute;
	z-index: 7;
	width:12%;
	left:10px;
	height:4%;
	margin-top:41%;
	}		
}

@media(min-width: 1280px){	
#section1 .reglas	{
	position: absolute;
	z-index: 7;
	width:14.5%;
	left:10px;
	height:5%;
	margin-top:41%;
	}		
}

@media(min-width: 1366px){	
#section1 .reglas	{
	position: absolute;
	z-index: 7;
	width:13%;	
	height:5%;
	left:10px;
	margin-top:41%;
	}		
}

@media(min-width: 1920px){	
#section1 .reglas	{
	position: absolute;
	z-index: 7;
	width:12%;
	left:10px;
	height:6%;
	margin-top:41%;
	}		
}


	
@media(min-width: 800px) and (max-width:1024px){	
#section1 .contacto	{
	position: absolute;
	z-index: 10;
	left:60px;
	width:12%;
	height:4%;
	margin-top:43.2%;
	}		
}

@media(min-width: 1280px){	
#section1 .contacto	{
	position: absolute;
	z-index: 10;
	left:60px;
	width:14.5%;
	height:5%;
	margin-top:43.2%;
	}		
}

@media(min-width: 1366px){	
#section1 .contacto	{
	position: absolute;
	z-index: 10;
	width:13%;	
	height:5%;
	left:60px;
	margin-top:43.2%;
	}		
}

@media(min-width: 1920px){	
#section1 .contacto	{
	position: absolute;
	z-index: 10;
	width:12%;
	left:60px;
	height:6%;
	margin-top:43.3%;
	}		
}


@media(min-width: 800px) and (max-width:1024px){	
#section1 .salir	{
	position: absolute;
	z-index: 12;
	left:120px;
	width:8%;
	height:4%;
	margin-top:45.5%;
	}		
}

@media(min-width: 1280px){	
#section1 .salir	{
	position: absolute;
	z-index: 12;
	left:120px;
	width:8%;
	height:5%;
	margin-top:45.5%;
	}		
}


@media(min-width: 1366px){	
#section1 .salir	{
	position: absolute;
	z-index: 12;
	width:6%;	
	height:5%;
	left:120px;
	margin-top:45.5%;
	}		
}

@media(min-width: 1920px){	
#section1 .salir	{
	position: absolute;
	z-index: 12;
	width:6%;
	left:120px;
	height:6%;
	margin-top:45.5%;
	}		
}
	
SECTION .sectionBG{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:768px;
	z-index:1;
	background:#072c40;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;
	opacity:0.9
	}	

SECTION .sectionContent{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:768px;
	}

SECTION .sectionContent{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%
	}
	
.sections{
	position:absolute;
	height:768px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:3
	}
	
UL .olympicLogo{
	height:3em
	}
	
.languageSelect>UL .olympicLogo IMG{
	height:768px;
	width:auto
	}
	
.awards{
	position:absolute;
	left:0;
	top:2.2%;
	z-index:5;
	width:75px
	}
	
.awards .opl{
	margin-bottom:6px
	}
.awards .opl a{
	width:73px;height:56px;
	text-indent:-9999px;
	display:block;
	}

.awards .cssda{
	margin-bottom:9px
	}
.awards .cssda a{
	width:70px;
	height:172px;
	text-indent:-9999px;
	display:block;
	no-repeat
	}

.awards .awwwards a{
	width:70px;
	height:105px;
	text-indent:-9999px;
	display:block;
	}
	
#section1{
	top:0;
	height:12.5%;
	z-index:1001;
	}
	
	
@media(min-width: 800px) and (max-width:1024px){	
#section1 .headerLogo{
	position: absolute;
	width: 62.3%;
	margin-left: 15%;
	top: 12%;
	background-image: url(images/bg_01.png);
	z-index:1015;
	}
}
	
@media(min-width: 1280px){	
#section1 .headerLogo{
	position:absolute;
	width:70%;
	margin-left:15%;
	top:15%
	}
}

@media(min-width: 1366px){	
#section1 .headerLogo{
	position:absolute;
	margin-left:15%;
	width:75%;
	top:22%
	}
}

@media(min-width: 1920px){	
#section1 .headerLogo{
	position:absolute;
	margin-left:15%;
	width:70%;
	top:22%
	}
}




@media(min-width: 800px) and (max-width:1024px){	
#section1 .boton_1{
	position: absolute;
	right:13%;
	top:3%;
	width:11%;
	height: 18%;
	z-index:1001;
	opacity: 0
	}
}

@media(min-width: 1280px){
	#section1 .boton_1{
	position: absolute;
	right: 7%;
	top:4%;
	width:6%;
	height:15%;
	z-index:1005;
	opacity: 0
	}	
}


@media(min-width: 1366px){
	#section1 .boton_1{
	position: absolute;
	right: 7%;
	top:8%;
	width:6%;
	height:15%;
	z-index:1005;
	opacity: 0
	}	
}

@media(min-width: 1920px){
	#section1 .boton_1{
	position: absolute;
	right: 7%;
	top:8%;
	width:6%;
	height:20%;
	z-index:1005;
	opacity: 0
	}	
}

@media(min-width: 800px) and (max-width:1024px){	
#section1 .boton_2{
	position: absolute;
	right: 23px;
	top: 90px;
	width: 11%;
	height: 18%;
	z-index: 1001;
	opacity: 0
	}	
}

@media(min-width: 1280px){
	#section1 .boton_2{
	position: absolute;
	right:4.5%;
	top:15%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 1366px){
	#section1 .boton_2{
	position: absolute;
	right:4.5%;
	top:19%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 1920px){
	#section1 .boton_2{
	position: absolute;
	right:4.5%;
	top:22%;
	width:6%;
	height:20%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 800px) and (max-width:1024px){	
#section1 .boton_3{
	position: absolute;
	right:13%;
	top: 19.5%;
	width:11%;
	height: 18%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 1280px){
	#section1 .boton_3{
	position: absolute;
	right: 7%;
	top:25.5%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}
@media(min-width: 1366px){
	#section1 .boton_3{
	position: absolute;
	right: 7%;
	top:29.5%;
	width:6%;
	height:15%;
	z-index:1010;
	opacity: 0
	}	
}

@media(min-width: 1920px){
	#section1 .boton_3{
	position: absolute;
	right: 7%;
	top:35.5%;
	width:6%;
	height:20%;
	z-index:1001;
	opacity: 0
	}	
}
	

@media(min-width: 800px) and (max-width:1024px){	
#section1 .boton_4{
	position: absolute;
	right: 3.5%;
	top: 28%;
	width:11%;
	height: 18%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 1280px){
	#section1 .boton_4{
	position: absolute;
	right:4.5%;
	top:36.5%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}
@media(min-width: 1366px){
	#section1 .boton_4{
	position: absolute;
	right:4.5%;
	top:37.5%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 1920px){
	#section1 .boton_4{
	position: absolute;
	right:4.5%;
	top: 49%;
	width:6%;
	height:20%;
	z-index:1001;
	opacity: 0
	}	
}	

@media(min-width: 800px) and (max-width:1024px){	
#section1 .boton_5{
	position: absolute;
	right: 13%;
	top: 36%;
	width:11%;
	height: 18%;
	z-index:1001;
	opacity: 0
	}
}

@media(min-width: 1280px){
	#section1 .boton_5{
	position: absolute;
	right: 7%;
	top:47%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}	
	
}
@media(min-width: 1366px){
	#section1 .boton_5{
	position: absolute;
	right: 7%;
	top:58%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}

@media(min-width: 1920px){
	#section1 .boton_5{
	position: absolute;
	right: 7%;
	top: 62.5%;
	width:6%;
	height:20%;
	z-index:1001;
	opacity: 0
	}	
}
	
@media(min-width: 800px) and (max-width:1024px){	
#section1 .boton_6{
	position: absolute;
	right: 3.5%;
	top:43%;
	width:11%;
	height: 18%;
	z-index:1001;
	opacity: 0
	}
}
@media(min-width: 1280px){
	#section1 .boton_6{
	position: absolute;
	right:4.5%;
	top:57%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}
		
}
@media(min-width: 1366px){
	#section1 .boton_6{
	position: absolute;
	right:4.5%;
	top:65.5%;
	width:6%;
	height:15%;
	z-index:1001;
	opacity: 0
	}	
}	

@media(min-width: 1920px){
	#section1 .boton_6{
	position: absolute;
	right:4.5%;
	top: 76%;
	width:6%;
	height:20%;
	z-index:1001;
	opacity: 0
	}	
}	

#section1 .headerGraphic,#section1 .headerSnow{
	position:absolute;
	top:0%;
	left:0;
	width:100%;
	opacity:0}	


#section1.is-animated .headerGraphic,#section1.is-animated .headerSnow{opacity:1
}
img
{
  border:0;
}