@import url(/estilo_galerias.css);
@import url(/estilo_bestiario.css);
@import url(estilo_noticias.css);
body{background-color:black; color:white; FONT-FAMILY: Verdana; font-size:12px; 
background:url(imagenes/interfaz/fondo_tristan.jpg) center top repeat-y #000;

}
a {color:#e6e196; 
/* background:url(imagenes/interfaz/enlace.png) repeat-x bottom; */
text-decoration:underline}
a:hover{text-decoration:none;}
img{border:none;}
a:hover img {opacity:0.8;filter:alpha(opacity=80);}

#contenedor {
  min-width: 960px; width: expression(document.body.clientWidth < 961? "960px": "auto" );
 /* height:auto;*/
  width:100%;
  z-index:100;
  position:relative;
}

.c1{
	width:90%;
	/*border:#e6e196 solid 1px;
	border-radius: 5px;	*/
	margin:auto;
	margin-top:10px;
	padding:10px;
}

.c2{
	width:95%;
	border-bottom: #e6e196 solid 1px;
	margin-bottom: 10px;
	font-size:14px;
	font-weight:bold;
}

.seccion_lista{
	background: no-repeat 86px 0px; 
	height:21px; 
	position:relative; 
	margin-top:-8px; 
	padding-top:8px;
	right:0px;
}

#cabecera {
  background:url(imagenes/interfaz/cab_fondo.png) center;
  height:178px;
  text-align:center;
  position:relative;
  z-index:-10;
}

	#cabecera .cab_izq{
	/*background-image:url(imagenes/interfaz/cab_izq.png);*/
	background-image:url(imagenes/interfaz/cab_izq.png);
	background-position:left;
	height:178px;
	width:280px;
	float:left;
	text-align:left;
	}
	#cabecera .cab_der{
	/*background-image:url(imagenes/interfaz/cab_der.png);*/
	background-image:url(imagenes/interfaz/cab_der.png);
	background-position:right;
	height:178px;
	width:280px;
	float:right;
	text-align:left;
	z-index:10;
	
	}
	#cabecera #cab_centro{
	/*background-image:url(imagenes/interfaz/cab_centro.png); background-position:center;*/
	background:url(imagenes/interfaz/cab_fondo.jpg) center no-repeat;
	height:178px;
	margin:auto;
	z-index:-11;
	position:relative;
	}
	#cabecera #cab_izq_link{
		margin-top:115px;
		margin-left:95px;
		display:block;
	}
	
	#cabecera #cab_izq_link a {
		text-decoration:none;
		width:153px;
		height:40px;
    	display:block;
		background:url(imagenes/interfaz/web_foro_wiki.jpg) top left;
	}
	#cabecera #cab_izq_link a:hover{
		background:url(imagenes/interfaz/web_foro_wiki.jpg) bottom left;
	}
	#cabecera #cab_orbe{
		top:33px; /* 29 */
		right:105px; /*110*/
		width:98px;
		height:98px; /* 100 */
		display:block;
		background:url(imagenes/interfaz/cab_orbes.jpg) top left no-repeat;
		position:absolute;
		z-index:-1;
	}
	#cabecera #cab_der_link{
		margin-top:115px;
		margin-left:35px;
		display:block;
	}
	#cabecera #cab_der_link a {
		text-decoration:none;
    	display:block;
		width:76px;
		height:40px;
		background:url(imagenes/interfaz/web_foro_wiki.jpg) 153px 0px ;
	}
	#cabecera #cab_der_link a:hover {
		text-decoration:none;
    	display:block;
		background:url(imagenes/interfaz/web_foro_wiki.jpg) 153px 100%;
	}
	#cabecera #cab_der_link_2{
		margin-top:-40px;
		margin-left:110px;
		display:block;
	}
	#cabecera #cab_der_link_2 a {
		text-decoration:none;
    	display:block;
		width:76px;
		height:40px;
		background:url(imagenes/interfaz/web_foro_wiki.jpg) 100% 0px ;
	}
	#cabecera #cab_der_link_2 a:hover {
		text-decoration:none;
    	display:block;
		background:url(imagenes/interfaz/web_foro_wiki.jpg) 100% 100%;
	}
	#cabecera #gema{
		background:url(/imagenes/interfaz/gema.png) top no-repeat;	
		width:52px; height:38px;
		position:absolute;
		margin-left: auto;
       margin-right: auto;
	   left:0; right:0;
	   top:144px;
	}
	#cabecera #gema_text{
		color:#a458dd;
		font-size:8px;
		text-align:center;
		position:absolute;
		margin-left: auto;
       margin-right: auto;
	   left:0; right:0;
	   top:170px;
	}
	
