/********************************************************************/
/********************* Estilos base body y genericos *********************/
/********************************************************************/
body 		{ text-align: center; margin: 0px; padding: 0px; background:#000; font-family: "Trebuchet MS"; font-size: 0.8em; color: #F44; font-family: Verdana; }

.left		{ float:left; }
.right		{ float:right; }
.clearboth	{ clear:both; }

a, img		{ border:0; text-decoration:none; }
a:visited 	{ color:#663333;border:none; border:0; }
a:hover	{text-decoration:underline; }
a:link 		{ color:#990000;border:none; border:0; }

/********************************************************************/
/************************ Estilos de la cabecera ************************/
/********************************************************************/
#main		{ width:991px; height:auto; text-align:left; margin:0 auto 0 auto; position:relative;padding:0 4px 0 4px; }
#head		{ width:1024px; height:334px; background:url(../img/headbg.jpg) no-repeat; margin-top:0px;}

.banner		{ margin:0px 0 0 280px; padding-top:10px; width:620px; height:100px; text-align:center;}
.banner2	{ margin:20px 0 0 15px; }

/************************ Estilos del navegador ************************/
#nav		{ height:109px; width:891px; margin-top:18px; margin-left:160px; }
#nav a		{ float:left; margin-right:20px; cursor:pointer; }

/********************************************************************/
/************************ Estilos del contenido *************************/
/********************************************************************/
#content	{ width:991px; height:auto; text-align:left; margin:5px 0 0 0; color:white;}
#left		{ position:relative; top:-100px; width:123px; float:left; padding-left:10px; margin-top:30px; }
#right		{ position:relative; top:-100px; width:798px; float:right; text-align:left; }


/*************** Estilos del contenido izquierdo y derecho *****************/
label				{color:#FFF; font-weight:bold; float:left;margin-top:8px;}
input, password, select	{
	font-size: 9pt;
	color: #ececec;
	font-family: verdana, sans-serif;
	border-color:#a58a60;
	border-width:1px;
	background-color: #191919;
}

.login			{float:right; margin-top:5px;}

#left a			{color:#990000; font-size:10px; font-weight:bold; }
#left a:hover	{text-decoration:underline; }
#left p			{ clear:both; }


/********************************************************************/
/*************************** Estilos del pie ****************************/
/********************************************************************/
#footer				{  position:relative; width:100%; float:right; height:90px; clear:both; color:#990000; font-size:10px; font-weight:bold; text-align:left; padding:10px;top:-80px; }
#footer #pie_txt		{z-index:2; position:relative; top:-50px;left:150px;}
#footer #pie_txt	p	{width:500px;}
#footer a			{color:#990000; text-decoration:underline; font-size:11px; }

.div_leyenda {text-align:left;}

img{ behavior: url(iepngfix.htc);}

/***************************************
 * Leyendas
 *  */

.top_leyendas { width:45%; float:left;}


/***/



.div_cabeza{width:100%; height:220px;}

.div_usuario{width:100%; height:200px;  padding:20px 10px 20px 10px;  }
.div_muerte{width:100%; height:auto;  min-height:254px; padding:20px 10px 20px 10px;  }
.columna_izquierda{width:17%; height:auto; float:left;}

.div_contenido{margin-right:-5px; width:78%; height:auto; min-height:500px; float:right; padding:20px 10px 20px 10px; }

.div_footer{width:100%; height:30px; clear:both}
.div_footer p{font-size: 0.7em;}

.div_menu{width:98%; height:30px;  padding:20px 10px 20px 10px;  }
.div_menu a{font-size: 1.5em; padding-left:40px;  color: #F00; }

.div_amenaza{ width:150px; height:150px; float:left;}

.divimagenamenaza{width:48%; float:left;}

.divinputamenaza{width:48%; overflow:auto; float:left;}

#popup {
	position:fixed;
	background-color:white; 
	background:url(../img/fondopopup.jpg) no-repeat;
	color:#000;;
	height: 870px; 
	width: 500px; 
	padding:40px 40px 40px 40px ; margin:0; 
	position:absolute; left:-805%; 
	bottom:7px;z-index:600;
	text-align:left;
}

#shadow{
	position:fixed;;
	left: -2000px;
	top: -2000px;
	background: #000;
	filter: alpha(opacity=70); opacity: .7;
	z-index:5;
	width:100%;
	height:100%;
}

#nueva_leyenda{
	color:#FFF;
}

.popupscrollable { overflow:auto; height:620px;}


.divtipomuerte{ float:left; width:50%; }
.formesquela {text-align:left; float:left;}
.imgesquela {text-align:left; float:left; margin-left:20px;}
.tablaleyendas a{ color:white; }
.tablaleyendas a:visited{ color:red; }
.divalmas{ float:left; width:45%; text-align:center;margin:0 15px 10px 15px; }
.divalmas p{ width:70%; margin:0px auto 0px auto;}

.checkmiedo {float:left;}

textarea {background:url(../img/bgwhite.jpg) no-repeat top left; background-color:white;}

/**COMENTARIOS*/
.comentario{width:100%; padding:3px 3px 3px 3px; border:1px solid #555; background:url(../img/coment.jpg) bottom no-repeat #000;}
.avatar_coment{float:left;width:20%;}
.avatar_coment img{width:64px;}
.comentario_text{width:75%; float:left;}
.comentario i{	float:right;}
.comentario img{float:left;}
.comentario hr{	visibility:hidden;}



/*********FORO*/

#navi {
	clear:both;
	border-bottom:solid 1px #000;
	margin:0 0 10px 0;

}
#navi ul {
	margin:0;
	background:#404040;
	padding:0 10px;
	list-style-type:none;
	height:35px;
	border-bottom:solid 1px #fff;
}
#navi ul li {
	display:inline;
}
#navi ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	float:left;
	padding:6px 8px;
	margin: 2px 12px 0 0;
}
#navi ul li a:hover, #navi ul li.chosen a {
	position:relative;
	background:#202020;
	color:#3988d2;
	margin: 0px 12px -6px 0;
	border-top:solid 8px #000;
	z-index:10;
}

