@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
// @Sitio: Grupo Abaco			 								 		 //
// @Version: 1.0														 //
// @Autor: Genotipo Laboratorio Creativo								 //
// @Fecha: 04 Noviembre 2008											 //
// Descripción: Archivo de Estilos Estructurales CSS					 //
/////////////////////////////////////////////////////////////////////////*/

@import url("../css/globals.css");

/*///////////////////////////////////////////
//				Top Links				   //		
///////////////////////////////////////////*/

.top-links{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#home-link{
	width:auto;
	float:left;
	padding:5px 0;
}

#clientes-link, #contacto-link, #galeria-link{
	width:auto;
	float:right;
	margin:0 5px 0 0;
	padding:5px 0;
	height:auto;
}

#home-link a, #clientes-link a, #contacto-link a, #galeria-link a{
	color:#fff;
	text-decoration:none;
	padding:10px;
	height:auto;
}

#home-link a:hover{
	background:url(../images/hover-home.png) repeat-x top;
}

#clientes-link a:hover{
	background:url(../images/hover-clientes.png) repeat-x top;
}

#galeria-link a:hover{
	background:url(../images/hover-galeria.png) repeat-x top;
}

#contacto-link a:hover{
	background:url(../images/hover-contactos.png) repeat-x top;
}

/*///////////////////////////////////////////
//			   	Main Container   		   //		
///////////////////////////////////////////*/

.main-container{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	background:url(../images/main-container.png) repeat-y top center;
}


/*///////////////////////////////////////////
//			    	Footer				   //		
///////////////////////////////////////////*/

.footer{
	clear:both;
	width:100%;
	height:auto;
	margin:10px 0 0 0;
	padding:10px 0;
	background:#999999;
	color:#fff;
	text-align:center;
}

/*///////////////////////////////////////////
//			    	Menu				   //		
///////////////////////////////////////////*/

.menu {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	list-style-type:none;
}

.menu li {
	display:table-cell;
	float:left;
}

.menu a {
	display:block;
	margin:0;
	padding:10px 0;
	width:180px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#1b61a5;
}
 
.bl a {
	background: #347cae;
}
 
.menu a:hover{
	background:#333333;
}

/*///////////////////////////////////////////
//			    	Productos 			   //		
///////////////////////////////////////////*/


.sub-menu {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	list-style-type:none;
}

.sub-menu li {
	float:left;
	display:table-cell;
}

li span{
	display:none;
}


#nomina a{
	float:left;
	width:180px;
	height:80px;
	text-align:center;
	background:url(../images/sub-nomina.jpg) no-repeat top;
}

#laboral a{
	float:left;
	width:180px;
	height:80px;
	text-align:center;
	background:url(../images/sub-laboral.jpg) no-repeat top;
}

#capacita a{
	float:left;
	width:180px;
	height:80px;
	text-align:center;
	background:url(../images/sub-capacita.jpg) no-repeat top;
}

#seleccion a{
	float:left;
	width:180px;
	height:80px;
	text-align:center;
	background:url(../images/sub-seleccion.jpg) no-repeat top;
}

#consultor a{
	float:left;
	width:180px;
	height:80px;
	text-align:center;
	background:url(../images/sub-consultor.jpg) no-repeat top;
}

/* Hover */

#nomina a:hover{
	background:url(../images/sub-nomina.jpg) no-repeat bottom;
}

#laboral a:hover{
	background:url(../images/sub-laboral.jpg) no-repeat bottom;
}

#capacita a:hover{
	background:url(../images/sub-capacita.jpg) no-repeat bottom;
}

#seleccion a:hover{
	background:url(../images/sub-seleccion.jpg) no-repeat bottom;
}

#consultor a:hover	{
	background:url(../images/sub-consultor.jpg) no-repeat bottom;
}

/*///////////////////////////////////////////
//			    Quienes Somos			   //		
///////////////////////////////////////////*/

.qs-container{
	float:left;
	width:540px;
	height:auto;
	background:#336699 url(../images/dots.png) no-repeat top right;
	color:#fff;
}

.qs-container p, .qo-container p, .nomina-container p, .nomina-container h2, .nomina-container ul, .laboral-container ul, .laboral-container h2, .laboral-container p, .seleccion-container p, .seleccion-container ul, .seleccion-container h2, .capacita-container p, .capacita-container ul, .capacita-container h2, .consultor-container p, .consultor-container ul, .consultor-container h2 , .home-container p, .valores-container p, .valores-container ul, .valores-container h2 , .valores-container p, .objetivos-container p, .objetivos-container ul, .objetivos-container h2 , .objetivos-container p{
	margin:20px 50px 0 50px;
	text-align:left;
}

