/* ----------------------------------------------------------- estilos para la pagina de sorteos */

.iraportada {
	position: relative;
}
.iraportada .enlacewidgets {
	width: 170px;
	height: 43px;
	padding: 37px 0 0 90px;
	background: url(/soitu/iconos/v1.x/v1.0/sorteos/enlace_widgets.png) no-repeat left bottom;
	position: absolute;
	top: 4px;
	right: 120px;
	text-align: left;
}
.iraportada .enlacewidgets a {
	background: transparent url(/soitu/iconos/v1.x/v1.0/bolillos/flecha_derecha_3699a9-2.png) no-repeat 0 5px;
	padding: 2px 2px 2px 9px;
	color: #3699a9;
	font-weight: normal;
	
}
.iraportada .enlacewidgets a:hover {
	background: #e4e4e4 url(/soitu/iconos/v1.x/v1.0/bolillos/flecha_derecha_3699a9-2.png) no-repeat 0 5px;
	padding: 2px 2px 2px 9px;
}



.cabecera {
	padding: 10px 0 2px 0;
}

.sorteos {
	margin-left: 10px;
	background: url(/soitu/iconos/v1.x/v1.0/lineas/linea_puntos_h_000.png) repeat-x left top;
	padding: 0 0 10px 0;
}
.modulo {
	background: url(/soitu/iconos/v1.x/v1.0/lineas/linea_puntos_h_000.png) repeat-x left bottom;
	padding: 20px 0 10px 0;
}
.modulo .columnaizquierda {
	width: 160px;
	float: left;
	padding: 25px 0 0 0;
}
.modulo .columnaderecha {
	width: 810px;
	float: right;
}
.modulo .columnaderecha .fecha {
	font: 18px Arial, "Microsoft sans serif", Tahoma, Helvetica, Garuda, sans-serif;
	padding: 0 0 5px 10px;
	background: url(/soitu/iconos/v1.x/v1.0/bolillos/flecha_derecha_000.png) no-repeat 0 6px;
}
.modulo .columnaderecha .resultados {
	background-color: #d9d9d9;
	width: 100%;
	overflow: hidden;
}
.modulo .columnaderecha .resultados .numeros {
	border-right: 1px solid #fff;
	float: left;
	width: 606px;
	overflow: hidden;
}
.modulo .columnaderecha .resultados .modulo1,
.modulo .columnaderecha .resultados .modulo2,
.modulo .columnaderecha .resultados .modulo3,
.modulo .columnaderecha .resultados .modulo4 {
	float: left;
	border-right: 1px solid #fff;
	padding: 10px 9px 0 10px;
}
.modulo .columnaderecha .resultados h4 {
	font: bold 11px/14px Tahoma, "Microsoft sans serif", Arial, Helvetica, Garuda, sans-serif;
	border-bottom: 1px solid #fff;
	padding: 5px 0 5px 0;
	margin: 0;
}
.modulo .columnaderecha .resultados ul{
	margin: 10px 0 0 0;
	padding: 0;
	font: 30px "Microsoft sans serif", Arial, Helvetica, Garuda, sans-serif;
}
.modulo .columnaderecha .resultados ul li {
	margin: 0 1px 0 0;
	padding: 0 0 0 4px;
	list-style-type: none;
	background-color: #5a5a5a;
	color: #fff;
	display: block;
	height: 55px;
	text-align: left;
	float: left;
	width: 59px;
}

.modulo .columnaderecha .resultados .desplegarpremios {
	width: 185px;
	float: left;
	padding: 40px 0 0 10px;
}
.modulo .columnaderecha .resultados .desplegarpremios h4 {
	border-bottom: 0;
}
.modulo .columnaderecha .resultados .desplegarpremios h4 a {
	color: #fff;
	background-color: #3699a9;
	text-decoration: none;
	height: 35px;
	display: block;
	padding-top: 20px;
	text-align: center;
}
.modulo .columnaderecha .resultados .desplegarpremios h4 a:hover {
	background-color: #49c8dd;
}
.modulo .columnaderecha .resultados .desplegarpremios h4 .flecha {
	height: 7px;
	background: url(/soitu/iconos/v1.x/v1.0/bolillos/flecha_abajo_3699a9.png) no-repeat 85px 0;
}

/* loteria nacional */

.modulo .loterianacional .columnaderecha .resultados .modulo4 {border-right: 0;}
.modulo .loterianacional .columnaderecha .resultados ul.primerpremioloterianacional li {width: 235px; letter-spacing: 5px;}

/* quiniela */

