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

html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(img/backgroundm.jpg);
	background-attachment:fixed;
	font-family:Arial,Verdana,Lucida Grande,Lucida Sans Unicode,Calibri,sans-serif;
	font-size:14px;
	line-height:18px;
	color:#00D;
}
h2, h3, h4 {
	font-family:Tahoma, Geneva, sans-serif;
	color:#FF3;
	line-height: 0.8em;
	text-align:right;
	text-shadow:#630;
	font-size: 1.4em;
}

h1 {
	font-family:Tahoma, Geneva, sans-serif;
	color:#FF6;
	line-height: 1em;
	text-align:right;
	text-shadow:#630;
	font-size: 1.8em;
}
h4 {
	font-family:Tahoma, Geneva, sans-serif;
	color:#FF6;
	line-height: 1.2em;
	text-align:left;
	text-shadow:#630;
	font-size: 1.4em;
}
/* Enlaces globales */
a:link {
	color:#008;
	text-decoration: none;
	font-weight:400;
}
a:visited {
	text-decoration: none;
	color:	#004;
}
a:hover {
	text-decoration: underline;
	color:#FFF;
}
a:active {
	text-decoration: none;
	color:#FF0;
}

/* Formato contenido */
#contenido {
	background:#FC6;
	background: url("img/backm.png") no-repeat;
	text-align:justify;
	color:#00D;
	padding: 0px 30px 0px 30px;
	height: 700px;
	width: 900px;
	margin: auto;
}

/* Textos del contenido */
#textos {
	font-family:Arial, Helvetica, sans-serif;
	margin: 70px 20px 20px 250px;
	font-size: 1em;
	color:#00D;
	}
/* Enlaces del contenido */
#textos a:link { 
		text-decoration: none;
		color:	#008;
		}
#textos a:hover { 
		text-decoration: underline;
		color:#FFF;
		}
#textos a:visited { 
		text-decoration: none;
		color:#004;
		}
#textos a:active { 
		text-decoration: none;
		color:#FFF;
		}
#lista {
	}
	
/* Lista de PDF con icono */
#pdfs li {
	list-style: none;
	background: transparent url(imagenes/pdf.png)  no-repeat -0px 0px;
	margin:  0px;
	padding: 3px 25px;
	font-size: 1em;
	text-align:left;
	
	}
span.listan {
	text-indent: 2em;
	}	
	
/* contenido resaltado */
span.resaltado	
{
	font-weight: bold;	
	}
/* contenido italico */	
span.latin	
{
	font-style:italic;
	}
	
/* contenido enlace */	
span.enlace	
{
	font-weight: bold;
	color:#900;
	}
	
/* imagenes incrustadas y centradas*/	
span.imagenins	{
	float:right;
	margin-left:20px;
	}
	
#graf {
		width: 630px;
		text-align:center;
		}	
		
/* Bloque publicaciones todos */
#public {
		width: 600px;
		float: right;
		text-align:center;
		}

div.publicl {	
	float:left;
	width: 290px;
	}
div.publicr {
	float: right;
	width: 290px;
	}	
	
/* Bloque publicaciones todos 3 columnas */
#varios {
	    clear:both;
		width: 600px;
		float:right;
		margin-right:20px;
		text-align:center;
		}

div.variosl {	
	float:left;
	width: 250px;
	}
div.variosr {
	float: right;
	width: 250px;
	}		
div.variosc {
	margin-left: 270px;
	width:250;
	padding-top:01px;
	}			
	
/* Bloque fotos */
#fotos {
	clear:both;
		height: 215px;
		width: 630px;
		float:right;
		margin-right:100px;
		}

div.fotosl {	
	float:left;
	height: 220px;
	}
div.fotosr {
	float: right;
	height: 220px;
	}
	
/* Buscador */	
#buscador {
	margin-left: 660px;
	padding-top: 20px;
	}
	
/* Menu secundario */	
#barmenus {
	height: 30px;
	padding: 8px 0px 0px 10px;
	}
#menusec {
	margin: 0px;
	padding: 0px;
	float:right;
}

#menusec li {
	margin: 0px 20px 0px 0px;
	padding: 0;
	list-style:none;
	float: left;
	color: #FFF;
}


/* Menu principal */	
#menu {
  float:left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 166px;
  height: 434px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position:right;
}
#menu a:hover span {
  display: block;
}
#menu .m0 {
  width: 166px;
  height: 109px;
  background: url(img/menu0.png) no-repeat;
  left: 0px;	
  top: 0px;
}
#menu .m0 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 130px;
  top: 50px;
}
#menu .m1 {
  width: 166px;
  height: 39px;
  background: url(img/menu1.png) no-repeat;
  left: 0px;	
  top: 109px;
}
#menu .m1 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 10px;
}

#menu .m2 {
	width: 166px;
	height: 34px;
	background: url(img/menu2.png) no-repeat;
	left: 0px;
	top: 148px;
}
#menu .m2 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}

#menu .m3 {
  width: 166px;
  height: 54px;
  background: url(img/menu3.png) no-repeat;
  left: 0px;
  top: 182px;
}
#menu .m3 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 13px;
}
#menu .m4 {
  width: 166px;
  height: 56px;
  background: url(img/menu4.png) no-repeat;
  left: 0px;
  top: 236px;
}
#menu .m4 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 150px;
  top: 13px;
}

#menu .m5 {
  width: 166px;
  height: 35px;
  background: url(img/menu5.png) no-repeat;
  left: 0px;
  top: 292px;
}
#menu .m5 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}
#menu .m6 {
  width: 166px;
  height: 37px;
  background: url(img/menu6.png) no-repeat;
  left: 0px;
  top: 327px;
}
#menu .m6 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 150px;
  top: 7px;
}
#menu .m7 {
  width: 166px;
  height: 34px;
  background: url(img/menu7.png) no-repeat;
  left: 0px;
  top: 364px;
}
#menu .m7 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}
#menu .m8 {
  width: 166px;
  height: 40px;
  background: url(img/menu8.png) no-repeat;
  left: 0px;
  top: 398px;
}
#menu .m8 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 4px;
  top: 7px;
}

#menu .m9 {
  width: 170;
  height: 266px;
  position:relative;
  left: 0px;
  top: 440px;
  background: url(imagenes/boton2.png) no-repeat;
  margin:0 0 0 5px;
  visibility:visible;
  display:block;
}

#menu .m9 span {
  width: 25px;
  height: 24px;
  background: url(img/star.png) no-repeat;
  left: 130px;
  top: 7px;
}