/* CSS Document */
span.red{
color:#FF0000;
}
body{
	padding:8px 0 0 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFAF5;
	color:#000;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:983px;
	margin:0 auto;
	padding:0 0 11px 0;
}
/*------------------------------------------------left--------------------*/
#left{
	width:300px;
	float:left;
	padding:5px 0 0 0;
}
#left img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 8px 0;
}
#member{
	width:289px;
	border:#D7C3B2 solid 1px;
	background-color:#F5E3D5;
	color:#101010;
	padding:5px 5px 7px 4px;
	margin:0 0 8px 0;
}
#member b{
	display:block;
	height:32px;
	padding:0 0 0 48px;
	color:#181818;
	font:normal 18px/32px Georgia, "Times New Roman", Times, serif;
	background:url(images/member_login_icon.gif) 10px 2px no-repeat #FFF5ED;
	margin:0 0 4px 0;
}
#member form{
	width:184px;
	padding:0 12px 0 13px;
}
#member form label{
	display:block;
	width:170px;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}
input{
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	padding:2px;
	height:17px;
	}
#member form input.txtBox{
	width:180px;
	float:left;
}
#member form a{
	font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	color:#9D0A0A;
	background-color:inherit;
	text-decoration:none;
	margin:8px 0 0 0;
}
#member form a:hover{
	text-decoration:underline;
}
#member form input.login{
padding:0;
	background:url(images/login_bg.gif) 0 0 no-repeat #F5E3D5;
	width:61px;
	height:20px;
	float:right;
	cursor:pointer;
	border:none;
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:8px 0 0 0;
}
#fecha{
display:block;
margin-top:20px;
border-top:1px solid #B4C787;
font-size:10px;
padding-left:10px;
}
#reloj{
float:right;
margin-right:15px;
color: #C18E17;
font-weight:bold;
}
#member .right_user{
float:right;
margin-right:10px;
font-size:12px;
width:210px;
}
#member .right_user a{
color: #91023F;
text-decoration:none;
}
#member a.logout{
color:#410506;
font-size:10px;
}
#member .right_user i{
color:#006600;
font-weight:bold;
}
#member .right_user a:hover{
text-decoration:underline;
}
#member h3{line-height:15px; font-size:14px;}
#menu_e li{margin-bottom:4px; margin-left:10px;}
#ser{
	width:281px;
	border:#D7C3B2 dashed 1px;
	padding:14px 0 10px 17px;
	margin:0 0 8px 0;
	background-color:#fff;
	color:#026690;
}
#ser img{
	display:block;
	font-size:0;
	float:left;
	margin:0 3px 0 0;
}
#ser h4{
	display:block;
	float:left;
	background:url(images/arrow1.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	font:bold 13px/11px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
#ser ul{
	float:left; width:105px;
}
#ser ul li{
	font-size:0;
	line-height:0;
}
#ser ul li a{
	display:block;
	background:url(images/arrow2.gif) 2px 8px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}
#ser ul li a:hover{
	color:#1F1F1F;
	background-color:#F5E3D5;
}
#buscador{float:left; width:100px; text-align:center; font-size:12px; margin-left:5px; margin-top:-15px;}
#buscador .caja{width:100px;}
#help, #conectados{
	width:281px;
	border:#D7C3B2 dashed 1px;
	padding:14px 0 10px 17px;
	margin:0 0 10px 0;
	background-color:#fff;
	color:#026690;
}
#conectados a{
font-size:10px; color:#0066FF;
}
#conectados h3{
display:block;
margin-bottom:10px;
text-decoration:underline;
color: #DD9757;
}
#help img{
	display:block;
	font-size:0;
	float:left;
	margin:0 10px 0 0;
}
#help h3{
	display:block;
	float:left;
	background:url(images/arrow1.gif) 0 0 no-repeat;
	padding:0 0 0 18px;
	font:bold 13px/11px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
}
#help ul{
	float:left;
}
#help ul li{
	font-size:0;
	line-height:0;
}
#help ul li a{
	display:block;
	background:url(images/arrow2.gif) 2px 8px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}
