body { 
	margin: 15px 0pt; padding: 0pt; 
	background: #a3ffaf url(/images/bg.gif) repeat-x; 
	font-size: 76%; text-align: center; 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	}

#contenedor {
	margin: 0pt auto;
	background: transparent url(images/main.gif) 
	repeat-y;
	width: 866px;
	text-align: center;
	position: relative;
}

#navegacion-superior {
	height: 92px;
	background-color: transparent;
	background-image: url(images/botonerasuperior.jpg);
	background-repeat: no-repeat;
}

#navegacion-superior li { 
	float: left; list-style-type: none; 
	list-style-image: none; list-style-position: outside;
	display:inline; 
} 
/* coloca el listado en distribución horizontal */

#navegacion-superior ul { 
	margin: 0pt; padding: 0pt; 
} /* calibra el listado */

#navegacion-superior li a { border: medium none ; overflow: hidden; text-decoration: none; } /* quita al elemento a la decoración */

li.inicio {
	height: 69px;
	width: 66px;
	background-color: transparent;
	background-image: url(images/botoninicio.gif);
	background-repeat: no-repeat;
	margin-top: 7px;
	margin-left: 8px;
}/* ###insert el boton gif y formato### */

li.inicio a:link, li.inicio a:visited { 
	height: 69px; width: 66px; float: left; text-indent: -1000em; } /* quita el texto del link */
	
li.inicio a:hover, li.inicio a:active {
	float: left;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/botoninicio.gif);
	background-repeat: no-repeat;
	background-position: 0pt -69px;
}	/* #########inserta el cambio de color en el botón############## */

/* =================termina el detallado de un item de la botonera========================= */

li.mapa-sitio {
	margin-top: 7px;
	margin-left: 0pt;
	height: 49px;
	width: 131px;
	background-color: transparent;
	background-image: url(images/botonmapasitio.gif);
	background-repeat: no-repeat;
}

li.mapa-sitio a:link, li.mapa-sitio a:visited {
	 height: 49px; width: 131px; float: left; text-indent: -1000em;
}

li.mapa-sitio a:hover, li.mapa-sitio a:active {
	float: left;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/botonmapasitio.gif);
	background-repeat: no-repeat;
	background-position: 0pt -49px;
}
	


li.contacto {
	margin: 8px 0pt 0pt;
	height: 48px;
	width: 132px;
	background-color: transparent;
	background-image: url(images/botoncontacto.gif);
	background-repeat: no-repeat;
}
li.contacto a:link, li.contacto a:visited { 
	height: 48px; width: 132px; float: left; text-indent: -1000em; }
	
li.contacto a:hover, li.contacto a:active {
	float: left;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/botoncontacto.gif);
	background-repeat: no-repeat;
	background-position: 0pt -49px;
}

/* =================termina el detallado de un item de la botonera========================= */

#encabezado { 
	background: transparent url(images/10.jpg) 
	no-repeat; height: 132px; 
}



/* agrega el texto en gif y oculta el elemento h2 */

#prestablecido #encabezado {
	background-color: transparent;
	background-image: url(images/encabezado.jpg);
	background-repeat: no-repeat;
}

#navegacion-lateral {
	background-color: #006600;
	width: 168px;
	height: 920px;
	background-color: #65CC71;
	float: left;
	margin-left: 8px;
	display:inline;
}

.boton {
	width: auto;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size : 13px;
	color: #536E2B;
	font-weight: bold;
}
.boton ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.boton li {
	list-style: none;
	list-style-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #62A653;
}
.boton li a {
	display: block;
	background-color: #538C46;
	color: #fff;
	text-decoration: none;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #84D6A5;
	border-left-color: #006633;
	width: 140px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 0.5em;
}
html>body .boton li a {
width: auto;
}
.boton li a:hover {
	color: #fff;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F2F2CB;
	border-left-color: #E4FFAE;
	background-color: #2F4F28;
}
.boton li #active {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #003333;
	color: #fff;
}

#areatexto {
	float: left;
	font-family: Verdana, "Arial Sans-serif";
	font-size: 13px;
	line-height: 18px;
	height: 920px;
	width: 683px;
}

#contenidoprin {
	float: left;
	width: 470px;
	height: 920px;
	background-color: #F2F2CB;
}

.articuloscentrales {
	text-align: left;
	margin-left: 18px;
	margin-right: 18px;
	color: #7A7A28;
	text-align: justify;
}

span.inicial { 
	float: left;
	font-size: 280%;
	font-family: georgia, sans-serif;
	line-height: 1;
	padding-right: 1px;
}	

.panoramica {
	margin-top: 15px;
	margin-bottom: -15px;
}
#contenidosec {
	float: left;
	width: 212px;
	height: 920px;
	background-color: #d9d9d9;
	color: #7a7a7a;
	line-height: 15px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: center;
}

.retratos {
	border:2px solid #D9D9D9;
	margin-top: 5px;
}
#pie {
	height: 86px;
	clear: both;
	background-color: transparent;
	background-image: url(images/pie.jpg);
	background-repeat: no-repeat;
}

.textpie {
	color: #800020;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 18px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 10px;
}
/* ============================
      formulario de contacto
	============================ */

form {
	background-color: #84D6A5;
	width: 340px;
	padding: 20px;
	border: 1px solid #8c8c8c;
	margin-left: 10px;
	text-align: center;
}
label { display: block; } 
#remitente, textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus 
{
  background-color: #D8FC30; 
}	
	
	
.cajacontacto {
	text-align: left;
	margin-left: 8px;
	font-size: 15px;
	color: #58C785;
	margin-top: 9px;
}