/* CSS Document */

a {
	text-decoration : none;
	color: #FFCC66;
}
a:hover {
	color: #FFCC66;
	text-decoration : none;
}
form, p, h1, h2 {
	margin:0;
	padding:0;
}

h1 span { display: none; }

img {
	behavior: url(../iepngfix.htc); /* if lt IE 6. */
}
body {
	font:11px Arial, sans-serif;
	color: #d8ce92;
	line-height: 16px;
	text-align: justify;
	background:#cbb8ab url(../Images/bg.jpg) repeat;
	margin:0;
}

#Contenedor {
	width:975px;
	border-right:6px #24150d solid;
	margin:0 auto;
}
#BordeIzq {
	border-left:6px #24150d solid;
}
#Header {
	width:969px;
}
#Header #Logo {
	width:453px;
	height:283px;
	background:url(../Images/Logo.png) no-repeat;
	position:absolute;
	top:-70px;
}
#Logo a {
	width:453px;
	height:283px;
	display: block;
}
img, #Header #Logo {
	behavior: url(../iepngfix.htc);
}
#Header #Fondo {
	width:969px;
	height:143px;
	background:url(../Images/Fheader.gif) no-repeat;
	overflow:hidden;
}
#Header #Info {
	width:450px;
	padding:30px 55px 0 0;
	float:right;
}
#Header #Info span {
	color:#ebb941;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
}
#Header #Info p {
	font-size:12px;
	line-height:18px;
	color:#b7af9a;
}
#SubHeader {
	width:849px;
	height:70px;
	background:url(../Images/SubHeader.gif) no-repeat;
	padding:0 60px;
}
#SubHeader ul {
	margin:0;
	padding: 28px 0 0 0;
	list-style:none;
	float:right;
}
#SubHeader li {
	display:block;
	float:left;
}
#SubHeader a {
	position: relative;
	z-index: 100;
}

#SupMedio {
	width:954px;
	height:143px;
	background:url(../Images/SupMedioB.gif) no-repeat;
	padding:35px 5px 0 10px;
}
#SupMedio #Banderas {
	width:162px;
	height:113px;
	float:left;
}
#Banderas ul {
	margin:0;
	padding:5px 12px;
	list-style:none;
}
#Banderas li {
	width:135px;
	height:21px;
	background:url(../Images/BanderasBG.gif) no-repeat;
	color:#fce062;
	display:block;
	padding:3px 0;
}
#Banderas li img {
	padding:2px 10px 0 20px;
	float:left;
}
#SupMedio #PublicidadA {
	width:734px;
	height:93px;
	float:right;
	padding:10px 25px;
}
#Medio {
	width:949px;
	background-color:#33221a;
	padding:15px 10px 0 10px;
}
#Medio #ColIzq {
	width:190px;
	float:left;
}
#ColIzq #Principal, #PublicidadIzq, #Extras {
	padding-bottom:15px;
}
#Principal h1 {
	width:190px;
	height:65px;
	background:url(../Images/PrincipalA.gif) no-repeat;
}
#PublicidadIzq h1 {
	width:190px;
	height:63px;
	background:url(../Images/PublicidadA.gif) no-repeat;
}
#Extras h1 {
	width:190px;
	height:60px;
	background:url(../Images/ExtrasA.gif) no-repeat;
}
#Principal h1 em, #PublicidadIzq h1 em, #Extras h1 em {
	display:none;
}

#Principal .comunidad {
	width:190px;
	background:url(../Images/Pcomunidad.gif) no-repeat;
}

#Principal .contenido, .equipamiento, .armas, .libreria, .monstruos, .magias, .top, .calculadoras {
	width:190px;
	background:url(../Images/Pcontenido.gif) repeat-y;
	padding:10px 0;
}

#Principal .calculadoras {
	width:190px;
	height:200px;
	background:url(../Images/Pequipamento.gif) no-repeat;
}

