/*Estilos globales*/
body, ul, h1, h2, dd, dl, dt{margin:0; padding:0}
#div{border:solid}
img{behavior: url(/tiamat/img/iepngfix.htc);}
body{font-family: 'Helvetica', 'Arial', 'Tahoma', sans-serif; font-size:14px;
	background-image: url(img/bg_universo.jpg); background-repeat:repeat-x;
	margin:0 2%;}
/**********************************/
h1{color: #85280c; font-size:2em;}
h2{font-size:1.2em;}
h3{font-size:1em;}
#single h3{font-size: 1.3em; font-weight:bold;}
h1, h2, h3{font-weight:normal; margin:0;}

a{color: #a5481c; text-decoration:none;}
a img{border:solid #a63;}
.left, .right{position:relative;}
.left{float:left}
.right{float:right}

.alignright{text-align:right}
.clear{clear:both; float:none;}
.post{padding:0.5em}

.big{width:55%}
/*******************************************/
#body_c{height:100%; margin:0 auto; overflow:hidden; position:relative;}
#navegacion, .navegacion{background:#9daa77; width:200px; position:relative; float:left;
	font-size:14px;}
#modulo{padding:0 8%; margin-left:200px; position: static;}
	#modulo ul{padding:0 2em; }
#navegacion{padding-bottom:1600px; margin-bottom:-1600px;}
#footer{padding: 10px 0 10px 250px; clear:both;}
#encabezado{position:relative; top: 3px;}
/*******************************************/
#navegacion{background:#a63; list-style:none;}
	#navegacion h2{color:white;}
#triskel{width:200px; height: 169px;}
	#navegacion ul{list-style:none;}
		#navegacion a{color:#ecc;text-decoration:none; display:block; 
			padding:5px; height:1em; overflow:show;}
			#linkcat-2 a{height:auto}
		#navegacion a:hover{background-color:#b74;color:white;}
		#navegacion li{text-indent:1em; padding:0; margin:0; line-height:1em;}
	#navegacion img{width:170px;}
	
	.blogroll li {overflow:hidden; float:left; width:100%;}
	.blogroll li a {display:block;}
	.blogroll li a img{display:block;  border:0; overflow:hidden;}
	
#footer{height:4em; background-color:black; color:white; font-size:0.7em;}


/**estilos para los tipos de alma****************/
#almas{position:relative; width:99%; height:75%; }
	#almas_bg{width:99%; height: 100%;}
	#almas ul{position:absolute; list-style:none; padding:0; margin:0; top:0; left:0; width:99%; height:100%;}
		#almas ul li{position:realtive;}
			#almas ul li a{position:absolute;}
				#almas ul li a span{position: relative;}

#almas li a{display: block; 
	/*border:solid 1px;*/
	/*fondo transparente para evitar bug de IE	*/
	background:url(blank.gif); overflow:show; text-decoration:none;}
#almas li a span{display:none;}
#almas li a span h2{margin:0; font-size:1.5em;}
#almas li a:hover span{display:block; overflow:hidden; width:20em;
	padding:5px; border:1px solid #000;
	background:#a5481c; text-decoration:none; color:white;
	filter:alpha(opacity=80); opacity:0.8;
	cursor:default;
	font-size:11px;}
#glavari{width:15%; height:15%;
	left:10%; top:9%;}
	#glavari span{top:90%}
#glavari2{width:13%; height:12%;
	left:65%; top:9%;}
	#glavari2 span{top:90%; left:0%;}
#exhiliati1{width:14%;height:17%;
	left:27%; top:12%;}
	#exhiliati1 span{top:90%;}
#exhiliati2{width:10%;height:12%;
	left:79%; top:15%;}
	#exhiliati2 span{top:70%;right:45%;}
#odleda{width:16%;height:20%;
	left:43%; top:4%}
	#odleda span{top:90%}
#coranaid{width:9%; height:11%;
	left:81%;top:41%;}
	#coranaid span{top:100%; right:40%;}
#edzavi{width:10%; height:17%;
	left:58%; top:25%;}
	#edzavi span{top:100%}
#mondain{width:10%; height:12%;
	left:74%; top:24%;}
	#mondain span{right:40%;top:70%;}
#emmoi{width:12%;height:12%;
	left:65%;top:65%;}