#login{
}
	#login #login_izq{
		background:url(imagenes/interfaz/barra-login-izq.png) no-repeat bottom left;
		height:46px;
		width:288px;
		float:left;
	}
	
	#login #login_der{
		background:url(imagenes/interfaz/barra-login-der.png) no-repeat bottom right;
		height:46px;
		width:208px;
		float:right;
	}
	#login #login_centro{
		background:url(imagenes/interfaz/barra-login-centro.png) repeat-x bottom;
		height:36px;
		FONT-FAMILY: Verdana; FONT-SIZE: 11px;
		text-align:center;
		padding-top:10px;
/*		margin-left:-20px;*/
		margin-right:180px;
		margin-left:230px;
	}

#medio {
 /*width:auto;
  height:auto;
  margin: 0 185px;*/
  position:relative;
  margin:auto;
  height:auto;
  width:auto;
}
#izquierda {
  /* menu izquierda */
  width:236px;
  /*padding-bottom:32768px;    margin-bottom:-32768px;*/
  left:7px;
  top: 0;
  position:absolute;
  
  /*background-image:url(imagenes/interfaz/menu_fondo.png);*/
  background-repeat:repeat-y;
  
}
	#izquierda a { background:url(./imagenes/interfaz/menu_link.png) no-repeat left top; width:186px; height:22px; display:block; 
						FONT-FAMILY: Verdana; FONT-SIZE: 12px; color:#FF9900; text-decoration:none;
						padding-left:50px; padding-top:8px; font-weight:bold;
						
						}
	.hide{
		display:none;	
	}
    #izquierda .sublink{
		background:url(./imagenes/interfaz/menu_link_sub.png) no-repeat; width:236px; height:20px; display:block; 
						FONT-FAMILY: Verdana; FONT-SIZE: 10px; color:#FF9900; text-decoration:none;
						 font-weight:bold; text-align:center;
						padding:0; padding-top:3px;
	}
						
	#izquierda .mas{
		background-position: right top;
	}
	#izquierda .mas:hover{
		background-position: right bottom;
	}
	#izquierda .desconocida{
			color:#CCCCCC;
	}
	#izquierda .desconocida:hover{ color:#CCCCCC; background-position:top left; }
	#izquierda a:hover { background-position: bottom left; color:#FFFFFF}
	
	#subseccion { /*background:url(./imagenes/interfaz/menu_titulo.png) no-repeat; */
					background:url(./imagenes/interfaz/menu_titulo.png) no-repeat; 
	
					width:236px; height:29px; 
					display:block; FONT-FAMILY: Verdana; FONT-SIZE: 15px; color:#e6e196; font-weight:bold; padding-top:13px;
				  text-shadow:#666666; text-align:center}
	#subseccionfin { background:url(./imagenes/interfaz/menu_titulo_fin.png) no-repeat; width:236px; height:44px; 
					display:block; FONT-FAMILY: Verdana; FONT-SIZE: 13px; color:#FF9900; font-weight:bold; padding-left:15px; padding-top:14px;
					
					
					
					}
	


#central {
  /* menu central */
  /*margin-left:194px;	margin-right:194px;*/
    margin: 0 245px;
  width:auto;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
#central #central_gris{
	 clear:inherit;
}

#derecha{
  /* menu derecha */
  width:236px; 
  right: 7px;
  top: 0;
  position:absolute;
  
  background-repeat:repeat-y;
}

	/*#derecha a { background:url(./imagenes/interfaz/menu_link.png) no-repeat; width:115px; height:22px; display:block; 
						FONT-FAMILY: Verdana; FONT-SIZE: 11px; color:#81E8F7; text-decoration:none;
						padding-left:70px; padding-top:8px;
						
						}
	#derecha a:hover { background-position:0 bottom; color:#FFFF66}
*/
	#derecha .texto{
		FONT-FAMILY: Verdana; FONT-SIZE: 10px;
