/**GENERAL**/
* {
	font-family: Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
}

html { background: #F6F4EE url(../images/background-bottom.jpg) repeat-x bottom; }

body {  background: url(../images/background-top.jpg) repeat-x top; }

#wrapper { background: url(../images/background-imagen.jpg) no-repeat 50% 211px; }

#general {
	width: 780px;
	margin: 0 auto;
	background: url(../images/sombra-contenido.gif) repeat-y center;
}

img, fieldset, input, button { border: none; }

hr, legend { display: none; }

option { padding: 0 5px; }
/********************
Fin de lo general
********************/


/********************
Arriba: logo + funcionalidades
********************/
#arriba {
	position: relative;
	height: 167px;
	overflow: hidden;
	background: url(../images/background-top.jpg) repeat-x top;
}

	/********************
	Logo
	********************/
	#arriba h1 {
		float: left;
		width: 264px;
		height: 167px;
		padding-left: 12px;
	}
	
	#arriba h1 a {
		text-indent: -9999px;
		display: block;
		height: 100%;
		overflow: hidden;
		background: url(../images/logo.jpg) no-repeat left;
	}
	
	#arriba h1 a:hover { background-position: right; }
	
	#arriba h2 { display: none; }
	
	#arriba h3
	{
		height:30px;
		padding-top :50pt;
		padding-left :35pt;
		font-size:24px;
		color:#8A8984;
		font-family:Arial;


	}
	
	#arriba span
	{
		font-size: 19pt; 
		FONT-FAMILY: Arial;
		color:#FFA101;

	}
	#arriba h4
	{
		padding-left :37pt;
		font-size:14px;
		color:#8A8984;
		font-family:Arial;
	}
	/********************
	Fin: Logo
	********************/

	/********************
	Funcionalidades
	********************/
	#arriba ul {
		float: right;
		width: 267px;
		height: 80px;
		margin-top: 57px;
		padding: 0 18px 1px 51px;
		background: url(../images/linea-arriba.gif) no-repeat left bottom;
	}
	
		
	#arriba li a {
		text-indent: -9999px;
		display: block;
		height: 21px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	
	
	#arriba li a:hover { background-position: bottom; }
	/********************
	Fin: funcionalidades
	********************/

#arriba p {
	text-align: center;
	position: absolute;
	bottom: 8px;
	right: 30px;
	width: 280px;
}

#arriba p span { color: #F99015; }
/********************
Fin de arriba
********************/


/********************
Menu
********************/
.menu {
	height: 44px;
	padding-left: 15px;
	background: url(../images/background-top.jpg) repeat-x bottom;
}

.menu li {
	position: relative;
	z-index: 100;
	float: left;
	height: 42px;
	padding: 1px 2px 1px 0;
	background: url(../images/separador-menu.gif) no-repeat right;
}

.menu li.ultimo { background: none; }

.menu li a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top;
}

.menu .hominex {
	width: 113px;
	background-image: url(../images/01hominex.jpg);
	background-position: bottom;
}

.menu .soluciones {
	width: 91px;
	background-image: url(../images/02soluciones.jpg);
}

.menu .quien {
	width: 93px;
	background-image: url(../images/03quien.jpg);
}

.menu .experiencias {
	width: 106px;
	background-image: url(../images/04experiencias.jpg);
}

.menu .investiga {
	width: 113px;
	background-image: url(../images/05investiga.jpg);
}

.menu .equipo {
	width: 122px;
	background-image: url(../images/06equipo.jpg);
}
.menu .contacto {
	width: 78px;
	background-image: url(../images/07contacto.jpg);
}
.menu li:hover a, .menu li.over a { background-position: bottom; }

.menu ul {
	display: none;
	position: absolute;
	top: 98.5%;
	left: 0;
	width: 150px;
	padding: 5px 10px 10px;
	background: #FF9600 url(../images/submenu.gif) repeat-x top;
}

.menu ul li {
	float: none;
	height: auto;
	padding: 0;
	border-bottom: 1px dashed #FAB548;
	background:  none;
}

.menu ul li.ultimo { border: none; }

.menu ul li a {
	color: #FFF;
	text-indent: 0;
	padding: 5px 0;
	padding-left: 13px;
	background: url(../images/flecha.gif) no-repeat 4px 50% !important;
}

.menu ul li a:hover {
	color: #949799;
	background: #f8e7c8 url(../images/flecha.gif) no-repeat 4px 50% !important;
}

.menu li:hover ul, .menu li.over ul { display: block; }
/********************
Fin del menu
********************/


/********************
Resalte
********************/
#resalte {
	position: relative;
	height: 200px;
	background: url(../images/resalte.jpg) no-repeat 13px 0;
}

