/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html {
	background: #2ba224 url('img/fondote.jpg') repeat-x 0 0;
}
a {
	text-decoration: none;
	outline:none;
}
input {
	outline:none;
}
#header {
	height:267px;
	display:table;
	width:100%;
	background: url('img/header.jpg') no-repeat 50% 0;
	overflow:hidden;
}
.contenido {
	width:960px;
	margin:0 auto;
}

#header h1 {
	width:430px;
	height:267px;
	float:left;
}

#header h1 a {
	display:block;
	height:0!important;
	padding-top:267px;
	overflow:hidden;
}
#header p.user {
	color:#fff;
	text-align:right;
	padding: 3px 0 0 0;
	line-height:12px;
	font-size:12px;
	font-family: arial, sans-serif;
	height:12px;
}
#header p.user span {
	padding: 0 0 0 15px;
	background: url('img/usuario.png') no-repeat 0 0;
}
#header p.user a {
	color:#fff;
}
#header p.user a:hover {
	text-decoration:underline;
}
#header h2 {
	width:240px;
	height:155px;
	float:right;
	margin:30px 40px 0 0;
}
#header h2 a  {
	height:0!important;
	padding-top:155px;
	overflow:hidden;
	display:block;
}
#header ul {
	clear:right;
	float:right;
	height:45px;
	overflow:hidden;
	margin: 22px 0 0 0;
	width:500px;
}
#header ul li {
	float:left;
	display:block;
	height:45px;
	margin: 0 0 0 2px;
}
#header ul li a {
	height:0!important;
	display: block;
	padding-top:45px;
}
#header ul li a.inicioli {
	background: url('img/inicio.png') no-repeat 0 -45px;
	width:77px;
}
#header ul li a.reglasli {
	background: url('img/reglas.png') no-repeat 0 -45px;
	width:91px;
}
#header ul li a.ganadoresli {
	background: url('img/ganadores.png') no-repeat 0 -45px;
	width:128px;
}
#header ul li a.miquinielali {
	background: url('img/quiniela.png') no-repeat 0 -45px;
	width:128px;
}
#header ul li a.ayudali {
	background: url('img/faq.png') no-repeat 0 -45px;
	width:62px;
}
#header ul li a:hover, #header ul li a.actual {
	background-position: 0px 0px;
}


#medio {
	height:516px;
	overflow:hidden;
	width:100%;
	background: url('img/fondodelmedio.jpg') no-repeat 50% 0;
	padding:20px 0 0 0;
}
#medio #medio-cont {
	width:960px;
	margin: 0 auto;
	overflow:hidden;
	height:496px;
	position:relative;
}
#medio #scroller {
	width:960px;
	height:2480px;
	position:absolute;
	top:0;
}
#medio .item {
	width:960px;
	height:496px
}
#inicio .registro {
	background: url('img/fondo_registo.png') no-repeat 0 0;
	height:466px;
	width:273px;
	float:right;
	font-family: trebuchet, 'Trebuchet MS', arial, sans-serif;
	margin: 8px 0 0 0;
}
#inicio .registro a {
	color:#1d4082;
	text-decoration:underline;
}
#inicio .registro a:hover {
	text-decoration:none;
}
#inicio .registro h3 {
	height:0!important;
	padding-top:31px;
	overflow:hidden;
	background: url('img/registrate.png') no-repeat 50% 0;
	margin:4px 0 2px;
}
#inicio .registro form {
	padding: 0 20px;
}
#inicio .registro p {
	/*overflow:hidden;*/
	margin: 0 0 5px 0;
}
#inicio .registro label {
	color:#1d4082;
	font-size:13px;
	display:block;
}
#inicio .registro input {
	font-size:12px;
	width: 220px;
	padding:1px 2px;
	border:1px solid #ccc;
	color:#666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;		
}
#inicio .registro p.equipos_p label {
	margin: 0 5px 0 0 ;
	float:left;
}
#inicio .registro p.terminos_p input {
	margin: 0 5px 0 0 ;
	float:left;
	color:#666;
	width:20px;
}
#inicio .registro textarea{
	height:30px;
	width: 220px;
	padding:1px 2px;
	border:1px solid #ccc;
	color:#666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;	
}
#inicio .registro select{
	width: 224px;
	padding:1px 2px;
	border:1px solid #ccc;
	color:#666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;	
}
#inicio .registro input#submit {
	width: 90px;
	padding:1px 2px;
	border:none;
	margin: 0 0 0 70px;
	height:20px;
	cursor:pointer;
	background: url('img/enviar.png') no-repeat 0 -20px;
	text-indent:-300000px;
}

