@charset "utf-8";

* { 
	padding:0; margin:0; 
}

a:link, a:visited, a:active {
	color:#68af09;
}
a:hover {
	color:#99cc00;
}
body {
	background-image: url(/images/fondo.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	line-height: 1.4em;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}


#container-principal {
	width:720px;
	margin-right: auto;
	margin-left: auto;
	min-height:0;
	}
	
#encabezado {
	background-image: url(/images/background-encabezado.jpg);
	height: 148px;
	width: 720px;
	position: relative;
}

#encabezado UL {
	list-style-type: none;
	position: absolute;
	right: 10px;
	bottom: 1px;
}

#encabezado LI {
	float: left;
	width: 140px;
	height: 32px;
}

/* para el submenu nuevo */
#submenu {
	background-image: url(/images/background-contenido.gif);
	height: 50px;
	width: 720px;
	position: relative;
}
#submenu UL {
	list-style-type: none;
	position: absolute;
	left: 30px;
	top: 5px;
}

#submenu LI {
	float: left;
	width: 200px;
	height: 32px;
}
#submenu LI a:link, 
#submenu LI a:active, 
#submenu LI a:visited  {
	font-size:14px;
	color:#F86026;
	text-transform:uppercase;
}
#submenu LI a:hover  {
	color:#68af09;
}
/* -- fin del submenu --- */
#contenido {
	background-image: url(/images/background-contenido.gif);
	background-repeat: repeat-y;
	width: 720px;
}
#cierre-contenido {
	background-image: url(/images/cierre-contenido.gif);
	height: 30px;
	width: 720px;
}
#footer {
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	font-size: 12px;
}
#container-cajas-promociones {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
#dos-columnas {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

.cajas-promociones {
	width: 200px;
	float: left;
	border: 1px solid #B6B6B6;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.margin-right-10px {
	margin-right: 10px;
}
.margin-top-20px {
	margin-top: 20px;
}


.clear {
	clear: both;
}
.home-titulos {
	padding-bottom: 2px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #261f27;
	clear: left;
}
.home-titulos-borde-gris {
	padding-bottom: 2px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #acacac;
	padding-left: 10px;
}
.fecha-sorteo {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}


.form-consulta-numeros-home {
	padding-top: 6px;
	padding-bottom: 10px;
}
.ganadores {
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 10px;
}
.ganadores-foto {
	background-image: url(/images/background-foto-ganadores.gif);
	height: 69px;
	width: 70px;
	float: left;
}
.ganadores-foto img {
	padding-top: 3px;
	padding-left: 4px;
}
.bold12 {
	font-size: 12px;
	font-weight: bold;
}
.ganadores-datos {
	padding-top: 3px;
}

.monto-premio {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #68af09;
	padding: 3px;
}
.ganadores-sorteo-fecha {
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}
.color-destaque {
	color: #FFFFFF;
	background-color: #F86026;
	padding: 2px;
}

/* --- formulario de contacto --- */
#contact_form_id label {
	font-family: "Trebuchet MS", "Lucida Sans", "Lucida Console", "Lucida Sans Unicode", Arial;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	float: left;
	width: 5em;
	margin-right: 1em;
}

#contact_form_id OL {
	list-style-type: none;
}

#contact_form_id LI {
	list-style-type: none;
	padding-bottom: 10px;
	margin-bottom: 2px;
	padding-left: 10px;
	clear: left;
	float: left;
	width: 98%;
	padding-top: 10px;
}

/* REGLAMENTO */
.internas-titulos {
	border-bottom:3px solid #261F27;
	padding-bottom:2px;
}

/* ### GANADORES ### */
div#columna1 {
	float:left;
	width:420px;
}
div#columna2 {
	float:right;
	width:240px;
}

.titulo-ganadores {
	border-bottom:3px solid #261F27;
	padding-bottom:2px;
	width:420px;
}
.ganadores-anteriores {
	border-bottom:3px solid #acacac;
	padding-bottom:2px;
	width:240px;
	height:42px;
}
ul#ultimos-ganadores {
	list-style:none;
	margin:10px 10px 0 0;
	width:400px;
}
ul#ultimos-ganadores li {
	width:300px;
	float:left;
}
ul#ultimos-ganadores li.separador {
	margin:15px 0 5px 0;
	width:400px;
}
ul#ultimos-ganadores li.imagen {
	width:93px;
	height:94px;
	margin:0 7px 0 0;
}
ul#ultimos-ganadores li.nombre {
	color:#261f27;
	font-size:20px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:26px;
}
ul#ultimos-ganadores li.premio .wrapper {
	margin:7px 5px 5px 5px;
	float:left;
}
ul#ultimos-ganadores li.premio {
	font-size:24px;
	background-color:#fedb4e;
	height:31px;
	font-weight:bold;
}
ul#ultimos-ganadores li.ci {
	float:right;
}
ul#ultimos-ganadores li.carton {
	float:right;
	font-size:11px;
}
ul#ultimos-ganadores li.testimonio {
	float:right;
}

/* --- seccion de videos de ganadores --- */
DIV#video-ganadores {
	padding:5px 5px 5px 5px;
}
#video-ganadores UL {
	list-style:none;
	margin:0;
	padding:0;
}
#video-ganadores LI {
	font-size:10px;
	font-weight:bold;
	padding:0 5px 5px 5px;
}
#video-ganadores LI.video {
	width:230px;
	height:186px;
	padding:0;
}
/* --- fin de videos de ganadores --- */
#titulo-otros-ganadores {
	border-bottom:3px solid #acacac;
	padding:0px 0px 2px 5px;
	width:240px;
	height:18px;
	margin-top:15px;
}
#otros-ganadores {
	padding:5px;
}
#otros-ganadores ul {
	list-style:none;
}
#otros-ganadores ul li {
	float:left;
	width:150px;
	font-weight:bold;
}
#otros-ganadores ul li.imagen {
	width:75px;
}
#otros-ganadores ul li.separador {
	width:230px;
	margin:5px 0 5px 0;
}
#otros-ganadores ul li.nombre {
	color:#000000;
	font-size:12px;
}
#otros-ganadores ul li.premio {
	width:150px;
	color:#FFFFFF;
	font-size:14px;
	background-color:#68af09;
	padding:3px 2px 3px 2px;;
}
#otros-ganadores ul li.documento {
	color:#555555;
	font-size:9px;
}
#otros-ganadores ul li.carton {
	font-weight:normal;
}


/* para la paginación */
.pagination {
	text-align:center;
	padding:10px 0 0px 0;
}



/* ---- WEBS AMIGAS --- */

#webs-amigas {
	width:660px;
	margin:10px 0 0 30px;
	font-size:12px;
}
#webs-amigas a:link, 
#webs-amigas a:active, 
#webs-amigas a:visited {
	color:#333333;	
} 
#webs-amigas a:hover {
	color:#666666;
}
hr#amigas {
	width:700px;
	height:1px;
	margin:20px 0 0 10px;
	border-top:1px solid;
	border-bottom:none;
}
#direccion h1 {
	font-size:16px;
}

#direccion {
	font-size:14px;
	margin:10px 0 0 30px;
	line-height:normal;
}