#resalte h2 {
	text-indent: -9999px;
	position: absolute;
	bottom: 13px;
	left: 30px;
	width: 410px;
	height: 69px;
	background: url(../images/resaltex1.jpg) no-repeat;
}

#resalte h3 {
	text-indent: -9999px;
	float: right;
	width: 298px;
	height: 100%;
}
/********************
Fin del resalte
********************/


/********************
contenido
********************/
#contenido {
	padding: 0 13px;
	background: url(../images/contenido-top.jpg) no-repeat top;
}

#limite {
	overflow: hidden;
	padding: 0 14px 10px 13px;
	background: url(../images/contenido-bottom.gif) no-repeat bottom;
}

#principal {
	position: relative;
	overflow: hidden;
	float: left;
	width: 462px;
	background: url(../images/principal-top.gif) no-repeat top;
}

#principal #extra {
	min-height: 240px;
	padding: 10px 10px 57px;
	background: url(../images/principal-bottom.gif) no-repeat bottom;
}

	/********************
	Breadcrumb
	********************/
	.breadcrumb {
		width: 423px;
		height: 19px;
		margin-bottom: 2px;
		padding: 4px 10px 0;
		background: url(../images/fondo-bread.gif) repeat-y left;
	}
	
	.bottom {
		position: absolute;
		bottom: 17px;
		left: 10px;
		margin-bottom: 0;
	}
	
	.breadcrumb h6 {
		color: #B3B2B2;
		font-weight: normal;
		float: left;
		padding-left: 10px;
		background: url(../images/flecha.gif) no-repeat left;
	}
	
	.breadcrumb span {
		float: right;
		padding-right: 10px;
		background: url(../images/volver.gif) no-repeat right;
	}
	
	.breadcrumb a { color: #F37800; }
	
	.breadcrumb a:hover { text-decoration: underline; }
	/********************
	Fin: Breadcrumb
	********************/

	/********************
	Titulo
	********************/
	#extra h2 {
		margin-bottom: 10px;
		padding: 9px 10px 8px;
		background: url(../images/fondo-extra.gif) repeat-y left;
	}
	
	#extra h2 span {
		color: #F37800;
		font-size: 1.5em;
		text-transform: uppercase;
		display: block;
		padding-left: 20px;
		background: url(../images/bullet-titulo.gif) no-repeat 0 40%;
	}
	/*****************		texto		*****************/	
	.textoHominex{
		color: #ff9900;
		font-size: 1.0em;		
		line-height: 1.0em;		
		display: inline;
	}
	.textoHominex:hover{
		text-decoration:none;
	}
	.texto p {
		color: #696969;
		font-size: 1.3em;		line-height: 1.2em;		display: block;
		padding-left: 20px;	
	}		
	.texto h3{
		color: #F37800;
		font-size: 1.3em;
		display: block;
		padding: 8px 15px;
		background: url(../images/bullet-titulo.gif) no-repeat 0 40%;	
	}
	.texto h4{
		font-size: 1.0em;
		display: block;
		padding: 8px 15px;
		background: url(../images/bullet-titulo.gif) no-repeat 0 40%;	
	}
	.texto h5{
		font-size: 10px;
		display: block;
		background: url(../images/bullet-titulo.gif) no-repeat 0 40%;	
	}
	.texto strong {
		color: #696969;
		font-size: 1.0em;
		line-height: 1.2em;
		display: block;
	}	
	.texto a {
		color: #ff9900;
		font-size: 1.0em;		
		line-height: 1.0em;		
		display: inline;		
	}			
	.texto a:hover { text-decoration: none; }		
	.texto ul {
		color: #696969;
		font-size: 1.5em;		
		line-height: 1.0em;		
		display: block;				
		padding-left: 40px;	

	}	
	.texto dl {
		color: #696969;
		font-size: 1.5em;		
		line-height: 1.0em;		
		display: block;				
		padding-left: 40px;	

	}	
	.news
	{
		margin: 10px 10px 10px 5px;
		border-top: das
	}
	/*****************		Fin de texto		*****************/	
	/********************
	Fin de Titulo
	********************/
/********************
Fin de contenido
********************/


/********************
Lateral
********************/
#lateral {
	float: right;
	width: 262px;
}

#box, #contacto {
	padding-bottom: 8px;
	background: url(../images/sombra-box-lateral.gif) no-repeat 98% bottom;
}

#lateral .limite {
	padding: 10px;
	padding-bottom: 0;
	border: 1px solid #e7dbcf;
	border-bottom: none;
	background: url(../images/fondo-contacto.gif) repeat-x bottom;
}

