@charset "utf-8";
/* CSS necesario para la implementación de la web completa denominada "Web Oficial de Anima Adversa", en
su versión 2.0. El autor/es se reserva el derecho a modificar dicho código en cualquier momento, así como
el de obtener o no cualquier tipo de beneficio con la publicación del mismo. Los demás derechos, como el de
copia quedan abiertos a cualquiera que los necesitase*/

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	background-color:#000000;
	vertical-align: middle;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}


#menu {  
	list-style:none;
	margin:0;
	padding:20px;
}

#menu li {
	margin:2px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.
	float:left;
}

#menu li a {
	display:block;
	width:105px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#FFCC66;
	background-color:#330000;
	border-left:10px solid #FF9933;  //Agrego un borde ancho a la izquierda
}

#menu li a:hover {
	color:#99CC00;
	background-color:#003366;
	border-left-color:#99CC00; //Luego le cambio el color al borde en el evento hover.
}
#deus {  
	list-style:none;
	margin:0;
	padding:0;
}
#deus li {
	margin:2px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.
	float:left;
}
#deus li a {
	display:block;
	width:480px;
	padding:13px 17px 13px 0px;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#FFCC66;
	background-image:url(images/libros.jpg);
	font-weight: bold;
}
#deus li a:hover {
	color:#FFCC00;
	background-position:bottom;
//Aqui muestro la parte de abajo de la imagen
} 

.titulo1{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #CC6600;
	text-align: left;
	margin-top:0;
	margin-bottom:0;
	font-variant: normal;
	border:0;
}

.titulo2{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #CC9933;
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	border:0;
}

.texto{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	color: #FFFFFF;
	text-align: justify;	
	margin-top:10;
	margin-bottom:0;
	border:0;
}

.letras{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;	
	margin-top:10;
	margin-bottom:0;
	border:0;
}

.publicado{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	line-height: normal;
	color: #CCCC66;
}

.letraPequena{
	border:0;
}

.comodinCentrado{
	text-align:center;
}

a:visited {
	color:#CCCC66;
}

a:hover {
	color: #999999;
}

a:active {
	color:#666666;
}

a:link {
	color: #CC6600;
}

.Estilo4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #CC6600;
}
.TituloTable {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #FFCC66;
	font-size: 14px;
}

#contenedor {
   width: 1000px;
   position: relative;
   margin: 0px auto; 
}

#capa1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 253px;
	height:254px;
	z-index: 2;
	visibility: visible;
}

#capa2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 1000px;
	height:600px;
	z-index: 1;
	visibility: visible;
}

#capa3 {
	position: absolute;
	left: 700px;
	top: 167px;
	width: 170px;
	height:150px;
	z-index: 2;
	visibility: hidden;
}

#roseton {
 width: 253px;
 height: 254px;
 background: url(/images/roseton.png);
 margin: 0px; padding: 0px;
 position: relative;
}

#roseton li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	z-index: 3;
}

#roseton a {display: block;}

#menu1 {display: block; left: 143px; top: 0px; width: 90px; height: 45px;}
#menu2 {display: block; left: 126px; top: 48px; width: 90px; height: 56px;}
#menu3 {display: block; top: 95px; left: 115px; height: 50px; width: 60px}
#menu4 {display: block; top: 117px; left: 83px; height: 70px; width: 50px}
#menu5 {display: block; left: 47px;	top: 140px;	width: 40px; height: 70px;}
#menu6 {display: block; left: 0px; top: 148px; width: 40px; height: 90px;}
#menu1 a {position:relative; top:0px; left:0px; height: 45px; width:90px}
#menu2 a {position:relative; top:0px; left:0px; height: 56px; width:90px}
#menu3 a {position:relative; top:0px; left:0px; height: 50px; width:60px}
#menu4 a {position:relative; top:0px; left:0px; height: 70px; width:50px}
#menu5 a {position:relative; top:0px; left:0px; width: 40px; height: 70px;}
#menu6 a {position:relative; top:0px; left:0px; width: 40px; height: 90px;}

#menu1 a:hover {position:relative; top:0px; left:-30px; width:135px; height:103px; background: url(/images/roseton.png) -113px -254px no-repeat;}
#menu2 a:hover {position:relative; top:-10px; left:-20px; width:120px; height:103px; background: url(/images/roseton.png) -106px -546px no-repeat;}
#menu3 a:hover {position:relative; top:-25px; left:-24px; width:120px; height:103px; background: url(/images/roseton.png) -91px -832px no-repeat;}
#menu4 a:hover {position:relative; top:-20px; left:-20px; width:99px; height:115px; background: url(/images/roseton.png) -63px -351px no-repeat;}
#menu5 a:hover {position:relative; top:-30px; left:-10px; width:68px; height:124px; background: url(/images/roseton.png) -37px -618px no-repeat;}
#menu6 a:hover {position:relative; top:-30px; left:0px; width:58px; height:132px; background: url(/images/roseton.png) -0px -372px no-repeat;}

#contenido{position:inherit; width:550px; text-indent:5%}
#anuncios{position:inherit; width:164px; height:216px; text-align:center;}
#conciertos{margin: 0 auto; text-align: center; border:1px solid #000000}