#Principal .comunidad h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon01.gif) 30px 0 no-repeat;
}
#Principal .contenido h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon02.gif) 30px 0 no-repeat;
}
#Principal .equipamiento h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon03.gif) 30px 0 no-repeat;
}
#Principal .armas h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon04.gif) 30px 0 no-repeat;
}
#Principal .libreria h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon05.gif) 30px 0 no-repeat;
}
#Principal .monstruos h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon06.gif) 30px 0 no-repeat;
}
#Principal .magias h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon07.gif) 30px 0 no-repeat;
}
#Principal .top h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon14.gif) 30px -3px no-repeat;
}
#Principal .calculadoras h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:55px;
	display:block;
	background:url(../Images/icon13.gif) 35px 2px no-repeat;
}

#Principal .comunidad ul, .contenido ul, .equipamiento ul, .armas ul, .libreria ul, .monstruos ul, .magias ul, .top ul, .calculadoras ul {
	margin:5px 0 0 25px;
	padding:0;
	list-style:none;
}

#Principal .comunidad li, .contenido li, .equipamiento li, .armas li, .libreria li, .monstruos li, .magias li, .top li, .calculadoras li {
	width:110px;
	background:url(../Images/flecha.gif) 14px 6px no-repeat;
	color:#631a00;
	display:block;
	border-bottom:1px #cfc59d solid;
	padding:5px 0 5px 35px;
}

#Principal .comunidad li a, .contenido li a, .equipamiento li a, .armas li a, .libreria li a, .monstruos li a, .magias li a, .top li a, .calculadoras li a {
	text-decoration:none;
	color:#631a00;
}
#Principal .comunidad span.neg, .contenido span.neg, .equipamiento span.neg, .armas span.neg, .libreria span.neg, .monstruos span.neg, .magias span.neg, .top span.neg, .calculadoras span.neg {
	color: #DD0000;
	font-weight: bold;
	font-size: 12px;
}
#PublicidadIzq .PublicidadIzqM {
	width:150px;
	height:163px;
	height: auto;
	background:url(../Images/PublicidadM.gif) no-repeat;
	padding:0 20px;
}
#PublicidadIzq a {
	color: #000000;
}
#PublicidadIzq .PublicidadIzqI {
	/*
	width:190px;
	height:65px;
	background:url(../Images/PublicidadI.gif) no-repeat;
	*/
	width:190px;
	height:115px;
	background:url(../Images/ExtrasI.gif) no-repeat;
}
#PublicidadIzq .PublicidadFondoC {
	width:170px;
	height:215px;
	background:url(../Images/Eexperiencia2.gif) no-repeat;
	padding-left:30px;
	color: #631a00;
}
#PublicidadIzq .PublicidadFondoP {
	width:160px;
	background:url(../Images/Pcontenido.gif) repeat-y;
	background-position: -1px 0px;
	padding:4px 10px 0 20px;
	padding-left:30px;
	color: #631a00;
}
#PublicidadIzq .PublicidadFondoP a {
	color: #631a00;
}
#Extras .experiencia {
	text-align: left;
	width:170px;
	height:235px;
	background:url(../Images/Eexperiencia.gif) no-repeat;
	padding-left:30px;
}
.chars h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:26px;
	display:block;
	background:url(../Images/icon15.gif) 1px 0px no-repeat;
}
.encuesta h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:26px;
	display:block;
	background:url(../Images/icon14.gif) 1px -4px no-repeat;
}
.experiencia h2 {
	height:20px;
	font-size:14px;
	color:#ed4401;
	padding-left:26px;
	display:block;
	background:url(../Images/icon13.gif) 5px 1px no-repeat;
}
.experiencia form {
	float: left;
	width:150px;
	margin:5px 0 0 -10px;
}
.experiencia label {
	font-weight: bold;
	color:#631a00;
	line-height:23px;
}
.experiencia .input {
	width:127px;
	height:18px;
	background:url(../Images/InputBG.gif) no-repeat;
	border:none;
	padding:6px 8px;
}
.experiencia .boton {
	width:108px;
	height:21px;
	background:url(../Images/Bexperiencia.gif) no-repeat;
	border:none;
	margin:8px 16px;
}
#Extras .encuesta {
	text-align: left;
	width:160px;
	background:url(../Images/Pcontenido.gif) repeat-y;
	background-position: -1px 0px;
	padding:4px 10px 0 10px;
	color: #631a00;
	padding-left:30px;
}
#Extras .chars {
	text-align: left;
	width:160px;
	background:url(../Images/Pcontenido.gif) repeat-y;
	background-position: -1px 0px;
	padding:4px 10px 0 10px;
	color: #631a00;
	padding-left:30px;
}
#Extras .encuesta a {
	color: #631a00;
}
#Extras .encuesta div.contenido_encuesta {
	width: 160px;
	color: #631a00;
	margin-left: -15px;
}
#Extras .chars div.contenido_chars {
	width: 160px;
	color: #631a00;
	margin-left: -15px;
}
.encuesta label {
	color:#631a00;
	display:block;
	line-height:25px;
}
.encuesta .votar {
	width:108px;
	height:21px;
	background:url(../Images/Bvotar.gif) no-repeat;
	border:none;
	margin:8px 4px;
}
#Extras #ExtrasI {
	width:190px;
	height:115px;
	background:url(../Images/ExtrasI.gif) no-repeat;
}
#Medio #ColDrc {
	width:748px;
	float:right;
}
#ColDrc #ImagenDia {
	width:433px;
	float:left;
}
#ImagenDia h1 {
	width:433px;
	height:50px;
	background:url(../Images/DiaA.gif) no-repeat;
}
#ImagenDia h1 em {
	display:none;
}
#ImagenDia .dia {
	width:403px;
	background:url(../Images/DiaM.gif) repeat-y;
	padding:10px 15px;
}

