@charset "utf-8";
body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #984D28;
	background-color: #666666;
	background-image: url(img/sitio/gradiente-fondo.png);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.Elcides_Alvarez #container {
	width: 900px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	position: relative;
	top: 15px;
	height: 560px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(img/sitio/fondo.png);
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFD291;
	border-right-color: #F07D28;
	border-bottom-color: #F07D28;
	border-left-color: #FFD291;
}
.Elcides_Alvarez #header {
	height: 5px;
	width: 560px;
	top: -10px;
	position: absolute;
}
.Elcides_Alvarez #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.Elcides_Alvarez #biografia {
	padding: 0;
	height: 530px;
	margin-right: 340px;
	background-image: url(img/sitio/bio.png);
	background-repeat: no-repeat;
	background-position: 35px 305px;
}

.Elcides_Alvarez #galeria {
	padding: 0;
	height: 530px;
	margin-right: 340px;
	background-image: url(img/sitio/pinceles.png);
	background-repeat: no-repeat;
	background-position: 35px 300px;
}

.Elcides_Alvarez #docencia {
	padding: 0;
	height: 530px;
	margin-right: 340px;
	background-image: url(img/sitio/horarios.png);
	background-repeat: no-repeat;
	background-position: 35px 305px;
}

.Elcides_Alvarez #prensa {
	padding: 0;
	height: 530px;
	margin-right: 340px;
	background-image: url(img/sitio/tarjetones.png);
	background-repeat: no-repeat;
	background-position: 3px 310px;
}

.Elcides_Alvarez #contacto {
	padding: 0;
	height: 540px;
	margin-right: 340px;
	font-size: 12px;
}

.caja_paleta {
	height: 300px;
	width: 560px;
	background-image: url(img/sitio/paleta.png);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}
.caja_derecha {
	height: 535px;
	width: 340px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.caja_derecha_contacto {
	height: 452px;
	width: 271px;
	position: absolute;
	top: 29px;
	right: 12px;
	background-image: url(img/sitio/mapaytarjetas.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 55px;
	padding-left: 53px;
}

.caja_derecha_prensa {
	height: 485px;
	width: 301px;
	position: absolute;
	top: 7px;
	right: 1px;
	background-image: url(img/sitio/papel-largo.png);
	background-repeat: repeat-y;
	padding-left: 35px;
	padding-top: 40px;
}

.caja_derecha_docencia {
	height: 485px;
	width: 301px;
	position: absolute;
	top: 7px;
	right: 1px;
	background-image: url(img/sitio/papel-largo.png);
	background-repeat: repeat-y;
	padding-left: 35px;
	padding-top: 40px;
}

.caja_derecha_galeria {
	height: 485px;
	width: 301px;
	position: absolute;
	top: 7px;
	right: 1px;
	background-image: url(img/sitio/papel-largo.png);
	background-repeat: repeat-y;
	padding-left: 35px;
	padding-top: 40px;
}

.caja_derecha_biografia {
	height: 485px;
	width: 301px;
	position: absolute;
	top: 7px;
	right: 1px;
	background-image: url(img/sitio/papel-largo.png);
	background-repeat: repeat-y;
	padding-left: 35px;
	padding-top: 40px;
}

.Elcides_Alvarez #footer {
	top: 540px;
	position: absolute;
	width: 900px;
	padding: 0;
}
.Elcides_Alvarez #footer p {
	font-size: 10px;
	margin: 0;
	text-align: right;
	padding-right: 15px;
}
#correo {
	position:absolute;
	width:370px;
	height:210px;
	z-index:1;
	left: 150px;
	top: 320px;
}
#nav-bio {
	position:absolute;
	width:209px;
	height:40px;
	z-index:1;
	top: 249px;
	left: 318px;
	background-image: url(img/sitio/biografia.png);
	background-repeat: no-repeat;
	background-position: 45px;
}
#nav-gal {
	position:absolute;
	width:209px;
	height:40px;
	z-index:1;
	top: 249px;
	left: 318px;
	background-image: url(img/sitio/galeria.png);
	background-repeat: no-repeat;
	background-position: 45px;
}
#nav-doc {
	position:absolute;
	width:209px;
	height:40px;
	z-index:1;
	top: 249px;
	left: 318px;
	background-image: url(img/sitio/docencia.png);
	background-repeat: no-repeat;
	background-position: 45px;
}
#nav-pre {
	position:absolute;
	width:209px;
	height:40px;
	z-index:1;
	top: 249px;
	left: 318px;
	background-image: url(img/sitio/prensa.png);
	background-repeat: no-repeat;
	background-position: 55px;
}
#nav-con {
	position:absolute;
	width:209px;
	height:40px;
	z-index:1;
	top: 249px;
	left: 318px;
	background-image: url(img/sitio/contacto.png);
	background-repeat: no-repeat;
	background-position: 45px;
}