/*		padding-left: 10px; padding-right:10px;*/
		padding:10px;
		
		background-image:url(imagenes/interfaz/menu_fondo.png);
	}
	#derecha .texto_gr{
		FONT-FAMILY: Verdana; FONT-SIZE: 15px;
		padding-left: 10px; padding-right:10px;
		margin-top:0px;
		text-align:center; font-weight:bold;
	}
	#derecha #replay a{
		display: table-cell;
    	vertical-align: middle;
		FONT-FAMILY: Verdana; FONT-SIZE: 10px;
		margin-left: 150px;
		padding-left: 15px;
		margin-bottom:5px;
		background: url(imagenes/interfaz/lista_replays.png) no-repeat;
		margin-right:15px;
		width:140px;
		height:24px;
		
	}
	#derecha #replay img{
	border:0px;
	}
	#derecha #replay a:hover{
		background: url(imagenes/interfaz/lista_replays.png) no-repeat bottom left;
	}
	#derecha .enlaces a { background:url(./imagenes/interfaz/menu_link.png) no-repeat; width:186px; height:22px; display:block; 
						FONT-FAMILY: Verdana; FONT-SIZE: 12px; color:#FF9900; text-decoration:none;
						padding-left:50px; padding-top:8px; font-weight:bold;
						
						}
	#derecha .desconocida{
			color:#CCCCCC;
	}
	#derecha .desconocida:hover{ color:#CCCCCC; background-position:top left; }
	#derecha .enlaces a:hover { background-position:0 bottom; color:#FFFFFF}


#superpie{
	/*margin-top:15px;*/
	background-color:#CCFF00; border:dotted 1px; padding:2px;
	text-align:center;
}
#superpie a {
	color:#0099ff; text-decoration:none;
}
#superpie a:hover{
	color:#339933; border:dotted 1px;
	margin:-1px;
	background-color:yellow;
}

#links{
	margin-top:15px;
	background-color:#00CCFF; border:dotted 1px; padding:2px;
	text-align:center;
}
#links a {
	color:#FFFF99; text-decoration:none;
}
#links a:hover{
	color:#339933; border:dotted 1px;
	margin:-1px;
	background-color:yellow;
}
 
#pie {
  height:30px; 
  background-image:url(imagenes/interfaz/titulo_centro.png); 
  background-repeat:repeat-x;
  padding-top:10px;
  font-size:11px;
  text-align:right;
  width:auto;
  position:relative;
  bottom:0;

  z-index:-10;
}



#tit{
 }
#tit_izq{
	height:49px; width:80px; 
	/*background-image:url(imagenes/interfaz/menu_titulo.png); */
	background-image:url(imagenes/interfaz/menu_titulo.png); 

	float:left; margin-right:-30px;
}
#tit_centro{
	height:36px; 
	/*background-image:url(imagenes/interfaz/titulo_centro.png); */
	background-image:url(imagenes/interfaz/titulo_centro.png); 
	background-repeat:repeat-x;
	FONT-FAMILY: Verdana; FONT-SIZE: 15px; color:#e6e196; font-weight:bold; padding-top:13px; 
	margin-left:22px;
}
#tit_der{
	height:49px; width:80px; 
		/*background-image:url(imagenes/interfaz/menu_titulo.png); */
	background-image:url(imagenes/interfaz/menu_titulo.png); 
	background-position:top right;
	float:right;
}
#contenedor_contenido{
	overflow:hidden;
}
#contenido_izq{
	float:left; background:url(imagenes/interfaz/contenido_izq.png) repeat;
	width:8px;
	padding-bottom:32768px;    margin-bottom:-32768px;
}
#contenido_centro{
	padding-left:18px;
	padding-top:10px;
	padding-right:18px;
	padding-bottom:30px;
	/*opacity:0.4;filter:alpha(opacity=40);*/
	background:url(imagenes/interfaz/noticias/semi.png);
}
#contenido_der{
	float:right; background:url(imagenes/interfaz/contenido_der.png) repeat;
	width:8px;
	padding-bottom:32768px;    margin-bottom:-32768px;
}
#contenido_dizq{
	float:left; background:url(imagenes/interfaz/menu_titulo_fin.png) no-repeat;
	width:95px; height:40px;
}
#contenido_dder{
	float:right; background:url(imagenes/interfaz/menu_titulo_fin.png) no-repeat right top;
	width:95px; height:40px;
}
#contenido_dcentro{
	background:url(imagenes/interfaz/contenido_bajo.png) repeat-x;
	height:40px;
}


