@CHARSET "UTF-8";
/*------hoja de estilo por: Israel Meza. Para: Graphicworkers-------*/
/* -- 
     RESET ------------------------------------------------------ */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}body{margin:0 !important;padding:0 !important;}:focus{outline: 0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th,td{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

*{ font-family: 'Cantarell', arial, serif; }

body{
	background: url("../img/bg_all.gif") repeat;
	}
	
#wrapper{
	width: 100%;
	}
	
#header {
	width: 100%;
	height: 260px;
	background: url("../img/bg_header.gif") repeat-x;
	padding-top: 40px;
	}
	
#info{
	width: 800px;
	height: 10px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	}
	
#info p{
	font-size: 11px;
	color: #1D2851;
	text-align: right;
	}	
	
#contenido{
	width: 940px;
	margin: 0 auto;
	}
	
#header_nav{
	width: 860px;
	height: 158px;
	margin: 0 auto;
	margin-bottom: 15px;
	}

#hdr_left{
	width: 28px;
	height: 158px;
	float:left;
	background: url("../img/header_left.png") no-repeat;
	}
	
#hdr_center{
	width: 804px;
	height: 158px;
	float:left;
	background: url("../img/bg_header_center.png") repeat-x;
	}
	
#hes_logo{
	width: 450px;
	height:65px;
	margin:20px 0 0 30px;
	float: left;
	}
	
#social{
	width: 230px;
	height:25px;
	float:right;
	margin: 30px 25px 0 0;
	}
	
#social p{
	float:left;
	color: #5D6991;
	font-size: 13px;
	padding: 6px 2px 0 0;
	}
	
#social img{
	float: left;
	margin-left: 10px;
	}
	




#hdr_right{
	width: 28px;
	height: 158px;
	float:left;
	background: url("../img/header_right.png") no-repeat;
	}

#leyenda{
	width: 775px;
	height: 55px;
	margin: 0 auto;
	}
	

/*--------------------------Navegacion*/

#hldr_nav{
	width: 615px;
	height: 40px;
	margin-top:26px;
	float: right;
	}
	
#hldr_nav ul li{
	float: left;
	}
	
#hldr_nav ul li a{
	float: left;
	height: 25px;
	font-size: 13px;
	font-weight: lighter;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	margin: 0 14px 0 14px;
	}
	
#hldr_nav ul li a:hover{
	text-decoration: none;
	color: #F97B1C;
	text-align: center;
	padding-top: 10px;
	border-bottom: solid 4px #F97B1C;
	}

#hldr_nav ul li a.active{
	text-decoration: none;
	color: #F97B1C;
	text-align: center;
	padding-top: 10px;
	border-bottom: solid 4px #F97B1C;
	}	

#hldr_nav ul li a.btn{
	width: 100%;
	}

/*--------------------------Fin Navegacion*/
	



/*----------------------------Contenidos*/

#contenido{
	width: 870px;
	padding:20px 0 20px 0;
	margin: 0 auto;
	}
	
.widget{
	width: 290px;
	height: 264px;
	float:left;
	margin-bottom:10px;
	background: url("../img/bg_widget.png");
	}
	
.widget_news{
	width: 290px;
	height: 264px;
	float:left;
	margin-bottom:10px;
	background: url("../img/bg_widget_news.png");
	}
	
.widget_news p{
	font-size: 13px;
	color: #fff;
	width:240px;
	line-height: 20px;
	}
	
.widget_news h3{
 	font-size: 22px;
 	font-weight: bold;
 	color: #fff;

	}

	
.widget h3{
 	font-size: 18px;
 	font-weight: bold;
 	color: #1a2038;

	}

.widget p{
	font-size: 13px;
	color: #4F576D;
	width:240px;
	}
	
#txt_widget{
	width: 260px;
	margin: 0 auto;
	}
	
#btn_widget{
	width: 225px;
	height: 18px;
	background: url("../img/bg_btn_widget.png") top no-repeat;
	text-align: right;
	padding: 3px 25px 0 0;
	}
	
#btn_widget:hover{
	width: 225px;
	height: 18px;
	padding: 3px 25px 0 0;
	background: url("../img/bg_btn_widget.png") bottom no-repeat;
	}
	
#btn_widget a{
	font-size: 12px;
	color: #fff;
	text-decoration:none;
	}
	
	
#outsourcing{
	width:262px;
	height:151px;
	margin-left:13px;
	background: url("../img/outsourcing.png") no-repeat;
	
	padding: 100px 0 0 6px;
	}
	
#reclutamiento{
	width:254px;
	height:151px;
	margin-left:13px;
	background: url("../img/reclutamiento.png") no-repeat;
	padding: 100px 0 0 10px;
	}
	
#nominas{
	width:254px;
	height:151px;
	margin-left:13px;
	background: url("../img/nominas.png") no-repeat;	
	padding: 100px 0 0 10px;
	}

#psicometria{
	width:254px;
	height:151px;
	margin-left:13px;
	background: url("../img/psicometria.png") no-repeat;
	
	padding: 100px 0 0 10px;
	}
	
