/*****************************************************************************************************************
 *      Especial:      Premios Goya 2013                                                                          *
 *      Medio:         ElPais.com                                                                                 *   
 *      Autor:         Elpais                                                                                     *
 *      Hoja:          ep-quiniela.css                                                                            *
 *      Descripcion:   Estilos de la quiniela del especial premios goya 2013                                      *
 *      Fecha:         23/01/2013                                                                                 *
 *****************************************************************************************************************/
/* QUINIELA
/***************************************/
/* cabecera quiniela */
#encuesta header{background: url(../img/f_quiniela.jpg) no-repeat  0 0; padding-top: 50px; }
#encuesta header h1{width: 808px; height: 88px; background-position: 0 -631px; margin-bottom: 28px;}
#encuesta header .cont{width: 814px; margin: 0 auto; position: relative; height: 368px;}
#encuesta header p{font: normal 14px/19px Arial, Helvetica, sans-serif; color: #8c8b88; text-align: center; padding-bottom: 8px; padding-top: 8px; margin-bottom: 0;}
#encuesta header span{display: block; width: 582px; margin: 0 auto 20px auto;}
/* formulario concurso */
#bases{clear: both;}
#bases .btn{width: 382px; margin: 0 auto 10px auto;}
#bases .btn a{font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; background-color: #f33537; padding: 14px 0; display: block; width: 176px; text-align: center;}
#bases li{float: left; margin-left: 10px;}
#bases .bases_legales{margin-bottom: 5px; font-size: 12px;}
#bases .bases_legales a{color: #FFF;}
#bases #mensajes{background: url(../img/f_mensajes.png) 0 0; padding: 0 10px 0 10px; width: 300px; margin: 0 auto; border-radius: 5px;}
#bases #mensajes .cont{padding: 10px 0;}
#bases #mensajes p{color: #FFF; font-size: 12px; display: none;}
#bases #mensajes p.visible{display: block;}
#bases #mensajes .msj-gracias{text-transform: uppercase; font-weight: bold; font-size: 12px;}
#bases #mensajes .msj-participar{text-transform: uppercase; font-weight: bold; font-size: 12px; display: block;}
/* */
#encuesta{position:relative; clear: both;}
#encuesta h2.sprite{background-color: #ffffff;background-position:-488px -263px;width:220px;height:26px;position:absolute;left:364px;top:-14px; display:none;}
#inner{padding-top:20px; position: relative;}
#inner .titulo{border-bottom:1px solid #d5d5d5;margin-bottom:2px;font:16px/31px "Times New Roman", Times, serif;text-transform:uppercase;  margin-bottom: 1px; padding-bottom:0; text-align:center;}
#inner .content .estirar{padding:18px 0 10px 0; border-top: 1px #D5D5D5 solid;}
#inner .content label .estirar{border-top: none; padding-top: 5px;}
/* formulario desactiva */
#container .novotar form {opacity: 0.5; filter: alpha(opacity=50);}
#encuesta #inner .capa-novotar{background: url(../img/f_novotar.png) 0 0; position: absolute; top: 0; left: 0; width: 1000px; height: 2700px;}
#encuesta #inner { margin-left: 0; margin-right: 0; /*position: static;*/}
#encuesta #inner form fieldset { clear: both; margin-bottom: 0;  }
#encuesta #inner form fieldset.ultimo{border-bottom: 1px #666 dotted; margin-bottom: 50px;}
#encuesta #inner form fieldset{ background: #fff; padding: 0 0 0 30px; margin: 0; width: 959px;}
#encuesta #inner form fieldset label { float: left; display: inline; width: 213px; margin-left: 35px;}
#encuesta #inner form fieldset label:first-child{margin-left: 0;}
#encuesta #inner form fieldset .ultimo{margin: 0;}
#encuesta #inner form fieldset label div{width: 200px; padding-bottom: 30px;}
#encuesta #inner form fieldset label img { margin-bottom: 5px; line-height: 0px; font-size: 0px;}
#encuesta #inner form fieldset label h4{color: #383838; display: inline; float: left;  font: bold 1.5em/1em Arial, Helvetica, sans-serif; width: 165px;}
#encuesta #inner form fieldset label input, #encuesta #inner form fieldset label .porcentaje { float: right; display: inline; margin: 0; padding: 0; width: 18px; text-align: right;}
#encuesta #inner form fieldset label .porcentaje{width: 48px;}
#encuesta #inner form fieldset label .porcentaje{border-left: 0;}
#encuesta.final #inner form fieldset label .porcentaje { padding: 0; width: auto; border: none; font: 2.5em/1em "Times New Roman", Times, serif; color: #34bed3;}
#encuesta #inner form fieldset label strong { width:165px; font: bold 15px/17px Century Gothic, sans-serif; color: #383838; float: left; display: inline;}
#encuesta.final #inner  form fieldset label strong { width: 140px;}
#encuesta #inner form fieldset label strong em { font-weight: normal; font-style: normal; display: block; margin-top: 5px; text-transform:uppercase; font-size: 12px; color: #767676;}
#encuesta #inner #votar{background-position: -390px 0; width: 94px; height: 94px; margin: 0 auto 20px auto; border: none;}
#encuesta #inner #votar:hover{cursor: pointer;}
#encuesta #inner #baseslegales{font: normal 1.1em Arial, Helvetica, sans-serif; color: #1b1b1b; width: 357px; margin: 0 auto; text-align:center;}
#encuesta #inner #baseslegales #aceptarbases{font: bold 1.1em Arial, Helvetica, sans-serif; margin-bottom: 15px;}
#encuesta .patrocinador{position: absolute; left: 583px; bottom: 0;}
#encuesta .patrocinador img{display: block;}
#container .novotar form {opacity: 0.5; filter: alpha(opacity=50);}
#voto-realizado{font: 13px/18px Arial, Helvetica, sans-serif; padding-bottom: 10px;}
#validacion p{font: 13px/18px Arial, Helvetica, sans-serif; padding-bottom: 10px; color: #CC0000;}
#ganadores{text-align:center;}
#ganadores li{font:bold 12px/21px Tahoma, Geneva, sans-serif;color:#fff;}
/* lightbox   bases
/***************************************/
.content_player{ position: fixed; z-index:100; left:50%; top:50px; margin:0 0 0 -340px; width:680px;  display: none;  padding: 20px 0;}
* html .content_player{ position: absolute;}
.content_player h2 { font:bold 22px/24px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:7px; }
.content_player p { font:14px/16px Arial, Helvetica, sans-serif; color:#000; margin-bottom:14px;} 
.content_player li { font:14px/16px Arial, Helvetica, sans-serif; color:#000; margin-bottom:14px;} 
.content_player p.autor { color:#fff; text-transform:uppercase;}
.content_player .inner { clear:both; width:612px; margin:0 auto; padding:12px 0 0; }
.sombra{z-index:55; display:none; background:#000; position:absolute; left:0; top:0; height:800px; width:100%; opacity: 0.90; filter: alpha(opacity=90);}
a.ampliar { color:#333; }
.cont-bases { background-color: #FFF; padding:10px; height:500px; overflow:auto; }
.cerrar{ float: right; display: inline; background-color:#555;color:#FFFFFF;font:bold 1.2em Arial,Helvetica,sans-serif;padding:4px 7px;text-transform:uppercase;}
* html .cerrar { left:0;}

#lipsum div{background-color: #FFF; padding: 20px; height: 800px; overflow-y: auto;}
#lipsum div ul{list-style: disc; margin-left: 15px;}