/* HOJA DE ESTILOS ESPRONOR */

BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4b4b4b;
	background:#e6e6e6;
}
IMG{
	border: 0;
}
*{
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
.justif{
	text-align: justify;
}
P{
	line-height: 15px;
	margin-bottom: 15px;
}
a{
	color: #4b4b4b;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #1167B0;
	text-decoration: underline;

}
.centro{
	text-align: center;
}

/* ---------------------------------------------------------------------------------------- */
#sitio{
	width: 759px;
	margin: 20px auto 0px auto;
	background: url(images/med.gif) no-repeat top right;
	height: 607px;
}
html>body #sitio{
	min-height: 607px;
	height: auto;
}
#footer{
	width: 759px;
	margin: 10px auto 15px auto;
	text-align: center;
	color: #8e8e8e;
	font-weight: bold;
}
/*   CABECERA --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#cabecera{
	height: 137px;
	overflow: hidden;
}
#cabecera h1{
	width: 178px;
	height: 137px;
	text-indent: -9999px;
	background: url(images/logo.gif) no-repeat;
}
/*   cuerpo --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#cuerpo{
	width: 759px;
	overflow: hidden;
}
#izq{
	float: left;
	width: 179px;
}
#der{
	width: 451px; 
	float: left;
}
#imgder{
	float: right;
	margin-top: 1px;
	margin-right: 1px;
}
/*   DERECHA --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#med{
	margin: 25px;
}
#med{
	font-weight: bold;
	letter-spacing: 0.02em;
}
#med strong{
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif 
}
.cabder{
	margin-top: 1px;
	position: relative;
	width: 451px;
	height: 168px;
	overflow: hidden;
}
#med ul{
	margin: 10px;
}
#med ul li{
	list-style: none;
	margin-bottom: 15px;
	line-height: 1.5em;
	padding-left: 16px;
	background: url(images/ico.gif) no-repeat left 2px;
}
.imgMargin{
	margin: 25px 0;
}
#med address P{
	text-align: center;
	margin-bottom: 5px;
	font-size: 11px;
}
/*   TOPO --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.topo2{
	float: right;
	margin-top: 39px;
	margin-left: 5px; 
}
.topo1{
	margin: 23px 0px;
}

/*----------------------------------------------------------------------------------------------*/
h2{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 32px;
	width: 451px;
  	background:transparent url(images/barrah2.png) repeat-x;
}
h2 span{
	height: 32px;
	width: 450px;
	text-indent: -9999px;
	display: block;
}
h2.h2actividades span{
	background: url(images/h2actividad.png) no-repeat right center;
}
h2.h2sectores span{
	background: url(images/h2sectores.png) no-repeat right center;
}
h2.h2ambito span{
	background: url(images/h2ambito.png) no-repeat right center;
}
h2.h2calidad span{
	background: url(images/h2calidad.png) no-repeat right center;
}
h2.h2investigacion span{
	background: url(images/h2investigacion.png) no-repeat right center;
}
h2.h2formacion span{
	background: url(images/h2formacion.png) no-repeat right center;
}
h2.h2referencias span{
	background: url(images/h2referencias.png) no-repeat right center;
}
h2.h2contactar span{
	background: url(images/h2contactar.png) no-repeat right center;
}
h2.h2bibliografia span{
	background: url(images/h2bibliografia.png) no-repeat right center;
}
h2.h2software span{
	background: url(images/h2software.png) no-repeat right center;
}
h2.h2hardware span{
	background: url(images/h2hardware.png) no-repeat right center;
}
h2.h2topografico span{
	background: url(images/h2topografico.png) no-repeat right center;
}