#help ul li a:hover{
	color:#1F1F1F;
	background-color:#F5E3D5;
}
#story{
	width:282px;
	border:#E6D8CC solid 1px;
	background-color:#fff;
	color:#101010;
	padding:8px 8px 34px 8px;
	margin:0 0 8px 0;
}
#story h2.ls{
	display:block;
	width:192px;
	height:78px;
	color:#000;
	background:url(images/story_icon.gif) 12px 9px no-repeat #F9ECE2;
	padding:0 0 0 90px;
	font:normal 19px/28px Georgia, "Times New Roman", Times, serif;
	margin:0 0 18px 0;
}
#story h2 span{
	font:normal 37px/31px Georgia, "Times New Roman", Times, serif;
	color:#AE720A;
	background-color:inherit;
	display:block;
}

#story a.more{
	background:url(images/login_bg.gif) 0 0 no-repeat #fffffe;
	width:61px;
	height:20px;
	float:right;
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	text-decoration:none;
	text-align:center;
}
#story a.more:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:677px;
	float:right;
	background:url(images/logo2.gif) 0 5px no-repeat;
	font-size:12px;
}
#right ul.nav{
	height:30px;
	float:left;
	margin:73px 0 0 0;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	width:677px;
}
#right ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
	margin:0;
	border-right:#FFF5ED solid 1px;
}
#right ul.nav li.noBor{
	border:none;
}
#right ul.nav li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 15px;
	font:bold 11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#right ul.nav li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#right ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	padding:0 15px;
	font:bold 11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#right h2.why{
	display:block;
	width:611px;
	height:54px;
	background:url(images/why_bg.gif) 0 0 repeat-x;
	float:left;
	margin:0 0 7px 0;
}
#right h2.why span{
	font:normal 34px/54px Georgia, "Times New Roman", Times, serif;
	color:#875706;
	background-color:#FFFAF5;
	padding:0 0 0 15px;
}
#right p.blue{
	display:block;
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#026690;
	background-color:inherit;
	padding:0 0 7px 15px;
	float:left;
}
#right p.rightTxt{
	display:block;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	padding:0 0 35px 15px;
	float:left;
}
#right p.rightTxt span{
	color:#607203;
	background-color:#fff;
	padding:2px;
}

#right h2.gallery{
	display:block;
	font:normal 26px/30px Georgia, "Times New Roman", Times, serif;
	color:#232323;
	background-color:inherit;
	width:409px;
	padding:0 0 0 13px;
	float:left;
}
#right h2.award{
	display:block;
	font:normal 26px/20px Georgia, "Times New Roman", Times, serif;
	color:#232323;
	background-color:inherit;
	width:129px;
	padding:0 0 0 13px;
	float:left;
}
#right p.yellow{
	display:block;
	width:190px;
	height:20px;
	background-color:#FFFEC2;
	color:#9D0A0A;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	float:left;
	padding:0 0 0 8px;
	margin:7px 0 0 0;
}
#right p.yellow2{
	display:block;
	height:20px;
	background-color:#FFFEC2;
	color:#9D0A0A;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	float:left;
	padding:0 0 0 8px;
	margin:7px 0 0 0;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:983px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:57px;
	position:relative;
	text-align:center;
}
#footer ul{
	top:17px;
}
#footer ul li{
display:inline;	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#FFFEC2;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/


