@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	
	vertical-align: baseline;
}



h1{
font-weight:bold;
color:#FFF;
}


h2{
 font-weight:bold;
 color:#181818;
}


:focus {
outline: 0;
}

ol, ul {
list-style: none;
}



table {
	border-collapse: separate;
	border-spacing: 0;
}


caption, th, td {
	text-align: left;
	font-weight: normal;
}



blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}


blockquote, q {
quotes: "" "";
}

p {
line-height:20px;
color:#FFFFFF;
}

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

a:hover {
 color:#FF9900;
 text-decoration:underline;
}

body {
background:url(../img/background.jpg);
margin-top: 5px;
font-family:Courier New, Courier, monospace;
}

#subtop
{
background:url(../img/top.gif);
height:20px;
width:990px;
}

#baktop
{
float:left;
background:url(../img/back_down.gif);
height:20px;
width:990px;
}

#contenedor{
width:990px;
height:700px;
margin:auto;
padding:10px;
}

#cabecera{
float:left;
width:990px;
height:136px;
background:url(../img/cabecera.jpg);
}

#menu{
float:left;
height:40px;
width:990px;
background:url(../img/barra.jpg);
}

#texto{
	float:left;
	width:970px;
	padding:10px;
	background-color:#5d5d5d;
	background-image:url(../img/background2.jpg);
}

#finalistas{
	float:left;
	width:970px;
	padding:20px 10px ;
	background-color:#5d5d5d;
	background-image:url(../img/background6.jpg);
	border-bottom:#c69b49 solid 2px;
}

#finalistas_2{
	float:left;
	width:970px;
	padding:20px 10px ;
	background-color:#5d5d5d;
	background-image:url(../img/background6.jpg);
	border-bottom:#c69b49 solid 2px;
}

#finalistas_3{
	float:left;
	width:970px;
	padding:20px 10px ;
	background-color:#5d5d5d;
	background-image:url(../img/background6.jpg);
	border-bottom:#c69b49 solid 2px;
}



#finalistas_3 img{
float:left;
padding-top:80px;

}


.trivia_concurso{
	float:left;
	width:970px;
	padding:20px 10px ;
	background-color:#5d5d5d;
	background-image:url(../img/triv.jpg);
}


#pregunton{
	float:left;
	width:100%;
	border-bottom:#c69b49 solid 2px;
	background:#222;
}

#correctas{
	font-weight:bold;
	color:#FFCC00;
}

#incorrectas{
font-weight:bold;
	color:#FFCC00;
}




#finalistas_jonas{
	float:left;
	width:970px;
	padding:20px 10px ;
	background-color:#5d5d5d;
	background-image:url(../img/background4.jpg);
}

	#texto img{
		float:left;
		margin-right:20px;
	}
	
	#finalistas img{
		float:left;
		margin-right:20px;
		padding-top:20px;
	}
	


  .t1 {	
        font-size:18px;
	    width:545px;
	    color:#fff;
		font-weight:bold;
		float:left;
	   }
	   
	   .score {	
        font-size:30px;
	    color: #fFF;
		font-weight:bold;
		float:left;
		width:990px;
		padding-bottom:20px;
		background:url(../img/sigue.jpg);
	   }
	   
	   .score span{
	   padding-left:360px;
	   }
		
		
  .t2 {
        font-size:14px;
	    width:545px;
	    color:#fff;
		float:left;
		padding-top:20px;
  }
  
#imgtext 
{
 float:left;
 padding:15px 0px 0px 0px;
 margin:0px;
 border:0px;
} 

 

#yutubes{
	float:left;
	width:990px;
	height:170px;
	padding-top:10px;
	background-color:#212121;
}

#videotexto{
 float:left;
 width:176px;
 padding:0px 0px 0px 0px;
 margin-left:15px;
 margin-right:10px;
 font-weight:bold;
 background-color:#181818;
}

#videotexto h2
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 color:#FF9900;
 height:120px;
 padding:10px;
 line-height:30px;
 background:#585858;
}

#videotexto_up
{
 width:176px;
 height:10px;
 background:url(../img/up.png);
}

#videotexto_dw
{
 width:176px;
 background:url(../img/down.png);
 height:10px;
}