.tit_divisor{
	/*background-image:url(imagenes/interfaz/titulo_centro.png);*/
	background-image:url(imagenes/interfaz/titulo_centro.png);
	height:10px; 
}

.aviso{
	width:90%;
	border: solid 2px #e6e196;
	padding:10px;
	font-size:16px;
	text-align:center;
	margin:auto;
	font-weight:bold;
	background-color:#1F1F1F;
	margin-bottom:10px;
}

.error{
	width:90%;
	border: solid 1px #FF0000;
	padding:3px;
	text-align:center;
	margin:auto;
	font-weight:bold;
}

/*****************************************************************************************/

	
.input_largo{
		background:url(imagenes/interfaz/input_fondo_largo.png) right no-repeat;
		FONT-FAMILY: Verdana; FONT-SIZE: 11px;
	    width:188px;
	    height:20px;
	    padding:0px;
		color:#81E8F7;
		border:0px;
		padding-top:5px;
		padding-left:6px;
		padding-right:6px;
	}
	
.combobox{
		background:#000066;
		FONT-FAMILY: Verdana; FONT-SIZE: 11px;
	    width:120px;
	    height:20px;
	    padding:0px;
		color:#81E8F7;
		border:0px;
		margin-bottom:2px;
		}
.combobox_corto{
		background:#000066;
		FONT-FAMILY: Verdana; FONT-SIZE: 11px;
	    width:80px;
	    height:20px;
	    padding:0px;
		color:#81E8F7;
		border:0px;
		margin-bottom:2px;
}
.input_corto{
		FONT-FAMILY: Verdana; FONT-SIZE: 11px; color:#e6e196;
		border:1px solid;
		background-color:#1c0201;
		border-color:#e6e196;
		border-radius: 5px;
	    width:88px;
	    height:13px;
	    padding:2px;
	}
.input_corto:focus{
	border-color:#FF9900;
}
.boton, .boton:active{	
		FONT-FAMILY: Verdana; FONT-SIZE: 11px; color:#e6e196;
		border:1px solid;
		/*border-color:#e6e196;
		background-color:#000000;*/
	    width:70px;
	    height:20px;
	    padding:0px;
		font-weight:bold;
		cursor:pointer;
		text-align:center;
		background-color:#1c0201;
		border-color:#e6e196;
		border-radius: 5px;
	}
.boton:hover{
	border:1px solid;
	border-color:#FF9900;
}
.otros_input{
	FONT-FAMILY: Verdana; FONT-SIZE: 12px; color:#e6e196;
	border:1px solid;
	/*border-color:#e6e196;
	background-color:#000000;*/
	padding:2px;
	
	background-color:#1c0201;
	border-color:#e6e196;
	border-radius: 5px;
}
.otros_input:focus{
	border-color:#FF9900;
}
.formulario_izq{
	float:left;
	width:33%;
	min-width:120px;
	margin-right:10px;
	padding-left:5px;
	border-right:solid 1px;
	border-left:solid 1px;
}
.formulario_der{
	margin:1px;
}

.boton_si, .boton_no, .boton_comentar, .boton_colabora{	
	FONT-FAMILY: Verdana; FONT-SIZE: 11px; color:#e6e196;
	border:1px solid;
	/*border-color:#e6e196;
	background-color:#000000;*/
	padding:2px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	background-color:#1c0201;
	border-color:#e6e196;
	border-radius: 5px;
}

