body {
	margin: 0;
	padding: 0;
	width: 760px;
	background-image: url(irudiak/pattern.jpg);
	background-repeat: repeat;
} 
div {
	
	}
#header {
	width: 760px;
	position: absolute;
	top: 20px;
	left: 38px;
	height: 96px;
	background-image: url(irudiak/menu.jpg);
	background-repeat: no-repeat;
}

#w3c {
	height: 31px; 
	width: 88px;
	position: absolute;
	top: 549px;
	left: 55px;
}

/*********************************************************/
/********* Main-holder con todas las pastillas  **********/
/*********************************************************/
#main-holder {
	position: absolute;
	left: 38px;
	top: 133px;
	height: 531px;
	background-image: url(irudiak/main.jpg);
	background-repeat: no-repeat;
	width: 760px;
}

/********* Pastilla Ephinder y sus 3 capas de contenidos *********/
#pastilla_ephinder{
	position: absolute;
	margin-left: 42px;
	margin-top: 215px;
	height: 154px;
	width: 361px;
}
#pastilla_eph_titulo{
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	width: 361px;
}
#pastilla_eph_img{
	position: absolute;
	margin-left: 10px;
	margin-top: 30px;
	height: 200px;
	width: 200px;
}
#pastilla_eph_txt{
	position: absolute;
	margin-left: 170px;
	margin-top: 30px;
	height: 110px;
	width: 180px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #536587;
	text-align: left; 
}
#pastilla_flash{
	position: absolute;
	margin-left: 42px;
	margin-top: 63px;
	height: 140px;
	width: 361px;
}
#pastilla_news{
	position: absolute;
	margin-left: 430px;
	margin-top: 215px;
	height: 180px;
	width: 250px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #536587;
}
/********* Pastilla Case History y sus dos capas de contenidos *********/
#pastilla_case{
	position: absolute;
	margin-left: 422px;
	margin-top: 34px;
	height: 180px;
	width: 275px;
}
#pastilla_case_titulo{
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	width: 250px;

}
#pastilla_case_img{
	position: absolute;
	margin-left: 10px;
	margin-top: 25px;
	height: 50px;
	width: 95px;
}
#pastilla_case_txt{
	position: absolute;
	margin-left: 10px;
	margin-top: 85px;
	height: 70px;
	width: 240px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #536587;
}

h1{
	margin-top: 4px;
	margin-bottom: 5px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	color: #536587;
}

label{
	font-weight: bold;
}
/********* Cierro el main-holder  **********/

a:link{
	font-family: Tahoma, Verdana, Arial;
	color: #536587;
}
a:hover{
	color: #8D9CBB;
	text-decoration: none;
	
}
/*a:visited{
	color: #536587;
	
}*/

/********* Capa y tipografia Idiomas *********/
#idiomas{
	position: absolute;
	margin-left: 510px;
	margin-top: 10px;
}
#idiomas_nav li {
	list-style-type: none;
	margin: auto;
	float: left; 
	padding: 8px;
}
#idiomas_nav li a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #7D8CAB;
	text-decoration: none;
}
#idiomas_nav li a:hover {
	color: #637597;
}


/********* Vamos con el listado de NOTICIAS/NEWS*********/
#listado {
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 8px;
	padding:0px;
}
#listado li {
	list-style-image: url(irudiak/icono_ephinder.png);
	text-align: justify;
	color: #536587;
	margin-top:7px;
}
#listado li a{
	list-style-image: url(irudiak/icono_ephinder.png);
	font-family: Tahoma, Verdana, Arial;
	text-align: justify;
	color: #536587;
}

#listado li a:hover {
	color: #8D9CBB;
}


/********* Vamos con el menu navegacion Acerca Ueoc etc..*********/

/********* Primero la capa dnd irá el menu principal *********/
#menu{
	position: absolute;
	margin-left: 220px;
	margin-top: 50px;
}

#navegacion {  
	margin:0;
	padding: 0px;
}
#navegacion li {
		list-style-type: none;
		padding: 8px;
		margin: auto;
		float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}
#navegacion li a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #B51E23;
	text-decoration: none;
}

#navegacion li a:hover {
	color: #DE9698;
}


/*********Vamos con el menu subnavegacion Quienes somos etc..*********/

/********* Primero las capas dnd irán los submenús *********/
#acerca_ueoc{
	visibility: hidden;
	position: absolute;
	margin-left: 215px;
	margin-top: 85px;
}
#consultoria_ueoc{
	visibility: hidden;
	position: absolute;
	margin-left: 300px;
	margin-top: 85px;
}
#soluciones_ueoc{
	visibility: hidden;
	position: absolute;
	margin-left: 50px;
	margin-top: 85px;
}

#noticias_ueoc{
	visibility: hidden;
	position: absolute;
	margin-left: 340px;
	margin-top: 85px;
}

.subnavegacion {  
	margin:0;
	padding: 0px;
}
.subnavegacion li {
		list-style-type: none;
		padding: 8px;
		margin: auto;
		float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}
.subnavegacion li a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #B51E23;
	text-decoration: none;
}
.subnavegacion li a:hover {
	color: #DE9698;
}