/*MM_Cliente Hoja de Estilos del sitio*/
/*Magdalena Medio - 2010*/

/*--------------------------------------------resets and Aux Styles---------------------------------------*/
html, body, div, img, a, p, h1, h2, h3, h4, * { margin:0px; padding:0px; border:none; }
.noborder { border: none!important; }
.t_right { text-align: right; }
.t_left { text-align: left; }
.t_center { text-align: center; }
.f_left { float: left; }
.f_right { float: right; }
.m_boton { margin-bottom:10px; }
.overflow-hidden { overflow:hidden; }
.overflow-visible { overflow:visible; }
.margin-10 { margin:10px }
.margin-top-25 { margin-top: 25px; }
.border_top { border-top:1px #999999 dotted; }
.border_bottom { border-bottom:1px #999999 dotted; }
.border_right { border-right:1px #999999 solid; }
.clear { clear:both; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*--------------------------------------------reset---------------------------------------*/

/*------ GENERAL ------*/
body { background:#000000 url(../img/header/header.jpg) top center no-repeat; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; }
.wrapper { margin:0 auto; width:990px; }

/*------ HEADER ------*/
.header { height:220px; position:relative; }
.header h1 { height:88px; left:69px; position:absolute; top:28px; width:219px; }
.header h1 a { display:block; height:88px; line-height:999px; overflow:hidden; width:219px; }

/*------- CONTENT ------*/
.content { background:url(../img/layout/content-bg.jpg) 0 0 no-repeat; overflow:hidden; padding:0 0 20px; position:relative; }

.wrapper-lottery { padding:51px 0 0 10px; width:264px; }
.wrapper-lottery h3 { background:url(../img/layout/bullet-down.gif) 97% 50% no-repeat; color:#FFFE00; font-size:1.08em; font-weight:normal; padding:0 30px 0 0; text-align:right; }
.lottery-list { list-style-type:none; margin:0px; padding:10px 0 0 0; }
.lottery-list li { background:url(../img/layout/lotterys-logo-bg.png) 0 0 no-repeat; _background:url(../img/layout/lotterys-logo-bg.gif) 0 0 no-repeat; height:77px; float:left; margin:6px 6px 0 0; .margin:0px 6px 0 0;
padding:7px 0 0 7px; width:118px; }
.lottery-list li a { background-position:0 0; background-repeat:no-repeat; display:block; height:70px; line-height:999px; overflow:hidden; width:111px; }

.wrapper-dates { position:absolute; right:0px; top:0px; width:228px; }
.wrapper-dates h2 { color:#FFFE00; font-size:1.33em; padding:0 0 4px; }
.wrapper-dates h3 { border-bottom:1px dotted #5B5B5B; color:#5B5B5B; font-size:1em; margin:0 0 5px; padding:4px 0px 3px; }
.dates-list { list-style-type:none; height:320px; overflow:auto; }
.dates-list li { padding:2px 0; }
.dates-list li a { color:#FFFFFF; }

.reproductor { left:289px; position:absolute; top:87px; width:413px; }
.reproductor h4 { background:url(../img/layout/en-vivo.gif) right center no-repeat; color:#FFFFFF; font-size:1em; height:30px; line-height:30px; font-weight:normal; padding:0 35px 0 0; text-align:right; }
.movie { border-bottom:6px solid #FFFFFF; border-left:7px solid #FFFFFF; border-right:6px solid #FFFFFF; }

/*------ FOOTER------*/
.footer { border-top:dotted 2px #666666; color:#383737; padding:10px 10px 10px 0; text-align:right; }
.footer .wrapper { position:relative; }
a.logo_mgmd { background:url('../img/footer/magdalenamedio.gif') no-repeat 0 0; height:11px; width:9px; line-height:999px; overflow:hidden; position:absolute; top:20px; right:0px; }