.boton_si:hover, .boton_no:hover, .boton_comentar:hover, .boton_colabora:hover{	
border-color:#FF9900;
}
#noticias_contenedor{
	overflow:hidden;
	margin-bottom:20px;
}
#noticias_contenedor_2col{
	overflow:hidden;
	margin-bottom:20px;
	width:50%;
	float:left;
}
#noticias_izq{
	background:url(imagenes/interfaz/clases/clases_izq.png);
	width:58px;
	height:58px;
	float:left;
}
#not_titulo{
	background-image:url(imagenes/interfaz/clases/clases_titulo.png);
	/*height:48px*/;
	height:53px;
	font-size:16px; font-weight:bold;
	padding-top:5px;
	color:#FF9900;
	line-height:25px;
}
#noticias_der{
	background:url(imagenes/interfaz/clases/clases_der.png);
	width:58px;
	height:58px;
	float:right;
}
#noticias_mizq{
	background:url(imagenes/interfaz/clases/clases_mizq.png);
	width:33px;
	float:left;
	padding-bottom:32768px;    margin-bottom:-32768px;
}
#noticias_mder{
	background:url(imagenes/interfaz/clases/clases_mder.png);
	width:53px;
	float:right;
	padding-bottom:32768px;    margin-bottom:-32768px;
}
#noticias_texto{
	background: center top #000;
	padding-left:24px;
	padding-top:24px; margin-top:-27px;
	padding-bottom:24px; margin-bottom:-17px;
	padding-right:24px;
	text-align:justify;
}
#noticias_texto p { 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 10px 0px;
	text-indent:20px;}

#noticias_dizq{
	background:url(imagenes/interfaz/clases/clases_dizq.png) no-repeat;
	width:35px;
	height:29px;
	float:left;
}
#noticias_datos{
	background:url(imagenes/interfaz/clases/clases_datos.png) repeat-x;
	height:29px;
}
#noticias_dder{
	background:url(imagenes/interfaz/clases/clases_dder.png) no-repeat;
	width:58px;
	height:29px;
	float:right;
}
#not_fecha{
	width:100px; float:left; height:27px; background-image:url(imagenes/interfaz/degradado1.png);
	margin-right:1px;
}

#not_texto{
	background-color:#333388;
}
.not_autor{
	color:#FF9900;
	font-size:10px;
}
#not_comentario{
 margin-right:10px;
}
#not_comentario a{
	font-weight:bold;
	color:#333333;
}
#not_comentario a:hover{
	background-color:#00FFCC;
	text-decoration:none;
}

/**************************** LISTAS FAQS ************************************/
#rcabecera{
	height:30px;
	text-align:center;
	border:solid 1px;
	margin:auto;
	margin-bottom:5px;
}

.preg{
	background: #323232;
	margin: 5px;
	padding:5px;
	border:solid 1px #e6e196;
	float:left;
	font-weight:bold;
	width:97%;
}
.resp{
	clear:left;
	display:compact;
	border:solid 1px #666666;
	margin:10px;
	font-size:11px;
	padding:2px;
	color: #0099ff;
}

.rlista{
	display:compact;
	height:30px;
	border:solid 1px #666666;
	margin:1px;
	width:99%;
	font-size:11px;
	padding-top:1px;
	
	cursor:pointer;
}
.rlista:hover{
	background:#2e2d26;
}
.rlista img{
	border: 0px;
}

.fecha{
	width:100px;
	height:30px;
	float:left;
	text-align:center;
	border-right:solid 1px;
}
.descripcion{
	width:auto;
	text-align:center;
	height:30px;
}

.descripcion a{text-decoration:none;}

