* { padding:0; margin:0; }

iframe {background-color:transparent;} 



/* *** In valid code we trust *** */



body {

	background:#7BA80A url(images/background.header.home.jpg) repeat-x center top;

	

	font-size: 11px;

	font-family: "Trebuchet MS", Verdana, Arial, SunSans-Regular, Sans-Serif;

	color:#1F7DB1;

	padding:0px;

	margin:0px;

}

body.bgsimple1 {

	background:#7BA80A url(images/bgContenido.jpg) repeat-x center top;

}



p {

	margin: 1px;

	padding: 0px;

}



a img {

	border:0px;

	outline: none;

}



a {color: #DB7093;}

a:hover {color: #564b47;}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.hide {

  display:none;

}



.inline-block {

  display: inline-block;

}



.center{

  text-align: center;

}



#container {

	width: 983px;

	padding:0px;

	margin: 0px;

	margin-left: auto;

	margin-right: auto;

} 





#outer{

	border-right: 200px solid #7BA80A; /* color of the right column  */ 

/*	border-left: 200px solid transparent; /* color of the left column  */ 

	margin-left: 200px;

} 



#inner{margin:0; width:100%; } /* IE COCHINO ASQUEROSO. TE ODIO. */



/*** HEADER ***/

#header {

	height: 205px;

}



div#noheader {

	height: 29px;

}





/*** LEFT ***/



#left {

	width:200px;

	float:left;

	position:relative;

	margin-left:-200px;

	margin-right:0px;

	overflow: hidden;

}



div#topcorner{

  position: absolute;

  width: 200px;

}



#left ul.menu {

	list-style:none;

	background:url(images/menu.header.png) no-repeat top;

	width:191px;

	padding:6px 0px 0px 0px;

	margin:0px;

}



#left ul.noheader {

  margin-top: 180px;

}



#left ul.menu li a{

	display:block;

	width:191px;

	height:30px;

	text-indent:-9999px;

	outline:none;

}



#left ul.menu li.home a{background:url(images/menu.home.png) top left no-repeat;}

#left ul.menu li.home a:hover{background-position: bottom;}

#left ul.menu li.nosotros a{	background:url(images/menu.nosotros.png) top left no-repeat;}

#left ul.menu li.nosotros a:hover{background-position: bottom;}

#left ul.menu li.contacto a{background:url(images/menu.contacto.png) top left no-repeat;}

#left ul.menu li.contacto a:hover{background-position: bottom;}

#left ul.menu li.noticias a{background:url(images/menu.noticias.png) top left no-repeat;}

#left ul.menu li.noticias a:hover{background-position: bottom;}

#left ul.menu li.registrese a{background:url(images/menu.registrese.png) top left no-repeat;}

#left ul.menu li.registrese a:hover{background-position: bottom;}



/** menu de noticias **/

#left ul.menu li ul{

	list-style:none;

	width:191px;

	padding:0px;

	margin:0px;

}



#left ul.menu li ul li a {

  background:#f5cf96 url(images/punteado.menu.gif) repeat-x bottom left;

	display:block;

	width:170px;

	padding:4px 0 4px 21px;

	color:#335ea8;

	text-decoration:none;

  text-indent:0px;

  height:auto;

}



#left ul.menu li ul li a:hover {

	text-decoration:underline;

}



















#left ul.sorteos {

	list-style:none;

	background:url(images/menu.sorteos.png) no-repeat top;

	width:191px;

	padding:48px 0px 0px 0px;

	margin:10px 0px;

}

#left ul.sorteos li {

	margin:1px 0px 0px 0px;

}

#left ul.sorteos li a{

	display:block;

	width:191px;

	height:39px;

	text-indent:-9999px;

	outline:none;

}



#left ul.sorteos li.s1 a{background:url(images/menu.1.png) top left no-repeat;}

#left ul.sorteos li.s1 a:hover{background-position: bottom;}

#left ul.sorteos li.s2 a{background:url(images/menu.2.png) top left no-repeat;}

#left ul.sorteos li.s2 a:hover{background-position: bottom;}

#left ul.sorteos li.s3 a{background:url(images/menu.3.png) top left no-repeat;}

#left ul.sorteos li.s3 a:hover{background-position: bottom;}

#left ul.sorteos li.s4 a{background:url(images/menu.4.png) top left no-repeat;}

#left ul.sorteos li.s4 a:hover{background-position: bottom;}

#left ul.sorteos li.s5 a{background:url(images/menu.5.png) top left no-repeat;}

#left ul.sorteos li.s5 a:hover{background-position: bottom;}



div.juegos {

	background:url(images/titulo.juegos.png) no-repeat top;

	padding-top:42px;

}





/*** RIGHT ***/

