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;
}

p.text{
	margin-top:0px;
	margin-bottom:5px
}
/*********************************************************/
/********* Main-holder con diferentes fondos   **********/
/*********************************************************/
#main-holder {
	position: absolute;
	left: 38px;
	top: 133px;
	height: 531px;
	background-image: url(irudiak/main_interior.jpg);
	background-repeat: no-repeat;
	width: 760px;
}

#main-holder_evnts {
	position: absolute;
	left: 38px;
	top: 133px;
	height: 531px;
	background-image: url(irudiak/main_imgcorp.jpg);
	background-repeat: no-repeat;
	width: 760px;
}
#main-holder_clientes {
	position: absolute;
	left: 38px;
	top: 133px;
	height: 531px;
	background-image: url(irudiak/main_clientes.jpg);
	background-repeat: no-repeat;
	width: 760px;
}
#main-holder_contactar {
	position: absolute;
	left: 38px;
	top: 133px;
	height: 531px;
	background-image: url(irudiak/main_contactar.jpg);
	background-repeat: no-repeat;
	width: 760px;
}
#main-holder_soluciones {
	position: absolute;
	left: 38px;
	top: 133px;
	height: 1050px;
	background-image: url(irudiak/main_soluciones.jpg);
	background-repeat: no-repeat;
	width: 760px;
}

/********* Capas para el contenido de texto   **********/
#contenido_txt{
	position: absolute;
	margin-left: 30px;
	margin-top: 20px;
	width: 500px;
	height: 400px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	text-align: justify;
	color: #666666;
}

#contenido_flash_eph{
	position: absolute;
	margin-left: 546px;
	margin-top: 43px;
	width: 155px;
	height: 560px;
}
#contenido_txt_garantia{
	position: absolute;
	margin-left: 30px;
	margin-top: 20px;
	width: 350px;
	height: 400px;
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	text-align: justify;
	color: #666666;
}

h1{
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: normal;
	font-family: Tahoma,Verdana,Arial;
	font-size: 16px;
	color: #B51E23;
}
h2{
	margin-top: 8px;
	margin-bottom: 6px;
	font-weight: normal;
	font-family: Tahoma,Verdana,Arial;
	font-size: 14px;
	color: #536587;
}
h3{
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	font-weight: bold; 
	text-align: justify;
	color: #666666;
}
h4{
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	font-weight: normal; 
	text-align: justify;
	color: #536587;
}

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


/********* Listado contenido Gestion archivos digitales *********/
.listado {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-position: inherit;
}
.listado li {
	list-style-image: url(irudiak/icono_ephinder.png);
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	text-align: justify;
	color: #666666;
}

/********* Capa y tipografia Idiomas *********/
#idiomas{
	position: absolute;
	margin-left: 510px;
	margin-top: 10px;
}
#idiomas_nav li {
	list-style-type: none;
	margin: auto;
	float: left; /*para eliminar el comportamiento de elemento de bloque(salto de linea: );*/
	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 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;
}

/*********** formulario de peticiones de registro para demos **********/
		#form_peticiones{
			font-family: Tahoma,Verdana,Arial;
			font-size: 11px; 
			margin-top:15px; 
			margin-left:40px; 
			width:500px; 
			color: #536587;
		}
		#form_peticiones_btns{ 
			width:480px;
			margin-left:60px;  
		}
		
		
		.Texto{
		   	width: 130px;
			margin-top:8px; 
			float: left;
			clear: left;
    		margin-right: 1em;
		}
		
		.TextoSm{
			margin-top:8px;
			font-family: Tahoma,Verdana,Arial;
			font-size: 11px;
			width:150px;
			color: #536587;
		}
		
		.boton{
			font-family: Tahoma,Verdana,Arial;
			font-size: 11px;
			height:20px;
			width:100px;
			color: #536587;
		}
		
		/******  listados para la pagina de demos *****/
		.listado_demo{
			margin-top: 8px;
			margin-bottom: 8px;
		}
			
		.listado_demo li {
			list-style-image: url(irudiak/icono_ephinder.png);
			font-family: Tahoma,Verdana,Arial;
			font-size: 11px;
			text-align: justify;
			margin-top:5px;
			color: #666666;
		}

/*******************   seccion noticias  ****************/
					#main-container {
						position: absolute;
						left: 38px;
						top: 133px;
						width: 760px;
						
					}
					#main-top {
						height:14px;
						background-image: url(irudiak/bg_top.jpg);
						background-repeat: no-repeat;
					}
					
					#main-middle{
						margin-top:-6px;
						padding-right:200px;
						padding-left:30px;
						padding-top:10px;
						padding-bottom:50px;
						font-family: Tahoma,Verdana,Arial;
						font-size: 11px;
						text-align: justify;
						color: #666666;
						background-image: url(irudiak/bg_middle.jpg);
						background-repeat: repeat-y;
					}
					
					#main-bottom {
						height: 17px;
						background-image: url(irudiak/bg_bottom.gif);
						background-repeat: no-repeat;
					}
					
					.listado_noticias li{
						list-style-image: url(irudiak/icono_ephinder.png);
						font-family: Tahoma,Verdana,Arial;
						font-size: 11px;
						text-align: justify;
						margin-top:15px;
						margin-bottom:5px;
						color: #666666;
					}
					
					.listado_noticias h3{
						font-family: Tahoma,Verdana,Arial;
						font-size: 11px;
						text-align: justify;
						color: #536587;						
					}
					.listado_noticias hr{
						margin-top:10px;
						color:#B51E23;
						border:dashed 1px;		
						height:1px;				
					}
					
					.listado_noticias li a:hover {
						color: #8D9CBB; 
					}