.descripcion hover{background:#999999;}

.centrado{text-align:center;}

.zona{
	text-align:center; 
	border: 1px dotted #e6e196;
	padding:10px;
	
	margin:auto;
	width:75%;
}

.zona .centradogrande{
	font-size:16px; 
	font-weight:bold;
}

.zona .subtitulo{
	font-size:10px; 
	font-weight:bold;
	font-variant:small-caps;
	color:#999999;
}

.imgder{
	display:block;
	float:right;
	padding:10px;
	border: 1px dotted #e6e196;
	margin:5px;
	text-align:center;
	font-size:9px;
	width:110px;
}

.imgder:hover{
	background-color:#2e2d26;
}

.imgclase{
	display:block;
	float:left;
	text-align:center;
	font-size:9px;
}

.sexoclase{
	position:absolute;
	height:34px;
	width:33px;
	z-index:10;
}

.sexoclase:hover{
	background-position:bottom;
}

.arbol a{
	display:block;
	padding:20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	border: 1px solid #e6e196;
}

.arbol a:hover{
	background-color:#2e2d26;
}


/****************************** DESCARGAS ************************************/

.dlista{
	display:compact;
	height:30px;
	border:solid 1px #666666;
	margin:1px;
	width:99%;
	font-size:11px;
	padding-top:1px;
}
.dlista .dizq{
	width:100px;
	height:30px;
	float:left;
	text-align:center;
	border-right:solid 1px;
	color:#e6e196;
	font-weight:bold;
	margin-right:20px;
}
.dlista .dder{
	width:auto;
	text-align:left;
	height:30px;
}

.descargar a{
	display:block;
	padding:4px;
	border:solid 1px #e6e196;
	text-decoration:none;
	margin:auto;
	margin-top:15px;
	width:80px;
	text-align:center;
}
.descargar a:hover{
	background-color:#2e2d26;
}

.desclista{
	display:table;
	width:80%;
	margin:auto;
	overflow:scroll;
	clear:both;
	overflow:auto;
}

.dlistacat_tit{
	background-color:#2e2d26;
	display:table;
	margin:auto;
	font-size:12px;
	font-weight:bold;
	padding:4px;
	overflow:hidden;
	width:90%;
}
.dlistacat{
	border:solid 1px #666666;
	display: table;
	width:90%;
	margin:auto;
	padding:2px;
	overflow:hidden;
}
.dlistacat .dizq, .dlistacat_tit .dizq{
	float:left;
	margin:auto;
	width:70%;
	border-right: solid 1px #e6e196;
}
.dlistacat .dder, .dlistacat_tit .dder{
	display:table-cell;
	float:right;
	width:29%;
	text-align:center;
}
.dlistacat .descr{
	font-size:10px;
	margin-left:10px;
	margin-top:5px;
	border-top:dotted 1px #666666;
	padding:1px;
}

.gatras a{
	display:block;
	border:solid 1px #666666;
	margin:auto;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
	width:95%;
}
.gatras a:hover{
	background:#2e2d26;
}

/****************************** GRAFICA DE CARACTERISTICAS Y VOTOS ***********************************/
.verde{
	background: url(/imagenes/interfaz/barraverde.gif) repeat-x;
	height:15px;
	text-align:center;
	float:left;
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
.rojo{
	background: url(/imagenes/interfaz/barraroja.gif) repeat-x;
	height:15px;
	text-align:center;
	float:left;
	color:#CCCCCC;
	font-size:11px;
	font-weight:bold;
}

.dlistacaract{
	display:compact;
	border:solid 1px #666666;
	margin:1px;
	width:99%;
	font-size:11px;
	padding-top:1px;
}
.dlistacaract .dizq{
	width:100px;
	height:auto;
	float:left;
	text-align:d3esp_er;
	border-right:solid 2px;
	border-bottom:solid 2px;
	
	color:#e6e196;
	font-weight:bold;
	margin-right:20px;
	margin-bottom:20px;
}
.dlistacaract .dder{
	width:auto;
	text-align:left;
}

.imagen_general a{
	border:1px solid #e6e196;
	padding:5px;
	margin:5px;
	float:right;
	display:block;
}

.imagen_general a:hover{
	background-color:#2e2d26;
}

/*    SLIDE INFERIOR		*/

#desplegableinferior{
	display:none;
	margin:auto;
	overflow:hidden;
}

#desplegableinferior #cadizq{
	background:url(imagenes/interfaz/desplegable/cadenas.png) repeat-y;
	width:35px;
	padding-bottom:32768px;    margin-bottom:-32768px;
	float:left;
}

#desplegableinferior #cadder{
	background:url(imagenes/interfaz/desplegable/cadenas.png) repeat-y;
	width:35px;
	padding-bottom:32768px;    margin-bottom:-32768px;
	float:right;
}

