body {
	background-color: #000000;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}

#web {
	background-color:#000000;
	width: 740px;
	margin: 0;
	text-align: left;
	font-size: 95%;
	margin-right: auto;
 	margin-left: auto;
}
#cabecera {
	float:left;

}

#contenido{
	border-top:1px solid #5B1514;
	padding-top:10px;
        background-color:#000000;
}

#foto{
        padding-left:100px;
        background-color:#000000;

}


#foto1{
        padding-left:130px;
        background-color:#000000;
		padding-bottom:20px;
}

#foto2{
        padding-left:100px;
        background-color:#000000;
		padding-bottom:20px;
}
#foto3{
        padding-left:60px;
        background-color:#000000;
		padding-bottom:20px;

}
#ficha {
	float:left;
	color:#FFDF0C;
	text-align:left;
	font-size:70%;
	padding-top:7px;
	width:98%;
}

#ficha h1{
	float:left;
	color:#FFDF0C;
	text-align:center;
	font-size:140%;
	padding-top:7px;
	width:98%;
}
#comic1{
        padding-left:100px;
        background-color:#000000;

}
#ficha1 {
	float:left;
	color:#FFDF0C;
	text-align:left;
	font-size:70%;
	padding-top:7px;
	width:98%;
	padding-bottom:30px;
}

#ficha1 h1{
	float:left;
	color:#FFDF0C;
	text-align:center;
	font-size:140%;
	padding-top:7px;
	width:98%;
}

#comic2{
        padding-left:100px;
        background-color:#000000;

}
#ficha2 {
	float:left;
	color:#FFDF0C;
	text-align:left;
	font-size:70%;
	padding-top:7px;
	width:98%;
	padding-bottom:30px;
}

#ficha2 h1{
	float:left;
	color:#FFDF0C;
	text-align:center;
	font-size:140%;
	padding-top:7px;
	width:98%;
}

#comic3{
        padding-left:100px;
        background-color:#000000;

}
#ficha3 {
	float:left;
	color:#FFDF0C;
	text-align:left;
	font-size:70%;
	padding-top:7px;
	width:98%;
	padding-bottom:30px;
}

#ficha3 h1{
	float:left;
	color:#FFDF0C;
	text-align:center;
	font-size:140%;
	padding-top:7px;
	width:98%;
}


#sinopsis{
	float:left;
	color:#FFDF0C;
	text-align:left;
	font-size:70%;
	padding-top:7px;
	padding-bottom:30px;
}

#sinopsis a{ text-decoration:none; color: #FFDF0C;}
#sinopsis a:hover{ color: #FFFFFF;}

#pie{
	border-top:1px solid #5B1514;
	width:740px;
	float:left;
	height:56px;
	color:#FFDF0C;
	text-align:center;
	font-size:70%;
	padding-top:7px;
}

#pie a{
	color:#FFDF0C;
	text-decoration:none;
}

#menu{
	width:227px;
	float:left;
    padding-left:10px;
    background-color:#000000;

}

#cabezamenu{
	float:left;
	width:194px;
	height:54px;
	background-color:#180B39;
}

#contenidomenu{
	background-color:#180B39;
        float:left;

}

#piemenu{
	float:left;

}

#datos{
	float:left;
        width:500px;

}



#titulo{
	color:#FFDF0C;
	text-align:center;
	font-size:110%;
	padding-top:12px;
	font-weight:bold;
}

#seccion{
	color:#FFDF0C;
	text-align:center;
	font-size:110%;
	padding-top:12px;
	font-weight:bold;
}


/* estilos del menu */
#navcontainer { 
        width: 184px; 
        padding-left:10px;
}

#navcontainer ul
{
	margin-top:0;
	padding-top:0;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
	font-size:70%;
	color:#FFDF0C;
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #180B39;
	border-bottom: 1px solid #FFDF0C;
}

#navcontainer a:link, #navlist a:visited
{
	color:#FFDF0C;
	text-decoration: none;
}

#navcontainer a:hover
{
	background-color: #FFDF0C;
	color: #180B39;
}

#ficha ul{	list-style-type:none;}
#ficha ul li{ background-image:url(graficos/arana.gif); padding-left: 25px; background-repeat: no-repeat; padding-top:5px; height: 25px; background-position: left middle;}
#ficha ul a{ text-decoration:none; color: #FFDF0C;}
#ficha ul a:hover{ color: #FFFFFF;}