@charset "utf-8";
/* CSS Document */
body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	/*overflow:hidden;*/
	
}

.esconder {
     visibility: hidden;
}


.center{
	margin:0 auto;
}


.cont_menu{
	width:960px;
}

.creditos{
	color:#666;
	text-align:center;
	margin:0 auto;
	width:650px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;

}


#barra_izquierda{ 
	position:absolute; 
	color:#fff; 
	font-size:14px; 
	z-index:999999;
	background:none;
	background:url(../img/cadenas.png) no-repeat;
	height:703px;
}

.empezar a, .empezar a:hover{
	background:url(../img/empezar.png) no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:128px;
	height: 26px;
	margin:0 auto;
}
.empezar a:hover{
	background:url(../img/empezar.png) 0 -30px no-repeat;
}






.btn1 a, .btn1 a:hover{
	background:url(../img/img_menu.png) 0 -48px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 60px;
	outline:0;
	border:0;
}
.btn1 a:hover{
	background:url(../img/img_menu.png) 0px -557px no-repeat;
	outline:0;
}




.btn2 a, .btn2 a:hover{
	background:url(../img/img_menu.png) 0 -108px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 60px;
	outline:0;
}

.btn2 a:hover{
	background:url(../img/img_menu.png) 0 -617px no-repeat;
	outline:0;
}




.btn3 a, .btn3 a:hover{
	background:url(../img/img_menu.png) 0 -168px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 73px;
	outline:0;
}
.btn3 a:hover{
	background:url(../img/img_menu.png) 0 -677px no-repeat;
	outline:0;
}



.btn4 a, .btn4 a:hover{
	background:url(../img/img_menu.png) 0 -241px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 59px;
	outline:0;
}
.btn4 a:hover{
	background:url(../img/img_menu.png) 0 -750px no-repeat;
	outline:0;
}



.btn5 a, .btn5 a:hover{
	background:url(../img/img_menu.png) 0 -300px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 83px;
	outline:0;
}
.btn5 a:hover{
	background:url(../img/img_menu.png) 0 -809px no-repeat;
	outline:0;
}



.btn6 a, .btn6 a:hover{
	background:url(../img/img_menu.png) 0 -380px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 64px;
	outline:0;
}
.btn6 a:hover{
	background:url(../img/img_menu.png) 0 -889px no-repeat;
	outline:0;
}

.btn7 a, .btn7 a:hover{
	background:url(../img/img_menu.png) 0 -444px no-repeat;
	text-indent: -1000px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:206px;
	height: 43px;
	outline:0;
}
.btn7 a:hover{
	background:url(../img/img_menu.png) 0 -953px no-repeat;
	outline:0;
}






.comparte{
	width:160px;
	height:20px;
	color:#FFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.titulo{
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:48px;
	text-transform:uppercase;
	background:url(../img/titulo-linearoja.png) no-repeat;
	padding-bottom:20px;
	#padding-bottom:0px;
	
}

.numeros{
	font-size:20px;
	color:#E83733;
}

.txt_izq,.txt_der{
	width:300px;
}

.foto_bio{
	width:220px;
}


.txt_izq p, .txt_der p, .txt_video{
	color:#FFF;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:10px;
	text-align:justify;
	line-height:15px;
}



.linea_roja{
	margin:0;
	padding:0;

}



.box2{
	width:540px;
	height:326px;
	background:#0F0;
}

.box4{
	width:650px;
	
}

.video{
	width:193px;
	height:142px;
	margin:0;
	padding:0;
}

.video_fan{
	width:141px;
}
.sub_txt{
	width:300px;
}


.trivia{
	width:500px;
	height:72px;
	margin:20px 0 0 0;
	#margin:40px 0 0 0px;
	font-size:15px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}

.gracias{
	letter-spacing:2px;
	font-weight:bold;
	color:#F00;
	font-size:24px;
	
}

.sorteo{
	
	margin:20px 0 0 0; 
}
.rojo{
	color:#F00;
	font-weight:bold;
}
.ganadores{
	text-align:left;
	padding:0 0 0 350px;
	width:300px;
}

.tit_video{
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	background:url(../img/video-linearoja.png) no-repeat;
	height:22px;
}

.credito_foto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background:url(../img/video-linearoja.png) no-repeat;
	height:22px;
}

.enlace{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#FFF;
}

.fan{
	height:35px;
	color:#E83733;
	font-size:20px;
	text-transform:uppercase;
	background:url(../img/fondo-linearoja.png) no-repeat;
}



.texto, .txt_trivia{
	background:#6F0;
	width:221px;
	margin:260px 0 0 0;
	background:url(../img/fondo-linearoja.png) no-repeat;
}

.txt_trivia{
	margin:0 0 0 0;
}




.txt_rojo1{
	color:#E83733;
	text-transform:capitalize;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}

