@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333}
h1, h2, h3, h4, h5, h6, form, p {margin:0; padding:0}
a:link, a:active, a:visited {color:#333; text-decoration:none}
a:hover {text-decoration:underline}
img {border:0}

#cuerpo {width:840px; margin:10px auto;}
#cabecera {width:840px; float:left; height:130px; background:url(graficos1/cabecera_logo.png) no-repeat}
#cabecera .banner {float:right; margin:20px 0 0 0}
#cabecera h1, #cabecera h2 {display:none;}
#menu-horizontal {display:block; margin:0; padding:0; float:left; width:840px;}
#menu-horizontal .menu-sup {margin:0; padding:10px 0 0 13px; float:left; width:827px; background:url(graficos1/barra_nav.png) no-repeat; height:50px;}
#menu-horizontal .menu-sup .lista {margin:0 5px 0 0; padding:0; list-style-type:none; float:left;}
#menu-horizontal .menu-sup .lista a {display:block; background:none; padding:8px 7px 10px 7px; font-size:12px; text-align:center; font-weight:bold; color:#FFF;}
#menu-horizontal .menu-sup .lista a:hover, #menu-horizontal .menu-sup .lista .current {background:url(graficos1/onglet-on.png) no-repeat; text-decoration:none; color:#666}
#menu-horizontal .menu-sup .lista-2 .current {background:url(graficos1/onglet2-on.png) no-repeat; text-decoration:none; color:#666}
	#menu-horizontal .menu-sup .lista .inicio, #menu-horizontal .menu-sup .lista .primitiva, #menu-horizontal .menu-sup .lista .euromillones, #menu-horizontal .menu-sup .lista .elgordo, #menu-horizontal .menu-sup .lista .bonoloto, #menu-horizontal .menu-sup .lista .quiniela {width:76px;}
	#menu-horizontal .menu-sup .lista .millonarias, #menu-horizontal .menu-sup .lista .loterianacional {width:106px;}
	#menu-horizontal .menu-sup .lista .millonarias:hover, #menu-horizontal .menu-sup .lista .loterianacional:hover {background:url(graficos1/onglet2-on.png) no-repeat; text-decoration:none; color:#666}
#menu-horizontal .menu-sub {margin:0 0 10px 0; padding:0; clear:both}
#menu-horizontal .menu-sub a {padding:2px 3px; border-right:1px solid #eaeaea;}

#contenido {width:840px; float:left; padding:10px 0 0 0;}

#resultado {padding:5px 7px; border:1px solid #eaeaea; clear:both;}

#columna-izquierda {width:200px; float:left; margin:0 10px 0 0}
#columna-izquierda .menu {margin:0 0 10px 0; background:url(graficos1/menu_foot.png) bottom no-repeat; padding:0 0 15px 0}
#columna-izquierda .menu h3 {display:block; margin:0; padding:4px 10px; border-bottom:1px solid #eaeaea; font-size:12px; background:url(graficos1/menu_h3.png) no-repeat; color:#FFF}
#columna-izquierda .menu ul {margin:0; padding:0; border-left:1px solid #CCC; border-right:1px solid #CCC}
#columna-izquierda .menu li {margin:0; padding:0; list-style-type:none;}
#columna-izquierda .menu li a {display:block; padding:5px 10px; margin:0; width:178px; border-bottom:1px solid #eaeaea; text-decoration:none}
#columna-izquierda .menu li a:hover {background:#f8f8f8}

#columna-izquierda .btn-login {width:200px; height:50px; display:block; background:url(graficos1/btn_login-off.png) no-repeat; margin:0 0 10px 0; padding:0; cursor:pointer;}
#columna-izquierda .btn-login:hover {background:url(graficos1/btn_login-on.png) no-repeat}

#columna-central {width:630px; float:left;}
#nav {padding:2px 5px; margin:0 0 10px 0; background:#eaeaea; border-bottom:1px solid #ccc;}

#columna-central .ventana1 {margin:0 0 10px 0; padding:0 0 15px 0; width:630px; background:url(graficos1/ventana_01_foot.png) bottom no-repeat; float:left;}
#columna-central .ventana1 h3 {margin:0; padding:10px; font-size:18px; text-align:right; color:#FFF; height:19px; background:url(graficos1/ventana_01_h3.png) no-repeat;}
#columna-central .ventana1 h3 strong, #columna-central .ventana2 h3 strong, #columna-central .ventana3 h3 strong {display:none}
#columna-central .ventana1 .desc {width:618px; float:left; padding:12px 5px 0 5px; margin:0; border:1px solid #CCC; border-top:0; border-bottom:0;}
#columna-central .ventana1 .fecha {margin:0 0 10px 0; padding:0; text-align:center; color:#999}
#columna-central .ventana1 .widget, #columna-central .ventana2 .widget, #columna-central .ventana3 .widget {display:block; margin:10px 0 0 0; padding:0 0 0 6px; float:right; width:auto}
#columna-central .ventana1 .widget a, #columna-central .ventana2 .widget a, #columna-central .ventana3 .widget a {display:block; float:left; width:41px; padding:3px 5px; margin:0 6px 0 0; text-align:center; background:url(graficos1/btn_widget-off.png) no-repeat; font-size:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; height:14px; text-decoration:none; color:#666}
#columna-central .ventana1 .widget a:hover, #columna-central .ventana2 .widget a:hover, #columna-central .ventana3 .widget a:hover {background:url(graficos1/btn_widget-on.png) no-repeat}

#columna-central .ventana2 {margin:0 5px 10px 0; padding:0 0 15px 0; width:310px; background:url(graficos1/ventana_02_foot.png) bottom no-repeat; float:left;}
#columna-central .ventana2 h3 {margin:0; padding:10px; font-size:18px; text-align:right; color:#FFF; height:19px; background:url(graficos1/ventana_02_h3.png) no-repeat;}
#columna-central .ventana2 .desc {width:298px; float:left; padding:5px 5px 0 5px; margin:0; border:1px solid #CCC; border-top:0; border-bottom:0;}
#columna-central .ventana2 .fecha {margin:0 0 10px 0; padding:0; text-align:center; color:#999}
#columna-central .ventana2 .resultado {margin:0 0 10px 0; padding:0; text-align:center; font-weight:bold; font-size:14px;}
#columna-central .ventana2 .resultado .bis {display:block; margin:0; padding:0; font-weight:normal; font-size:11px;}

#columna-central .ventana3 {margin:0 0px 10px 0; padding:0 0 15px 0; width:200px; background:#eaeaea; float:left; background:url(graficos1/ventana_03_foot.png) bottom no-repeat; float:left;}
#columna-central .ventana3 h3 {margin:0; padding:10px; font-size:18px; text-align:right; color:#FFF; height:19px; background:url(graficos1/ventana_03_h3.png) no-repeat;}
#columna-central .ventana3 .desc {width:188px; float:left; padding:5px 5px 0 5px; margin:0; border:1px solid #CCC; border-top:0; border-bottom:0;}
#columna-central .ventana3 .fecha {margin:0 0 10px 0; padding:0; text-align:center; color:#999}
#columna-central .ventana3 .resultado {margin:0 0 10px 0; padding:0; text-align:center; font-weight:bold; font-size:14px;}
#columna-central .ventana3 .resultado .bis {display:block; margin:0; padding:0; font-weight:normal; font-size:11px;}

#columna-central .euromillones {margin:0 10px 10px 0;}
#columna-central .euromillones h3 {background:url(graficos1/h3_euromillones.png) no-repeat;}

#columna-central .primitiva {margin:0 0 10px 0;}
#columna-central .primitiva h3 {background:url(graficos1/h3_primitiva.png) no-repeat;}

#columna-central .quiniela {margin:0 0 10px 0;}
#columna-central .quiniela h3 {background:url(graficos1/h3_laquiniela.png) no-repeat;}
#columna-central .quiniela table {width:600px; margin:0 9px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea}
#columna-central .quiniela .yes {background:#f8f8f8;}
#columna-central .quiniela td {padding:5px; border-left:1px solid #eaeaea; border-right:1px solid #FFF; text-align:center; width:190px}

#columna-central .elgordo {margin:0 15px 10px 0;}
#columna-central .elgordo h3 {background:url(graficos1/h3_elgordo.png) no-repeat;}

#columna-central .bonoloto {margin:0 15px 10px 0;}
#columna-central .bonoloto h3 {background:url(graficos1/h3_bonoloto.png) no-repeat;}

#columna-central .loterianacional {margin:0 0 10px 0;}
#columna-central .loterianacional h3 {background:url(graficos1/h3_loterianacional.png) no-repeat;}

#columna-central .quinigol {margin:0 15px 10px 0;}
#columna-central .quinigol h3 {background:url(graficos1/h3_quinigol.png) no-repeat;}
#columna-central .quinigol ul {margin:0; padding:0; height:115px}
#columna-central .quinigol li {margin:0; padding:0; list-style-type:none; text-align:center;}

#columna-central .lotosurf {margin:0 15px 10px 0;}
#columna-central .lotosurf h3 {background:url(graficos1/h3_lotosurf.png) no-repeat;}
#columna-central .lotosurf ul {margin:0; padding:0; height:115px}
#columna-central .lotosurf li {margin:0; padding:0; list-style-type:none; text-align:center;}

#columna-central .quintupleplus {margin:0 0 10px 0;}
#columna-central .quintupleplus h3 {background:url(graficos1/h3_quintupleplus.png) no-repeat;}
#columna-central .quintupleplus ul {margin:0; padding:0; height:115px}
#columna-central .quintupleplus li {margin:0; padding:0; list-style-type:none; text-align:center;}

#pie {clear:both; border-top:1px solid #eaeaea; padding:5px 0; margin:10px 0 0 0; color:#999; text-align:justify}
#pie span {text-align:center; display:block; margin:5px;}