#emmoi span{top:100%}
#humano{width:10%;
	height:17%;
	left:45%;
	top:27%;}
#humano span{top:80%}

#elemental1{width:8%; height:15%;
	left:5%;top:25%;}
#elemental1 span{top:100%}
#elemental2{
	width:8%; height:15%;
	left:20%; top:28%;
}
#elemental2 span{top:100%}
#elemental3{
	width:7%;
	height:16%;
	left:13%;
	top:40%;
}
#elemental3 span{top:100%}
#elemental4{width:12%;height:15%;
	left:25%;
	top:56%;}
#elemental4 span{top:100%}

/***estilos para la galeria****************/
#gallery{width:460px; overflow:hidden; float:left; padding:20px;}
	#gallery p{background:#995522; padding:1em; color:white; margin:0 1px}
	#gallery img{width:100%;}
	#gallery p a{color:pink;}
.galmenu{clear:left;}
	#imgsaic ul{list-style:none}
	#imgsaic li{float:right; font-size:14px; padding:2px;}
		#imgsaic li a{background:#eee; display:block; padding:5px;}
		#imgsaic li a:hover{background:#A4693D; color:white;}
		#imgsaic li img{width:65px; border:none;}
/*****************************************/
#contact{}
#contact fieldset{border:none;}
#contact label{display:block;}
	#contact input{padding:0.5em;}
#contact fieldset input,
#contact fieldset textarea{
	font-size: 0.9em; font-family: tahoma, sans-serif; color:#444;
	margin:0.1em 0 0 0; border:1px solid black; display:block;
}
#contact fieldset input{width:40%}
#contact textarea{overflow:auto;width:35em;}
#about{
	background: url(img_site/about.jpg) no-repeat 50% 0%;
	text-align:justify; padding: 300px 55px 0 55px;
}
/**************Glosario***********/
#glosario dt, #glosario dd{float:left; position:relative;}
	#glosario dt{width:17%; text-align:right; border-bottom:solid 1px silver; }
	#glosario dd{width:30%; padding:0 2% 0 1%; font-size:12px;
		height:9em; overflow:auto; margin-bottom:1em;}
/***/
#downloads div{float:left; margin-right:21px; width:180px;}
#downloads h2{text-align:center}
/**banners**/
.code{background:#fdc; padding: 1em; border:solid 1px; font-family:verdana; font-size: 11px;}
/********Noticias********************/
.small, .wp-caption-text{font-size: 0.8em;}
	.wp-caption-text{font-style:italic; border-bottom:dotted; text-align:center;
		margin:0 auto;}
/***************GENERADOR DE PERSONAJES: BASE*****************/
#chargen{position:relative}
	#chargen input, #chargen select{font-family:sans-serif; margin: 0.2em;}
#chargen .tiny{width:1.5em !important;}
#chargen .short{width:2.5em !important;}
#chargen .med{width:4em !important;}
#chargen .pts{color: #c22 !important;}

#chargen fieldset{border: none; border-top: silver solid 2px; margin: 0.5em;
	text-align:right; position:relative; background: #eee; width:90%;
	-moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;}
#chargen legend{font-weight:bold; color:black; background:inherit; 
	padding: 0.5em 1em; text-align:left; position:relative;}
#chargen ul{list-style:none; margin:0; padding:0}
#chargen p{margin:0; padding:0}

#chargen #esencia{background: #f63; color: #400;
	width: 18em; border:none; z-index:100;
	-moz-box-shadow: 2px 2px 13px #111;
	-webkit-box-shadow: 2px 2px 13px #111;
	position:fixed; left: 0; bottom: 4em; padding:0; margin-top: 1.1em}	
	#esencia h4{margin:0; padding:0.5em}
		#esencia input, #esencia label{margin-left:0.5em;}
		#esencia input{ margin-bottom: 0.5em;}
		#esencia label{vertical-align:middle;}
		
#personaje li{float:left; width:18em;}
#caracteristicas li{width:15em; float:left}
#conocimientos li{float:left; width:18em;}
#universales li{width:10em; float:left}
#alma li{width: 20em; float:left}
	#siddhi li{float:left; width: 20em;}
	#utensilios li{width:12em; float:left}
	#armas .item{float:left; width:18em; margin:0.5em; background:#ddd;}
/***************GENERADOR DE PERSONAJES: STARTUP*****************/
.none{display:none;}