#desplegableinferior #colaboracion{
	display:block;
	padding-left: 45px;
	padding-right: 45px;
}

#di_fondoizq{
	float:left;
	background: url(imagenes/interfaz/desplegable/fondoizq.png) bottom left;
	height:32px;
	width:100px;
}

#di_fondoder{
	float:right;
	background: url(imagenes/interfaz/desplegable/fondoizq.png) bottom right;
	height:32px;
	width:100px;
}

#di_fondocentro{
	background: url(imagenes/interfaz/desplegable/fondo.png) repeat-x bottom;
	height:32px;
}

#di_boton{
	background:url(imagenes/interfaz/desplegable/boton.gif) no-repeat top;
	margin:auto;
	height:32px;
	width:50px;
	display:block;
}

#di_boton:hover{
	background:url(imagenes/interfaz/desplegable/boton.gif) no-repeat bottom;
	margin:auto;
	height:32px;
	width:50px;
	display:block;
	cursor:pointer;
}

/**************** TRIVIAL **********************/
.trivial_pregunta{
	background-color:#2e2d26;
	display:table;
	margin:auto;
	font-size:10px;
	font-weight:bold;
	padding:4px;
	overflow:hidden;
	width:95%;
	text-align:center;
}
.trivial_opciones{
}
.trivial_opcion{
	clear:both;
	margin:auto;
	margin-top:5px;
}

.trivial_opizq{
	font-size:10px;
	margin-bottom:10px;
	width:15px;
	float:left;
}

.trivial_opder{
	font-size:10px;
	padding-left: 20px;
	width:auto;
}


/*************** ESTADÍSTICAS DEL TRIVIAL ****************/

.tlista_tit{
	background-color:#2e2d26;
	display:table;
	margin:auto;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	padding:4px;
	overflow:hidden;
	width:99%;
}
.tlista{
	border:solid 1px #666666;
	display: table;
	width:99%;
	margin:auto;
	padding:2px;
	overflow:hidden;
}
.tlista .tfecha, .tlista_tit .tfecha{
	width:100px;
	text-align:center;
	float:left;
}
.tlista .tpregunta, .tlista_tit .tpregunta{
	margin-right:110px;
	border-right: solid 1px #e6e196;
	padding-left:5px;
}
.tlista .taciertos, .tlista_tit .taciertos{
	width:100px;
	float:right;
	text-align:left;
}
.tlista .tresp{
	font-size:10px;
	margin-left:10px;
	margin-top:5px;
	border-top:dotted 1px #666666;
	padding:1px;
}

.graficogeneral{
	text-align:center;
	padding:10px;
	border: 1px dotted #e6e196;
	margin:auto;
	margin-bottom:20px;
}

/******************** SECCIÓN DE VÍDEOS ***********************/
#listavideo{
	clear:both;
	margin:auto;
	text-align:center;
}
.videocat{
	width:95%;
	border:solid 1px #666666;
	background-color:#2e2d26;
	clear:both;
	padding:5px;
	margin:20px;
}

#pestanyas{
	margin:auto;
	text-align:center;
	width:95%;
}

.pest td{
	border:solid 1px #666666;
	padding:2px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
.pest td a{
	text-decoration:none;
}

.pest td:hover{
	background-color:#2e2d26;
}

#video{
	text-align:center;
}


/********************** BLIZZQUOTE *********************/
.blizzquote{
	width:90%;
	margin:auto;
}

.blizzquote .tit{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	color: #0099ff;
	margin:auto;
	font-weight:bold;
	background: #323232 url(imagenes/interfaz/blizz.gif) no-repeat;
	background-position: 5px 50%;
}

.blizzquote .texto{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	color: #0099ff;
	background-color:#000000;
	margin:auto;
	border: #323232 5px solid;
	border-top:none;
}

/********************* PERGAMINO TROFEOS *******************/
.pergamino_sup{
	width:211px;
	height:25px;
	background: url(imagenes/interfaz/pergamino_sup.gif) no-repeat;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
}

.pergamino_centro{
	width:211px;
	background: url(imagenes/interfaz/pergamino_centro.gif) repeat-y;
	padding-left: 28px;
	padding-right: 28px;
	overflow:auto;
}