.qs-container h1, .qo-container h1, .nomina-container h1, .laboral-container h1, .seleccion-container h1, .capacita-container h1, .consultor-container h1, .home-container h1, .valores-container h1, .objetivos-container h1{
	margin:50px 0 0 50px;
	text-transform:uppercase;
	line-height:1.0em;
}
.qs-container h1 span, .qo-container h1 span, #mision h1 span, #vision h1 span, .nomina-container h1 span, .laboral-container h1 span, .seleccion-container h1 span, .capacita-container h1 span, .consultor-container h1 span, .home-container h1 span, .valores-container h1 span, .objetivos-container h1 span{
	font-weight:lighter;
}

/*///////////////////////////////////////////
//			    Que Ofrecemos			   //		
///////////////////////////////////////////*/

.qo-container{
	float:left;
	width:540px;
	height:auto;
	color:#003366;
	background:url(../images/dots.png) no-repeat  top right;
}

#qo-logos{
	margin:20px 48px;
	width:auto;
	padding:0;
}

.qo-background{
	float:left;
	width:360px;
	height:400px;
	background:url(../images/qo-background.jpg) no-repeat top center;
}

.co-background{
	float:left;
	width:360px;
	height:400px;
	background: url(../images/contacto-image.jpg) no-repeat top center;
}

.ac-background{
	float:left;
	width:360px;
	height:498px;
	background: url(../images/ac-back.jpg) no-repeat top center;
}

/*///////////////////////////////////////////
//			    	Mision				   //		
///////////////////////////////////////////*/

.ms-container{
	clear:both;	
	width:100%;
	height:510px;
	margin:0;
	padding:1px 0;
	background:url(../images/ms-background.jpg) no-repeat top;
	color:#003366;
}

#mision{
	margin:50px;
	width:500px;
	height:auto;
}

#mision h1, #vision h1{
	text-transform:uppercase;
	line-height:1.0em;
}

#vision{
	margin:50px;
	float:right;
	width:500px;
	height:auto;
}

/*///////////////////////////////////////////
//			    	Nomina				   //		
///////////////////////////////////////////*/

.nomina-container{
	clear:both;
	width:100%;
	background:#005a31 url(../images/dots.png) no-repeat top right;
	margin:0;
	padding:1px 0 0 0;
	color:#fff;
}


/*///////////////////////////////////////////
//			    	Laboral			   	   //		
///////////////////////////////////////////*/

.laboral-container{
	float:left;
	width:540px;
	height:auto;
	background:#ea9819 url(../images/dots.png) no-repeat top right;
	color:#fff;
}

/*///////////////////////////////////////////
//			    	Mision				   //		
///////////////////////////////////////////*/

.home-container{
	clear:both;	
	width:100%;
	height:350px;
	margin:0;
	padding:1px 0 0 0;
	background: #003366 url(../images/dots.png) no-repeat top right;
	color:#fff;
}


/*///////////////////////////////////////////
//			    	Mision				   //		
///////////////////////////////////////////*/

.seleccion-container{
	clear:both;	
	width:100%;
	height:auto;
	margin:0;
	padding:1px 0 0 0;
	background:#acbf28 url(../images/dots.png) no-repeat top right;
	color:#fff;
}

/*///////////////////////////////////////////
//			    Capacita				   //		
///////////////////////////////////////////*/

.capacita-container{
	float:left;
	width:445px;
	height:622px;
	background:#00adee url(../images/dots.png) no-repeat top right;
	text-align:left;
	color:#fff;
}

.capacita-element{
	float: left;
	width:455px;
	height:622px;
	background:url(../images/cp-background.jpg) no-repeat top right;
}

/*///////////////////////////////////////////
//			    Capacita				   //		
///////////////////////////////////////////*/

.consultor-container{
	float: right;
	width:540px;
	height:622px;
	background:#b71f29 url(../images/dots.png) no-repeat bottom center;
	text-align:left;
	color:#fff;
}

/*///////////////////////////////////////////
//			    	Valores				   //		
///////////////////////////////////////////*/

.valores-container{
	float:left;
	width:540px;
	height:auto;
	background: #003366 url(../images/dots.png) no-repeat top right;
	text-align:left;
	color:#fff;
}

/*///////////////////////////////////////////
//			    Objetivos				   //		
///////////////////////////////////////////*/

.objetivos-container{
	float:left;
	width:540px;
	height:350px;
	background: #003366 url(../images/dots.png) no-repeat top right;
	text-align:left;
	color:#fff;
}