#empleo{
	width:254px;
	height:151px;
	margin-left:13px;
	background: url("../img/trabajo.png") no-repeat;
	
	padding: 100px 0 0 10px;
	}
	
#faq{
	width:254px;
	height:151px;
	margin-left:13px;
	background: url("../img/faq.png") no-repeat;
	padding: 100px 0 0 10px;
	}
	
#news{
	width:254px;
	height:151px;
	margin-left:13px;
	padding: 10px 0 0 10px;
	color: #fff;
	}
	
	
#col_a{
	width: 576px;
	float: left;
	overflow: hidden;
	}
	
	
#widget_empleo_center{
	width: 576px;
	padding: 0 0 0 22px;
	background: url("../img/widget_empleo_center.png") repeat-y;
	overflow: hidden;
	}
#widget_empleo_center h1{
	font-size: 22px;
	color: #z313131;
	padding: 0 0 10px 5px;
	}
	
#txt_empleo{
	width: 450px;
	float: left;
	text-align: justify;
	}
	
#txt_empleo h2{
	font-size: 18px;
	color: #39525e;
	margin-bottom: 4px;
	}

#txt_empleo p{
	font-size: 14px;
	color: #39525e;
	line-height: 18px;
	}
	
.bloque_empleo{
	width: 530px;
	background-color: #e7eef0;
	padding: 10px 2px 10px 2px;
	overflow: hidden;
	}
	

	
	
/**/

#nav_empleo{
	float: right;
	}

#botonera_empleo{
	width: 534px;
	height: 31px;
	padding: 6px 0 0 0;
	background: #d1dee2;
	margin-bottom: 20px;
	}
	
#botonera_empleo p{
	width: 280px;
	float: left;
	font-size: 13px;
	color: #39525e;
	margin: 4px 0 0 10px;
	text-align: right;
	}
	
#botonera_empleo ul li{
	float: left;
	}
	
#botonera_empleo li a{
	width:100px;
	height: 21px;
	margin: 0 8px 0 8px;
	padding-top:4px;
	float: left;
	font-size: 13px;
	font-weight: lighter;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: url("../img/btn_pre.gif") no-repeat center top;
	}
	
#botonera_empleo ul li a:hover{
	color: #fff;
	background-position: center bottom;
	}

#col_b{
	width: 290px;
	float: right;
	}
	
#col_b h2{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	}
	
#widget_trabajo_center{
	width: 260px;
	overflow: hidden;
	padding:5px 15px 5px 15px;
	text-align:left;
	background: url("../img/widget_center_trabajo.png") repeat-y;
	}
	
#widget_trabajo_center .todos{
	font-size: 13px;
	color: #6B748C;
	}
	
#widget_trabajo_center .todos:hover{
	font-size: 13px;
	color: #F97B1C;
	}

#widget_trabajo_center li {
	margin-bottom: 12px;
	}

#widget_trabajo_center li a{
	display: block;
	font-size:16px;
	color: #434343;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	border-bottom: solid 1px #DFEEF4;
	}
	
#widget_trabajo_center li a:hover{
	border-bottom: solid 1px #C1DEE8;
	border-top: solid 1px #C1DEE8;
	background-color: #DFEEF4;
	}
	
#widget_trabajo_center li a span{
	display: block;
	color: #6B748C;
	font-size:11px;
	padding: 4px 0 0 0;
	}
	
#widget_trabajo_center p{
	font-size: 14px;
	color: #434343;
	line-height: 20px;
	}


/**/
		
	
#fecha_post{
	width: 66px;
	height: 49px;
	float:left;
	padding: 6px 0 10px 0;
	margin-right:5px;
	background: url("../img/cuadro_fecha.gif");
	}
	
#fecha_post h3{
	font-size: 30px;
	color: #7897a5;
	font-weight:bold;
	letter-spacing:-2px;
	width:50px;
	height:35px;
	margin: 0 auto;
	text-align: center;
	}
	
#fecha_post h4{
	font-size: 13px;
	color: #fff;
	font-weight:bold;
	width:50px;
	margin: 0 auto;
	text-align: center;
	}
	
/*slider principal*/

#slider {
	width: 870px; 
	margin: 0 auto;
	background: url("../img/bg_slider.png") top center no-repeat;
	}

/*imagenes del slider*/

	
#hdr_contenidos{
	width: 870px;
	margin: 0 auto;
	margin-bottom: 15px;
	}
	
.hdr_acerca{
	background: url("../img/hdr_acerca.png") center top no-repeat;
	padding-top: 198px;
	height: 142px;
	}
	
.hdr_mision{
	background: url("../img/bg_mision.png") center top no-repeat;
	height: 188px;
	}
	
#quienes{
	width: 780px;
	height: 120px;
	margin: 0 auto;
	}

#quienes h2{
	font-size: 22px;
	color: #F97B1C;
	font-weight: bold;
	}
	
#quienes p{
	font-size: 13px;
	color: #4f576d;
	line-height: 18px;
	text-align: justify;
	}

#quienes strong{
	font-weight: bolder;
	}
	