.dia p {
	color:#d8ce92;
	line-height:17px;
}

.dia span {
	font-weight: bold;
	display:block;
	font-size: 12px;
	margin: 0 0 5px 0;
	color:#FFFFFF;
	line-height:19px;
}

.dia span a {
	text-decoration:none;
	color:#FFFFFF;
}

.dia ul {
	margin:8px 0 0 0;
	padding:0;
	list-style:none;
}
.dia li {
	display:block;
	margin:10px 10px 0 15px;
	float:left;
}
.dia .imagen {
	border:2px #c98f34 solid;
	margin-right:10px;
	float:left;
}
#ImagenDia #DiaI {
	width:433px;
	height:13px;
	background:url(../Images/DiaI.gif) no-repeat;
}
#ColDrc #PublicidadDrc {
	width:300px;
	height:250px;
	float:left;
	padding: 2px 10px 0 5px;
}
#ColDrc #UltimasNoticias {
	width:748px;
	background:url(../Images/UltimasNoticiasBG.gif) repeat-y;
	margin:10px 0;
}
#UltimasNoticias h1 {
	position: relative;
	width:748px;
	height:51px;
}
#UltimasNoticias h1 em {
	display:none;
}
.noticia {
	width:718px;
	padding:15px;
}
.noticia2 {
	width:518px;
	padding:15px;
}
.titulo2 {
	width:520px;
	height:48px;
	background:url(../Images/TituloN2.gif) no-repeat;
}
.titulo {
	width:710px;
	height:48px;
	background:url(../Images/TituloN.gif) no-repeat;
}
.titulo ul, .titulo2 ul {
	margin:0 20px;
	padding:0;
	list-style:none;
}
.titulo li, .titulo2 li {
	display:block;
	float:left;
}
.titulo li.fecha, .titulo2 li.fecha {
	width:40px;
	text-align:center;
	color:#7f3d3d;
	margin-top:9px;
	font-weight: bold;
}
.titulo li.fecha span, .titulo2 li.fecha span {
	font-size:18px;
	display:block;
}
.titulo2 li.title {
	font-weight: bold;
	display:block;
	font-size: 12px;
	margin: 12px 0 5px 0;
	color:#FFFFFF;
	line-height:19px;
	width:400px;
	padding:0 15px;
}
.titulo li.title {
	font-weight: bold;
	display:block;
	font-size: 12px;
	margin: 12px 0 5px 0;
	color:#FFFFFF;
	line-height:19px;
	width:590px;
	padding:0 15px;
}
.titulo li.categoria, .titulo2 li.categoria {
	font-size: 12px;
	width:590px;
	background:url(../Images/icon10.gif) 15px 2px no-repeat;
	color:#f6cd0f;
	margin-top:12px;
	padding-left:30px;
}
.titulo li.categoria span, .titulo2 li.categoria span {
	font-size: 12px;
	font-weight: bold;
	color:#d8ce92;
}
.texto {
	color:#d8ce92;
	line-height:17px;
	text-align:justify;
	display:block;
	margin:30px 20px 10px 20px;
}
.texto a {
	text-decoration:none;
	color:#fbda13;
}
.texto img {
	background:url(../Images/dot.gif) repeat;
	padding:6px;
}
.opciones {
	height:21px;
	/*background:url(../Images/OpcinesBG.gif) no-repeat;*/
	margin-top:-5px;
	float:right;
}
.opciones ul {
	margin:12px 0 0 130px;
	padding:0;
	list-style:none;
}
.opciones li {
	font-size:13px;
	font-weight:bold;
	color:#ffe549;
	float:left;
	margin-left: 10px;
	/*width: 218px; */
}
.opciones li a {
	text-decoration:none;
	color:#ffe549;
}
#NoticiasInf {
	width:712px;
	height:59px;
	background:url(../Images/NotciasInf.gif) no-repeat;
	margin:5px auto;
}
#Patrocinador {
	width:677px;
	height:258px;
	background:url(../Images/Patrocinador.gif) no-repeat;
	padding-top:40px;
	margin:0 auto;
}
#Paginador {
	height:46px;
	margin:20px 20px 0 20px;
}
#Pag01 {
	width:31px;
	height:46px;
	background:url(../Images/Pag1.gif) no-repeat;
	float:left;
}
#Pag02 {
	height:46px;
	background:url(../Images/Pag2.gif) repeat-x;
	float:left;
}
#Pag02 ul {
	margin:5px 0;
	padding:0;
	list-style:none;
}
#Pag02 li {
	width:27px;
	height:21px;
	background:url(../Images/PagOff.gif) no-repeat;
	display:block;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding-top:6px;
	margin-right:8px;
	float:left;
}
#Pag02 li.activo {
	width:27px;
	height:27px;
	background:url(../Images/PagOn.gif) no-repeat;
}
#Pag02 li a {
	text-decoration:none;
	color:#FFF;
}
#Pag02 li:hover {
	background:url(../Images/PagOn.gif) no-repeat;
}
#Pag03 {
	width:31px;
	height:46px;
	background:url(../Images/Pag3.gif) no-repeat;
	float:left;
}
#UnoticiaI {
	width:748px;
	height:32px;
	background:url(../Images/UltimasNoticiasI.gif) no-repeat;
}
#Footer {
	width:975px;
	height:135px;
	background:url(../Images/Footer.gif) no-repeat;
}
img, #Footer {
	behavior: url(../iepngfix.htc);
}
#Footer #Tfooter {
	font-style: normal;
	width:500px;
	font-size:11px;
	line-height:22px;
	color:#e4d78d;
	margin:0 0 0 80px;
	padding-top:30px;
}
#Tfooter span {
	color:#e4c202;
}
#Footer #Logo2 {
	width:339px;
	height:212px;
	background:url(../Images/Logo2.png) no-repeat;
	/*position:absolute;*/
	margin:-140px 0 0 655px;
}
img, #Footer #Logo2 {
	behavior: url(../iepngfix.htc);
}
.clear {
	clear:both;
}

#game-swf {background-color:#33221a; border: solid 4px #7b2202; padding: 15px; width: 500px; margin: 5px auto;}
#loader {background-color:#33221a; border: solid 4px #7b2202; width: 400px; text-align: center; margin: 5px auto;}
.loaderpadding { padding: 20px; }
.cargando { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.cargando p { padding-top: 10px; }
.timer { margin-top: 20px; }
.interna { width: 200px; border: 3px solid #7b2202; background: #FFFFFF; text-align: left; margin: 10px auto 0 auto; }
.barra { width: 20px; background: url(../Images/cargando.gif) repeat-x 0 1px; border-right: 1px solid #7b2202; height: 15px; }
.nomostrar { display: none; margin-top: 10px; }
.nomostrar a { color: #666; font-weight: bold; }

