@import url('base.css');

#contenedor{width:99.5em; margin:0px auto; background:#fff;}

#cabecera{height:11.2em;border-bottom:1px solid #fff;background:url(../images/cabecera.jpg) no-repeat left top;}
#cabecera h1{float:left; display:inline; width:40em; text-indent:-9000px;}
#cabecera h1 a{display:block; height:11.2em; overflow:hidden;}
#cabecera ul{float:right; display:inline; margin:0 10px 0 0 ; padding:83px 0 0 0;}
#cabecera ul li{float:left; display:inline; font:bold 12px "Arial Narrow", Arial, Verdana; color:#333; text-transform:uppercase; margin:0 0 0 5px; padding:0 0 0 5px; background:url(../images/sep_lista.gif) no-repeat left center;}
#cabecera ul li a{color:#333; }
#cabecera ul li.primero{background:none;}
#cabecera ul li.activo a{text-decoration:underline;}
#cont_columnas{border-bottom:0.1em solid #000; background:url(../images/fnd_columnas.gif) repeat-y right top;}





#cont_columnas #col_1{float:left; display:inline; width:664px;}
#cont_columnas #col_2{float:right; display:inline; width:328px; margin:1px; background:#666;}
#cont_columnas #col_2 .modulo{border-bottom:1px solid #3F3E39;}
#cont_columnas #col_2 .promo_grande{}
#cont_columnas #col_2 .promo_grande .mod_imagen{}
#cont_columnas #col_2 .promo_grande .mod_imagen img{display:block;}
#cont_columnas #col_2 .promo_grande .modulo_txt {/*padding:3em 1em 1em 1em;*/ padding:.5em 1em;}
#cont_columnas #col_2 .promo_grande .modulo_txt h4{font:1.4em "Arial Narrow", Arial, Verdana; color:#8c8c8c; margin:0 0 0.2em 0;}
#cont_columnas #col_2 .promo_grande .modulo_txt h3{font:bold 2em "Arial Narrow", Arial, Verdana; color:#fff;}
#cont_columnas #col_2 .promo_grande .modulo_txt h3 a{color:#fff; }



#cont_columnas #col_2 .promo_peque{padding:1em;}
#cont_columnas #col_2 .promo_peque .mod_imagen{float:right; display:inline;border:2px solid #fff;}
#cont_columnas #col_2 .promo_peque .mod_imagen img{display:block;}
#cont_columnas #col_2 .promo_peque .modulo_txt {display:table; height:1%; padding:3.2em 0 0em 0;}
#cont_columnas #col_2 .promo_peque .modulo_txt h3{font:2em "Arial Narrow", Arial, Verdana; color:#999;}
#cont_columnas #col_2 .promo_peque .modulo_txt h3 strong{font-weight:bold; color:#fff;}
#cont_columnas #col_2 .promo_peque .modulo_txt h3 a{color:#999; }


#frases{padding:2em 0 3.5em 0;}
#frases .mod_formulario{float:left; display:inline; width:35.7em; margin:0 0 0 1.4em;}
#frases .mod_formulario h2{margin:0em; color:#4A4A42; font:3em "Arial Narrow", Arial, Verdana; letter-spacing:-1px;}
#frases .mod_formulario h2 strong{font-weight:bold;}
#frases .mod_formulario h2 span{color:#999;}
#frases .mod_formulario fieldset{margin:0 0 0.8em 0;}
#frases .mod_formulario label{font:1.1em Arial, Helvetica, sans-serif; color:#666; margin:0 0 0.2em 0; display:block;}
#frases .mod_formulario input{border:1px solid #666; width:100%; font:1.1em Arial, Helvetica, sans-serif;}
#frases .mod_formulario textarea{border:1px solid #666; width:100%; font:1.1em Arial, Helvetica, sans-serif; height:7em; height:142px;}
#frases .mod_formulario input#enviar{float:right; display:inline; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff; width:8.5em; border:0px; background:url(../images/btn_enviar.gif) no-repeat left center; padding:0.5em 0;}
#frases .mod_formulario .mensaje{background:#f0f0f0; border:1px solid #E6E6E6; padding:1em; margin:0 0 1em 0;}
#frases .mod_formulario .mensaje p{font:bold 1.1em Arial, Helvetica, sans-serif; margin:0em;}
#frases .mod_formulario .error p{color:#ff0000;}
#frases .nav_videos{margin:10px 20px 0 0;}


