/* Reseteo de CSS 
--------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img, abbr {
	border: 0;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
a {
	text-decoration: none;
	outline: none;
}

a:hover{
	border-bottom: thin dashed;	
}

/* Cuerpo
--------------------------- */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #a0cd4f  url(../imagenes/background.png) repeat-x top;
	color: rgb(68, 67, 52);
}
	
/* Cabecera
--------------------------- */
#cabecera{
	height: 128px;	
}

#cabecera h1{
	margin: 20px 0 10px;
	height: 107px;
	color: #fff;
	font-size: .2em;
	background: url(../imagenes/logotipo.png) no-repeat center;	
}

#cabecera h1 span{
	position: absolute;
	text-indent: -5000px;	
}

/* Estrucutra
--------------------------- */
#estructura { 
	margin: 0 auto 0 auto; 
	width: 960px; 
	text-align: left;
}


/* Menu de navegacion
--------------------------- */

#menu li{
	list-style: none;	
	text-align:center;
	margin-top: 11px;
}

#menu li a {
	float: left;
	width: 120px;
	color: #fff;
	height: 101px;
}

/* Imagenes de fondo del menu
--------------------------- */
#menu a, #menu a:hover, #menu a:active {
	background: url(../imagenes/menu.png) no-repeat left;
	color: #fff;
	border: 0;
}



#menu1 a { background-position: 0px 0px; }
#menu1 a:hover { 	background-position: -120px 0px; }
#menu1 a:active {	background-position: -240px 0px; }

#menu2 a { background-position: 0px -101px; }
#menu2 a:hover { 	background-position: -120px -101px; }
#menu2 a:active {	background-position: -240px -101px; }

#menu3 a { background-position: 0px -202px; }
#menu3 a:hover { 	background-position: -120px -202px; }
#menu3 a:active {	background-position: -240px -202px; }

#menu4 a { background-position: 0px -303px; }
#menu4 a:hover { 	background-position: -120px -303px; }
#menu4 a:active {	background-position: -240px -303px; }

#menu5 a { background-position: 0px -404px; }
#menu5 a:hover { 	background-position: -120px -404px; }
#menu5 a:active {	background-position: -240px -404px; }

#menu6 a { background-position: 0px -505px; }
#menu6 a:hover { 	background-position: -120px -505px; }
#menu6 a:active {	background-position: -240px -505px; }

#menu7 a { background-position: 0px -606px; }
#menu7 a:hover { 	background-position: -120px -606px; }
#menu7 a:active {	background-position: -240px -606px; }

#menu8 a { background-position: 0px -707px; }
#menu8 a:hover { 	background-position: -120px -707px; }
#menu8 a:active {	background-position: -240px -707px; }


/* Contenido
--------------------------- */
#inicio-contenido{
	background: url(../imagenes/borde-superior.png) no-repeat center bottom;
	height: 40px;
	clear: both;
}

#contenido {
	background: #fff url(../imagenes/contenido.png) repeat-y center;
	clear: both;
	float: left;
	width: 960px;
	padding-bottom: 10px;
}

/* Informacion
--------------------------- */
#informacion{
	margin: 0 auto 0 auto; 
	width: 900px; 
	text-align: left;
}


/* Pie de pagina
--------------------------- */

#footer {
	margin: 0 auto;
	padding-top: 50px;
	background: url(../imagenes/borde-inferior.png) no-repeat top center;
	width: 960px;
	clear: both;
	float: left;
	color: #700c0e;
}

#footer p {
	text-align: center;
	font-size: .9em;
	margin: -5px;
}

#footer a{
	color: #111;
	background: url(../imagenes/validos.png) no-repeat left;
	padding-left: 20px;
}