.videoy{
float:left;
width:230px;
heigth:140px;
padding:10px 7px;
margin:0px 5px;
background:#333333;
}

.video_jona{
float:left;
width:140px;
heigth:110px;
padding:4px;
margin-right:15px;
margin-top:10px;
border:1px solid #666666;
}




/*-------------forma-----------------*/
#form_contenedor{ font-family:arial; font-size:12px;
width:990px;
margin:auto;
}


#form_bloque_registrarse
{
	float:left;
	width:970px;
	padding:8px 10px 10px; 
	background:#212121;
}

.form_contact
	{
	float:left;
	width:950px;
	padding:0 8px 30px 10px;
	border:#CCC solid 1px;
	background-color:#FFF;
	background-image:url(../img/background3.jpg);
	}
	
	
	.form_titulo_interiores{
	float:left;
	padding-top:10px;
	
	}
	
	h4{
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold; margin:0; padding:0;
	}
	
	
	
	.both
	{
		clear:both;
		font-size:0px;
	}
	
	
	
	
	.form_fila_contact{
		width:800px;
		padding:8px 0 0 30px;
		font-size:16px;
		font-weight:bold;
		float:left;
	}
	
	.form_fila_contact .demo{
		float:left;
		font-size:12px;
		width:500px;
	}
	
	.demo_2{
		float:left;
		padding-left:300px;
		font-size:12px;
		width:350px;
	}
	
	.form_camptxt_contact{
		float:left;
		width:300px;
		padding:4px 0 2px 0;
	}
	
	

.form_camptxt_contact .campotexto
	{
		width:350px;
		border:solid 1px #585858;
	}
	
.form_camptxt_contact .campotexto2
	{
		width:350px;
		border:solid 1px #585858;
	}	
	
.form_camptxt_contact .campotexto3
	{
		
		background-color:#CCCCCC;
		border:0px;
	}		


.form_fila_btn_enviar_registro
	{
		/*width:900px;*/
		padding:8px 0 0 30px;
		float:right;
		padding-right:30px;
	}

input.btn {
        background:url(../img/sube2.gif);
		cursor:pointer;
		width:190px;
		height:58px;
		border:0px;
		padding-left:100px;
		margin-top:20px;
}

input.btn:hover {
        background:url(../img/sube.gif);
}

/*-----------------------------------*/

 .t4 {
        font-size:14px;
	    width:505px;
	    color:#fff;
		float:left;
		padding-top:20px;
  }
  
  .t4 p {
line-height:30px;
color:#FFF;
}



#texto ul, #texto2 ul { margin:0; padding:0;}

#texto ul li{ padding:0px 0 10px 0px; }


#texto2 ul li{ padding:0px 0 20px 50px; }

#texto .t3 ul li{ padding:0px 0 30px 50px; }


#texto .t2 ul li{ padding:0px 0 10px 50px; }

#texto .t4 ul li{ padding:0px 0 10px 50px; color:#FFF; }

#texto .t4 p{ color:#FFF; padding-top:10px;}

  
  
  
  .t5 {
        font-size:14px;
	    width:900px;
	    color:#fff;
		float:left;
        padding:20px 10px 0 25px;
		line-height:25px;
		
  }

  .t4 {	
        font-size:18px;
	    width:545px;
	    color:#fff;
		font-weight:bold;
		float:left;
		margin-left:25px;
	   }
	   
#textob{
	float:left;
	width:940px;
	/*height:210px;*/
	padding:20px 10px;
	background-color:#212121;
	padding-left:40px;
}




#textoc{
	float:left;
	width:940px;
	height:210px;
	padding:20px 10px;
	background:url(../img/gracias.jpg);
	padding-left:40px;
}   
	 
.wrapper{float:left; width:750px; padding:10px; border:#dadada solid 1px; background:url(../img/jojo.jpg)}
.wrapper img {float:right; width:400px; height:300px; border:0;}
.wrapper p{ width:400px; height:300px; border:0; overflow:hidden; padding-top:30px; padding-left:10px;}
<!--.wrapper input{ margin: 10px 0 0 0;}-->


 	  

		 .alerta{
		 }
		 
		 
		 
.yellow_mensajes
{
 float:left;
 height:35px;
 width:970px;
 text-align:center;
 color:#FFFFFF;
 padding-top:17px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 background:url(../img/alerta.jpg);
}
		
		
		.tex_jonas{
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:30px;
		font-weight:bold;
		font-weight:bold; margin:0; padding:0;
		}
		
		
		
		
		
.fotos_finalistas {
float:left;
width:970px;
padding-top:8px;
}


.foto_aleatoria{
width:180px;
height:135px;
}




.fotos_finalistas ul li img{
border:#ccc solid 1px;
padding:2px;
margin-right:8px;
}


#finalistas_izq{
float:left;
margin-right:8px;
width:450px;
padding-left:12px;
}