.subirtituloleyenda {text-align:left;}
.subirtituloleyenda b{ font-size:large;}
.subirtituloleyenda input{ width:200px;}

.newtable {	
	font-size:12px;
	color: #CCCCCC;
	border-top: 1px solid #4b4b4a;
	border-left: 1px solid #4b4b4a;
}

.logo{
	position:absolute;
	top:0px;
	left:-120px;
}



.bgindexamenaza{
	float:left; 
	margin-left:50px;
	background:url(../img/amenazas2.jpg); 
	   background-repeat:no-repeat;
	width:300px;  height:158px;
}

.bgindexesquela{
	float:left; 
	background:url(../img/esquela2.jpg); 
	   background-repeat:no-repeat;
	width:300px;  height:158px;
}

.bgindexleyendas{
	float:left; 
	background:url(../img/leyenda2.jpg); 
    background-repeat:no-repeat;
	width:300px; height:158px;
}

.bgindexalmas{
	float:left; 
	margin-left:50px;
	background:url(../img/almas2.jpg); 
	background-repeat:no-repeat;
	width:300px;  height:158px;
}

/*MUERTES*/
.bgindexrapida{
	float:left; 
	background:url(../img/rapida2.jpg); 
	background-repeat:no-repeat;
	width:122px;  height:184px;
}
.bgindextuhora{
	float:left; 
	background:url(../img/muerte3.jpg) no-repeat; 
	width:413px; height:184px;
}
.bgindexprecisa{
	float:left; 
	background:url(../img/precisa2.jpg); 
	background-repeat:no-repeat;
	width:134px;  height:184px;
}


/*TEXTOS ICONOS INTRO*/

.textoghost{
	position:relative;
	z-index:120;	top:-100px;	left:150px;
	width:180px; height:80px; overflow:hidden;
}

.textoghost2{
	position:relative;
	z-index:120;	top:-100px;	left:180px;
	width:180px; height:80px; overflow:hidden;
}

.textoghost3{
	position:relative;
	z-index:120;	top:50px;	left:80px;
	width:380px; height:80px; overflow:hidden;
}

.textoghost4{
	position:relative;
	z-index:120; float:left; margin-left:10px;
	width:190px; height:80px; overflow:hidden;
}


.divvotacion{margin:20px auto 20px auto; width:300px;}

.botonerainicio{
	margin:0 auto 0 auto;
	width:680px; height:500px;
}

.botonforo{
	margin:0 0 0 70px;
	float:left;
}

.navegacion{

	width:100%;
	text-align:center;
}
.navegacion a{
	font-size:large;
}

.enviar2{margin:0 auto 0 auto;}

#cabeceravuelta{
	width:350px;
	height:125px;
	float:left;
}

#botonaudio{
	float:right;
}

#divintro{
	margin-left:auto; margin-right:auto;
	margin-top:80px;
	width:600px;
}

.bgindexentrar{
	margin-left:auto; margin-right:auto;
	background:url(../img/entrar.jpg); 
	width:461px; height:395px;
}

.cornerad{	position:absolute;	right:0px;	top:0px;}

.cornerai{	position:absolute;	left:0px;	top:0px; }

.cornerbi{	position:absolute;	left:0px;	bottom:0px; }

.cornerbd{	position:absolute;	right:0px;	bottom:0px; }