/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position:center;
	}

#top{
	width:790px;
	height:auto;
	margin-left: 10px;

}
#todo{
	width:1000px;
	background-color: #fff;
	height:auto;
}
#header{
	width:790px;
	height:154px;
	float:left;
	margin-top:10px;
	background-image: url(img/degradetop.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:20px !important;
	margin-bottom:0px;
}
.iconostop{
	width:789px;
	height:140px;
}
.iconos{
	width:250px;
	height:24px;
	float:left;	
	margin-left:0px;
}
.login{
	width:320px;
	float:right;
	height:36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	text-decoration: none;	
	padding-bottom:20px;

}
.login li {
	list-style-type: none; 
	float:left;
}


#todo #top .login #nombre {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #666666;
}
#todo #top .login input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#elmenu{
	width:765px;
	height:44px; 
	float:left;
	margin-left:8px !important;
	margin-top:-44px !important;
	margin-top:-24px;
	margin-left:4px;
	background-image: url(img/sombracentral.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.menu{
	background-color: #297DD1;	 
	width:633px;
	height:22px;
	margin-left:140px !important;
	margin-left:141px;
}
.menu li{
	float:left;
	list-style-type: none;
}
#submenu{
	padding-top:5px;
	margin-left:9px;
	width:755px;
	height:17px;
	background-color: #F2F2F2;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #297DD1;
	text-decoration: none;
	padding-left:10px;
}
.submenu2{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #297ACF;}
.publicidadderecha{
	margin-top:42px;
	margin-right:10px;
	float:right;
	width:170px;
	height:610px;
	background-image: url(img/degradepublicidad.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:7px;
	padding-top:7px;
}

/*submenu izquierda*/
/*
#todo #contenido #menulateral #list3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #297ACF;
	text-decoration: none;
	line-height: 18px;
	padding-left: 2px;

}

#todo #contenido #menulateral #list3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #297ACF;
	text-decoration: underline;
}
*/
#todo #contenido #menulateral #list4 .title a{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
#todo #contenido #menulateral #list3 .title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
/*
#todo #contenido #menulateral #list3 a {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
}
*/
#list4 .title a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	line-height: 18px;
	color: #999999;
	text-decoration: none;
}
#todo #contenido #menulateral #list3 .title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	line-height: 18px;
	color: #999999;
	text-decoration: none;
}

#list4 div ul.opciones{
		font-family: Arial, Helvetica, sans-serif; /*color: #297ACF;*/
	padding: 0;
	margin:0;
	margin-left: 10px;
	list-style: none;
}
#todo #contenido #menulateral #list3 div ul.opciones {
	font-family: Arial, Helvetica, sans-serif; /*color: #297ACF;*/
	padding: 0;
	margin:0;
	margin-left: 10px;
	list-style: none;
/*	height:50px;*/
	/*background-color: red;*/
}
#list4 div ul.opciones li,
#todo #contenido #menulateral #list3 div ul.opciones li {
	font-family: Arial, Helvetica, sans-serif; /*padding-left: -15px; */
	/*background-color: cyan; /*margin-left:-5px;*/
/*	margin-top:-10px;*/
	padding:0;
	height:15px;

}
#todo #contenido #menulateral #list4 div ul.opciones li a,
#todo #contenido #menulateral #list3 div ul.opciones li a{
	font-family: Arial, Helvetica, sans-serif;
	color: #297ACF;/*green;*/
	font-size: 12px;
	font-weight: normal;
	display:block; 
	text-decoration:none;
	/*margin-top:-5px;*/
	margin:0;padding:0;
}
#todo #contenido #menulateral #list4 div ul.opciones li a:hover,
#todo #contenido #menulateral #list3 div ul.opciones li a:hover
{
	text-decoration:underline;
}



/*end submenu izquierda*/
#todo #top #header .menu li {
	list-style-type: none;
	float:left;
	background-color: #297DD1;
}
/*
#menulateral ul{	
   padding-left:16px !important;
	margin-left:0px;
	clear:both;
	margin-top:0px;
	background-color:green;
}

#menulateral li {
padding-top:2px;
	margin-bottom:-27px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	width: 120px;
	height:50px;
	background-image: url(img/degradeizq.jpg);
	background-color: Aqua;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}
*/
#menulateral{
	float:left;
	width:138px;
	height:auto;
	margin-left:8px !important;
	margin-left:4px;
	margin-top:10px !important;
	margin-top:0px ;
	margin-right:8px !important;
	margin-right:4px;	
background-image: url(img/degradegris.jpg);
/*	background-color: Fuchsia;*/
	background-repeat:  repeat-y;
	background-position: left top;
}

#contenido{
	min-height:100%;
	height:100%!important;
	height:500px;
	float:left;
	width:790px;
	margin-left:11px !important;
	margin-left:6px;
	background-image: url(img/sombracentral.gif);
	background-repeat: repeat-y;
	background-position: left top;

}

#gris{
	width:138px;
	height:auto;
	min-height:286px;
	background-image: url(img/degradegris.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
}
#gris2{
	width:138px;
	height:auto;
	background-image: url(img/degradegris.jpg);
	background-repeat:  repeat-y;
	background-position: left top;
}
#todo #top #header .iconostop .iconos li {
	list-style-type: none; 
	padding-bottom:5px; 
	height:30px;
	float:left;
	margin-left:25px !important;
	margin-left:20px;
}
#todo #top #header .menu {
	float:left;
}
#logopublicidad{
	width:790px;
	clear:both;
	padding-top:10px !important;
	padding-top:0px ;
	
	

}
.logo{
	float:left;
	width:172px;
	height:31px;
	margin-left:28px !important;
	margin-left:18px;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
}
.publicidad{
	float:left;
	margin-left:50px;
	margin-bottom:80px !important;
	margin-bottom:30px;
	width:500px;
}
#sombrabottom{
	float:left;
	width:785px;
	height:30px;
	background-image: url(img/sombrabottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:3px;


}

