@charset "utf-8";
/* CSS Document */



*{margin:0; padding:0}	

body{

	background-color:#000000;
	list-style-type: none;
	text-decoration:none;
	
}

img{ text-decoration:none; border:none;}

h1, h2{display:none;}

a{text-decoration:none;
}

#outer{
position: absolute;
      left: 50%;
      top: 50%;
      width: 1000px;
      height: 550px;
      margin-left: -500px; /* half of width */
      margin-top: -275px;  /* half of height */
	  background-image:url(images/FONDO-index.jpg);
	  background-repeat: no-repeat;

}

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



#albertomuriel {
	height: 89px;
	width: 394px;
	position:absolute;
	top: 230px;
	left: 30px;
	background-image: url(images/ALBERTOMURIEL-index.jpg);
}

/*------------------------------------- navINDEX */
#botonindex {
	height: 250px;
	width: 250px;
	position:absolute;
	top: 160px;
	left: 730px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
	font-variant:inherit;
	list-style-type:none;
}

#botonindex li{heigh: 40 px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px #999 solid}
#botonindex li a {color: #000}
#botonindex li:hover a{ color: #ce0017}
#botonindex li:visited a{ color: #000}

/* OLD
.botonindex {
	height: 80px;
	width: 300px;
	position:absolute;
	left: 600px;
}

.botonindex img{border: 2px solid #FF0000;}
.botonindex a:active img{border: 2px solid #FF0000;}
.botonindex a:link img{border: 2px solid #FF0000;}
.botonindex a:visited img{border: 2px solid #FF0000;}
.botonindex a:hover img{border: 2px solid #CCCC33;}

#txtcomic, #txtilustracion, #txtblog, #txtbio {
	background-repeat: no-repeat;
	background-position: right;
	height: 25px;
	width: 300px;
	position: absolute;
	left: 600px;
}


#comic {top: 65px;}
#txtcomic{background-image: url(images/indexcomic.jpg); top: 40px;}

#ilustracion {top: 180px;}
#txtilustracion{ background-image:url(images/indexilustracion.jpg); top: 155px;}

#blog {top: 295px;}
#txtblog{ background-image:url(images/indexblog.jpg); top: 272px;}

#bio {top: 410px;}
#txtbio{ background-image: url(images/indexautor.jpg); top: 387px;}

#contacto {
	background-image: url(images/indexcontacto.jpg);
	height: 108px;
	width: 77px;
	top: 410px;
	left: 390px;
	position: absolute;
}

#contacto #contactosustitucion{display:none}
#contacto a:hover #contactosustitucion{display:block; position:absolute; top: 0; left: 0;}

 */

#pie {
	font-size: 9px;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	letter-spacing:.7px;
	word-spacing:.7px;
	position:absolute;
	top: 530px;
	right: 0;
}

#pie a{color: #FFFFFF; font-weight:bold}
#pie a:hover{ text-decoration:underline}