#inicio .registro input#submit:hover {background-position: 0 0;}


#inicio .bienvenida {
	float:left;
	width:680px;
}
#inicio .bienvenida h3 {
	padding-top:52px;
	display: block;
	height:0!important;
	width:265px;
	margin: 0 auto;
	background: url('img/bienvenido.jpg') no-repeat 0 0;
	overflow:hidden;
}
#inicio .bienvenida p {
	font-family: trebuchet, 'Trebuchet MS', arial, sans-serif;
	color:#00549e;
	font-size:16px;
	text-align:center;
	margin: 7px 0 0 0;
}

#inicio .bienvenida .bienvenida_premios {
	width:295px;
	float:left;
	margin: 10px 20px 0 30px;
}
#inicio .bienvenida .bienvenida_premios h3 {
	padding-top:157px;
	width:295px;
	background: url('img/premios.jpg') no-repeat 0 0;
}
#inicio .bienvenida .bienvenida_primer {
	width:300px;
	float:left;
	margin: 10px 0 0 0;
}
#inicio .bienvenida .bienvenida_primer h3 {
	padding-top:157px;
	width:295px;
	background: url('img/premios.jpg') no-repeat -310px 0;
}
#inicio .bienvenida p span {
	color:#ff8126;
	font-size:15px;
	font-weight:bold;
}

.gracias-reg {
color:#00549E;
font-size:16px;
padding-top:200px;
text-align:center;
}
#footer {
	height:100px;
	width:100%;
	display: table;
	background: url('img/fondofooter.jpg') no-repeat 50% 0;
}

#reglas {}
#reglas h3 {
	padding-top:56px;
	display: block;
	height:0!important;
	margin: 0 0 7px 58px;
	background: url('img/reglas.jpg') no-repeat 0 0;
	overflow:hidden;
}
#ayuda h3 {
	padding-top:49px;
	display: block;
	height:0!important;
	margin: 0 0 7px 58px;
	background: url('img/faq2.jpg') no-repeat 0 0;
	overflow:hidden;
}
#reglas h3 span {
	background: url('img/gana-frase.png') no-repeat 0 0;
	display:block;
	width:315px;
	padding-top:22px;
	margin:-45px 45px 0 0;
	overflow:hidden;
	float:right;
	height:0!important;
}
#reglas .contenedor {
	width:862px;
	height:403px;
	border:1px solid #909da6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background:#f3f7f8;
	margin: 0 auto;
}
#ayuda .contenedor {
	width:862px;
	height:403px;
	border:1px solid #909da6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background:#f3f7f8;
	margin: 0 auto;
}
#terminos2 .contenedor {
	width:862px;
	height:403px;
	border:1px solid #909da6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background:#f3f7f8;
	margin: 0 auto;
}
#gracias2  {
	width:862px;
	height:403px;
	border:1px solid #909da6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background:#f3f7f8;
	margin: 0 auto;
	background: #f4f7f9 url('img/gracias.jpg') no-repeat 50% 50%;
}
#reglas .contenedor .reglas-p {
	margin: 15px 2px 15px 25px;
	padding: 0 20px 0 0;
	height:373px;
	overflow:auto;
}
#ayuda .contenedor .reglas-p {
	margin: 15px 2px 15px 25px;
	padding: 0 20px 0 0;
	height:373px;
	overflow:auto;
}
#terminos2 .contenedor .reglas-p {
	margin: 15px 2px 15px 25px;
	padding: 0 20px 0 0;
	height:373px;
	overflow:auto;
}
.reglas-p p {
	color:#4d4d4d;
	font-size:12px;
	font-family: arial, sans-serif;
	padding: 10px 0;
}
.reglas-p h4 {
	color:#005492;
	font-size:14px;
	font-weight:bold;
	font-family: arial, sans-serif;
	padding: 10px 0;
}
#ganadores {
	
}

