/*------------------------------------------------------------------------
# Empleo Listo Template - Version 1.0
# ------------------------------------------------------------------------
# Copyright (C) 2010 Assured Labor
# @license - Copyrighted Commercial Software
# Author: Toolbox Design Studio
# Websites:  http://www.toolboxds.com
-------------------------------------------------------------------------*/

/* ESTILOS COMUNES
--------------------------------------------------------- */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #bbbebe;
	background: #023465 url(../images/fondo_top.jpg) repeat-x;
	line-height: normal;
	font-size: 12px;
}
a {
	color: #FFF;
	text-decoration: none;
}
h1 , h2, h3, h4, h5, h6, p, li{
	margin-top: 10px;
	/*margin-left: 10px;*/
}
h1 {font-size: 150%;}
/*h2 {font-size: 125%;}*/
h3 {font-size: 115%;}
h4 {font-size: 105%;}

ul {
	list-style: none;
}

ul li {
	/*background: url(../images/bullet.gif) no-repeat 20px 4px;*/
	/*padding-left: 30px;*/
}

ol li {
	margin-left: 35px;
	list-style: decimal;
}
tr:hover{
	color: #CED0D0;
}
th {
	font-weight: bold;
	padding: 8px;
	text-align: left;
	background: #022042;
	border-bottom: 2px solid #3B98F5;
	color: #CED0D0;
}
td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #3B98F5;
}
.clr {
	clear: both;
	float: none;
	font-size:0px;
	height:0;
	
}
.clrfb:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* DIVISIONES Y ESTILOS PROPIOS
--------------------------------------------------------- */

/* barra superior */
#barra_superior {
	width: 1127px;
	margin-right: auto;
	margin-left: auto;
	height: 201px;
}
#barra_superior #logo {
	float: left;
	background: url(../images/logo_empleolisto.jpg) no-repeat 100% 0;
	width: 392px;
	height: 135px;
}

/* menu superior */
#menu_superior {
	padding-top: 15px;
	float: left;
	width: 660px;
}

#menu_superior ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #FFF;
}
#menu_superior ul li a:hover {
	text-decoration: underline;
}

#menu_superior ul {
	text-align: right;
	margin: 0px;
	padding: 0px;
	list-style:  none;
}

#menu_principal {
	position: relative;
	margin-left: 72px;
	clear: left;
	width: 983px;
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
}

/* menu principal */
#menu_principal ul {
	list-style: none;	
}

#menu_principal ul li {
	float: left;
	line-height: 59px;
	font-size: 14px;
	text-transform: uppercase;
	background: url(../images/menu_sep.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#menu_principal ul li a {
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 1px;
}

#menu_principal ul li .actual, 
#menu_principal ul li a:hover,
#menu_principal ul li:hover a,
#menu_principal ul li.hover a /* last definition here for IE6 */ {
	background: url(../images/fondo_link_over.jpg) repeat-x;
}

/*Submenu*/
#menu_principal ul ul {
	display:none;
	position:absolute;
	left:0;top:59px;
	background: #0949A3;
	margin: 0; padding: 0;
	width: 170px;
	z-index:1000;
}
		
#menu_principal ul ul li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #05346A;
	border-bottom: 1px solid #1e71de;
	clear: both;
	width: 170px;
	background: none;
	line-height:39px;
	font-size:12px;
}

#menu_principal ul ul li a,
#menu_principal ul li.active li a,
#menu_principal ul li:hover ul li a,
#menu_principal ul li.hover ul li a /* last definition here for IE6 */ {
	background: #063E7B;	
}

#menu_principal ul ul li a:hover,
#menu_principal ul li.active li a:hover,
#menu_principal ul li:hover ul li a:hover,
#menu_principal ul li.hover ul li a:hover /* last definition here for IE6 */ {
	background: url(../images/fondo_link_over.jpg) repeat-x;
}

#menu_principal ul li:hover ul,
#menu_principal ul li.hover ul /* last definition here for IE6 */ { 
	display:block;
}