#navMain, #navMain2{
	width:100%;
	height:24px;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
}
#nav{
	width:900px;
	margin:0 auto;
	height:24px;
}
#nav2{
margin:0 auto;
height:24px;
border-right:2px solid #000000;
border-bottom:4px solid #CC3300;
border-left:2px solid #000000;
padding-left:30px;
background:url(/images/p_nav.gif) no-repeat left;
}
#nav ul, #nav2 ul{
	height:24px;
	background:url(images/nav_div.gif) left top no-repeat;
	float:left;
	width:100%;
}
#nav ul li, #nav2 ul li{
	float:left;
	background:url(images/nav_div.gif) right top no-repeat;
	height:24px;
	line-height:0;
	font-size:0;
	padding:0 2px 0 0;
}
#nav ul li a, #nav2 ul li a{
display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	font:bold 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B5B5B5;
	background-color:inherit;
	text-decoration:none;
	padding:0 12px 0 10px;
}
#nav ul li a:hover, #nav2 ul li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#nav ul li a.hover, #nav2 ul li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font:bold 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 12px 0 10px;
}
#formulario_registro{
margin-top:30px;
margin-bottom:30px;
font-size:14px;
display:block;
margin-left:30px;
}
#formulario_registro tr{
height:30px;
}
input#boton, input.boton{
	background:url(images/login_bg.gif) 0 0 no-repeat #F5E3D5;
	height:20px;
	width:60px;
	cursor:pointer;
	border:none;
	font:bold 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:8px 0 0 0;
}
span.grande{
font-size:18px;
}
#ver_perfil{
margin-top:30px;
margin-left:20px;
font-size:14px;
}
#ver_perfil img.avatar{
float:left;
margin-right:30px;
margin-bottom:20px;
}
#perfil tr{
margin-bottom:15px;
height:25px;
}
#perfil td.izq{
font-size:12px;
font-style:oblique;
color:#333333;
}
#tabla{
margin-bottom:20px;
margin-top:15px;
font-size:12px;
}
#tabla a{
color:#0066FF;
font-size:14px;
}
#tabla td{
padding-bottom:20px;
}
#tabla span.fecha{
font-size:10px;
color: #009900;
}
#tabla span.descripcion{
color:#333333;
}
#tabla span.estilo1{
font-size:11px;
color:#FF6600;
}
#tabla td.opciones a{
margin-bottom:7px;
padding-left:11px;
background:url(images/arrow2.gif) 0px 4px no-repeat;
font-size:10px;
color:#333333;
text-decoration:none;
}
#tabla td.opciones a:hover{
color:#0066FF;
text-decoration:underline;
}
#tabla span.orientacion{
font-size:12px;
color:#FF3300;
font-weight:bold;
}
#tabla span.orientacion img{
margin-left:7px;
}
.contenidojuegos{
margin-bottom:20px;
margin-top:20px;
margin-left:15px;
}
.contenidojuegos li{
margin-bottom:15px;
border-bottom:1px dashed #F596B0;
padding-bottom:10px;
display:block;
}
.contenidojuegos li div.imagen_div{
float:left;
}
.contenidojuegos li div.resto_div{
float:left;
margin-left:20px;
}
.contenidojuegos li div.resto_div strong a{
font-size:16px;
padding-left:5px;
padding-top:-2px;
margin-bottom:12px;
color:#0066FF;
}
.contenidojuegos li div.resto_div div.estado{
margin-top:7px;
}
.opciones{
padding-right:20px;
padding-left:15px;
font-size:11px;
display:block;
padding-top:4px; padding-bottom:5px;
}
.opciones a{
margin-bottom:7px;
padding-left:8px;
background:url(images/arrow2.gif) 0px 4px no-repeat;
font-size:11px;
color: #0066FF;
text-decoration:none;
}
.opciones a:hover{
text-decoration:underline;
}

/*--------- paginacion -------*/
b.b_listado{
display:block;
color:#990000;
margin-top:5px;
margin-left:16px;
font-size:11px;
}
u.paginacion_u{
text-decoration:none;
font-size:10px;
color:#333333;
float:right;
display:block;
margin-right:30px;
margin-top:5px;
}
#paginacion{
text-align:center;
margin-top:15px;
display:block;
height:30px;
}
#paginacion a{
padding-left:4px;
padding-right:4px;
background-color: #ED7697;
border:1px solid #851834;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
font-weight:bold;}
#paginacion a:hover{
color: #000066;
background-color: #FDB5B7;
}
.aviso{display:block; padding:5px; margin:4px; background-color:#FDFECB; font-size:10px; text-align:center; color: #FE2381;}
.aviso a:link, .aviso a:hover .aviso a:visited{color:#0066FF;}

#calendario{padding:5px; border:2px solid #333333; margin:10px; font-size:12px;}
#calendario a{ font-weight:bold; color:#0066FF; cursor:hand; text-decoration:none; display:block;}
#calendario a:hover{color:#FF3300;}
#calendario .c_mes{font-size:14px; font-weight:bold;}
#calendario td{padding:4px; text-align:center;}
#calendario .style1hover, #calendario .style2{display:block; background-color:#FECBF5; color:#FF0000;}
#calendario .style1hoveri, #calendario .style1i{display:block; background-color:#FECBF5; color:#0099FF;}


.dia_per{color: #0033FF;}
.dia2_per{color: #666666;}
.dia3_per{color:#FF6600;}
.dia5_per{ color:#FF0000;}
.dia4_per{color:#009900; font-weight:bold;}