#ganadores h3 {
	padding-top:47px;
	display: block;
	height:0!important;
	margin: 0 0 7px 58px;
	background: url('img/ganadores.jpg') no-repeat 0 0;
	overflow:hidden;
}
p.semanas {
	width:862px;
	margin: 23px auto 0;
	height:35px;
	overflow:hidden;
}
p.semanas a, p.semanas span {
	display:block;
	height:0!important;
	padding-top:35px;
	overflow:hidden;
	float:left;
	background: url('img/semana1.jpg') 0 0;
}
p.semanas .s1 {
	background: url('img/semana1.jpg') 0 -35px;
	width:214px;
}
p.semanas .s2 {
	background: url('img/semana2.jpg') 0 -35px;
	width:216px;
}
p.semanas .s3 {
	background: url('img/semana3.jpg') 0 -35px;
	width:216px;
}
p.semanas .s4 {
	background: url('img/semanas4.jpg') 0 -35px;
	width:216px;
}
p.semanas a:hover, p.semanas a.activo , p.semanas span.activo {
	background-position: 0 0;
}
#ganadores #ganadores-cont {
	width:860px;
	height: 382px;
	overflow:hidden;
	position:relative;
	margin: 17px auto 0;
}
#ganadores #ganadores-scrolles {
	height:382px;
	width:100000em;
	position:absolute;
}
#ganadores .ganadores-10 {
	width:860px;
	font-family: trebuchet, 'Trebuchet MS', arial, sans-serif;
	overflow:hidden;
	height:370px;
	float:left;
}
#ganadores .ganador, #ganadores .ganador-alt {
	width:429px;
	border-right:1px solid #cfd0d2;
	border-bottom: 1px solid #cfd0d2;
	float:left;
	height:72px;
	line-height:72px;
	color:#465363;
	font-size:17px;
}

#ganadores .ganador-alt {
	border-right:0;
	float:left;
	padding: 0 0 0 30px;
	width: 399px;
}
#ganadores img {
	vertical-align: middle;
	float:right;
	margin: 20px 20px 0 0;
}

#ganadores .puntos {
	color:#007bc2;
	margin: 0 35px 0 5px;
}

#miquinielaoff h3 {
	padding-top:42px;
	display: block;
	height:0!important;
	margin: 0 0 7px 0px;
	background: url('img/sigue.jpg') no-repeat 0 0;
	overflow:hidden;
}
#miquinielaoff form {
	width:460px;
	margin:0 auto 0;
	padding-top:163px;
}
#miquinielaoff form input {
	width:168px;
	padding:7px 2px;
	margin: 0px 0px 0 4px;
	font-size:15px;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;	
	float:left;
}
#miquinielaoff form input#enviar-login {
	height:34px;
	width:88px;
	cursor:pointer;
	border:0;
	padding: 0;
	margin:0 0 8px 4px;
	background: url('img/entrar.png') no-repeat 0 -34px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

#miquinielaoff form input#enviar-login:hover { 
	background-position: 0 0;
}
#miquinielaoff form p {
	margin:5px 0 0 6px;
	font-size:13px;
	font-family:arial, sans-serif;
}
#miquinielaoff form p a{
	color:#6699cc;
	text-decoration:underline;
}
#miquinielaoff form p a:hover{
	text-decoration:none;
}
#miquiniela h3 {
	padding-top:57px;
	display: block;
	height:0!important;
	margin: 0 0 7px 58px;
	background: url('img/miquinielat.jpg') no-repeat 0 0;
	overflow:hidden;
}

#miquiniela h3 span {
	background: url('img/ganaquiniela.jpg') no-repeat 0 0;
	display:block;
	width:325px;
	padding-top:22px;
	margin:-45px 45px 0 0;
	overflow:hidden;
	float:right;
	height:0!important;
}