.trivial{
float:right;
margin:13px 0 5px 0;
}

.trivial_2{
float:left;
margin:13px 0 5px 0;
}


#finalistas_der{
float:left;
width:500px;

}


#finalistas_trivia{
float:left;
width:440px;
height:79px;
color:#FFFFFF;
margin:10px 0;
}


#noti_jonas{
float:left;
width:450px;
}

#noti_jonas iframe{
margin-bottom:10px;
}



#noti_jonas ul {

float:left;
width:440px;
}
#noti_jonas ul li{

float:left;
width:440px;
}

#noti_jonas_2{
padding-top:10px;
padding-bottom:10px;
float:left;
width:460px;
}

#videos_jonas{
padding-top:10px;
float:left;
width:470px;
}

.noticia_jonas{
float:left;
padding-bottom:20px;
}



.noticia_jonas img{
float:left;
border:1px solid #666666;
padding:2px;
margin-right:8px;
}

.fot_jonas{
width:120px;
height:80px;
}

.textito{
float:left;
color:#fff;
width:300px;
font-size:14px;
}

.textito a{
color:#ffcc00;
}

.noticia_jonas a{
color:#e1bb74;
font-size:14px;
}


.noticia_jonas a:hover{
color:#FF9900;
text-decoration:none;
}

.mejor_derecha{
margin-left:400px;
}

.mejor_derecha2{
float:right;
padding-right:35px;
}