.pergamino_centro .trofeo{
	display:block;
	width:  32px;
	height: 48px;
	margin-right:28px;
	float:left;
}

.pergamino_inf{
	width:211px;
	height:30px;
	background: url(imagenes/interfaz/pergamino_inf.gif) no-repeat;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	padding-top:10px;
}

/***************************** TROFEOS ******************************/

.trofeoslista_tit{
	background-color:#2e2d26;
	display:table;
	margin:auto;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	padding:4px;
	overflow:hidden;
	width:99%;
}
.trofeoslista{
	border:solid 1px #666666;
	display: table;
	width:99%;
	margin:auto;
	padding:2px;
	overflow:hidden;
}
.trofeoslista .trofeosfecha, .trofeoslista_tit .trofeosfecha{
	width:100px;
	text-align:center;
	float:left;
}
.trofeoslista .trofeoseltrofeo, .trofeoslista_tit .trofeoseltrofeo{
	border-right: solid 1px #e6e196;
	border-left: solid 1px #e6e196;
	margin-right:110px;
	margin-left:110px;
	padding-left:5px;
	width:auto;
}

.trofeoslista .trofeosimagen .trofeo{
	display:block;
	width:  32px;
	height: 48px;
	margin:auto;
	background-repeat:no-repeat;
}

.trofeoslista .trofeosimagen .trofeo a{
	display:block;
	width:  32px;
	height: 48px;
	margin:auto;
	background-repeat:no-repeat;
}

.trofeoslista .trofeosimagen .trofeo a:hover{
	border: 1px solid #e6e196;
}

.trofeoslista .trofeosimagen, .trofeoslista_tit .trofeosimagen{
	width:100px;
	float:right;
	text-align:center;

}



.trofeoslista .trofeosdescripcion{
	font-size:10px;
	margin-left:10px;
	margin-top:5px;
	border-top:dotted 1px #666666;
	padding:1px;
}

.tabla th{
	background-color:#2e2d26;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.tabla td{
	border: 1px solid #999;
	margin: 0 auto 1em auto;
	font-size:11px;
}

/************* PERGAMINO *************/
.pergamino{
	background:url(http://travincal.diablo3-esp.com/imagenes/interfaz/fondo_perga.png); 
	margin:auto;
	text-align:center;
	overflow:hidden;
}
.perga_sup{
	background:url(http://travincal.diablo3-esp.com/imagenes/interfaz/semiup.png) center top repeat-x; 
					height: 30px;
}
.perga_inf{
	background:url(http://travincal.diablo3-esp.com/imagenes/interfaz/semidown.png) center bottom repeat-x; 
					height: 30px;
}
.perga_der{
	background:url(http://travincal.diablo3-esp.com/imagenes/interfaz/perga_der.png) left bottom repeat-y; 
	float:right;
	width:30px;
	margin-top:-30px;
	padding-bottom:32768px;    margin-bottom:-32768px;
}
.perga_izq{
	background:url(http://travincal.diablo3-esp.com/imagenes/interfaz/perga_izq.png) left bottom repeat-y; 
	float:left;
	width:30px;
	margin-top:-30px;
	padding-bottom:32768px;    margin-bottom:-32768px;
}

#wiki_latest{
	background-color: #1c0201;
	border: solid 1px #e6e196;
	border-radius: 5px;
	width:150px;
	height:75px;
	display:none;
	position:absolute;
	right:50px;
	top:50px;
	z-index:100;
	font-size:9px;
	margin-bottom:0px;
	padding-left:10px;
	overflow:hidden;
}

#wiki_latest #wiki_latest_close{
	background:url("http://www.google.com/uds/css/clear.gif");
	position:relative;
	top:5px;
	left:135px;
	width:9px;
	height:9px;
	display:block;
	cursor:pointer;
}

#wiki_latest_arrow{
	background:url("/imagenes/interfaz/flecha-dialogo.png") no-repeat top left;
	position:absolute;
	top:126px;
	right:125px;
	width:9px;
	height:9px;
	display:block;
	z-index:101;
	display:none;
}