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


body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background:#003247; margin:0}

h1{ text-indent:-9999px; margin:0; padding:0}
.numero1{ background:url(numero1.png) no-repeat; width: 249px; height: 107px;}
.terminos{background: url(t-terminos.png) no-repeat; width: 400px; height: 40px;}
.tdescargas{ background:url(t-descargas.png) no-repeat; width: 400px; height: 40px;}
.tgalerias{ background: url(t-galerias.png) no-repeat; width: 400px; height: 40px;}
.tcalendario{ background: url(t-calendario.png) no-repeat; width: 400px; height: 40px;}
.tcomo{ background: url(t-como.png) no-repeat; width: 400px; height: 40px;}
.tevolucion{ background: url(t-evolucion.png) no-repeat; width: 400px; height: 40px;}
.tinstituciones{ background: url(t-instituciones.png) no-repeat; width: 400px; height: 40px;}

.final {background:url(../final/final.png) no-repeat; width:283px; height:81px;}


h2{margin:0 0 15px; padding:4px 0; text-align:center; border-top:2px solid #FFF; background:#002234; font-size:11px; letter-spacing:2px; text-transform:uppercase }

h3 {color: #f90; font-weight:normal; font-size:16px;}

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

img { border:0;}

.formato { background:url(download.png) no-repeat #002234 5px; padding:10px 10px 10px 50px;  border-top:2px solid #FFF; margin:0 0 15px}
.formato:hover { border-top:2px solid #f90;}
.formato a { color:#FFF; text-decoration:none}
.formato a:hover {text-decoration:underline; color:#f90;}

.construccion{color:#FFF; border-top:2px #FFF solid; display:block;float:left; padding:8px 12px 8px 12px;  width:476px;}


#content dl {margin:10px 0 20px 0 ; padding:0;}
dt{ font-size:10px; }
dd{ font-size:14px;}

a.mas {font-size:10px; text-decoration:none; color:#FFF; padding-left:25px;}
a:hover.mas{ text-decoration:underline;color:#f90;}
.date {background:url(date.png) no-repeat;}
.galeria{background:url(image.png) no-repeat;}
.finalistas{background: url(finalistas.png) no-repeat;}


#fecha{color:#8F671A; font-size:20px; width:32px; height:32px; text-align:center; padding:13px 13px 0 0; float:left}




.abril {background:url(fechas/apr.png) no-repeat;}
.mayo {background:url(fechas/may.png) no-repeat;}
.junio {background:url(fechas/jun.png) no-repeat;}

#container{background:url(head.jpg) no-repeat #003247 ; width:920px;}

#head { height:290px;}

#head img {float:left;}

#wrap{padding:40px 20px 20px; min-height:600px;}

#menu {padding:251px 0 0 402px; font-size:11px; text-align:center; }

#menu a{ display:block; color:#FFF; text-decoration:none;  float:left; padding:8px 12px 8px 12px; background:#002234; border-top:2px solid #002234}
#menu a:hover {color:#FF9900; background-color:#003247; border-top:2px #FFF solid}
.menu {color:#F90; border-top:2px #FFF solid; display:block;float:left; padding:8px 12px 8px 12px;}
#menu2 a, #menu2 a:hover {color:#FF9900; }
#menu2 a{ color:#fff; text-decoration:none;}

#content {width:360px;border-right:#fff dotted 1px; padding-right:40px;}
#contentwide {width:590px; padding-right:40px; min-height:800px; float:left}
#colizq {width:220px; float:right; padding-left:20px;border-left:#fff dotted 1px;}

#colcentral {width:200px; margin:0 20px 0 0; float:right; }

#menu2{font-size:10px; background:#002234; padding:10px 20px; border-bottom:1px solid #003247}

#legales {float:right;}

#footer { background:url(bg-footer.gif) repeat-x; padding:20px; min-height:200px;}

#patrocinio {margin-left:400px; text-align:right}
#patrocinio img {margin:0 0 20px 20px; border:0; width:100px; height:50px; background:#002234 }




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

.lista {
	margin:0 0 0 15px;
	padding:0;
	list-style:square;
}
.lista a {color:#FFF;}
.lista a:hover {color:#F90;}
.lista li {padding-bottom:8px; }

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

#content2{clear:both}

.SpryHiddenRegion {
   visibility: hidden;
}


td.rank { }

#products { 
	border-collapse:collapse;
	empty-cells:show;
	margin: 0;
}

#products th {
	cursor: pointer;
}

#products th.infocus { border-bottom:1px dotted #002234; }


#products td { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;

	border-bottom: dotted 1px #002234;
}
#products tr {

	-moz-user-select: none;
	-khtml-user-select: none;
	 color:#FFF 
}

#products tr.notinfocus { background-color:#fff;font-size:11px;}
#products tr.selected { font-size:11px; }
#products tbody { margin-top: 0; font-size:11px;}
.even { font-size:11px;}

.rowHover {
	cursor: pointer;
	font-size:11px;
	background:#002234;
	 color:#FFF 
}

.rowSelected { 	font-size:11px; background: #002234;  color:#FFF }

.productinfo {
	width: 700px;
	margin-left: 250px;
}

.category {
	
	margin-top:18px;
}

.boximage {
	float: left;
	background-color: white;
}

.pasos{background:url(pasos.png) no-repeat; width:550px; margin:0; padding:0}
.pasos ol{ margin:0; padding:0; height:890px}
.pasos li  { display:block; list-style:none;  height:79px; margin:5px; padding:5px 35px 0 90px;}



/*-------- P R E N S A ------------------------------------*/

#prensa {width:849px; height:498px;margin:60px 0 0 60px; background:url(bg-prensa.png) no-repeat; border:8px solid #FFF; font-size:11px}

#prensa ul {margin:0; padding:0 0 0 561px; list-style:none;}
#prensa li { background:url(prensabotton.png) repeat-x #D8D8D8; display:block; border:1px solid #999; padding:7px 0 5px 0}
#prensa li a{ padding:0 10px 0 30px; color:#000; text-decoration:none;  }
#prensa li a:hover{text-decoration:underline; }
.news {background:url(news.png) no-repeat 5px}
.tv {background:url(tv.png) no-repeat 5px}
.web {background:url(globe2.png) no-repeat 5px}
.image {background:url(image.png) no-repeat 5px}


a.entrar {background: url(entrar.png) bottom; width:235px; height:40px; display:block; text-indent:-9999px; position:absolute; top:545px; left:700px}
a.entrar:hover {background: url(entrar.png) top; }


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

.formato2 { background:url(download.png) no-repeat #002234 5px; padding:10px 10px 10px 50px;  border-top:2px solid #FFF; margin:0 0 15px; font-size:14px; display:block; width:340px;}
.formato2:hover { border-top:2px solid #f90;}
.formato2 a { color:#FFF; text-decoration:none}
.formato2 a:hover {text-decoration:underline; color:#f90;}

a.pasohome { background-color:#002234; padding:1px 5px 1px 30px; }
.proceso {background:url(processeleccion.png) no-repeat top;}
.mail {background:url(mailappt.png) 5px no-repeat}
.down2 {background:url(download2.png) 5px no-repeat}


.importante {background:url(importante.png) no-repeat top;}