#inicio_sesion {
	float: right;
	line-height: 59px;
}
#inicio_sesion .session_start {
	background: url(../images/sprite_user_icon.jpg) no-repeat;
	background-position: 0 0px;
	display: block;
	padding-left: 50px;
	padding-right: 20px;
	text-transform: uppercase;
}
#inicio_sesion a:hover {
	/*background: url(../images/user_icon_over.jpg) no-repeat;*/
	background-position: 0 -59px;
}


/* contenido */
.contenedor_princ {
	position: relative;
  	background: #f6f7f8 url(../images/fondo_contenedorprinc.jpg) repeat-x;
}
.contenedor_princ .contenido {
	width: 983px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	padding-top: 30px;
}

/* columna candidatos */
.contenido #candidatos {
	background: transparent url(/content/images/candidatos_ttl.jpg) no-repeat;
	width: 322px;
	float: left;
	margin-right: 32px;
}
.contenido h1  {
	width: 100%;
	height: 312px;
	text-indent: -9999%;
	margin: 0px;
	padding: 0px;
}
.contenido h1 a {
	display: block;
	height: 100%;
	width: 100%;
	outline:none;
}
.contenido .descripcion {
	width: 322px;
	
	font-size: 14px;
	color: #FFF;
	margin-bottom: 23px;
}
.contenido .descripcion h2 {
	color: #FFF;
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 15px;
	margin: 0px 25px 10px;
}
.contenido .descripcion p {
	font-size: 14px;
	color: #FFF;
	margin: 10px 25px;
}
.contenido .descripcion .link {
	padding-top: 17px;
}

#candidatos .link {
	padding-left: 128px;
}

#candidatos .link .accion  {
	text-transform: uppercase;
	display: block;
	background: url(../images/home-buttons-sprite.jpg) no-repeat;
	background-position: 0 0px;
	font-size: 13px;
	padding-left: 35px;
	height: 43px;
	line-height: 34px;
	color: #FFF;
}
#candidatos .link .accion:hover {
	background-position: 0 -93px;
	text-decoration: underline;
}

.link a:hover {
	color: #EEE;
}


/* columna empresa */
.contenido #empresas {
	background: transparent url(/content/images/empresas_ttl.jpg) no-repeat;
	width: 322px;
	float: left;
	margin-right: 38px;
}

#empresas .link {
	padding-left: 105px;
}

#empresas .accion  {
	text-transform: uppercase;
	display: block;
	background: url(../images/home-buttons-sprite.jpg) no-repeat;
	background-position: 0 -186px;
	font-size: 13px;
	padding-left: 35px;
	height: 43px;
	line-height: 34px;
}
#empresas .accion:hover {
	background-position: 0 -279px;
	text-decoration: underline;
}


/* barra modulos */
.contenido #modulos {
	float: left;
	width: 263px;
}
.modulo .titulo {
	background: #dadada;
	padding: 7px;
}
.modulo h3  {
	background: #356aa0;
	font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 10px;
	text-transform: uppercase;
	margin: 0px;
}
.modulo h4 {
	background: transparent url(../images/lateral_h4.png) no-repeat;
	letter-spacing: 1px;
	line-height: 30px;
	color: #707b85;
	text-transform: uppercase;
	padding-left: 23px;
	font-size: 16px;
	margin: 0px;
}
.modulo .testimonio {
	background: #DADADA;
	font-size: 11px;
	font-style: italic;
	color: #2f3741;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 1px solid #DADADA;
	line-height: 12px;
}
.testimonio .fcandidato {
	background: url(../images/candidatos_firma.jpg) no-repeat right;
	height: 50px;
	text-align: right;
	clear: both;
	float: none;
	padding-right: 10px;
	font-size: 12px;
	color: #2f3741;
	font-style: normal;
	font-weight: bold;
}
.testimonio .fempresa {
	background: url(../images/empresas_firma.jpg) no-repeat right;
	height: 50px;
	text-align: right;
	clear: both;
	float: none;
	padding-right: 10px;
	font-size: 12px;
	color: #2f3741;
	font-style: normal;
	font-weight: bold;
}