#lateral h3 {
	margin-bottom: 14px;
	padding-bottom: 7px;
	background: url(../images/separador-titulo-lateral.gif) no-repeat bottom;
}

#lateral h3 span {
	text-indent: -9999px;
	display: block;
	height: 25px;
}

#lateral h4 {
	font-size: 1.1em;
	margin: 0 0 8px 12px;
}

#lateral p {
	text-align: left;
	line-height: 140%;
	padding: 0 15px 0 12px;
}

	

	/********************
	Experiencias
	********************/
	#exp {
		margin-bottom: 10px;
		background: url(../images/expe.gif) repeat-x;
	}
	
	#exp .limite {
		height: 90px;
		border: none;
		background: url(../images/icon-pdf.gif) no-repeat right top;
	}
	
	#exp h3 {
		text-indent: -9999px;
		margin-bottom: 8px;
		height: 20px;
		border-bottom: 1px dashed #FFF;
		background: url(../images/exp.gif) no-repeat left;
	}
	
	#exp fieldset {
		display: block;
		width: 96%;
		margin: 0 auto;
	}
	
	#exp legend {
		color: #FFF;
		display: block;
		margin-bottom: 6px;
		padding: 0;
		*margin-left: -6px;
	}
	
	#exp select { width: 100%;  }
	/********************
	Fin: Experiencias
	********************/

	/********************
	Entre en contacto
	********************/
	#contacto .limite { height: 190px; }
	
	#contacto h3 span {
		width: 83px;
		background: url(../images/contacto.gif) no-repeat;
	}
	
	#contacto ul { padding: 15px 12px; }
	
	#contacto li {
		color: #F37800;
		margin-bottom: 3px;
	}
	
	#contacto li strong {
		color: #7F7F7F;
		width: 150px;
		text-align: right;
	}
	/********************
	Fin de Entre en contacto
	********************/
/********************
Fin de lateral
********************/


/********************
rodapie
********************/
#rodapie {
	width: 748px;
	margin: 0 auto;
	padding: 0 16px;
	background: url(../images/sombra-rodapie.gif) no-repeat 354px 64px;
}

#rodapie .limite {
	height: 117px;
	padding: 0 10px;
	background: url(../images/rodapie.gif) repeat-x top;
}

	/********************
	partners
	********************/
	#partners {
		float: left;
		width: 447px;
		background: url(../images/hr.gif) no-repeat 0 14px;
	}
	
	#partners h4 {
		text-indent: -9999px;
		width: 49px;
		height: 9px;
		margin: 2px 0 4px;
		background: url(../images/partners.gif) no-repeat;
	}
	
	#partners p {
		height: 27px;
		padding: 13px 8px 0;
		background: url(../images/fondo-partners.jpg) no-repeat right;
	}
	
	#partners p a {
		color: #9A9A9A;
		font-weight: bold;
		text-transform: uppercase;
		margin: 7px 0 4px;
	}
	
	#partners p a:hover {
		color: #F37800;
		text-decoration:underline;
	}
	
	#partners ul {
		height: 25px;
		padding: 15px 5px 0;
		background: url(../images/fondo-partners.jpg) no-repeat right;
	}
	
	#partners li {
		
		padding: 0 7px;
		border-right: 1px solid #9A9A9A;
	}
	
	#partners li.ultimo { border: none; }
	/********************
	Fin: partners
	********************/

	/********************
	Localizacion
	********************/
	#localiza {
		float: right;
		width: 237px;
		background: url(../images/linea-localiza.gif) no-repeat 0 14px;
	}
	
	#localiza h4 {
		text-indent: -9999px;
		height: 13px;
		margin-bottom: 5px;
		background: url(../images/localiza.gif) no-repeat 98%;
	}
	
	#localiza address {
		color: #F37800;
		text-align: right;
		font-style: normal;
		padding: 2px 5px 0 40px;
	}
	/********************
	Fin: localizacion
	********************/
	
#rodapie .top {
	text-indent: -9999px;
	clear: left;
	float: left;
	width: 36px;
	height: 14px;
	overflow: hidden;
	background: url(../images/arriba.gif) no-repeat left;
}

#rodapie .top:hover { background-position: right; }

#rodapie .interag {
	text-indent: -9999px;
	clear: right;
	float: right;
	width: 44px;
	height: 19px;
	overflow: hidden;
	background: url(../images/interag.gif) no-repeat left;
}

#rodapie .interag:hover { background-position: right; }

#rodapie .top, #rodapie .interag { margin-top: 28px; }
/********************
Fin de rodapie
********************/