/***************************************************************************************************************************/
/************************************************* CAPAS CUERPO ************************************************************/
/***************************************************************************************************************************/
BODY{ width:951px; padding: 0; margin:auto; background-image:url(../imagenes/bg.png); background-repeat:repeat-x; background-color:#edf1f9; }
.color{ background-color:#eeeeee; width:580px; margin-left:68px; }
.sincolor{ width:580px; margin-left:68px; }
#banner{ width:951px; height:99px;}
#menu{ width:951px; height:94px; background-image:url(../imagenes/menu.png);}
#cuerpo{ width:951px; margin-top:-15px;}
#pie{ width:951px; float:left;}
#pie-logos{ width:951px; height:53px;}
#pie-texto{ background-image:url(../imagenes/pie.png); width:951px; height:63px; background-repeat:no-repeat; float:left;}
/*#pie-texto ul{ display:inline; margin-top:40px; margin-left:5px;}*/
#pie-texto li{ display:inline; /*margin-top:25px;*/ margin-left:5px;}
#pie-texto a {text-decoration:none;  color:#FFF; font-family:arial; font-size:12px;}
/*#pie-texto a:hover { text-decoration:underline;}
#pie-separador{ background-image:url(../imagenes/separador.png); width:1px; height:15px; background-repeat:no-repeat; float:left; margin-top:23px; margin-left:10px; margin-right:15px;}
#pie-inter{ /*width:110px; float:left; margin-top:20px; margin-left:48px;}
#pie-todos{ /*width:125px; float:left; margin-top:20px;}*/
#izquierda{ width:297px; height:198px; float:left; margin-left:28px;}
#centro{ width:297px; height:198px; float:left; margin-left:6px;}
#derecha{ width:297px; height:198px; float:right; margin-right:21px;}
#segunda-izquierda{ width:297px; height:143px; background-image:url(../imagenes/principal-4.png); float:left; margin-left:28px; margin-top:10px;}
#segunda-centro{ width:297px; height:142px; background-image:url(../imagenes/principal-5.png); float:left; margin-left:6px; margin-top:10px;}
#derecha-panel{ /*width:303px;*/ width:319px; margin-left:-17px; height:300px; float:right;}
#segunda-derecha-a{ width:303px; height:19px; background-image:url(../imagenes/caja-superior.png); float:right; margin-right:17px; margin-top:10px;}
#segunda-derecha-b{ width:303px; height:250px; background-image:url(../imagenes/fondo-caja.png); background-repeat:repeat-y; float:right; margin-right:17px;}
#segunda-derecha-c{ width:303px; height:25px; background-image:url(../imagenes/caja-inferior.png); float:right; margin-right:17px;}
#tercera-izquierda{ width:297px; height:148px; background-image:url(../imagenes/principal-6.png); float:left; margin-left:28px; margin-top:3px;}
#tercera-centro{ width:297px; height:150px; background-image:url(../imagenes/conocenos.png); float:left; margin-left:6px;}

/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/

#somos{ width:951px; min-height:507px; background-image:url(../imagenes/fondo-somos.png); background-repeat:no-repeat; background-position: 29px 0px;}
.somos-titulo{ width:421px; height:44px; margin-top:32px; margin-left:68px;}
.texto-somos{ font-family:Arial; font-size:16px; color:#6e0550; width:296px; height:84px; margin-left:68px;}
.noticias-titulo{ width:321px; height:35px; margin-top:32px; margin-left:68px; margin-bottom:34px;}
.buscar-titulo{ height:43px; margin-top:32px; margin-left:68px; margin-bottom:15px;}
#Noticia-Fecha{ font-family:Arial; color:#6e0550; font-size:12px; padding-top:10px;}
#paginaSuperior img{ border:0px; margin-left:5px;}
#paginaSuperior a{ text-decoration:none;}
#paginaSuperior{width:580px; height:21px; margin-left:69px;font-family:Arial; color:#6e0550; font-size:12px; margin-top:20px; text-align:right; margin-bottom:30px;}
#Noticia-Titulo{ font-family:Arial; color:#012054; font-size:12px; width:266px; float:left;}
#Noticia-Titulo a{ text-decoration:none; color:#012054;}
#Noticia-Titulo a:hover{ text-decoration:underline; color:#012054;}
#Noticia-Texto-Mas{ width:680px;}
#Noticia-Texto{ color:#707070; font-size:12px; font-family:Arial; width:475px; margin-bottom:10px;}
#Noticia-mas{ width:313px; height:30px; float:left; }
#Noticia-mas img{ border:0px;}
#Noticia-mas img{float:right;}
#Noticia-Separador{background-image:url(../imagenes/separador-largo.png); width:580px; height:1px;}
#Noticia-Ampliada-Titulo{font-family:Arial; color:012054; font-size:30px; width:800px; float:left; margin-left:68px; margin-top:32px; color:#012054;}
#Noticia-Ampliada-Fecha{ font-family:Arial; font-size:26px; color:#6e0550; width:800px; float:left; margin-left:68px; margin-top:10px;}
#Noticia-Ampliada-Texto{ font-family:Arial; font-size:15px; color:#707070; width:800px; float:left; margin-left:68px; margin-top:10px;}
#Noticia-Ampliada-Texto img { border:0px;}
#Noticia-Ampliada-Volver{ font-family:Arial; font-size:19px; color:#6e0550; width:800px; float:left; margin-left:68px; margin-top:10px;}
#Noticia-Ampliada-Foto{ float:left; width:800px; margin:15px 0px 0px 68px;}
#Noticia-Ampliada-Foto a { margin-right:10px;}
#Noticia-Ampliada-Foto img { border:0px;}
#Noticia-Ampliada-Resumen{ float:left; width:600px; padding-left:20px; margin-top:10px; }
#Noticia-Ampliada-Resumen2{ float:left; width:750px;}
/******************************************************************************************************************/
/************************************SECCION CONTACTA**************************************************************/
#contacta{ width:951px; height:684px; background-image:url(../imagenes/seccion-contato.png); background-repeat:no-repeat;	}
#contacta a{ text-decoration:none; }
#contacta a:hover{ text-decoration:underline;}
.text-contacta-azul{ color: #012054; font-size:16px; font-family:Arial;}
.text-formulario-azul{color: #012054; font-size:13px; font-family:Arial;}
.caja-form{ width:216px; border-color:#999999; border-width:1px; border-style:solid; margin-top:7px; margin-bottom:7px;}
.caja-comentarios{ width:325px; height:99px; border-color:#999999; border-width:1px; border-style:solid; margin-top:7px; margin-bottom:7px;}
#boton_enviar{ background-color:#012055; color:#ffffff; font-family:VAGRounded BT; font-size:14px; border-style:none;}
.text-contacta-lila{ color: #6e0550; font-size:16px; font-family:Arial;}
.text-contacta-gris{ color: #959595; font-size:16px; font-family:Arial;}
.contacta-titulo{ width:391px; height:33px; margin-top:32px; margin-left:68px; margin-bottom:38px;}
.registrarse-titulo{ width:330px; height:43px; margin-top:32px; margin-left:68px; margin-bottom:38px;}
#dibujo{ width:22px; float:left;}
#texto-209{ width:209px; float:left; margin-left:18px; margin-right:18px;}
#texto-209 p{ margin-bottom:0px; margin-top:0px;}
#texto-137{ width:137px; float:left; margin-left:4px;}
#texto-370{ width:370px; float:left;}
#texto-370 p{ margin-bottom:0px; margin-top:0px;}
#texto-500{ width:500px; float:left;}
#texto-500 p{ margin-bottom:0px; margin-top:0px;}
#texto-137 p{ margin-bottom:0px; margin-top:0px;}
#texto-400{ width:400px; float:left; margin-left:18px; margin-right:18px;}
#texto-400 p{ margin-bottom:0px; margin-top:0px;}
#texto-800{ width:800px; float:left; margin-left:18px; margin-right:18px;}
#texto-800 p{ margin-bottom:0px; margin-top:0px;}
#caja-433{ width:433px; float:left; margin-left:68px; margin-bottom:13px;}
#caja-470{ width:470px; float:left; margin-left:68px; margin-bottom:13px;}
#caja-800{ width:800px; float:left; margin-left:68px; margin-bottom:13px;}
#caja-750{ width:750px; float:left; margin-left:68px; margin-bottom:13px;}

/******************************************************************************************************************/
/*********************************** LEGISLACION  *****************************************************************/
/******************************************************************************************************************/

.legislacion-titulo{ width:191px; height:44px; margin-top:32px;}
.ofertas-titulo{ width:262px; height:34px; margin-top:32px; margin-left:68px; margin-bottom:38px;}
.usuario-titulo{ width:368px; height:43px; margin-top:32px; margin-left:68px; margin-bottom:38px;}
.aplicacion-titulo{ width:312px; height:44px; margin-top:32px; margin-left:68px; margin-bottom:38px;}
.clientes-titulo{ width:256px; height:35px; margin-top:32px; margin-left:68px; margin-bottom:38px;}

/******************************************************************************************************************/
/*********************************** SECCIÓN AREA *****************************************************************/
/******************************************************************************************************************/
.area-titulo{ width:228px; height:52px; margin-top:32px; margin-left:68px; margin-bottom:15px;}

/*******************************************************************************************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
.titulo{ font-family:Arial; color:#6e0550; font-size:19px; margin-bottom:5px; float:left; width:951px;}
.texto{ font-family:Arial; color:#959595; font-size:12px; margin-top:0px; float:left; width:951px;}

#cuerpo-area{ width:579px; margin-left:68px;}
#texto-area{ width:523px; float:left;}
#imagen-area{ width:56px; float:left; vertical-align:middle; padding-top:20px;}
#imagen-legislacion{ width:56px; float:left; vertical-align:middle; padding-left:60px;}
#imagen-legislacion img{ border:0px;}
#separador-area{ background-image:url(../imagenes/separador-punteado.png); background-repeat:repeat-x; width:579px; height:16px; float:left;}

/***************************************************************************************************************************/
/************************************************* CAPAS TEXTO DERECHA *****************************************************/
/***************************************************************************************************************************/

#Noticias-Eventos{ width:278px; height:22px; background-image:url(../imagenes/Noticias-Eventos.png); background-repeat:no-repeat; margin-left:24px;}
#Noticia-Eventos-Titulo{ font-family:Arial; font-size:12px; color:#012054; margin-left:24px; margin-top:5px; width:264px; font-weight:bold;}
#Noticia-Eventos-Titulo a{ font-family:Arial; font-size:12px; color:#012054; /*margin-left:24px;*/ margin-top:10px; width:264px; font-weight:bold; text-decoration:none;}
#Noticia-Eventos-Titulo a:hover{ font-family:Arial; font-size:12px; color:#012054; /*margin-left:24px;*/ margin-top:10px; width:264px; font-weight:bold; text-decoration:underline;}
#Noticia-Eventos-Texto{ font-family:Arial; font-size:12px; color:#707070; margin-left:24px; width:265px;}
#Noticia-Eventos-Separador{ height:1px; width:259px; background-image:url(../imagenes/separador2.png); margin-left:24px; margin-top:8px; margin-bottom:8px;}
#Conoce-Interempleo{ width:277px; height:22px; background-image:url(../imagenes/Conoce-Interempleo.png); margin-left:11px; margin-top:13px;}
#Conoce-Interempleo-Texto{ height:73px; width:265px; font-family:Arial; font-size:11px; color:#707070; margin-top:5px; padding-left:12px;}
.informacion{ font-family:Arial; font-size:12px; color:#012054;}

/***************************************************************************************************************************/
/************************************************* MENU ********************************************************************/
/***************************************************************************************************************************/

#interior{ width:951px; height:32px;}
.menu1 a { border:none; background-repeat:no-repeat; width:89px; height:12px; float:left; margin-top:32px; }
.menu1 a:hover { background-position: 0 -12px; text-decoration: none; }
.menu1 a { background-image: url(../imagenes/home2.png); }
.menu2 a { border:none; background-repeat:no-repeat; width:129px; height:12px; float:left; margin-left:1px; margin-top:32px;}
.menu2 a:hover { background-position: 0 -12px; text-decoration: none; }
.menu2 a { background-image:url(../imagenes/quienes-somos2.png);}
.menu3 a {  border:none; background-repeat:no-repeat; width:155px; height:12px; float:left; margin-top:32px;}
.menu3 a:hover { background-position: 0 -12px; text-decoration: none; }
.menu3 a { background-image:url(../imagenes/not-event2.png); }
.menu4 a { border:none; background-repeat:no-repeat; width:135px; height:12px; float:left; margin-top:32px;}
.menu4 a:hover { background-position: 0 -12px; text-decoration: none; }
.menu4 a { background-image:url(../imagenes/buscar-trabajo2.png); }
.menu5 a { border:none; background-repeat:no-repeat; width:101px; height:17px; float:left; margin-left:1px; margin-top:28px;}
.menu5 a:hover { background-position: 0 -20px; text-decoration: none; }
.menu5 a { background-image:url(../imagenes/legislacion2.png); }
.menu6 a { display:block; border:none; background-position:center top; background-repeat:no-repeat; width:88px; height:12px; float:left; margin-top:32px;}
.menu6 a:hover { background-position: 0 -12px; text-decoration: none; }
.menu6 a { background-image:url(../imagenes/contacto2.png); }
.menu7 a {  display:block; border:none; background-position:center top; background-repeat:no-repeat; width:251px; height:16px; float:left; margin-top:28px;}
.menu7 a:hover { background-position: 0 -16px; text-decoration: none; }
.menu7 a { background-image:url(../imagenes/area.png); }



#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../imagenes/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; overflow:none; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imagenes/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imagenes/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; overflow:hidden;	}		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 1000px; }