#right {

	width:188px; 

	float:right; 

	position:relative; 

	margin-right:-200px;

	margin-left:7px;

	color:#FFFFFF;

	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

	font-size:13px;

	display:inline;

	overflow:hidden;

}



#right a{

	color:#FFFFFF;

}



#right a:hover{

	text-decoration:none;

}



#right div.hr{

	background:url(images/punteado.right.gif) repeat-x top left;

  height:1px;

  margin:8px 0px;

}



#right a.lista-de-compras {

	color:#FFFFFF;

  background:#7BA80A;

  padding:5px 2px;

  display:block;

  text-decoration:none;

}

#right a.lista-de-compras:hover {

  color:#000;

  background:#FCE66A;

}



#right div.panellogin {

	background:url(images/titulo.entrar.png) no-repeat left 10px;

	padding-top: 52px;

	line-height: 20px;

}



#right input {

	border: 1px solid #000000;

	padding:5px 0px;

	width:160px;

}



#right label {

	display: block;

	padding:0px 0px 9px;

}



#right .bienvenido {

	background:url(images/titulo.bienvenido.png) no-repeat left 10px ;

	padding-top: 52px;

	line-height: 20px;

}



#right h2{

  font-size:16px;

  margin:5px 0;

}



#right ul.carrito li{

  border-bottom:1px solid #fff;

}











/*** CONTENIDO ***/



#content{ 

  background:#D1EBF2;

	position: relative; 

	margin: 0px; 

}



div.billeteshome {

	background:#D1EBF2 url(images/loteriapichita.png) no-repeat;

  background-position: 96% 0%;

	padding:0 0 0 14px;

}



div.billeteshome a.botonrecargar{

  text-decoration:none;

  float:left;

  display: block;

  width:219px;

  height:59px;

	background:url(images/recargar.png) no-repeat top left;

}



div.billeteshome a.botonrecargar:hover{

	background-position:bottom left;

}



div.buscador {

	background:#94D2F3 url(images/titulo.buscanumero.png) no-repeat 20px top;

	height:92px;

	text-align:right;

	color: #fff;

}



div.buscador table {

  float: right;

  margin: 10px 20px 0 0;

}



div.buscador input.numero {

  width: 185px;

  height: 30px;

  font-size: 24px;

  font-weight: bold;

  text-align: right;

}



div.buscador select {

  width:120px;

  height: 20px;

  font-size: 14px;

  margin:0 0 0 6px;

}



div.nuestrosdecimos {

	background:#335EA8 url(images/titulo.nuestrosdecimos.azul.png) no-repeat 18px top;

	padding:57px 10px 5px 10px;

	color:#FFFFFF;

}



div.noticiero {

	background:#1B6601 url(images/background.noticias.png) no-repeat 13px top;

	padding:57px 20px 15px 20px;

	color:#FFFFFF;

	font-size:12px;

}



div.noticiero table.noticia {

  background: url(images/punteado.noticias.gif) repeat-x left bottom;

  padding-bottom:10px;

}



div.noticiero ul{

	list-style:none;

	padding:0px;

	margin:0px;

}

div.noticiero li.noticia {

	background:url(images/punteado.noticias.gif) repeat-x bottom;

  display:inline-block;

  vertical-align:top;

  height:auto;

	margin-right: 5px;

	margin-bottom:10px;

	min-height:225px;

}



div.noticiero li.noticia, div.noticiero li.noticia table {

  table-layout: fixed;

	width: 255px;

}



div.noticiero a.vertodaslasnoticias img{

  margin:10px 0px;

}

div.noticiero h1 {

	font-size:18px;

}



div.noticiero p {

	padding: 0px;

	margin: 1px;

}



div.noticiero a {

	color: #FFFFFF;

	font-weight:bold;

}



div.noticiero a:hover {

	color: #94D2F3;

}





div.colectora {

	background:#D1EBF2 url(images/background.loteriapichita.png) no-repeat 96% 0%;

	padding:12px 0px 15px 14px;

	color:#1f7db1;

}



div.colectora h1 {

  text-transform: uppercase;

  font-size:34px;

  margin-bottom:15px;

}



div.colectora ul {

  list-style:none;

}



/*** BILLEtES ****/



div.colectora ul.listado {

  margin:10px 0;

}



div.colectora ul.listado li{

	background:url(images/punteado.menu.gif) repeat-x bottom;

  display:inline-block;

  vertical-align:top;

  text-align:right;

	margin-right: 10px;

	margin-bottom:10px;

  height:136px;

  width:177px;

}



div.colectora ul.listado li span{

  display: block;

}



div.colectora ul.listado li a{

  color: #1F7DB1;

  text-decoration:underline;

}

div.colectora ul.listado li a:hover{

  text-decoration:none;

}



div.colectora ul.listado li a {

  background:transparent url(images/img_hover.png) no-repeat scroll center -200px;

  display:block;

  height:107px;

  width:177px;

}