#txt_vm{
	width: 360px;
	height: 100px;
	padding:20px 0 0 20px;
	float: left;
	margin-left: 5px;
	}
	
#txt_vm h2{
	font-size: 22px;
	font-weight: bold;
	color: #DFEEF4;
	}
	
#txt_vm p{
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	text-align: justify;
	}
	
#widget_contenidos{
	width: 870px;
	margin: 0 auto;
	margin-bottom: 15px;
	}
	
#widget_top{
	width: 100%;
	height: 10px;
	background: url("../img/top_contenido.png") center no-repeat;
	}
	
#widget_bottom{
	width: 100%;
	height: 28px;
	background: url("../img/bottom_contenido.png") center no-repeat;
	}
	
#widget_center{
	width: 790px; 
	overflow:hidden;
	padding:10px 40px 10px 40px;
	background: url("../img/center_contenido.png") repeat-y;
	}
	
#widget_center h2{
	font-size: 22px;
	font-weight: bold;
	color: #F97B1C;
	}
	
#widget_center h3{
	font-size: 18px;
	font-weight: bold;
	color: #959DAD;
	}
	
#widget_center h4{
	font-size: 13px;
	color: #7a8185;
	font-style: italic;
	}
	
#widget_center p{
	font-size: 14px;
	color: #4F576D;
	line-height: 22px;
	text-align: justify;
	}
	
#widget_center strong{
	font-weight: bolder;
	font-size: 14px;
	}
	
#widget_center span{
	font-style: italic;
	}
	
#widget_center li{
	display: block;
	margin-left: 15px;
	font-size: 13px;
	color: #6B748C;
	line-height: 20px;
	}

/*fin imagenes del slider*/
	
#slider h1 {
	font-size: 24px;
	color: #fff;
	padding:10px 0 0 25px;
	margin:  0 0 0;
	line-height: 30px;
	}

#slider a {
	font-size:13px;
	color:#D7DF23;
	padding:5px 0 0 25px;
	margin:0;
}

#slider a:hover {
	
	color:#4F87C6;
	
}
	
	
#slider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#slider ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
} 

#slider .slides {
	width: 800px;
	margin: 10px 0 0 40px;
	padding-top: 5px;
}

#slider .slides ul {
	width: 4250px;
}

#slider .slides li {
	width: 800px;
	float: left;
	}
	
#slider .slides li h2{
	font-size: 22px;
	font-weight: bold;
	color: #4F87C6;
	}
	
#slider .slides li p{
	font-size: 13px;
	color: #4f576d;
	line-height: 18px;
	}
	

#slider .slides li strong{
	font-weight: bolder;
	
	}



#slider .slider_nav {
	width:835px;
	height: 55px;	
	margin-top:50px;
	margin-left: 30px;
	}

#slider .slider_nav li {
	float: left;
	
	}

#slider .slider_nav li a {
	font-size: 12px;
	color:#6b748c;
	font-style:normal;
	text-align: center;
	letter-spacing:1px;
	text-decoration: none;
	padding: 15px 4px 0 4px;
	width: 106px;
	display: block;
	outline: none;	
	}

.js #slider .slider_nav li.on,
.js #slider .slider_nav li.on a {
	height:40px;
	color: #212847;
	font-weight:bolder;
	}

.js #slider .slider_nav li.on a {
position: relative;
background: url("../img/bg_btn_slider.gif") center no-repeat;

}

/*slider finale*/


/*----------------------------Fin Contenidos*/




/*-----------------formulario*/
#form1{
	table-layout: fixed;
	font-size: 16px;
	color: #4f576d;
	}
	
input{
	border: solid 1px #D2D3D6;
	font-size: 16px;
	color: #212847;
	padding: 2px 1px 2px 1px;
	margin: 5px 0 5px 0;
	}
	
input:hover{
	border: solid 1px #F97B1C;
	
	}
	
textarea{
	width:380px;
	border: solid 1px #D2D3D6;
	font-size: 16px;
	color: #212847;
	padding: 2px 1px 2px 1px;
	}
	
textarea:hover{
	border: solid 1px #F97B1C;
	}


/*------------------fin formulario*/


/*-----------------------------footer*/

#footer{
	width: 100%;
	height:195px;
	padding: 25px 0 0 0;
	float:left;
	background: url("../img/bg_footer.gif") repeat-x;
	}
	
#hldr_footer{
	 width: 850px;
	 margin: 0 auto;
	}
	
#logo_footer{
	width: 120px;
	height: 32px;
	margin-left:40px;
	float: left;
	}
	
#txt_footer{
	width: 300px;
	height: 120px;
	float: right;
	margin-left:20px;
	text-align: left;
	line-height: 15px;
	}
	
#txt_footer p{
	font-size: 13px;
	color: #6b748c;
	line-height: 18px;
	
	}
	
#txt_footer span{
	font-size:15px;
	color: #323a4f;
	font-weight: bold;
	}
	
#txt_footer a{
	font-size: 11px;
	color: #F97B1C;
	}
	
#txt_footer a:hover{
	font-size: 11px;
	color: #CC5D11;
	}

/*-----------------------------fin footer*/