#miquiniela #quiniela-cont {
	height:341px;
	width:831px;
	margin: 5px auto 0;
	background: url('img/fondode4.jpg') no-repeat 0 0;
	padding: 4px 0 0 0;
	font-family:arial, sans-serif;
	padding: 0 20px;
}
#quiniela-adentro {
	height:279px;
	position:relative;
	overflow:hidden;
	width:831px;
}
.quiniella-scroller {
	height:279px;
	width:300000em;
	position:absolute;
}
.dia {
	width:831px;
	height:279px;
	float:left;
}
.juego {
	height:67px;
	overflow:hidden;
	padding: 0 0 0 30px;
}
.juego input {
	float:left;
	width:30px;
	height:26px;
	margin: 18px 32px 0 0;
	background: #fff;
	text-align:center;
	padding:5px 6px;
	border:0;
	color:#0080c6;
	font-size:22px;
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;		
}
.juego p {
	float:left;
	line-height:67px;
	width:263px;
	font-size:22px;
	color:#475768;
}
.juego p.vs {
	width:93px;
	text-align:center;
	margin-right:26px;
	color:#0080c6;
}
.juego p img {
	vertical-align: middle;
	margin: 0 16px 0 0;
}
#navegacion {
	height:39px;
	text-align:center;
	padding:14px 0 0 40px;
}
#navegacion span {
	float:left;
	display: block;
	font-family:arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3f4f5f;
	text-align:center;
	height:31px;
	width:50px;
	padding:3px 0 0 0;
	margin: 0 3px;
}
#navegacion span.anterior {
	height:0!important;
	display:block;
	padding-top:18px;
	overflow:hidden;
	background: url('img/anterior.png') no-repeat 0 -18px;
	width:108px;
	margin: 6px 3px 0 0;
	cursor:pointer;
}
#navegacion span.siguiente {
	height:0!important;
	display:block;
	padding-top:18px;
	overflow:hidden;
	background: url('img/siguiente.png') no-repeat 0 -18px;
	width:108px;
	margin: 6px 0 0 6px;
	cursor:pointer;
}
#navegacion span.siguiente:hover {
	background-position: 0 0;
}
#navegacion span.anterior:hover {
	background-position: 0 0;
}
#navegacion span.activo {
	background: url('img/fondo_fecha.png') no-repeat 0 0;
	color:#fff;
}
#navegacion input {
	float:left;
	width:83px;
	height:24px;
	background: url('img/fondo_guardar.png') no-repeat 0 0;
	border:0;
	margin: 4px 3px 0 0;
}
#navegacion span em {
	display:block;
}

#footer p.iconos {
	float:left;
	width:218px;
	color:#fff;
	font-size:11px;
}
#footer p.ftextos {
	float:left;
	width:510px;
	text-align:center;
	font-family:verdana, arial;
	font-size:10px;
	padding:7px 0 0 0;
	color:#c6e4c5;
}
#footer p.ftextos span {
	color:#fff;
	font-size:13px;
	line-height:25px;
}
#footer p a{
	color:#fff;
	text-decoration:underline;
	text-transform: uppercase;
}
#footer p a:hover {
	text-decoration:none;
}
#footer p a.facebook {
	width:63px;
	display:block;
	height:0!important;
	padding-top:63px;
	background: url('img/facebook.png') no-repeat 0 0;
	float:left;
	margin: 18px 16px 0 0;
	overflow:hidden;
}
#footer p a.twitter {
	width:63px;
	display:block;
	height:0!important;
	padding-top:63px;
	background: url('img/twitter.png') no-repeat 0 0;
	float:left;
	margin: 18px 45px 0 0;
	overflow:hidden;
}
#footer p span {
	font-size:9px;
	margin: 0 0 0 30px;
}
#footer p span a {
	text-decoration: none;
}
#footer p span a:hover {
	text-decoration:underline;
}

#footer .contenido {
	position:relative;
}
#footer .contenido .pelota {
	position: absolute;
	width:98px;
	height:88px;
	background: url('img/pelota.png') no-repeat 0 0;
	top:-28px;
	right:0px;
}
#navegacion span.dia-guardar {
	padding-top:9px;
}

.no-ganador {
	padding:150px 0 0 390px;
}
.no-ganador h4 {
	height:0!important;
	width:382px;
	padding-top:80px;
	background: url('img/aun.jpg') no-repeat 0 0;
	overflow:hidden;
}
.no-ganador h5 {
	font-family: trebuchet, 'Trebuchet MS', arial, sans-serif;
	color:#00549E;
	font-size:16px;
	padding:40px 0 0 80px;
}

input#enviar {
	width:108px;
	height:36px;
	background: url('img/guardar2.png') no-repeat 0 0;
	text-indent: -3000000px;
	margin:90px 0 0 360px;
	border:0;
}
input#enviar:hover {
	background-position: 0 -36px;
}

p.creditos {clear:both;
color:#FFFFFF;
font-size:9px;
line-height:30px;
text-align:center;
}
#footer p.creditos a {
	text-decoration:none;
}
p.creditos a.ojo {
	background:url("img/ojo.png") no-repeat scroll 0 0 transparent;
	padding:3px 0 3px 47px;
	color:#FFF;
	text-transform:none;
}
p.creditos a.antipasto {
	background:url("img/logo_antipasto.png") no-repeat scroll 0 0 transparent;
	padding:3px 0 3px 96px;
	color:#FFF;
	text-transform:none;
}

.ganador .nombre a {
	color:#007BC2;
}