area, a, a img, img { text-decoration:none; border:0;}
a:hover, a:visited{ text-decoration:underline;}
ul,ol { list-style:none; list-style-position:outside;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0;}
fieldset{border:0;}
body{color:#FFF; background:#000;font-size:62.5%;}
abbr{cursor:help;}

.clear{clear:both;}

/* ................. CONTENEDOR DE TODA LA PÁGINA  ...............*/
#pagina{position:relative; width:65em; margin:15px auto 0 auto; font-family: Verdana, Arial, sans-serif; font-size:1.1em; padding:5px 15px; border-left:1px dashed #FFF; border-right:1px dashed #FFF;}

/* .................... CABECERA .........................*/
#cabecera{width:100%; border-bottom:1px solid #FFF; padding-bottom:10px;}
#logo{ margin-bottom:10px;}
#logo img{ margin:0px; padding:0px;}

#menu{width:100%;font-family: "Arial Narrow", "Trebuchet MS", Impact, Verdana, Arial, sans-serif; font-size:1.1em; letter-spacing:-0.01em; font-weight:normal;}
#menu li{	display:inline;	background:transparent url(../img/menu_star.gif) no-repeat right; margin-right:0px; padding-right:25px;}
#menu li a{text-decoration:none;}
#menu li a:link{color:#FFF;}
#menu li a:visited{color:#FFF;}
#menu li a:hover{color:#01D8DD;}
#menu li a:focus{color:#01D8DD;}
#menu li a:active{color:#01D8DD;}

/* ...................... PIE DE PÁGINA ...................*/
#pie{width:100%; padding-top:30px; text-align:center;}
#pie a{color:#92918C;}
#pie p{margin-top:30px;}

#pie ul, #contenido_pie ul{ margin:15px 0;}
#pie ul li, #contenido_pie ul li{display:inline; margin-right:10px;}

#contenido_pie {margin-top:50px; position:relative;}

#contenido_pie ul{ margin:25px 0;}
#contenido_pie ul li{display:inline; margin-right:10px;}

#contenido_pie dl{position:relative; float:left; width:45%;  text-align:left; display:block;}
#colab{ margin-top:108px;}
#contenido_pie dl dt{font-size:80%; margin:25px 0px; font-weight:normal; color:#999;}
#contenido_pie dl dd{display:inline; margin-right:10px;}



/*  ................... CONTENIDO .......................... */
#cuerpo{width:100%; margin:10px 0px; height:392px;}
#cuerpo[id]{height:auto; min-height:300px;}

#contenido{width:27em; position:relative; float:left;}

h1{	width:100%;	font-family: "Arial Narrow", "Trebuchet MS", Impact, Verdana, Arial, sans-serif; font-size:1.5em; color:#01D8DD; letter-spacing:0.06em; border-bottom: 1px solid #4B494A; margin:30px 0 20px 0;}

h2{width:100%; font-size:1.1em; margin: 10px 0 6px 0;}

#contenido p{margin-bottom:1em;}

#contenido2 dl{display:block; margin-bottom:25px;}
#contenido2 dl dt{ font-weight:bold; color:#999; margin-top:5px;}
#contenido2 dl dd{margin-left:30px;}

#contenido a, #contenido2 a, #contenido3 a{color:#92918C;}

.resalt{background:transparent url(../img/resalt.png) no-repeat left; padding-left:10px;}

.guion{background:transparent url(../img/guion.gif) no-repeat left; padding-left:8px;}


#contenido_portada {margin-top:50px;}

#contenido_portada dl{display:block;}
#contenido_portada dl dt{font-size:80%; margin:25px 0px; font-weight:normal; color:#999;}
#contenido_portada dl dd{display:inline; margin-right:10px;}


#contenido_patroc{width:385px; position:relative; float:right;}


/*la portada del día después de la gala*/
#galafotos{margin-top:25px; padding-top:15px;}
#galafotos ul li{display:inline; background:transparent url(../img/ApoyoMM_fotos.gif) no-repeat left; padding-left:17px; margin-right:5px;}

#galavideos{margin:20px 0 40px 0;}
#galavideos ul li{display:inline; background:transparent url(../img/ApoyoMM_video.gif) no-repeat left; padding-left:17px; margin-right:5px; line-height:1.7em;}


/* LOS VIDEOS DE LA GALA */
 #video{}

.galeria{ text-align:center; width:25%; margin:30px auto;}
.galeria a{ background:transparent url(../img/Apoyo_vermas.gif) no-repeat right; padding-right:12px;}


 
.oculto{ position: absolute;left: -999px;width: 990px;}
 
 


/* ........... ACCESIBILIDAD ........ */
#ayudas {display:block;}
#ayudas dt{ font-weight:bold; color:#999; margin-top:10px;}
#ayudas dd{margin-left:40px;}


/* ............ CATEGORÍAS ..........*/

#categorias{}
#categorias dt{ padding:10px 5px; color:#999; font-weight:bold; border:1px dotted #00D6DE; border-bottom:0;}
#categorias dd{ padding-left:5px; padding-right:5px; border-left:1px dotted #00D6DE; border-right:1px dotted #00D6DE;}
.last{border-bottom:1px dotted #00D6DE; margin-bottom:10px; padding-bottom:10px;}



/* ............ EDICIONES ANTERIORES ..........*/
#edic{background:#FFF; color:#000; padding:5px;}

#edic p{position:relative; float:left; width:14em;}
#edic p img{margin-top:10px;}
#edic  dl{position:relative; float:right; width:11em; margin-top:10px;}
#edic dl dt{color:#F00; font-weight:bold; margin-bottom:5px;}
#edic dl dd{margin-left:15px;background:transparent url(../img/ApoyoMM_fotos.gif) no-repeat left; padding-left:16px;}

#edic dl dd.video{background:transparent url(../img/ApoyoMM_video.gif) no-repeat left;}


/* ............ ENVÍO VOTACIONES ..........*/

#contenido2, #contenido3{width:100%; background:#000; color:#FFF;}
#contenido2 fieldset{margin-bottom:25px;}
#contenido2 fieldset fieldset{margin-bottom:5px; padding-bottom:5px; background:#FFF; color:#000;}

#contenido2 fieldset legend{font-family: "Arial Narrow", "Trebuchet MS", Impact, Verdana, Arial, sans-serif; font-size:1.3em; font-weight:bold; color:#01D8DD; letter-spacing:0.06em; border-bottom: 1px solid #4B494A; margin-bottom:10px;}
#contenido2 fieldset fieldset legend{font-family: Verdana, Arial, sans-serif; font-size:1em; font-weight:bold;  background:#FFF; color:#000; letter-spacing:0em; border:0; margin-bottom:5px; padding:3px;}


.info{position:relative; float:left; width:17em; padding:1em;}
.info p{margin-bottom:10px;}
.info ul{ margin:0px auto; width:98%;}
.info ul li{background:transparent url(../img/guion.gif) no-repeat left; padding-left:8px;}

.campos{position:relative; float:right; width:44em; padding:1em;}
.campos p{text-align:right;}
.campos p.expl{text-align:left; margin-bottom:15px;}
.boton{font-size:0.8em;}
.oblig{font-size:0.8em;}


#emp{position:relative; float:left; width:21.7em; border:0;}
#usr{position:relative; float:right; width:21em; /*border-left:1px solid #999999; */padding-left:1em;}

#emp p, #usr p{ text-align:left;}

.campos dl{}
.campos dl dt{position:relative; float:left; width:6em; clear:both;}
.campos dl dd{position:relative; float:left; width:6em; display:inline;}

#enviar{text-align:center; margin-top:20px;}
#enviar input{font-family: "Arial Narrow", "Trebuchet MS", Impact, Verdana, Arial, sans-serif; font-size:1.3em; font-weight:bold; color:#01D8DD; background:#000; letter-spacing:0.06em; cursor:pointer; border:0px;}

.open{ width:5px; height:1%; border:2px solid #FFFFFF; border-right:0;}
.close{ width:5px; height:1%; border:2px solid #FFFFFF; border-left:0;}


/* ............ VOTACIÓN FINALISTAS ..........*/

#info-finalistas{position:relative; float:left; width:25em; padding:1em;}

#info-finalistas p{margin-bottom:10px;}
#info-finalistas ul{ margin:0px auto; width:98%;}
#info-finalistas ul li{background:transparent url(../img/guion.gif) no-repeat left; padding-left:8px;}


#campos-finalistas{position:relative; float:right; width:30em; background:#FFF; color:#000; padding:1em;}
#campos-finalistas.reg{width:63em;}
#campos-finalistas dl{ width: 95%; clear:both;}
#campos-finalistas dt{ float:left; width:40%; clear:both; font-weight:bold;}
#campos-finalistas.reg dt{ width:30%; font-size:90%; font-weight:normal; padding-bottom:1px;}
#campos-finalistas dd{ float:left; width:40%;}
#campos-finalistas.reg dd{ width:59%; font-size:90%;}
#campos-finalistas.reg dd select{font-size:90%;}
#campos-finalistas p{clear:both;}

#campos-finalistas ul{margin:5px auto 10px auto; width:30em;}
#campos-finalistas ul li{position:relative; float:left; width:13em; margin-right:1em; }
#campos-finalistas ul li a{font-size:90%; }
.recordar{text-align:right;}
#campos-finalistas #enviar{ text-align:right;}

.campos legend{display:block;}



#pasos{}

/* ............... BASES ................. */
#bases p{margin-bottom:15px;}

#bases dl{display:block; margin-bottom:25px;}
#bases dl dt{ font-weight:bold; color:#999; margin-top:5px;}
#bases dl dd{margin-left:30px;}



/* ...............  CONCURSO VIAJE................ */
#viaje{}
#viaje p{margin-bottom:15px;}
#viaje ul{margin:0 0 15px 15px;}
#viaje ul li{list-style-type:disc;}

#fotos{position:relative; float:right; width:180px;}
#fotos ul li {list-style-type:none;}

.destacado{ width:50%; margin:15px auto; border:1px solid #FFF; padding:5px;}


/* .................... JURADO ....................... */
#jurado{}
#jurado dt{color:#999; font-weight:bold;}
#jurado dd{padding:10px 0 10px 0; margin-bottom:15px; border-bottom: 1px solid #CCC;}



/* ....................FINALISTAS ....................... */
#finalistas{}
#finalistas h2{padding-top:20px; clear:both; color:#01D8DD;}
#finalistas p{ position:relative; float:left; width:30%; padding:1%; margin-right:1%; text-align:center; color:#FFF;}
#finalistas p img{margin-bottom:5px;}
p.ganador{background:#CCC; color:#000000; border:1px solid #FFF;}

#finalistas span{display:block; text-align:center; width:100%; color:#FF0000; font-weight:bold;}