.modulo .laquiniela .columnaderecha .resultados .modulo2 {border-right: 0;}
.modulo .laquiniela .columnaderecha .resultados ul li {width: 56px;}
.modulo .laquiniela .columnaderecha .resultados ul.quiniela li {width: 31px; text-align: center;}

/* primitiva */

.modulo .primitiva .columnaderecha .resultados .modulo3 {border-right: 0;}

/* bonoloto */

.modulo .bonoloto .columnaderecha .resultados .modulo3 {border-right: 0;}

/* elquinigol */

.modulo .elquinigol .columnaderecha .resultados ul li {width: 76px; text-align: center;}

/* lototurf */

.modulo .lototurf .columnaderecha .resultados .modulo3 {width: 55px; border-right: 0;}

/* quintuple plus */

.modulo .quintupleplus .columnaderecha .resultados ul li {width: 76px; height: 80px}
.modulo .quintupleplus .columnaderecha .resultados ul li .carrerasquintupleplus {
	width: 65px;
	font: bold 11px/14px Tahoma, "Microsoft sans serif", Arial, Helvetica, Garuda, sans-serif;
	border-top: 1px solid #ccc;
	padding: 5px 0 0 0;
}
.modulo .quintupleplus .columnaderecha .resultados {
	padding-bottom: 10px;
}

/* cupon de la once */

.modulo .oncecupon .columnaderecha .resultados ul.numerocupon li {width: 235px; letter-spacing: 5px;}
.modulo .oncecupon .columnaderecha .resultados ul li {width: 54px;}



/* tablas */

.modulo table {
	margin: 0 0 10px 10px;
	width: 792px;
	clear: both;
	padding: 10px;
	background-color: #949494;
}
.modulo table caption {
	font: bold 11px "Microsoft sans serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 10px;
	text-align: left;
	color: #000;
	background-color: #ededed;
	border-top: 2px solid #000;
}
.modulo table th {
	text-align: left;
	border-top: 2px solid #000;
	font: bold 10px Tahoma, "Microsoft sans serif", Arial, Verdana, Helvetica, sans-serif;
	padding: 4px 0 4px 4px;
	color: #000;
}
.modulo table td {
	padding: 4px 0 4px 4px;
	border-right: none;
	background-color: #a4a4a4;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #949494;
	color: #fff;
	font: 11px "Microsoft sans serif", Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
.modulo table th.centrado,
.modulo table td.centrado {
	text-align: center;
}



.explicacion {margin: 20px 0 0 0;}
.explicacion p a {text-decoration: none;}
.explicacion p a:hover {text-decoration: underline;}



/* ----------------------------------------------------------- estilos para la pagina de configuracion del widget */


.meteloentusitio {
	margin: 20px 0 0 0;
	clear: both;
	width: 100%;

}

.meteloentusitio .pasos {
	width: 520px;
	float: left;	
	overflow: hidden;
	padding-bottom: 20px;
}

.meteloentusitio .previsualizacion {
	width: 410px;
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 0 0 30px;
	display: inline;
}
.meteloentusitio .paso1,
.meteloentusitio .paso2,
.meteloentusitio .paso3 {
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.meteloentusitio .paso3 {
	margin: 30px 0 10px 0;
	padding: 20px 0 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
}

.meteloentusitio .paso3 p {
	margin-bottom: 0;
}

.meteloentusitio .numero {
	width: 40px;
	height: 35px;
	background-color: #3699a9;
	color: #fff;
	text-align: center;
	font-size: 30px;
	float: left;
}
.meteloentusitio .texto {
	float: left;
	width: 440px;
	margin: 0 0 0 10px;
	padding: 0;
}

.meteloentusitio p {
	margin: 14px 0 20px 0;
	padding: 0;
	font: 22px "Microsoft sans serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	clear: both;
}


.meteloentusitio .texto ul {
	margin: 0 40px 0 0;
	padding: 0;
	font: 12px/19px "Microsoft sans serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	float: left;
}
.meteloentusitio .texto ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

label {cursor: pointer;}
label:hover {color: #3699a9;}

.meteloentusitio .boton {
	margin: 30px 0 0 50px;
	padding: 0;
}
.meteloentusitio .boton a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	background-color: #3699a9;
	font: 22px "Microsoft sans serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.meteloentusitio .boton a:hover {
	background-color: #49c8dd;
}



.meteloentusitio .cuadrocodigo {
	margin: 0;
}
.meteloentusitio .cuadrocodigo label {
	cursor: auto;
	font: 22px "Microsoft sans serif", Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.meteloentusitio .cuadrocodigo label:hover {
	color: #000;
}
.meteloentusitio .cuadrocodigo textarea {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 20px 0 0 0;
	width: 427px;
	height: 100px;
	font: 11px "Courier New",monospace;
}