@charset "UTF-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: #000000;
	color: #ffffff;
	}
	
.header{
	width: 100%;
	background: #cc0000;
	height: 110px;
	}

.container{	
	width: 410px;
	float: left;
	padding: 20px 0 25px 20px;
	}

a:link, a:visited{
	color: #FFFFFF;
	font-size: 14px;
	}
a:hover, a:active{
	color: #cc0000;
	}

.clear{
	display: block;
	clear:both;
	}

h1{
	margin: 0;
	padding: 0;
	background: url(images/logo_hvtm.gif) no-repeat;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 345px;
	height: 43px;
	}

h1 strong, .una_web strong{
	visibility: hidden;
	display:none;
	}	

.una_web{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 536px;
	background: url(images/claim.gif) no-repeat;
	width: 347px;
	height: 23px;
	}

.header ul{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 20px;
	}

.header ul li{
	display: inline;
	}

.header ul li a{
	display:block;
	float: left;
	}
.header ul li a strong{
	visibility: hidden;
	display: none;
	}

a.inicio{
	background: url(images/menu_01.gif) no-repeat;
	width: 61px;
	height: 30px;
	}
a.inicio_act{
	background: url(images/menu_over_01.gif) no-repeat;
	width: 61px;
	height: 30px;
	}
a.concurso{	
	background: url(images/menu_02.gif) no-repeat;
	width: 113px;
	height: 30px;
	}
a.concurso_act{
	background: url(images/menu_over_02.gif) no-repeat;
	width: 113px;
	height: 30px;
	}
a.galeria{
	background: url(images/menu_03.gif) no-repeat;
	width: 148px;
	height: 30px;
	}
a.galeria_act{
	background: url(images/menu_over_03.gif) no-repeat;
	width: 148px;
	height: 30px;
	}
a.como{
	background: url(images/menu_04.gif) no-repeat;
	width: 230px;
	height: 30px;
	clear: right;
	}
a.como_act{
	background: url(images/menu_over_04.gif) no-repeat;
	width: 230px;
	height: 30px;
	clear: right;
	}

.como_hacer{
	background: url(images/hvtm_cartel.gif) no-repeat;
	width: 432px;
	height: 480px;
	float: left;
	}

.como_hacer p, .como_hacer h2, .como_hacer a strong{
	visibility: hidden;
	display: none;
	}

a.participar{
	width: 111px;
	height: 32px;
	float: left;
	margin-top: 200px;
	margin-left: 195px;
	}

a.mas_info{
	width: 152px;
	height: 32px;
	float: left;
	margin-top: 200px;
	margin-left: 267px;
	}

dl dt, dl dd{
	display: inline;
	color: #cc0000;
	margin: 0;
	padding: 0;
	font-size: 14px;
	}
	
.header_concurso{
	position: relative;
	background: url(images/cab_concurso.gif) no-repeat;
	width: 860px;
	height: 170px;
	margin: 20px 0 0 20px;
	}	

.header_concurso h2, .header_concurso h3{
	visibility: hidden;
	display: none;
	}

ul.concurso{
	margin: 0;
	padding: 0;
	}
	
ul.concurso li{
	list-style: none;
	}
	
ul.concurso li strong{
	font-size: 24px;
	color: #cc0000;
	font-weight: normal;
	}

ul.concurso li strong span{	
	color: #ffffff;
	}

ul.concurso li p{
	color: #cc0000;
	font-size: 12px;
	padding: 5px 10px 25px 0;
	margin:0;
	}

ul.concurso li p strong{
	color: #ffffff;
	font-size: 12px;
	}

li.uno{
	background:url(images/ico_graba.gif) no-repeat left top;	
	padding: 0 0 0 50px;
	}
li.dos{
	background:url(images/ico_sube.gif) no-repeat left top;	
	padding: 0 0 0 50px;
	}
li.tres{
	background:url(images/ico_rellena.gif) no-repeat left top;	
	padding: 0 0 0 50px;
	}