#frases .mod_formulario p{font:1.2em Arial, Helvetica, sans-serif; margin:0 0 1.6em 0;}


#frases .mod_listado{float:right; display:inline; width:56em; border:1px solid #DADADA; background:#F7F7F7; margin:0 2em 0 0; padding:1em; overflow:auto; height:250px;}

#frases .mod_listado table.tabla_frases{margin:0 1em; }
#frases .mod_listado table.tabla_frases caption{display:none;}
#frases .mod_listado table.tabla_frases thead{display:none;}
#frases .mod_listado table.tabla_frases td{border-bottom:1px solid #E6E6E6; padding:1em 0; vertical-align:top;}
#frases .mod_listado table.tabla_frases td.hora{font:1.1em Arial, Helvetica, sans-serif; color:#666666; width:5.3em;}
#frases .mod_listado table.tabla_frases td.comentario{font:1.2em Arial, Helvetica, sans-serif; color:#000;}


.cont_video {border:1px solid #D8D8D8; margin:0 0 0.1em 0; position:relative;}
.mod_video {float:left; display:inline; margin:0 1em 0 0;}
.mod_video img{display:block;}
.mod_txt{padding:2em 0 0 0; display:table; height:1%; margin:0 1em 0 0;}
.mod_txt h3{font:bold 1.8em Arial, Helvetica, sans-serif; color:#333; margin:0 0 0.3em 0;}
.mod_txt h3 a{color:#333;}
.mod_txt p{font:1.2em Arial, Helvetica, sans-serif; color:#333;}
.cont_video .mas_videos{position:absolute; right:0.6em; bottom:1.2em; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff;}
.cont_video .mas_videos a{color:#fff; display:block;  background:url(../images/btn_enviar.gif) no-repeat; padding:0.6em 1.6em;}

h2.destacado{background:url(../images/fnd_destacado.gif) repeat-x left top; font:3em "Arial Narrow", Arial, Verdana; color:#fff; padding:0.8em 0 0.1em 0.5em; border-bottom:1px solid #fff;}
h2.destacado strong{color:#333; font-weight:bold;}

h2.cintillo{background:url(../images/fnd_cintillo.gif) repeat-x left top; font:2em "Arial Narrow", Arial, Verdana; color:#fff; padding:0.5em 0 0.2em 0.5em; border-bottom:1px solid #fff;}
h2.cintillo strong{color:#333; font-weight:bold;}



/* fotogaleria */

.fotogaleria{background:#fff; padding:0px 0 40px 0; position:relative;}
.fotogaleria .jcarousel-clip {float:left; width:666px; overflow:hidden; height:126px; position:relative;}
*html .fotogaleria .jcarousel-clip{width:665px;}
.fotogaleria li {overflow:hidden; width:131px; float:left; margin-right:2px; position:relative; display:inline; }
* html .fotogaleria li {display:inline;} /* Separado por si los safaris.. */
.fotogaleria li img {display:block;}
.fotogaleria .inner {position:absolute; left:-5px; top:0; padding:5px 0; width:131px; height:126px; background:url(../images/fotogaleria/fondo.png);}
* html .fotogaleria .inner { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fotogaleria/fondo.png');}

.fotogaleria ul{margin:0 0 0 1px;}
.fotogaleria li h3 {font:bold 16px Arial, Helvetica, sans-serif;  margin:0 7px 7px 7px;}
.fotogaleria li h3 a {color:#fff; }
.fotogaleria li p {font:12px Arial, Helvetica, sans-serif; color:#ABAAA8; margin:8px 0 5px 8px;}
.fotogaleria li p a {color:#fff; text-decoration:underline; }
.fotogaleria .jcarousel-list {position:absolute;}
.fotogaleria .jcarousel-prev{width:102px; height:29px; background: url(../images/fotogaleria/btn_atras.gif) no-repeat left top; position:absolute;  cursor:pointer;  right:112px; bottom:5px; display:block;}

.fotogaleria .jcarousel-prev-disabled{background: url(../images/fotogaleria/btn_atras_of.gif) no-repeat left top; }


.fotogaleria .jcarousel-next {width:102px; height:29px; background: url(../images/fotogaleria/btn_adelante.gif) no-repeat left top; position:absolute;  cursor:pointer; right:6px; bottom:5px; display:block;}
.fotogaleria .jcarousel-next-disabled{background: url(../images/fotogaleria/btn_adelante_off.gif) no-repeat left top; }


/* pie */
#pie {width:99.5em; margin:1.5em auto 0px auto;}
#pie p{font:1.1em Arial, Helvetica, sans-serif; color:#8F8F8F; float:left; display:inline;}
#pie ul{float:right; display:inline; margin:0 1em 0 0;}
#pie li{float:left; display:inline; margin:0 0 0 1em;}
#pie a{color:#8f8f8f; text-decoration:underline;}


ul.listado{margin:0 0 2px 1px; position:relative;}
ul.listado li{float:left; display:inline; width:131px; margin:0 1px 0 0;}
ul.listado .final{margin:0em;}
ul.listado li img{display:block; margin:0 0 6px 0;}
ul.listado li p{font:11px Arial, Helvetica, sans-serif; color:#666; margin:0 0 4px 7px;}
ul.listado li div{background:#999; padding:0.5em;}
ul.listado li div p{font:bold 15px/16px Arial, Helvetica, sans-serif; margin:0px; color:#fff; padding:0px;}


ul.utilidades_form{float:right; display:inline; margin:10px 8px 10px 0;}
ul.utilidades_form li{float:left; display:inline; margin:0 0 0 9px; font:bold 12px Arial, Helvetica, sans-serif; width:102px; text-align:center;  padding:7px 0;}

ul.utilidades_form li.resultados{background:url(../images/fnd_ver_resultados.gif) no-repeat;}
ul.utilidades_form li.resultados a{color:#666;}
ul.utilidades_form li.votar{background:url(../images/fnd_votar.gif) no-repeat;}
ul.utilidades_form li.votar a{color:#fff;}


.cabecera {background:url(../images/fnd_destacado.gif) repeat-x left top;}
.cabecera ul.utilidades_form{float:right; display:inline; margin:25px 8px 0 0;}
.cabecera ul.utilidades_form li{float:left; display:inline; margin:0 0 0 9px; font:bold 12px Arial, Helvetica, sans-serif; width:104px; text-align:center;  padding:8px 0;}
.cabecera ul.utilidades_form li.resultados{background:url(../images/fnd_ver_resultados2.gif) no-repeat;}
.cabecera ul.utilidades_form li.resultados a{color:#666;}
.cabecera ul.utilidades_form li.votar{background:url(../images/fnd_votar2.gif) no-repeat;}
.cabecera ul.utilidades_form li.votar a{color:#fff;}

.cabecera h2.destacado{ font:3em "Arial Narrow", Arial, Verdana; color:#fff; padding:0.8em 0 0.1em 0.5em; border-bottom:1px solid #fff; float:left; display:inline;}
.cabecera h2.destacado strong{color:#333; font-weight:bold;}






/*--- PALMARES ----*/
.limpiar_ul{clear:both; border-bottom:1px solid #e8e8e8; padding-top:5px; margin-bottom:5px; display:block}

#palmares #col_1{padding-bottom:30px}
#palmares #col_1 span{font-family:"Arial Narrow", Arial; color:#999; display:block}
#palmares #col_1 ul.copas{height:400px; width:100%; margin:0px; padding:0px; clear:both; padding-top:30px;}
#palmares #col_1 ul.copas li{display:inline}
#palmares #col_1 ul.copas li p{color:#4a4943; font-family:Arial, Helvetica, sans-serif; font-size:11px}
#palmares #col_1 ul.copas li span{display:block}
#palmares #col_1 ul.copas li span strong{color:#e2e2e2; font-weight:normal}
#palmares #col_1 ul.copas{background:url(../images/palmares/fondo-copas.png) no-repeat top center; width:100%; }

#palmares #col_1 ul.copillas{}
#palmares #col_1 ul.copillas li{width:33%; float:left; border-right:1px solid #dedede}
#palmares #col_1 ul.copillas li.ultimo{border:none}
#palmares #col_1 ul.copillas li img{float:left; margin-left:10px}
#palmares #col_1 ul.copillas li span{font-size:14px; margin-top:3px}
#palmares #col_1 ul.copillas li span strong{color:#666; margin-right:3px}
#palmares #col_1 ul.copillas li p{padding:8px 0; font:11px/16px Arial, Helvetica, sans-serif; color:#4a4943}

#palmares #col_1 .liga p{width:550px; padding-left:100px; line-height:16px}
#palmares #col_1 .liga span{font-size:90px; margin:15px 0px 0px 50px}
#palmares #col_1 .liga span img{margin-bottom:-16px}

#palmares #col_1 .copa_rey p{width:450px; margin:0 0 0 100px; text-align:right; line-height:16px}
#palmares #col_1 .copa_rey span{font-size:50px; margin:9px 0px 0px 190px}
#palmares #col_1 .copa_rey span img{margin-bottom:-16px}

#palmares #col_1 .copa_europa p{width:240px; margin:60px 0 0 0; text-align:left; line-height:16px; float:right}
#palmares #col_1 .copa_europa span{font-size:40px; margin:12px 0 0 130px}
#palmares #col_1 .copa_europa .europa{font-size:80px; line-height:50px}
#palmares #col_1 .copa_europa span img{margin-bottom:-16px}



/*--- pagina videos ----*/
ul.nav_videos{float:right; display:inline; margin:8px 4px 46px 0;}
ul.nav_videos li{float:left; display:inline; margin:0 0 0 5px; text-indent:-9000px;}
ul.nav_videos li a{display:block; width:102px; height:29px; overflow:hidden;}
ul.nav_videos li.anterior a{background:url(../images/btn_atras.gif) no-repeat left top;}
ul.nav_videos li.siguiente a{background:url(../images/btn_siguiente.gif) no-repeat left top;}


/*--- pagina videos ----*/
#col_2 ul.nav_videos{float:right; display:inline; margin:8px 7px 46px 12px;}
#col_2 ul.nav_videos li{float:left; display:inline; margin:0 0 0 5px; text-indent:-9000px;}
#col_2 ul.nav_videos li a{display:block; width:102px; height:29px; overflow:hidden;}
#col_2 ul.nav_videos li.anterior a{background:url(../images/btn_anterior_2.gif) no-repeat left top;}
#col_2 ul.nav_videos li.siguiente a{background:url(../images/btn_siguiente_2.gif) no-repeat left top;}


.cont_listado_videos{background:#959595;}
.cont_listado_videos  .list_videos{margin:0px 7px 0 12px; padding:8px 0 0 0; height:257px;}

.cont_listado_videos table#videos{width:100%;}
.cont_listado_videos table#videos td{border-bottom:1px solid #A0A0A0; padding:5px 0; font-size:11px;}
.cont_listado_videos table#videos td.jornada{width:78px; padding-left:10px; color:#EBEBEB;}
.cont_listado_videos table#videos td.partido{font-size:12px; font-weight:bold; color:#c9c9c9;}
.cont_listado_videos table#videos td.accion{width:36px;}
.cont_listado_videos table#videos tr:hover{background:#777775;}
.cont_listado_videos table#videos tr:hover td.partido a{color:#c9c9c9; text-decoration:none;}

.cont_listado_videos table#videos tr.marcado td a{color:#c9c9c9;}


.cont_listado_videos table#videos td a{color:#fff;}


p.nota{clear:both; width:380px; margin:10px auto; padding:10px; border:1px solid #ccc; background:#e0e0e0; text-align:center; font:bold 11px Arial, Helvetica, sans-serif;}


#cont_columnas #col_2 .promo_grande .modulo_txt h4.tit{color:#fff;}