/*------------------- Finalistas    ---------------------*/
		
		#cuerpo{
	float:left;
	width:970px;
	
	padding:20px 10px;
	background-color:#5d5d5d;
	background-image:url(../img/background7.jpg);
	}
	
	.finalis_10 H3 { color:#FFF; font-weight:bold}
	
	.finalis_10_text{
	color:#FFF;
	float:left;
	font-size:14px;
	font-weight:700;
	padding:0 50px 45px 50px;
	text-align:center;
	}
	.finalis_10 img{
	margin-left:10px;
	height:296px;
	height:80px;
	float:right;
	display:inline;
	}
	
	.fin_ganadores{
	width:990px;
	}
	
	
	
	
	.finalis_trivia{
	color:#FFF;
	float:left;
	font-size:14px;
	}
	
	.finalis_remember{
	width:485px;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding-left:15px;
	padding-top:10px;
	}
	
	.finalis_remember p{
	color:#ffcc00;
	}
	
	.finalis_trivia img{
	margin-left:10px;
	float:left;
	display:inline;
	}
	
	
	
	
	
	.finalis_mensaje{height:50px; background-color:#FFC; margin-bottom:20px; padding-top:30px; text-align:center;}
	
	.finalist_youtubes{ width:970px;  float:left; margin-top:10px;}
	
	.finalist_youtubes ul{ margin:0; padding:0;}
	
	.finalist_youtubes ul li{ float:left; padding:0 4px 0 4px}
	
	.finalis_fotovideo{
	border:1px solid #000; background-color:#000;
}
	
	.jonnasfot{width:182px; height:130px;}
	 .finalist_datos{
	background-color:#000;
	font-size:10px;
	padding: 0 3px 0 3px;color:#fff
}  
	 
	 
	 
	 .finalis_vota{
	text-align:center;
	font-weight:bold;
	width:184px;
	padding:3px 0;
	background:url(../img/votaaqui.gif);				}
					
		 .finalis_vota a{
	text-align:center;
	font-weight:bold;
	width:182px; 
	color:#fff;
	
					}
					
					
			.finalis_vota a:hover{ color:#000; text-decoration:none; }		
					
					
	 .finalist_raya{ float:left; width:970px;  margin-top:25px; margin-bottom:7px; border-top:1px solid #ccc; }
	 
	 .finalist_menciones{ float:left; width:970px; }
	 
	 .finalist_menciones h3 { color:#FFF; font-weight:bold;}
	 
	 .finalist_menciones ul{ margin:0; padding:0;}
	 
	 .finalist_menciones ul li{ float:left;  padding:10px 35px 0 30px}
	 
	 .finalist_menciones img { width:90px; height:68px; border:1px solid #ccc; padding:2px;}
	 
	 .finalis_pag{ float:right; color:#FFF; padding-right:20px; margin-top:10px;  }
	 
	 .finalis_pag a{ float:right; color:#FFF; text-decoration:none; display:block; }
	 
	 .finalis_pag a{ float:right; color:#FFF; text-decoration:none; }
	  .finalis_pag a:hover{ float:right; color:#f00; text-decoration:none; }
	 
	 .auspicios{ width:975px;  float:left;  background-color:#212121; padding:5px 0 5px 15px;    }
	 
	 .auspi{ width:540px; height:60px; padding-top:10px; border-top:1px  solid #666   }
	 
	  .auspicios ul, .auspi ul { padding:0; margin:0}
	  
	  .auspicios ul li,  .auspi ul li  { float:left; padding:0 5px 0 5px;}
	   .auspicios ul li span, .auspi ul li span { float:left;  padding:25px 5px 0 5px; color:#FFF}
	   
	   .gorro { width:184px; height:10px;}
	   .gorro2 { width:183px; height:10px;}
/*----------------- Fin FInalistas -----------------------------*/	   

/*-------------- Lightboxvota------------------*/

.lightbox_container{ width:475px;		
					border:1px solid #ccc; padding:10px; background-image:url(../img/background2.jpg)
					}
					
.lightbox_container span img{ float:right; width:24px; height:22px; }					
.lightbox_container h3{ color:#FFF; font-weight:bold;}

.lightbox_player{  border:1px solid #000; background-color:#000; padding-left:65px; margin-top:10px; margin-bottom:15px; }
.lightbox_player2{ padding-left:25px; margin-top:10px; margin-bottom:15px; }
.lightbox_texto{ padding-left:25px; margin-top:10px; margin-bottom:15px; }
					
.lightbox_register{ color:#FFF;}

.lightbox_register h3{ font-weight:bold; display:inline;}

.lightbox_register span{ font-size:12px;}

.lightbox_register p{ font-size:12px;}

.lightbox_form{  padding-top:20px }

.lightbox_param_form{ width:130px; padding-left:20px;  float:left;}
.lightbox_param_form3{ width:60px; padding-left:50px;  float:left;}
.lightbox_param_form2{ width:100px; padding-left:20px;  float:left;}

.lightbox_blocks{ padding:0px 5px 5px 5px;  height:25px; width:460px; font-size:14px}

.lightbox_votar{   padding: 40px 0 20px 160px; }
.lightbox_votar a{ cursor:pointer;}
.lightbox_votar3{   padding: 40px 0 20px 120px; }

.lightbox_votar2{   padding: 20px 0 2px 160px; }

.botones{  width:230px; height:57px; border:0}


/*-------Fin Lightboxvota  ----------*/


/*--- register ---- */

.regist_x{ height:15px;}

.lightbox_form span{ font-size:12px; padding-top:20px; padding-left:53px;}





		#pregunta{	
        font-size:25px;
	    width:545px;
	    color:#FFCC00;
		float:left;
		padding:30px 0 0 90px;
		font-family:Georgia, "Times New Roman", Times, serif;
	    }
		
		#resultado{	
        font-size:30px;
	    color:#FFCC00;
		float:left;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;		
		padding:30px 0 0 210px;
		width:450px;
	    }
		
		#respuestas ul li{	
        font-size:18px;
	    width:545px;
	    color:#FFF;
		float:left;
		padding:20px 0 0 90px;
	    }
		
		#respuestas ul li a{
		color:#FFF;
		text-decoration:none;
		cursor:pointer;
		}
		
		#respuestas ul li a:hover{
		color: #999999;
		}
		
		#finales ul li{	
        font-size:24px;
		margin-top:6px;
	    width:350px;
	    color: #FFFFFF;
		float:left;
		padding:10px 0 0 350px;
	    }
		
		
		#foto_trivial{
		float:right;
		}

		.display_off{
		display:none;
		}
		
		
		
		 #zonabotoon{
		 float:left;
		 width:990px;
		 height:50px;
		 padding-top:10px;
		 background-color:#212121;
		 }
		 
		 #menusito{
		 float:right;
		 text-align:right;
		 background-color:#212121;
		 padding:20px 40px 0px 00px;
		 color:#FFFFFF;
		 font-size:12px;
		 }
		 
		 #sigueme{
		 float:left;
		 background-color:#212121;
		 padding:5px 20px 0px 30px;
		 color: #999999;
		 font-size:11px;
		 }
		 
		 
		 
		 
		 
		 
		 
		 .vota_registra{
		 height:50px;
		 margin-bottom:35px;
		 padding-top:5px;
		 color:#fff;
		 text-align:center;
		 background:url(../img/regis.jpg) no-repeat;
		 }
		 
		 .vota_registra a{
		 color:#fff;
		 }
		 
		 .vota_registra a:hover{
		 text-decoration:none;
		 }
		 
		 .texto_vota_registra{
		 color:#fff;
		 font:Arial, Helvetica, sans-serif;
		 font-size:22px;
		 text-align:center;
		 }
		 
		 .texto_vota_registra a{
		 color:#ffcc00;
		 }
		 .texto_vota_registra a:hover{
		 color:#ffae00;
		 text-decoration:none;
		 }
		 
		 .texto_vota_{
		 color:#ffcc00;
		 font:Arial, Helvetica, sans-serif;
		 font-size:15px;
		 font-weight:700;
		 text-align:center;
		 padding:0 70px;
		 }
		 
		 
		 
		 .ganadores_{
		 width:970px;
		 height:55px;
		 }
		 
		 .ganadores_trivia,  .ganadores_trivia2{
		 width:970px;
		 height:55px;
		 color:#FFFFFF;
		 background:url(../img/triviaganadores.jpg) no-repeat;
		 }
		 .ganadores_trivia2{
		 width:970px;
		 height:115px;
		 color:#FFFFFF;
		 background:url(../img/face.jpg) no-repeat;
		 }
		 
		 
		 .ganadores_votos{
		 width:970px;
		 height:110px;
		 color:#FFFFFF;
		 background: url(../img/votosganadores.jpg) no-repeat;
		 }
		 
		 .ganadores_votos .ganaron{
		 width:300px;
		 padding-left:280px;
		 margin-left:10px;
		 font-weight:bold;
		 padding-top:3px;
		 padding-bottom:3px;
		 }
		 
		 
		 .ganadores_trivia .ganaron, .ganadores_trivia2 .ganaron{
		 width:300px;
		 padding-left:280px;
		 margin-left:10px;
		 font-weight:bold;
		 padding-top:3px;
		 padding-bottom:3px;
		 }
		 
		  
		 
		 
		 
		 .ganadores_videos{
		 float:left;
		 width:305px;
		 height:150px;
		 padding-top:10px;
		 padding-right:10px;
		 }
		 
		 .trivia_videos{
		 float:left;
		 width:370px;
		 height:150px;
		 padding-top:10px;
		 padding-right:30px;
		 }
		 
		 .voto_videos{
		 float:left;
		 width:220px;
		 height:150px;
		 padding-top:10px;
		 padding-right:10px;
		 }
		 
		 .trivia_videos .datos_ganadores{
		 padding-right:5px;
		 }
		 
		 .trivia_videos .foto_ganador{
		 float:left;
		 border:1px solid #CCCCCC;
		 padding:3px;
		 }
		 
		 .ganadores_videos p{
		 font-size:12px;
		 }
		 
		 .ganadores_videos span{
		 font-size:19px;
		 font-family:Times New Roman, Times, serif;
		 color:#999900;
		 }
		 
		 .datos_ganadores{
		 float:left;
		 padding-left:8px;
		 }
		 
		 .foto_ganador{
		 float:right;
		 border:1px solid #CCCCCC;
		 padding:3px;
		 }
		 .foto_ganador2{
		 float:left;
		 border:1px solid #CCCCCC;
		 padding:3px; margin:0 10px 0 0;
		 }