#sombrabottom2{
	float:left;
	width:790px;
height:auto;
background-color:#0066CC;

	margin-left:3px;
	margin-top:10px;
}
#footer{
	padding-left:170px;
	margin-top:10px;
	clear:both;
	width:500px;
	height:20px;

}
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
	cursor: hand;
}

.menutitulo{
height:30px;
}
a:link .olvide {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	color: #999999;text-decoration: none; cursor:hand;}
a:hover .olvide {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	text-decoration: underline; cursor:hand; }
/*contenido del centro*/
#central{	
    background-color: #fff;
	width:601px;
	height:auto;
	margin-top:20px !important;
	margin-top:12px;	
	margin-bottom:12px;	
	margin-left:138px!important; /*antes 080403 =138px*/
	margin-left:150px;		
	padding-left:20px!important;
	padding-left:0px;
	/*background-color:green;*/
	display:block;
	

	/*float:left*/
}
#central2{	
    background-color: #fff;
	width:590px; /*601px*/
	height:auto;
	padding-top:8px !important;
	padding-top:0px;	
	padding-bottom:12px;	
	padding-left:8px!important;
	padding-left:0px;

	
	/*padding-left:30px!important;
	padding-left:0px;*/
	
}
#bannertop{float:left;
	width:584px;
	height:93px;
	background-color:#fff;
	margin-left:1px!important;
		margin-left:3px;
	}
#botonesleft{
	width:242px;
	height:273px;
	float:left;
	background-color:#F5F5F5;
	margin-top:12px;
	border: 1px solid #CCCCCC;
	padding-left:7px!important;
	padding:5px;
	
}
.titulobotonesleft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2A7DD6;
	text-decoration: none;
}
#tablas{	
	width:320px;
	float:left;	
	background-color:#ffffff;
	margin-left:12px;
	margin-top:12px;
}
.rango{
	height:109px;
	border: 1px solid #CCCCCC;
	background-image: url(img/fondorango.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.titulotabla{
    height:27px;
	padding-top:4px;
	padding-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/fondotitulo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.textorango{
	padding-left:10px;padding-right:10px;
	padding-top:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #333333;
	text-decoration: none;
}
.textorango a{	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #333333;
	text-decoration: underline;}
hr{
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/*.news{
	margin-top:12px;
	height:160px;
	border: 1px solid #CCCCCC;
}
.textonovedades{
	padding-top:4px;
    padding-left:10px;
	color: #333333;
	text-decoration: none;
}
.textonovedades a{
	padding-top:4px;
    padding-left:10px;
	color: #333333;
	text-decoration: underline;
}
.textonovedades a:hover{
	padding-top:4px;
    padding-left:10px;
	color: #cccccc;
	text-decoration: underline;
}
#botonesbottom{
	width:587px;
	height:90px;
	float:left;	
	margin-top:12px;
}*/
.news{
	margin-top:12px;
	height:160px;
	border: 1px solid #CCCCCC;
}
.texto_novedades_s{font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	padding-top:2px;
    padding-left:3px;
	color: #333333;
	text-decoration: none;
}
.texto_novedades_s1{font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	padding-top:2px;
    padding-left:3px;
	color: #333333;
	text-decoration: none;
}
.textonovedades{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	padding-top:2px;
    padding-left:10px;
	color: #333333;
	text-decoration: none;
}
.textonovedades a{
	padding-top:4px;
    padding-left:10px;
	color: #333333;
	text-decoration: underline;
}
.textonovedades a:hover{
	padding-top:4px;
    padding-left:10px;
	color: #cccccc;
	text-decoration: underline;
}
#botonesbottom{
	width:587px;
	height:90px;
	float:left;	
	margin-top:12px;
}
/*contenido del centro no registrado*/
#central2{
	width:590px !important;
	width:600px;/*619px;*/
	/*float:left;*/
	margin-left:10px !important;
	margin-left:5px;

}
.comojugar{
	/*margin-left:-3px !important;
	margin-left:0px;*/
	width:200px;
	height:163px;
	float:left;
	/*background-image: url(img/comojugar.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	margin-right:0px;
	padding-left:12px !important;
	padding-left:10px;
	
}
.jugaryganar{
	width:371px;
	height:163px;
	float:left;
	
	background-image: url(img/juga.jpg);
	background-repeat: no-repeat;
	
	    margin-left:-3px !important;
	margin-left:0px;
}
#tablas2{	
	width:214px;
	float:left;	
	background-color:#ffffff;
}
.nota1{
	width:220px;
	float:left;
	background-color:#ffffff;
	/*border: 1px solid #CCCCCC;*/
	margin-top:10px;
	padding-bottom:10px;
	margin-right:0px;
	
}
.nota2{	
	width:355px!important;
	width:375px;
	float:left;
	/*border: 1px solid #CCCCCC;*/
	padding-bottom:10px;
	margin-top:10px;
	margin-left:10px!important;
	margin-left:10px;
	background-image: url(img/fondotitulo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#ffffff;
}
.numeros{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 32px;
	color: #666666;
	text-decoration: none;
}
.pub{
	width:136px;
	height:138px;
	margin-top:10px;
	padding-left:15px;	
	float:left;
}