/*   NAVEGACION --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
ul#nav,ul#navDesp {
	position: relative;
	/*background: url(images/nav_comp.gif) no-repeat;*/
	padding: 0;
	width: 178px;
	height: 248px;
	display: block;
	border-top: 1px solid #fff;
}
ul#navDesp{
	height: 344px;
}
ul#nav li,ul#navDesp li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul#nav li, ul#nav a, ul#nav strong,ul#navDesp li, ul#navDesp a, ul#navDesp strong {
	width: 178px;
	height: 31px;
	display: block;
}
ul#nav a, ul#nav strong,ul#navDesp a, ul#navDesp strong {
	text-indent: -9999px;
	text-decoration: none;
}

#nav1 {background: transparent url(images/nav_comp.gif) 0px -1px no-repeat;}
#nav2 {background: transparent url(images/nav_comp.gif) 0px -32px no-repeat;}
#nav3 {background: transparent url(images/nav_comp.gif) 0px -63px no-repeat;}
#nav4 {background: transparent url(images/nav_comp.gif) 0px -94px no-repeat;}
#nav5 {background: transparent url(images/nav_comp.gif) 0px -125px no-repeat;}
#nav6 {background: transparent url(images/nav_comp.gif) 0px -156px no-repeat;}
ul#nav #nav7 {background: transparent url(images/nav_comp.gif) 0px -187px no-repeat;}
ul#navDesp #nav7 {height: 127px;background: transparent url(images/nav_comp.gif) 0px -187px no-repeat;}
#nav8 {background: transparent url(images/nav_comp.gif) 0px -315px no-repeat;}

ul#navDesp #nav7 ul li, ul#navDesp #nav7 ul a, ul#navDesp #nav7 ul strong{
	width: 178px;
	height: 24px;
	display: block;
}
#nav1 a:hover, #nav1 a:visited:hover, #nav1 strong{ background: transparent url(images/nav_comp.gif) -178px -1px no-repeat;}
#nav2 a:hover, #nav2 a:visited:hover, #nav2 strong { background: transparent url(images/nav_comp.gif) -178px -32px no-repeat;}
#nav3 a:hover, #nav3 a:visited:hover, #nav3 strong { background: transparent url(images/nav_comp.gif) -178px -63px no-repeat;}
#nav4 a:hover, #nav4 a:visited:hover, #nav4 strong { background: transparent url(images/nav_comp.gif) -178px -94px no-repeat;}
#nav5 a:hover, #nav5 a:visited:hover, #nav5 strong { background: transparent url(images/nav_comp.gif) -178px -125px no-repeat;}
#nav6 a:hover, #nav6 a:visited:hover, #nav6 strong { background: transparent url(images/nav_comp.gif) -178px -156px no-repeat;}
ul#nav #nav7 a:hover, ul#nav #nav7 a:visited:hover, ul#nav #nav7 strong { background: transparent url(images/nav_comp.gif) -178px -187px no-repeat;}
ul#navDesp #nav7 a:hover, ul#navDesp #nav7 a:visited:hover, ul#navDesp #nav7 strong {background: transparent url(images/nav_comp.gif) -178px -187px no-repeat;}
#nav8 a:hover, #nav8 a:visited:hover, #nav8 strong { background: transparent url(images/nav_comp.gif) -178px -315px no-repeat;}

ul#navDesp #nav7_1 a:hover, ul#navDesp #nav7_1 a:visited:hover, ul#navDesp #nav7_1 strong{background: transparent url(images/nav_comp.gif) -178px -218px no-repeat;}
ul#navDesp #nav7_2 a:hover, ul#navDesp #nav7_2 a:visited:hover, ul#navDesp #nav7_2 strong{background: transparent url(images/nav_comp.gif) -178px -242px no-repeat;}
ul#navDesp #nav7_3 a:hover, ul#navDesp #nav7_3 a:visited:hover, ul#navDesp #nav7_3 strong{background: transparent url(images/nav_comp.gif) -178px -266px no-repeat;}
ul#navDesp #nav7_4 a:hover, ul#navDesp #nav7_4 a:visited:hover, ul#navDesp #nav7_4 strong{background: transparent url(images/nav_comp.gif) -178px -290px no-repeat;}


/* ------------------------------------------------------------------------------------------------------------- */