.txt_blanco1{
	color:#fff;
	text-transform:capitalize;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
}




.mas_info{
	height:16px;
	width:80px;	
}

.logo-OZZY{
	width:435px;
	height:280px;

}

.logo-OZZY_peque{
	width:277px;
	height:179px;
	

}


p{
	margin:0;
	padding:0;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:#000;
	overflow:hidden;
}


	#mask {
		width:100%;
		height:600%;
		overflow:hidden;
		background-color:#000;
	}

	.item {
		width:100%;
		display:block;
		background-color:#000;
		height:1024px;
	}	
	
	
	.content {
		width:940px;
		height:950px;
		margin:0 auto;
		background-color:#aaa;
		position:relative;
	}
	
	.selected {
		background:#fff;
		font-weight:700;
	}
	.uno{
		background:url(../img/img_1.jpg) no-repeat;
		
	}	

	.dos{
		background:url(../img/img_2.jpg) no-repeat;
	}	

	.tres{
		background:url(../img/img_3.jpg) no-repeat;
	}	

	.cuatro{
		background:url(../img/img_4.jpg) no-repeat;
	}	
	
	.cinco{
		background:url(../img/img_5.jpg) no-repeat;
	}	

	.seis{
		background:url(../img/img_6.jpg) no-repeat;
	}	



/* FRAMEWORK */ 
h1{
	text-align:center;
	color:#FFF;
}

h2 {
    font-size: 20px;
    text-transform: uppercase;
}

h3 {
    font-size: 12px;
    line-height: 30px;
}

.main{
	text-align:center;
	color:#FFF;
}
.clear{
	clear:both;
}

/* grilla de 12 columnas*/
.e60, .e60fin{
	text-align:center;
	background:#FCC;
	color:#000;
	width:60px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}

.e60fin{
	margin-right:0px;
}
/*Fin 12 columnas*/


/* grilla de 6 columnas*/
.e140, .e140fin{
	text-align:center;
	background:#FCC;
	color:#000;
	width:140px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}

.e140fin{
	margin-right:0px;
}

/* Fin 6 columnas*/



/* grilla de 4 columnas*/
.e220, .e220fin{
	/*text-align:center;*/
	background:#FCC;
	color:#000;
	width:220px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}

.e220fin{
	margin-right:0px;
}

/* Fin 4 columnas*/

/* grilla de 2 columnas*/
.e460, .e460fin{
	text-align:center;
	background:#FCC;
	color:#000;
	width:460px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}

.e460fin{
	margin-right:0px;
}

/* Fin 2 columnas*/

/* grilla de 2 columnas 1 Columna 700 - 2 columna 220*/
.e700{
	text-align:center;
	background:#FCC;
	color:#000;
	width:700px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}
/* Fin 2 columnas*/


/* grilla de 2 columnas 1 Columna 780 - 2 columna 120*/
.e780{
	text-align:center;
	background:#FCC;
	color:#000;
	width:780px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}
/* Fin 2 columnas*/


/* grilla de 2 columnas 1 Columna 780 - 2 columna 120*/
.e860{
	text-align:center;
	background:#FCC;
	color:#000;
	width:860px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}
/* Fin 2 columnas*/

/* grilla de 1 columna*/
.e940{
	text-align:center;
	background:#FCC;
	color:#000;
	width:940px;
	height:60px;
	margin-right:20px;
	line-height:60px;
}
/* Fin 2 columnas*/

/* grilla de 1 columna*/
.e540{
	text-align:center;
	background:#FCC;
	color:#000;
	width:540px;
	margin-right:20px;
	
}

.e380fin{
	text-align:center;
	background:#FCC;
	color:#000;
	width:380px;
	
}




/*Footer*/
.footer{	
	background:#666;
	height:60px;
	
}

.copy{
	font-size:12px;
	width:600px;
}


/*Fin footer*/

.float_left{
	float:left;

}


.float_right{
	float:right;
}

.top10px{
	margin-top:10px;
}

.top20px{
	margin-top:20px;
}

.top15px{
	margin-top:15px;
}

.top48px{
	margin-top:48px;
}

.top80px{
	margin-top:80px;
}

.top160px{
	margin-top:160px;
}



.left5px{
	margin-left:5px;
}

.left10px{
	margin-left:10px;
}

.left20px{
	margin-left:20px;
}

.left220px{
	margin-left:225px;
}

.left320px{
	margin-left:320px;
}

.left90px{
	margin-left:90px;
}

.left325px{
	margin-left:325px;
}

.right20px{
	margin-right:20px;
}


.right30px{
	margin-right:30px;
}

.right10px{
	margin-right:10px;
}

.bottom10px{
	margin-bottom:10px;
}

.bottom20px{
	margin-bottom:20px;
}
.bottom5px{
	margin-bottom:5px;
}

.bottom40px{
	margin-bottom:40px;
}