@import url('reset.css');

#maxContainer { width: 97.8em; margin: 6em auto 0;}

#header { background: url(../img/f_cab.jpg) no-repeat left top; margin-bottom: 1em;}
#header h1, #header h2 { text-indent: -9999px; overflow: hidden; float: left; display: inline;}
#header h1 a, #header h2 a { display: block; width: 15em; height: 9.5em; font-size: 1em;}
#header h2.patrocinador { float: right;}

#content { background: #f9f9f9 url(../img/f_content.jpg) no-repeat left top; height: 55.7em; position: relative; }

#content h3 { font: bold 5em/1em Arial, Helvetica, sans-serif; color: #fff; float: right; display: inline; margin: 0.2em; }
#content h3 span { color: #202574;}
#content h4 {text-indent: -9999px; overflow: hidden;}

#content form { position: absolute; right: 0; bottom: 0.5em; display: none;}
#content form h4 { text-indent: 0; font: bold 1.8em/1.2em "Tahoma"; color: #70af00; margin-bottom: 0.5em;}

#content form ul { width: 45em;}
#content form li { float: left; display: inline; background: url(../img/input_left.gif) no-repeat left center; padding-left: 0.7em; margin:0  1em 0.5em 0;}
#content form li p { background: url(../img/input_der.gif) no-repeat right center; padding-right: 0.7em;}
#content form li p label { display: none;}
#content form li p input.text { background: url(../img/input_center.gif) repeat-x left center; border: none; font: 1.2em/1em "Tahoma"; color: #5f5f64; width: 15.8em; padding: 0.5em 0;}
#content form li.submit { background: none;}
#content form li.submit input { font: 2.2em/1em "Tahoma"; color: #70af00; text-decoration: underline; background: none; border: none; text-decoration: underline;}
#content form p.agradecimiento { font: 1.2em/1em "Tahoma"; color: #3f4486; background: #fff; padding: 2em 1em; display: none;}


#content .info { width: 45.5em; top: 18em; right: 2em; position:absolute;}
#content .info p { font: 1.2em/1em "Tahoma"; color: #3f4486; margin-bottom: 1.5em;}
#content .info p.aviso { color: #fff; background: #262963; padding: 1em; display: none;}
#content .info a { position: absolute; top: 0em; left: -5em; }
#content .info h5 { font: bold 2em/1em Arial, Helvetica, sans-serif; color: #202574; text-align: center;}

#flash { padding-left: 16em;}


#content .privacidad { font: 1em/1em "Tahoma"; color: #3f3f87; position: absolute; bottom: 1em; left: 1em;}

/*privacidad*/
#fondo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;  background: #262963; opacity: 0.9; filter:alpha(opacity=90); display:  none;}
* #fondo { height: 1000px;}
#capa { width: 60em; padding: 2em; position: absolute; top: 50%; left: 50%; z-index: 500; background: #fff; color: #07006d; margin: -25em 0 0 -31em; display: none; }
#capa h3 { text-indent: -9999px; overflow: hidden; background: url(../img/tit_atrevete.gif) no-repeat left top; float: left; display: inline; font-size: 1em; height: 5em; width: 18em; margin-bottom: 1em;}
#capa .close { float: right; display: inline; font: 1.2em/1em "Tahoma"; text-transform: uppercase; color: #07006d;}
#capa h4 { clear: both; font: bold 1.2em/1em "Tahoma"; text-transform: uppercase; padding: 0 2em; margin-bottom: 1em;}
#capa p { font: 1.1em/1.3em "Tahoma"; color: #07006d; padding: 0 2.1em;}


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

/**** pie ****************/
#pie{ border-top:1px solid #cdcdcd; width:97.7em; margin:4em auto 0; padding:1em 0.2em;}
#pie span{ float:left; display:inline; width:60%; font:bold 1.1em Arial, Helvetica, sans-serif; color:#666;}
#pie span a{ color:#999; font-weight:normal; background:url(../img/separador.gif) no-repeat left 0.2em; padding:0 0.4em 0 0.7em; text-decoration:underline;}
#pie .der{ text-align:right; color:#999; width: 40%;}
#pie .der .ultimo{ background:url(../img/guion.gif) no-repeat left 0.6em; }
#pie span a.prisa { background: url(../img/logo_prisa.gif) no-repeat right center; padding: 5px 66px 5px 0; font-weight: normal; text-decoration: none;}
/*----*/