div.colectora ul.listado li a:hover {

  background-position:center;

}



div.colectora ul.listado li a:hover img {

  opacity:0.15;

}



div.colectora ul.listado li span a{

  display: inline;

  background: none;

}



/*** BOTONERA COLECTORA ***/

div.colectora ul.botonera a {

  color: #1f7db1;

  text-decoration:underline;

}



div.colectora ul.botonera a:hover {

  color: #22add6;

  text-decoration:none;

}



div.colectora ul.botonera {

  background: url(images/icon.ver.png) no-repeat top left;

  padding-left:70px;

}



div.colectora ul.botonera li {

  display:inline-block;

  vertical-align:top;

  text-align:center;

  margin-left:15px;

}



div.colectora ul.botonera li.numero{

  background: url(images/icon.ordenarpornumero.png) no-repeat top center;

  padding-top:38px;

  width:58px;

}



div.colectora ul.botonera li.fecha{

  background: url(images/icon.ordenarporfecha.png) no-repeat top center;

  padding-top:38px;

  width:58px;

}



div.colectora ul.botonera li.elegir{

  background: url(images/icon.elegirfecha.png) no-repeat top center;

  padding-top:43px;

  width:70px;

}





div.colectora ul.botonera li.anterior{

  width:93px;

}



div.colectora ul.botonera li.anterior a {

  background: url(images/boton.atras2.png) no-repeat top left;

  display:inline-block;

  padding-top:18px;

  padding-left:25px;

  width:78px;

  height:35px;

  text-decoration:none;

}



div.colectora ul.botonera li.anterior a:hover {

  background-position:bottom left;

}



div.colectora ul.botonera li.siguiente a {

  background: url(images/boton.siguiente2.png) no-repeat top left;

  display:inline-block;

  padding-top:18px;

  padding-left:3px;

  padding-right:47px;

  width:54px;

  height:35px;

  text-decoration:none;

}



div.colectora ul.botonera li.siguiente a:hover {

  background-position:bottom left;

}





ol {

  font-family:Verdana,Arial,SunSans-Regular,Sans-Serif;

  list-style:none;

  text-align:center;

  margin:10px

}



ol li{

  display:inline-block;

  vertical-align:middle;

  height:auto;

	margin:0 2px;

}



ol li a, div.noticiero ol li a {

	padding: 2px;

  background:#fff;

  color:#1f7db1;

  text-decoration:none;

}

ol li a:hover, div.noticiero ol li a:hover {

  background:#80C9DB;

  color:#1F7DB1;

}



ol li.atras a {

  background: url(images/boton.atras3.png) no-repeat top left;

  width:43px;

  height:43px;

  text-indent:-9999px;

  display: block;

  padding:0px;

}

ol li.atras a:hover {

  background: url(images/boton.atras3.png) no-repeat bottom left;

}

ol li.atras a span{

  display: none;

}



div.noticiero ol li.atras a {

  padding:0px;

  background: url(images/boton.atras.png) no-repeat top left;

}

div.noticiero ol li.atras a:hover {

  background: url(images/boton.atras.png) no-repeat bottom left;

}











ol li.siguiente a {

  background: url(images/boton.siguiente3.png) no-repeat top left;

  width:43px;

  height:43px;

  text-indent:-9999px;

  display: block;

  padding:0px;

}

ol li.siguiente a:hover {

  background: url(images/boton.siguiente3.png) no-repeat bottom left;

}

ol li.siguiente a span{

  display: none;

}



div.noticiero ol li.siguiente a {

  padding:0px;

  background: url(images/boton.siguiente.png) no-repeat top left;

}

div.noticiero ol li.siguiente a:hover {

  background: url(images/boton.siguiente.png) no-repeat bottom left;

}











/**** REGISTRACION *****/



div.registracion {

  padding:20px;

  font-size:13px;

}



div.registracion div.errors{

  background-color:#FFFFCC;

  border:1px solid #FFCC66;

  margin:0pt 0pt 10px;

  padding:5px 10px;

  color:#CC0000;

  font-style:normal;

  font-weight:bold;

}



div.registracion form{

  display: inline;

}



div.registracion legend{

	color:#1F7DB1;

  font-size:16px;

  font-weight:bold;

}



div.registracion fieldset{

  border: 1px solid #1F7DB1;

  display: inline-block;

  vertical-align:top;

  width:220px;

  padding:10px;

  margin:0 10px;

}



div.registracion fieldset.carrito-logueado {

  display: block;

  width:auto;

}



div.registracion label {

  display:block;

}



div.registracion input {

  height:20px;

  border:1px solid #ccc;

  font-size:14px;

}



input.submit, div.registracion input.submit, div.paso2 input.submit, div.login input.submit {

  height:25px;

  padding:0 10px;

}