.testimonio p img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.modulo .separador {
	background: #DADADA url(../images/separador_modulos.jpg) no-repeat;
	height: 12px;
}
.modulo .logostv {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
}

/* pie */
#pie {
	background: #01152E url(../images/fondo_pie.jpg) repeat-x;	/*height: 386px;*/
}

#pie .contenedor {
	width: 1130px;
	padding-left: 7%;
	margin-right: auto;
	margin-left: auto;
	padding-top:25px;
}
#pie .contenedor .barra_izq {
	float: left;
	width: 672px;
	margin-right: 25px;
}
#pie .contenedor .barra_der {
	width: 305px;
	background: url(../images/facebook_sombra.jpg) no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
}
.contenedor h2 {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* articulos */
.barra_izq .articulos   {
	background: url(../images/fondo_articulos.jpg) no-repeat;
	padding-top: 1px;
}
.articulos .articulo {
	border-bottom: 1px dashed #92a7bc;
	padding-bottom: 10px;
}
.articulos .ultimo {
	border-bottom: none;
	padding-bottom: 10px;
}

.articulo h3 {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}
.articulo p {
	font-size: 12px;
	color: #bbbebe;
	margin-top: 10px;
	margin-bottom: 10px;
}
.articulo .leermas {
	background: url(../images/bullet_leermas.png) no-repeat 2px;
	padding-left: 20px;
	color: #ed7c1e;
	text-decoration: none;
}
.articulo .leermas:hover {
	text-decoration:underline;
	color: #D7914A;
}

/* modulo facebook */
.barra_der .facebook   {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	background: #01172F url(../images/fondo_facebook.jpg) repeat-x;
	border-top: 1px solid #012d59;
	border-right: 1px solid #012d59;
	border-left: 1px solid #012d59;
	padding-right: 7%;
	padding-left: 7%;
	padding-top: 7%;
	border-bottom: 1px solid #051222;
}

.fan_box h1, .fan_box h2, .fan_box h3, .fan_box h4, .fan_box h5, .fan_box h6 {
    color: #ED7C1E;
}

.fan_box .full_widget {
    background: none repeat scroll 0 0;
    border: none;
}

.fan_box .full_widget .connect_top {
    background: none repeat scroll 0 0;
}

.fan_box .page_stream {
    border-top: none;
}

.connect_button,
.UIStoryAttachment_Caption, 
.UIStoryAttachment_Copy,
.UIIntentionalStory_Location,
.UIIntentionalStory_Time,
.UIIntentionalStory_Time a {
    color: #2184F5;
}

.facebook .post {
	font: 10px Verdana, Geneva, sans-serif;
}
.facebook a:hover {
	text-decoration: underline;
}
.facebook a {
	color: #2184F5;
}
.facebook h2 {
	margin-left:0px;
}

.facebook .post img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.facebook .post h3 {
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #e8e8e9;
	margin-top: 10px;
	margin-bottom: 10px;
}
.facebook .post p {
	color: #3b98f5;
	margin-top: 10px;
	margin-bottom: 10px;
	font: 10px/12px Verdana, Geneva, sans-serif;
}

.facebook .post .detalles span {
	font-style: italic;
}
.facebook .post .detalles {
	color: #3b98f5;
	font-size: 10px;
	line-height: 11px;
}

/* creditos */
#pie .creditos {
	background: url(../images/separador_pie.jpg) repeat-x;
	width: 1002px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #cacaca;
}
#pie .creditos .copy {
	float: left;
}
#pie .creditos .toolbox {
	float: right;
}
#pie .creditos a:hover {
	text-decoration: underline;
}

/* New Styles for Home Page Dropdown
--------------------------------------------------------- */

#country {
	padding-top: 15px;
	float: left;
	width:300px;
	}
	
#country li {
	clear: both;
	display: block;
	margin: 0px 0px 0px 20px;
	}
	
.leftLabel label.desc {
	float: left;
	margin: 2px 5px 0px 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	}

label.desc {	
	border: none;
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	padding: 0px 0px 1px;
	}