/* generales */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { /*background:url(../img/back.jpg) repeat-y #ed1c24;margin:0;padding:0; background:#666;*/ font-family: 'Open Sans', sans-serif;}
:focus {outline:0;}
ol, ul {list-style:none;}
p {margin:0 0 20px; font-family: 'Open Sans', sans-serif;}

/* --------------------------- ESTRUCTURA DEL MASTER ----------------------------------- */

/* fondos */
.cabeza-fondo { background:#F2CD37 url(img/encabezado5.jpg) no-repeat center; border-bottom: #fff 1px solid; max-height: 110px; }
@media screen and (max-width: 768px) {
.cabeza-fondo { background:#F2CD37; } }

.footer-fondo { background: rgba(191,8,14,1); padding:30px 20px 10px 20px; }
.pie-fondo { background: rgba(147,1,6,1); padding:30px 20px 10px 20px; text-align:center; color:#fff; font-size:11px;}
.pie-fondo a {color:#fff; font-size:11px;}

/* pie */
#pie {float:left;background:url(../img/fd-footer.jpg) no-repeat;}
#pie-izquierda { /*float:left;*/ }
#pie-izquierda { text-align:center; color:#FFF;}
#pie-izquierda ul { margin:0 0 20px 0; }
#pie-izquierda ul li { /*background:url(../img/ic-estrella-pie.png) no-repeat; background-position: left 0 top 5px; padding-left:22px; */ font-size:14px; line-height: 32px; background: #95060A; margin-bottom: 2px; }
#pie-izquierda a, #pie-izquierda ul li a {color:#FFF; display: block; }
#pie-izquierda a:hover, #pie-izquierda ul li a:hover { background: #710407; color:#fff; text-decoration:none; }
.jugar { font-size:11px; margin-top: -20px; }

/* --------------------------- MODULO QUINIELA ----------------------------------- */

/*.quiniela { background:url(../img/fd-quiniela.jpg) repeat; height:650px;}*/
/*.logo-quiniela { text-align:center; margin:15px 0;}*/
.modulo-quiniela { margin: 0 auto 20px 0;}

/* --------------------------- INTROS ----------------------------------- */

.intro, .introabajo { /*margin: 30px 0 20px 0;*/ text-align: center; }
.intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#444; text-align: center; }
.intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#444; }

/*@media only screen and (max-width: 768px) { .intro h1, .intro h1 span { font-size:26px; font-weight: 700; } }*/

@media only screen and (max-width: 768px) { .intro .bajada { display:none; } }
@media only screen and (min-width: 768px) { .introabajo { display:none; } }
@media only screen and (max-width: 768px) { .introabajo .bajada { display:block; } }
.intro p {font-size:15px; line-height:21px; margin:5px 0; color:#000; text-align:center;}
.intro2 p {font-size:15px; line-height:21px; margin:5px 0; color:#000; text-align:left;}

/* frases intro */
.cabeza-frases { font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; font-size:32px; line-height: 35px; color:#222; text-align:center; margin: 10px 0 20px 0; }
.cabeza-frase2 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; font-size:32px; line-height: 35px; color:#555; text-align:center; margin-top: 20px; }
@media only screen and (max-width: 60em) { .cabeza-frases { font-weight: 700; font-size:22px; line-height: 25px; }
.cabeza-frase2 { font-size:22px; line-height: 25px; }
}
@media only screen and (max-width: 768px) { .cabeza-frases { display:none; }
.cabeza-frase2 { display:none; }
}


/* --------------------------- PURA ESTADISTICA ----------------------------------- */

.pura-estadistica  { background: #d4d4d4 url(img/fondo-pura-estadistica.jpg) no-repeat; }


.actualizado { margin: -40px 0 0 0; font-family: 'Open Sans', sans-serif; font-size:15px; color:#000; text-align:center; position:relative; top:0; left:0; }
.actualizado span { font-weight:bold; text-transform:uppercase;}
/*
.primera {color:#bbf1ff;text-shadow: 1px 1px 1px #000;}
.matutina {color:#ffed00;text-shadow: 1px 1px 1px #000;}
.vespertina {color:#e99696;text-shadow: 1px 1px 1px #000;}
.nocturna {color:#150e60;text-shadow: 1px 1px 1px #FFF;}
*/

@media only screen and (min-width: 60em) { 
.actualizado .primera  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 0; position:relative; top:31px; left:64%;}
.actualizado .matutina  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -40px; position:relative; top:31px; left:64%;}
.actualizado .vespertina { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -80px; position:relative; top:31px; left:64%;}
.actualizado .nocturna { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -120px; position:relative; top:31px; left:64%;}
}
@media only screen and (max-width: 60em) { 
.actualizado .primera  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 0; position:relative; top:31px; left:70%;}
.actualizado .matutina  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -40px; position:relative; top:31px; left:70%;}
.actualizado .vespertina { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -80px; position:relative; top:31px; left:70%;}
.actualizado .nocturna { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -120px; position:relative; top:31px; left:70%;}
}
@media only screen and (max-width: 768px) { 
.actualizado .primera  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 0; position:relative; top:31px; left:85%;}
.actualizado .matutina  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -40px; position:relative; top:31px; left:85%;}
.actualizado .vespertina { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -80px; position:relative; top:31px; left:85%;}
.actualizado .nocturna { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -120px; position:relative; top:31px; left:85%;}
}
@media only screen and (max-width: 420px) { 
.actualizado .primera  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 0; position:relative; top:31px; left:85%;}
.actualizado .matutina  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -40px; position:relative; top:31px; left:85%;}
.actualizado .vespertina { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -80px; position:relative; top:31px; left:85%;}
.actualizado .nocturna { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -120px; position:relative; top:31px; left:85%;}
.actualizado { margin: -40px 0 0 20px; font-family: 'Open Sans', sans-serif; font-size:15px; color:#000; text-align:left; position:relative; top:0; left:0; }
}

.titulo-nacional { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:35px; margin:20px 0 25px 0; position:relative; color:#A00910; text-align:center; border-bottom: #666 1px dotted; }
@media only screen and (max-width: 768px) { .titulo-nacional { font-size:28px; margin:0 0 20px 0; } }

.tabla1, .tabla2 { margin-bottom: 20px; }
.tabla1 tr td, .tabla2 tr td { padding: 2px 0 2px 0;}

.tabla1 span.tit-sorteo {font-size:12px; font-weight:bold; line-height: 8px; margin:0 2px; color:#005a37;}
.tabla2 span.tit-sorteo { font-size:12px; font-weight:bold; margin:0 2px; color:#005a37;}
.tabla1 .numero { font-size:40px; float:left; margin-left:18px; /*width:27px; text-align:right; */}
.tabla1 .sorteo {font-size:18px; color:#555; float:left; width:40px; padding-top:10px; margin-left:1px; margin-right:6px; text-align:center; }
.tabla1 .sorteo span {font-size:10px; color:#555; float:left; text-align:center; margin-left:5px; margin-top:-6px; }
.tabla2 .numero { font-size:25px; /*float:left; margin-left:20px; width:27px; text-align:right; margin-bottom:8px;*/}
.tabla2 .sorteo {font-size:18px; color:#555; margin-top: -20px; width:40px; /*float:left; margin-left:10px; text-align:center;*/ }
.tabla3 .numero { font-size:25px; float:left; margin-left:20px; /*width:27px; text-align:right; margin-bottom:8px;*/}
.unidades {font-size:12px; font-weight:bold; position:relative; background: #ccc; }
.linealeft {border-left: #000 1px solid; }
.fondo-titulo-cabeza { padding: 24px 0 22px 0; background: #18A4EF; color:#fff; font-size:14px; font-weight:bold; line-height: 13px; }
.fondo-titulo-atrasados { padding: 18px 0 16px 0; background: #ED1B24; color:#fff; font-size:14px; font-weight:bold; line-height: 13px; }
.fondo-titulo-salidores { padding: 18px 0 16px 0; background: #00A02A; color:#fff; font-size:14px; font-weight:bold; line-height: 13px; }
.provinciaback { background: #e4e4e4; }


/* ---------------------------- MAXIMA CHANCE ------------------------------- */

.maxima-chance { background: #70235D url(img/fondo-maxima-chance2.jpg) no-repeat; padding: 0; }
@media only screen and (max-width: 768px) { 
.maxima-chance { background: #70235D; padding: 0; } 
/*.tragamoneda { width:446px; height:664px; position:relative; background:url(img/img-maxima2-movil.jpg) no-repeat;left:4px;} */
}
.centrado { margin: 0 auto 20px auto; }
.logo-maxima { position:relative; z-index:10; width:446px;}
.tragamoneda { width: 100%; max-width:389px; height:562px; position:relative; background:url(img/img-tragamonedas3.png) no-repeat; }
.tragamoneda-jugar { width:446px; height:147px; position:relative; left:4px;}
.col-posicion { width:30px; height:200px; position:relative; top:50px; left:-20px;}
.col-posicion .pos { width:30px; height:30px; text-align:center; margin:22px 0;background:#FF0; float:left;font-weight:bold; font-size:15px; line-height:28px;-webkit-border-radius: 20px;-moz-border-radius: 10px;border-radius: 20px;}
.col-numeros {width:280px;height:200px; position:relative; left:57px; top:190px;}
.col-numeros .num {width:50px; height:40px; text-align:center; margin:20px 8px;font-weight:bold; font-size:55px; float:left; }
.col-numeros .uno { margin-left:-10px;}
.fichas { position:relative; top:-200px; left:350px; z-index:10; width:140px;}
.dinero { position:relative; top:-160px; left:160px; z-index:10; width:140px;}

@media only screen and (max-width: 400px) { 
.tragamoneda { width: 100%; max-width:350px; height:562px; position:relative; background:url(img/img-tragamonedas3-chico.jpg) no-repeat; }
.col-numeros {width:280px;height:200px; position:relative; left:37px; top:190px;}
}

.maxima-chance .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.maxima-chance .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.maxima-chance .bajada { color:#fff; }


/* -------------------------------- FAVORITOS --------------------------------- */

.favoritos { background: #004018 url(img/fondo-favoritos3.jpg) no-repeat; padding: 0; }
.favoritos .tabla { width: 100%; max-width:528px; height:560px; margin:5px auto 20px auto; background:url(img/favoritos-tabla3.png) no-repeat; font-size:18px; font-weight:bold; }
.favoritos .tabla .numero {width:42px;font-size:38px;text-align:center; letter-spacing:-2px; /*font-family:Arial, Helvetica, sans-serif;*/ } 
.favoritos .tabla .palpitando { position:relative; top:113px; left:111px;} 
.favoritos .tabla .confiado { position:relative; top:96px; left:245px;}
.favoritos .tabla .regalado { position:relative; top:10px; left:370px;}
.favoritos .tabla .elegido { position:relative; top:25px; left:126px;}
.favoritos .tabla .recomendado { position:relative; top:45px; left:255px;}
.favoritos .tabla .pedido { position:relative; top:-60px; left:400px;}
.favoritos .tabla .candidato { position:relative; top:-62px; left:105px;}
.favoritos .tabla .gatera { position:relative; top:-38px; left:112px;}
.favoritos .tabla .yapa { position:relative; top:-122px; left:392px;}
.favoritos .tabla .ranking { position:relative; top:-106px; left:213px;}
.favoritos .tabla .desquite { position:relative; top:-140px; left:340px;}

@media only screen and (max-width: 768px) { .favoritos { background: #004018; padding: 0; } }
@media only screen and (max-width: 540px) { 
.favoritos { background: #004018; padding: 0; } 
.favoritos .tabla { width: 100%; max-width:330px; height:438px; margin:5px auto 20px auto; background:url(img/favoritos-tabla4-chica.jpg) no-repeat; font-size:15px; }
.favoritos .tabla .numero {width:42px;font-size:30px;text-align:center; letter-spacing:-2px; /*font-family:Arial, Helvetica, sans-serif;*/ } 
.favoritos .tabla .palpitando { position:relative; top:87px; left:35px;} 
.favoritos .tabla .confiado { position:relative; top:73px; left:136px;}
.favoritos .tabla .regalado { position:relative; top:10px; left:235px;}
.favoritos .tabla .elegido { position:relative; top:15px; left:43px;}
.favoritos .tabla .recomendado { position:relative; top:33px; left:144px;}
.favoritos .tabla .pedido { position:relative; top:-50px; left:260px;}
.favoritos .tabla .candidato { position:relative; top:-50px; left:29px;}
.favoritos .tabla .gatera { position:relative; top:-32px; left:33px;}
.favoritos .tabla .yapa { position:relative; top:-100px; left:254px;}
.favoritos .tabla .ranking { position:relative; top:-86px; left:113px;}
.favoritos .tabla .desquite { position:relative; top:-116px; left:211px;}
}

.favoritos .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.favoritos .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.favoritos .bajada { color:#fff; }


/* ---------------------------- HOROSCOPO ----------------------------------- */

.horoscopo { background: #012350 url(img/fondo-horoscopo2.jpg) no-repeat; padding: 0; }
.horoscopo .cartas  { position:relative; left:350px; z-index:10;}
.horoscopo .tabla { width: 100%; max-width:340px; height:705px; margin:0 auto 20px auto; background:url(img/img-horoscopo-tabla2.png) no-repeat; font-size:18px; font-weight:bold; position:relative; z-index:50; }
.horoscopo .tabla .signo { float:left; width:200px; position:relative; top:115px; left:120px; margin-top:5px;}
.horoscopo .tabla .signo .numero { float:left; margin:0 7px; width:45px; height:41px; border:1px solid #000; background:#f8f8f8;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-size:30px; font-weight:bold; text-align:center; } 

.horoscopo .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.horoscopo .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.horoscopo .bajada { color:#fff; }


/* ------------------------------ FUTBOLEROS -------------------------------- */

.futboleros { background: #00280E url(img/fondo-futboleros3.jpg) no-repeat; padding: 0; }
.futboleros .tabla { width:440px; height:500px; margin:20px auto 20px auto; background:url(img/img-futboleros-tabla.png) no-repeat; background-size: 440px 500px; font-size:18px; font-weight:bold; }
.futboleros .tabla .equipo { float:left; width:190px; position:relative; top:140px; left:100px; margin-top:17px;}
.futboleros .tabla .equipo .numero { float:left; margin:0 7px; width:45px; height:45px; border:1px solid #000; background:#fef3de;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-size:32px; font-weight:bold; text-align:center; } 
.futboleros .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.futboleros .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.futboleros .bajada { color:#fff; }


@media only screen and (max-width: 480px) { 
.futboleros .tabla { width:350px; height:409px; background-size: 340px 409px; }
.futboleros .tabla .equipo { float:left; width:135px; position:relative; top:110px; left:80px; margin-top:17px;}
.futboleros .tabla .equipo .numero { float:left; margin:0 7px; width:35px; height:35px; border:1px solid #000; background:#fef3de; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:22px; font-weight:bold; text-align:center; } 
}


/* ------------------------------- MI PALPITO -------------------------------- */

.sone { background: #2B0000 url(img/fondo-lo-sone.jpg) no-repeat; padding: 0; }
.sone .tabla { background: none; width: 100%; max-width:480px; height:500px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; margin:20px auto 20px auto;font-size:18px; font-weight:bold; }
.sone h2 { font-size:28px; text-align:center; color:#fff; margin:15px auto 15px auto; width:100%;}
.sone .form { width:100%; margin: 30px auto 30px auto;}
.sone input { width: 60%; height:42px; float:left; border:1px solid #666666;background:#fff; padding:5px 10px; color:#000;font-size:18px; }
.sone .boton { width:35%;height:42px;float:left; text-align:center; padding:5px;color:#fff; font-weight:bold; font-size:18px; background:#EE352C; border:1px solid #fff; letter-spacing:-1px;}
.sone .respuesta { font-size:24px; text-transform:uppercase; text-align:center; color:#fff; margin:0 auto; line-height:36px; width:50%; }

.sone .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.sone .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.sone .bajada { color:#fff; }


/* ------------------------------- CUANDO SALIO ------------------------------- */

.cuando { background: #1C062C url(img/fondo-cuando2.jpg) no-repeat; padding: 0; }
.cuando .tabla { width:100%; max-width:480px; margin:20px auto 20px auto;font-size:18px; font-weight:bold; }
.cuando h2 { font-weight:bold; font-size:26px; text-align:center; color:#fff; margin:0 auto 25px auto; text-shadow:2px 2px 2px #000; }
.cuando .form { width:100%; margin:30px auto;}
.cuando .form .col1, .cuando .form .col2 { float:left; width:45%; }
.cuando .form .col1  { margin-left:20px; }
.cuando .form .otrotexto { color:#fff; text-shadow:none; }
.cuando .form .col3 { float:left; width:100%; }
.cuando span { color:#120531; text-shadow:1px 1px 1px #FFF; text-transform:uppercase;}
.cuando .num-buscado { width:50%; float:left; padding-top: 7px; color:#fff; text-shadow:none;}
.cuando select { width:130px;height:40px;border:1px solid #333;background:#eadff9; padding:5px; color:#000;font-size:18px; }
.cuando input { width: 110px; height:40px; float:left; border:1px solid #ccc;background:#ccc; padding:4px 10px; color:#000;font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; text-align:center;}
.cuando .boton { width:114px;height:40px;float:left; text-align:center; padding:5px;color:#fff; font-weight:bold; font-size:20px; background:#6C3FA2; border:1px solid #ccc; text-transform:uppercase; margin-left:3px !important; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius:10px;}
.cuando .respuesta { font-size:16px;text-align:center; color:#fff; margin:20px auto 20px auto; text-shadow:none; }
.cuando .respuesta table { width:100%;}
.cuando .respuesta tr { padding:5px 0; border-bottom:1px solid #FFF; }
.cuando .respuesta tr th{  text-transform:uppercase; font-size:20px; color:#444;}
.cuando .respuesta tr td { padding:5px 12px; color:#333;}
.cuando .respuesta span { color:#333; /*text-shadow:1px 1px 1px #000;*/ text-transform:none; font-size:24px;}

@media only screen and (max-width: 480px) { 
.cuando .respuesta { font-size:13px;text-align:center; color:#fff; margin:20px auto 20px auto; text-shadow:none; }
.cuando .respuesta tr th{  text-transform:uppercase; font-size:16px; color:#444;}
}

.cuando .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.cuando .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.cuando .bajada { color:#fff; }
.desaparecer { display:none; }


/* ------------------------------- TE LO CANTAMOS ------------------------------- */

.cantamos { background: #380001 url(img/fondo-cantamos.jpg) no-repeat; padding: 0; }
.cantamos .titulo { width: 100%; max-width:514px; margin: 0 auto 0 auto; } 
.cantamos .tabla { width: 100%; max-width:514px; margin: 0 auto 20px auto; font-size:18px; font-weight:bold; background:#f39400; border:3px solid #FFF; border-top:none !important;}
.cantamos .tabla .tit { font-size:20px; text-align:center; color:#000 !important;font-family: 'Open Sans', sans-serif; line-height:36px; padding:10px;display:block;}
.cantamos .tabla .tit2 { font-size:28px; text-align:center; color:#F00;font-family: 'Open Sans', sans-serif;line-height:36px; background:#FFF; padding:5px; text-transform:uppercase; display:block; text-align:center;}

.cantamos .respuesta, .cantamos .respuesta2 { font-size:16px; text-align:center; color:#FFF; font-family: 'Open Sans Condensed', sans-serif; margin:15px 5px; line-height:30px; width:100%; }
.cantamos .respuesta table, .cantamos .respuesta2 table { width:98%; border:none; }
.cantamos .respuesta tr, .cantamos .respuesta2 tr { padding:5px 0; border-bottom:0px solid #FFF; }
.cantamos .respuesta tr th, .cantamos .respuesta2 tr th{ border:none; background:#f39400; text-transform:uppercase; font-size:18px;}
.cantamos .respuesta tr td, .cantamos .respuesta2 tr td { border:none; background:#f39400; padding:0px; text-shadow:none; color:#000;}
.cantamos .respuesta tr .salio, .cantamos .respuesta2 tr .salio { color:#F00; font-size:24px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; line-height:45px; padding:3px 8px; background:#FFF;}

@media only screen and (max-width: 400px) { 
.cantamos .respuesta2 { font-size:13px;text-align:center; color:#fff; margin:20px auto 20px auto; text-shadow:none; }
.cantamos .respuesta2 tr th{ border:none; background:#f39400; text-transform:uppercase; font-size:14px;}
}

.cantamos .intro h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size:40px; margin: 10px 0 10px 0; color:#fff; text-align: center; }
.cantamos .intro h1 span { font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size:40px; margin: 0 0 25px 0; color:#fff; }
.cantamos .bajada { color:#fff; }

.bannercantamos { background: #380001; padding: 20px 0 20px 0; }


/* a revisar */
/*
.menu-fondo { 
background: rgba(191,8,14,1);
background: -moz-linear-gradient(top, rgba(191,8,14,1) 0%, rgba(191,8,14,1) 43%, rgba(147,1,6,1) 57%, rgba(147,1,6,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,8,14,1)), color-stop(43%, rgba(191,8,14,1)), color-stop(57%, rgba(147,1,6,1)), color-stop(100%, rgba(147,1,6,1)));
background: -webkit-linear-gradient(top, rgba(191,8,14,1) 0%, rgba(191,8,14,1) 43%, rgba(147,1,6,1) 57%, rgba(147,1,6,1) 100%);
background: -o-linear-gradient(top, rgba(191,8,14,1) 0%, rgba(191,8,14,1) 43%, rgba(147,1,6,1) 57%, rgba(147,1,6,1) 100%);
background: -ms-linear-gradient(top, rgba(191,8,14,1) 0%, rgba(191,8,14,1) 43%, rgba(147,1,6,1) 57%, rgba(147,1,6,1) 100%);
background: linear-gradient(to bottom, rgba(191,8,14,1) 0%, rgba(191,8,14,1) 43%, rgba(147,1,6,1) 57%, rgba(147,1,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf080e', endColorstr='#930106', GradientType=0 );
border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.pura-estadistica .tabla { width:400px; height:770px; margin:0 0 0 90px; background:url(../img/img-pura-estadistica-tabla.png) no-repeat; font-size:18px; font-weight:bold; }
.pura-estadistica .tabla .nacional {padding:150px 0 0 40px; height:150px;}
.pura-estadistica .tabla .provincia, .pura-estadistica .tabla .montevideo {padding:35px 0 0 40px;height:150px;}
.pura-estadistica .tabla .provincia .col2 { }
.pura-estadistica .tabla .montevideo .col2 { margin-top:-30px; }
.pura-estadistica .tabla .montevideo .col1, .pura-estadistica .tabla .montevideo .col3{  position:relative;top:-20px; }
.pura-estadistica .tabla .col1 { width:60px; height:150px; float:left; text-align:center; line-height:30px;}
.pura-estadistica .tabla .col3 { width:60px; height:150px; float:left; text-align:center; line-height:30px; position:relative; top:-25px;}
.pura-estadistica .tabla .provincia .col3 {  position:relative; top:-48px;}
.pura-estadistica .tabla .montevideo .col3 { position:relative; top:-70px;}
.pura-estadistica .tabla .col2 {width:190px; height:150px; margin:0 5px; float:left;text-align:center;line-height:30px; position:relative; top:-30px;}
.pura-estadistica .tabla .col1 .numero, .pura-estadistica .tabla .col3 .numero { font-size:20px;position:relative; top:-55px;line-height:15px;}
.pura-estadistica .tabla .col2 .sorteo span {font-size:9px; float:left;}
.pura-estadistica .tabla .col3 .numero {position:relative; top:0px;}
.pura-estadistica .tabla .col2 .numero { font-size:32px; width:27px; float:left; text-align:right; margin-bottom:8px;}
.pura-estadistica .tabla .col2 .sorteo {font-size:15px;line-height:12px;margin-right:6px;margin-bottom:8px; padding-top:4px; width:30px; float:left;}
.pura-estadistica .tabla .col1 .sorteo, .pura-estadistica .tabla .col3 .sorteo{font-size:15px;position:relative; top:-55px; line-height:15px;}
.pura-estadistica .tabla .col1 .tit-sorteo, .pura-estadistica .tabla .col2 .tit-sorteo, .pura-estadistica .tabla .col3 .tit-sorteo {font-size:8px; font-weight:bold;margin:0 2px; position:relative; top:-40px; left:-2px; color:#005a37;}
.pura-estadistica .tabla .nacional .col2  .tit-sorteo {font-size:10px; position:relative; top:0px;color:#005a37; display:block;}
.pura-estadistica .tabla .nacional .col2 .unidades {font-size:10px; font-weight:bold;margin:0 10px; position:relative; top:-15px; }
.pura-estadistica .tabla .nacional .col2 .numeros-atrasados { position:relative; top:-20px; }
.pura-estadistica .tabla .provincia .col2 .tit-sorteo {font-size:10px;position:relative; top:-25px;color:#005a37; display:block;}
.pura-estadistica .tabla .provincia .col2 .unidades {font-size:10px; font-weight:bold;margin:0 10px; position:relative; top:-40px; }
.pura-estadistica .tabla .provincia .col2 .numeros-atrasados { position:relative; top:-45px; }
.pura-estadistica .tabla .montevideo .col2 .tit-sorteo {font-size:10px;position:relative; top:-20px;color:#005a37; display:block;}
.pura-estadistica .tabla .montevideo .col2 .unidades {font-size:10px; font-weight:bold;margin:0 10px; position:relative; top:-35px; }
.pura-estadistica .tabla .montevideo .col2 .numeros-atrasados { position:relative; top:-40px; }
.pura-estadistica .tabla .col2 .numeros-atrasados { position:relative; top:-20px; }


/* BANNERS */
@media only screen and (max-width: 768px) { 
.tabla1 .banner336 { width:336px; height:280px; float:center; background:#FFF;}
}


/*
.matutina {color:#ffed00;text-shadow: 1px 1px 1px #000;}
.vespertina {color:#e99696;text-shadow: 1px 1px 1px #000;}
.nocturna {color:#150e60;text-shadow: 1px 1px 1px #FFF;}
.actualizado .primera  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 0; position:relative; top:31px; left:340px;}
.actualizado .matutina  { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -40px; position:relative; top:31px; left:340px;}
.actualizado .vespertina { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -80px; position:relative; top:31px; left:340px;}
.actualizado .nocturna { width:40px; height:40px;background:url(../img/ic-estadisticas-horarios.png) no-repeat 0 -120px; position:relative; top:31px; left:340px;}


/* CONTACTO */
/* Name: cmxform Styles */
/*#commentForm { width: 410px; }
#commentForm label { width: 200px; }
#commentForm label.error, #commentForm input.submit {  }
#commentForm { width: 200px; }
#commentForm label { width: 230px;color:#105768; }
#commentForm label.error, #commentForm input.submit {  }
#signupForm { width: 410px; margin:20px 10px; padding:15px; border:1px dotted #590008; background:#980714;}
#signupForm label.error { width:370px;float:left;margin:2px 0 10px 15px; text-align:center; padding:3px 0;color:#FF0000;background:#FF0;font-size:11px;font-weight:bold;}

form.cmxform {font-size: 1.0em;color: #333;}
form.cmxform legend {padding-left: 0;}
form.cmxform input {height:20px;float:left;border:1px solid #ffc741;width:220px;padding:2px;margin:2px 0;font:14px Arial, Helvetica, sans-serif;color:#1B1B1B;}
form.cmxform textarea {height:100px !important;; width:220px !important; margin-bottom:5px;}
form.cmxform legend, form.cmxform label {color:#ffc741; float:left; width:180px;}
form.cmxform fieldset { width:450px; border: none;padding:0;}
form.cmxform fieldset fieldset {background: none;}
form.cmxform label.error, label.error {color: #BE0303;}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

input.btn_off {width:150px !important;height:30px  !important;background:#ffc741;border:1px solid #FFF  !important;color:#e2001a  !important;font-weight:bold  !important;font:16px Arial, Helvetica, sans-serif !important;display:block;letter-spacing:1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
input.btn_on {width:150px !important;height:30px  !important;background:#FFF; border:1px solid #105768;color:#001419;font-weight:bold  !important;font:16px Arial, Helvetica, sans-serif !important; display:block;letter-spacing:1px;cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/*#encabezado .head {width:1008px; height:175px;}
#encabezado .head .logo {width:260px;float:left; padding-top:40px;}
#encabezado .head .sub-menu {width:748px; height:25px;float:left;}
#encabezado .head .sub-menu .links { margin-right:10px; text-align:right; }
#encabezado .head .sub-menu .links a { margin-left:25px;font-size:14px; color:#FFF; line-height:18px; position:relative; top:-10px;} 
#encabezado .head .sub-menu .links a:hover { color:#f9db01;}
#encabezado .head .banner {width:748px; height:90px;float:left; text-align:center; padding-top:30px; margin-top:15px;}


/*#contenido, #aspnetForm {width:1008px;display:block;margin:0 auto;font-family: 'Open Sans', sans-serif;font-size:14px;color:#000;text-align:left;}
#columnas {float:left;}
#columna-izquierda {float:left;width:504px;}
#columna-derecha {float:left;width:504px;}
#columna-central {float:left;width:968px; margin:0 auto; padding:20px;}

/*
#pie-derecha {text-align:right;}
#pie-derecha .links-pie { width:180px; height:90px; border-right:1px dotted #FFF; margin:15px 0 0 100px; text-align:right; float:left;}
#pie-derecha .links-pie a { color:#FFF; padding-right:10px; } 
#pie-derecha .links-pie a img { padding:2px;} 
#pie-derecha .logos-pie { width:180px; margin-right:10px; float:left; padding-top:10px; }
#pie-derecha .logos-pie img { padding:0;} 
#pie-copy { float:left; font-size:12px; color:#FFF; text-align:center; margin-top:10px;}
*/

/* menu */
/*#menu {float:left;width:1008px;border:none;border:0px;margin:0px;padding:0px;font:18px 'Roboto Condensed', sans-serif; color:#000;}
#menu input { background:none; border:none;padding:0px; text-transform:uppercase;font-weight:bold; font-family:'Roboto Condensed', sans-serif;line-height:45px;margin:0px;text-align:center;text-decoration:none; font-size:18px; letter-spacing:-1px;}
#menu ul {height:40px;list-style:none;margin:0;padding:0;}
#menu li {float:left;padding:0px; text-transform:uppercase;font-weight:bold; font-family:'Roboto Condensed', sans-serif;}
#menu li a {color:#000;display:block;line-height:45px;margin:0px;padding:0px 9px;text-align:center;text-decoration:none; }
#menu li a:hover, #menu ul li:hover a {color:#ed1c24;text-decoration:none;}

/* submenu */
/*#menu li ul {background:#333;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;}
#menu li:hover ul {display:block;}
#menu li li {border-top:1px solid #f0f0f0;display:block;float:none;margin:0px;padding:0px;width:225px;}
#menu li:hover li a {background:none;}
#menu li ul a {display:block;height:35px;margin:0px;padding:0px 10px 0px 20px;text-align:left;}
#menu li ul a:hover, #menu li ul li:hover a {background:#2580a2;border:0px;color:#fff;text-decoration:none;}	


/* formularios */
/*form {margin:0;}
input[type"text"], textarea {font:12px Arial, Helvetica, sans-serif;width:250px;color:#000;margin:0;border:solid 1px #ccc;padding:3px;}
textarea {width:400px;height:70px;}
select {font:12px Arial, Helvetica, sans-serif;color:#000;margin:0;border:solid 1px #999;padding:3px;}
input[type"button"], input[type"submit"] {border:1px solid #1198b4;background-color:#e8f4f8;color:#1198b4;font-weight:bold;width:100px;font-size:12px;}
input[type="radio"], input[type="checkbox"] {margin:0;padding:0;height:14px;width:14px;}

/* links */
/*a {color:#FFF; text-decoration:none;}
a:hover {color:#FF0;}

/* títulos */
/*h1 {font-size:28px;font-weight:bold;color:#ffd800; border-bottom:1px dotted #ffd800; margin:15px 0; text-transform:uppercase;width:90%;}
p {font-size:18px; line-height:24px; margin:10px 0; text-align:justify; width:90%; color:#FFF;}

#columna-central p, #columna-central h1 { width:100%; }
*/