/*
Hoja de Estilos para loteriaselsol.com - GENERAL
Copyright 2006 Enixe Diseño y Comunicación
*/

/**** GENERAL ****/
body { font-size: 0.8em; text-align: left; color: #4d2600; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 0; margin-top: 0; border: 0; background: #faf3de }
BODY P { line-height: 1.4em	}
BODY a:link, BODY a:visited { color: #4d2600; text-decoration: underline }
BODY a:hover, BODY a:active { color: #4d2600; text-decoration: underline }
.ocultar { display: none }
.ocultar2 { visibility: hidden }
IMG { margin: 0; padding: 0; border: 0 }

.clear { clear: both; padding: 0; border: 0; margin: 0; height: 0px; width: 0px }
#pagina { width: 657px; padding: 0; margin: 0 auto; border: 0; background: url(../bgs/bg.gif) repeat-y top center }
#pagina P, #pagina h1 { margin: 0; padding: 0; border: 0 }

/**** CABECERA ****/
#cabecera {	margin-left: 25px; padding: 0; border: 0; width: 607px; height: 154px; background: url(../bgs/cab.jpg) no-repeat }
#cabecera h1 A { display: block; width: 607px; height: 154px }

/**** COLUMNA IZQUIERDA ****/
#columnaizq { float: left; width: 175px; padding: 0; margin: 0; border: 0; min-height: 220px }
#columnaizq IMG.fotopda { margin: 0; border: 0; padding: 0 }

/**** CONTENIDO (COLUMNA DERECHA) ****/
#contenido { float: right; padding: 0; border: 0; width: 431px; }
#contenido .contenidoint { margin-right: 25px; padding: 0; border: 0 }
.banner, .banner IMG { margin: 0; padding: 0; border: 0 }
.sorteos, .sorteos IMG { margin: 0; padding: 0; border: 0 }
#contenido .contenidotexto { padding: 10px 30px 30px 30px; margin: 0; border: 0 }

.linkreturn { margin: 20px 0 20px 10px; font-size: 0.9em; letter-spacing: 0px }
.linkreturn a:link, .linkreturn a:visited { text-decoration: none } 
.linkreturn a:hover, .linkreturn a:active { text-decoration: underline } 

TABLE.premios { font-size: 0.85em }

.confirmacion { background-color: #ff7800; padding: 20px; font-size: 1.2em; color: #fff; }
INPUT.submit { background: #edd180 }


/* Títulos Secciones */
h2.quienes { display: block; height: 37px; width: 406px; background: url(../bgs/tit_quienes.jpg) no-repeat top left; margin: 0; padding: 0; border: 0 }
h2.donde { display: block; height: 37px; width: 406px; background: url(../bgs/tit_donde.jpg) no-repeat top left; margin: 0; padding: 0; border: 0 }
h2.reserve { display: block; height: 37px; width: 406px; background: url(../bgs/tit_reserve.jpg) no-repeat top left; margin: 0; padding: 0; border: 0 }
h2.premios { display: block; height: 37px; width: 406px; background: url(../bgs/tit_premios.jpg) no-repeat top left; margin: 0; padding: 0; border: 0 }
h2.contacte { display: block; height: 37px; width: 406px; background: url(../bgs/tit_contacte.jpg) no-repeat top left; margin: 0; padding: 0; border: 0 }
h2.sintitulo { display: block; height: 37px; width: 406px; background: url(../bgs/tit_sintitulo.jpg) no-repeat top left; margin: 0; padding: 0; border: 0 }

.fotodcha { float: right; margin: 8px 0 8px 8px }
.fotoizq { float: left; margin: 8px 8px 8px 0 }

.piedefoto { font-size: 0.9em }

/** MENU **/
#secciones { width: 201px; height: 165px; margin: 0; padding: 0; border: 0; /*background: url(../bgs/menu_bg2.jpg) repeat-x top left*/ }
#secciones .seccionesint { width: 201px; padding-left: 25px; margin: 0; border: 0; }
#secciones .seccionesintint { width: 201px;  margin: 0; border: 0; background: url(../bgs/menu.gif) no-repeat top left }
#secciones UL#menu { padding: 0; border: 0; margin: 0; list-style: none; width: 201px; height: 165px }
#secciones UL#menu LI { display: block; text-decoration: none; padding: 0; margin: 0; border: 0; height: 33px; width: 201px }
#secciones UL#menu LI a:link, #secciones UL#menu LI a:visited { display: block; text-decoration: none; height: 33px; width: 201px; margin: 0; border: 0; padding: 0 }
#secciones UL#menu LI a:hover, #secciones UL#menu LI a:active { display: block; height: 33px; width: 201px; margin: 0; border: 0; padding: 0 }

#secciones UL#menu LI#menu1 a:link, #secciones UL#menu LI#menu1 a:visited { background: url(../bgs/menu.gif) no-repeat 0px 0px }
#secciones UL#menu LI#menu2 a:link, #secciones UL#menu LI#menu2 a:visited { background: url(../bgs/menu.gif) no-repeat 0px -33px }
#secciones UL#menu LI#menu3 a:link, #secciones UL#menu LI#menu3 a:visited { background: url(../bgs/menu.gif) no-repeat 0px -66px }
#secciones UL#menu LI#menu4 a:link, #secciones UL#menu LI#menu4 a:visited { background: url(../bgs/menu.gif) no-repeat 0px -99px }
#secciones UL#menu LI#menu5 a:link, #secciones UL#menu LI#menu5 a:visited { background: url(../bgs/menu.gif) no-repeat 0px -132px }


#secciones UL#menu LI#menu1 a:hover, #secciones UL#menu LI#menu1 a:active { background: url(../bgs/menu.gif) no-repeat -201px 0px }
#secciones UL#menu LI#menu2 a:hover, #secciones UL#menu LI#menu2 a:active { background: url(../bgs/menu.gif) no-repeat -201px -33px }
#secciones UL#menu LI#menu3 a:hover, #secciones UL#menu LI#menu3 a:active { background: url(../bgs/menu.gif) no-repeat -201px -66px }
#secciones UL#menu LI#menu4 a:hover, #secciones UL#menu LI#menu4 a:active { background: url(../bgs/menu.gif) no-repeat -201px -99px }
#secciones UL#menu LI#menu5 a:hover, #secciones UL#menu LI#menu5 a:active { background: url(../bgs/menu.gif) no-repeat -201px -132px }

/* colocado debajo porque influye: */
#secciones UL#menu LI#menu1 { top: 0px; width: 201px; height: 33px; background: url(../bgs/menu.gif) no-repeat -402px 0px }
#secciones UL#menu LI#menu2 { top: -33px; width: 201px; height: 33px; background: url(../bgs/menu.gif) no-repeat -402px -33px }
#secciones UL#menu LI#menu3 { top: -66px; width: 201px; height: 33px; background: url(../bgs/menu.gif) no-repeat -402px -66px }
#secciones UL#menu LI#menu4 { top: -99px; width: 201px; height: 33px; background: url(../bgs/menu.gif) no-repeat -402px -99px }
#secciones UL#menu LI#menu5 { top: -132px; width: 201px; height: 33px; background: url(../bgs/menu.gif) no-repeat -402px -132px }

/**** PIE ****/
#pie { clear: both; padding: 0; margin: 0; border: 0; width: 657px; height: 146px; background: url(../bgs/pie.jpg) no-repeat bottom center; }

#pie .direccion { display: block; text-align: center; width: 587px; background-color: #ffc105; padding: 10px; margin-left: 25px; border: 0; font-size: 1.0em; letter-spacing: 1px; }
#pie .copyright { float: left; display: block; text-align: left; padding: 10px 0 0 35px; margin: 0; border: 0 }
#pie .copyright P { float: left; color: #666; font-size: 0.9em; background: url(../bgs/solito.jpg) no-repeat top left; padding-left: 38px; height: 37px; line-height: 1.1em; width: 300px; }
#pie .copyright a:link, #pie .copyright a:visited { color: #666; text-decoration: none }
#pie .copyright a:hover, #pie .copyright a:active { color: #666; text-decoration: underline }
#pie .enixe A { float: right; display: block; position: relative; border: 0; margin: 0; top: 10px; right: 40px; width: 88px; height: 31px; background: url(../bgs/enixe.jpg) no-repeat bottom right }