li.tres fieldset{
	border: none;
	margin: 0;
	padding: 0;
	width: 300px;
	}

li.tres fieldset label{
	font-size: 12px;
	width: 110px;
	float: left;
	padding-top: 5px;
	}

li.tres fieldset input{
	margin-bottom: 4px;
	width: 180px;
	}
select.dia{
	width: 55px;
	text-align: center;
	}

select.mes{
	width: 55px;
	text-align: center;
	}

select.ano{
	width: 68px;
	text-align: center;
	}

select.provincia{	
	width: 184px;
	}
li.tres input.chk{
	width: auto;
	}

li.tres label.chk{
	font-size: 12px;
	}

li.tres label.chk a{
	font-size: 12px;
	}

li.tres fieldset select{
	margin-bottom: 4px;
	}

li.tres fieldset span{
	display: block;
	padding: 0 0 5px 110px;
	font-style: italic;
	font-size: 11px;
	}

.inscribir{
	display: block;
	width: 98px;
	height: 31px;
	padding: 20px 0 0 50px;
	float: left;
	}
	

.container h3{
	font-size: 24px;
	color: #cc0000;
	font-weight: normal;
	margin: 0;
	padding: 0 0 20px 0;
	}

ul.premio{
	background: url(images/ico_premio.gif) no-repeat;
	margin: 0;
	padding: 0;
	}

ul.premio li{
	list-style: none;
	padding: 0 0 0 50px;
	}

ul.premio li strong{
	font-size: 18px;
	font-weight: normal;
	}
	
ul.premio li strong.dest{
	font-size: 28px;
	}

ul.concurso li strong.dest{
	font-size: 28px;
	}

ul.concurso li p{
	font-size: 20px;
	color:white;
	}
  	
.quien_gana{
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	margin: 20px 0 20px 0;
	padding: 10px 0 10px 0;
	}
	
.quien_gana p{
	margin: 0;
	padding: 0;
	color: #cc0000;
	}

.quien_gana p strong{
	color: #ffffff;
	font-weight: normal;
	}

.sub_head_galeria{
	width:880px;
	}

.sub_head_galeria h3{
	padding: 20px 0 0 20px;
	margin: 0;
	font-size: 22px;
	float: left;
	font-weight: normal;
	}

.paginacion{	
	margin: 0;
	padding: 24px 0 0 0;
	float: right;
	width: 240px;
	}

.container .paginacion{
	float: left;
	padding-left: 210px;
	}
	
.paginacion a{
	font-size: 12px;	
	}

.paginacion .sep{
	color: #cc0000;
	}

.video_grande{
	margin: 0 0 20px 0;
	}
.video_selecc span{
	font-size: 18px;
	color: #cc0000;
	}	

.video_selecc strong{
	font-size: 18px;
	color: #ffffff;
	}

.video_selecc a{
	font-size: 18px;
	}

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

.video_selecc p strong{
	color: #cc0000;
	font-size: 12px;
	}

a.sube{
	color:#cc0000;
	font-size: 18px;
	background: url(images/ico_sube.gif) no-repeat left top;
	padding: 0 0 10px 50px;
	width: 190px;
	display: block;
	margin: 40px 0 0 0;
	}

.destacados{
	padding: 0 0 20px 0;
	}
/*footer*/	 	
.footer{
	clear: both;
	color: #FFFFFF;
	border-top: 1px solid #ffffff;
	width: 860px;
	padding: 5px 0 20px 0;
	font-size: 11px;
	margin: 0 0 0 20px;
	}

.footer .l a, .footer .r a{	
	font-size: 11px;
	}

.footer .l{
	float: left;
	}

.footer .r{
	float: right;
	}

/* ||||| ESTILOS PARA LA GALERIA  */
.fontred{
	color: #cc0000;
	font-size: 11px;
	}

.fontwhite{
	color: #ffffff;
	font-size: 11px;
	}