div.paso2 fieldset{

  width:auto;

  display: block;

  border: 3px solid #cbdced;

  padding:10px;

  margin:0 10px;

}



div.paso2 label {

  display:block;

  width:100px;

  float:left;

}



div.paso2 input {

  height:20px;

  border:1px solid #ccc;

  font-size:14px;

}



div.paso2 input.error, div.paso2 textarea.error  {

  background-color:#FFEEFF;

  border-color:#CC0000;

}



div.paso2 div {

  margin: 2px 0;

}



div.paso2 .hr{

  margin:20px 0;

}



















/**** CARRITO DE COMPRAS ****/

div.carrito {

  padding: 0 9px 15px 9px;

  color: #2f3335;

}



div.carrito h1 {

  font-size:24px;

}



div.carrito h2 {

  background: #e1f2f6;

  font-size:14px;

  padding:6px 10px;

  margin:8px 0;

}



div.carrito big {

  font-size:22px;

}



table.carrito {

  padding-bottom:10px;

  margin-bottom:10px;

  background: url(images/punteado.celeste.gif) repeat-x bottom left;

}



table.carrito td{

  width:70px;

  font-size:14px;

  padding-left:8px;

}



table td.spaned {

  height:27px;

  font-size:16px;

  font-weight:bold;

  background: #e1f2f6;

}



table.selected {

  background:#ffd200;

}



table.selected td.spaned {

  background: #fce88a;

}



table.totalcompra td {

  width:148px;

  font-size:14px;

  color: #000;

  padding-right:5px;

}



table.totalcompra input.submit {

	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

  font-size:12px;

  font-weight:bold;

  border:none;

  background: url(images/boton.celeste.gif) no-repeat;

  width:170px;

  height:24px;

}



table.totalcompra td.total {

  background: url(images/background.tipito.png) no-repeat top left;

  text-align: right;

  height:70px;

  padding-left:58px;

  padding-right:0px;

  width:180px;

}



table.totalcompra small{

  font-size:10px;

}





div.carrito ul.opciones_de_compra {

	list-style:none;

	padding:0px;

	margin:0px;

	text-align:center;

}



div.carrito ul.opciones_de_compra li {

  background:#fff;

	text-align:center;

  display:inline-block;

  vertical-align:top;

  width:160px;

  height:auto;

	margin-right: 5px;

	padding:5px 10px;

	min-height:255px;

}



div.carrito ul.opciones_de_compra h3{

  font-size:14px;

  font-weight:bold;

}



div.carrito ul.opciones_de_compra li.selected {

  background:#e1f2f6;

}









div.finalizarcompra {

	background:#94d2f3 url(images/background.loteriapichita.celeste.png) no-repeat;

  background-position: 96% 50%;

	padding:20px 0 0 14px;

	height:60px;

}



div.carrito div.siguiente{

  margin:5px 0;

  text-align:right;

  font-size:16px;

}



div.carrito div.siguiente a{

  color:#fff;

  background:#94d2f3;

  padding:0 4px;

  text-decoration:none;

}



div.carrito div.siguiente a:hover{

  color:#343a3c;

  background:#e1f2f6;

  padding:0 4px;

  text-decoration:none;

}









/**** LOGIN  *****/

div.login {

  padding:20px;

  font-size:13px;

}



div.login h1 {

  font-size:16px;

}



div#passwordlost {

  background:#FBEEC6;

  border:#F7DA82 2px solid;

  display:none;

  padding: 20px;

}



div.login label {

  display:block;

  width:80px;

  float:left;

}



div.login input {

  height:20px;

  border:1px solid #ccc;

  font-size:14px;

}



div.login div.errors {

  background-color:#FBEEC6;

  border:2px solid #F7DA82;

  padding:10px;

  margin:7px 0 15px;

  color:#f00;

  font-size:14px;

  font-weight:bold;

}











.contenido{

  padding:20px;

  font-size:13px;

}







/*** FOOTER ***/



div#prefooter {

	background:#66CCCC;

	padding:4px;

	color:#FFFFFF;

}



div#prefooter a {

	color: #fff;

}



div#prefooter a:hover {

	color: #000;

}





#footer {

	padding:0px;

	margin:0px;

	text-align: right;

} 







#right input.boton, input.boton {

	border:0px;

	text-indent:-1000em;

	padding: 0;

	margin: 0;

  cursor: pointer;

}



#right input.ahora {

  background: url(images/boton.ahora.png) no-repeat left top;

  width:106px;

  height:54px;

}



input.buscar{

  background: url(images/boton.ya.png) no-repeat left top;

  width:57px;

  height:54px;

  margin-left:30px;

}

#right a:hover img{
  opacity:0.55;

}



/* *** In valid code we trust *** */