@charset "utf-8";
/* CSS Document */
* {
	outline: none;
	padding: 0;
	margin: 0 auto;
}
html {
/*	height: 100%;*/
}
body {
	text-align: center;
	font-size: 80%;
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #555555;
	background: #D9D6D1 url(/imagenes/fondo.gif) repeat-x;
/*	height: 100%;*/
}
a {
	color: #006983;
	text-decoration: none;
}
a:hover {
	color: #5E6A71;
	text-decoration: underline;
}
h4 {
	color: #01697A;
	margin-bottom: 0.3em;
	font-size: 110%;
}
acronym, abbr {
	cursor: help;
}
address {
	font-style: normal;
}
p {
	margin: 1em auto;
}
p.derecha {
	text-align: right;
}
/*************** FORMULARIOS ****************/
form {
	position: relative;
}
form .info {
	vertical-align: top;
	font-size: 80%;
	color: #555555;
}
fieldset {
	border: none;
	margin: 1em auto 2em auto;
}
fieldset div {
	margin: 0.7em auto;
}
legend span {
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	width: 39em;
	height: 1.6em;
	line-height: 1.7em;
	text-indent: 1em;
	display: block;
	margin: 1em 0em;
}
label {
	font-weight: bold;
	text-align: right;
	width: 10em;
	float: left;
	margin-right: 0.8em;
}
input[type="text"], input[type="password"]  {
	padding: 0.05em 0.5em;
	width: 19em;
	border: solid #CCCCCC 0.02em;
	font-size: 90%;
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #555555;
}
select {
	font-size: 90%;
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #555555;
	border: solid #CCCCCC 0.02em;
	width: 20.3em;
} 
select option {
	padding: 0.01em 0.2em;
}
textarea {
	font-size: 90%;
	font-family: "Trebuchet MS", Helvetica, Arial;
	text-align: justify;
	color: #555555;
	width: 18.5em;
	height: 5em;
/*	margin: 1em auto;*/
	padding: 0.5em 10px;
	border: solid #CCCCCC 0.02em;
}
/*************** TABLAS ****************/
table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;	/*	35em;	*/
}
table caption {
	display: none;
}
table thead th {
	background-color: #CCCCCC;
	color: #555555;
	font-size: 90%;
	padding: 0.1em 0.4em;
}
table thead tr {
	border-bottom: none;
}
td {
	border-bottom: #CCCCCC solid 0.1em;
	color: #555555;
	font-size: 83%;
	padding: 0.1em 0.6em;
}
table a {
	letter-spacing: 0.01em;
}



/***	CONTENEDOR	***/
#contenedor {
	width: 60em;
	margin: 0.5em auto 0em auto;
	min-height: 100%;
	overflow: auto;
	background: #FFFFFF;
	border-bottom: #FFFFFF solid 0.3em;
}
.contenedorSerlog21 {
	border-top: #01697A solid 1em;
}
.contenedorEmpresas {
	border-top: #BEB709 solid 1em;
}
.contenedorEmpresas h4 {
	color: #BEB709;
}
.contenedorCandidatos {
	border-top: #DFAC12 solid 1em;
}
.contenedorCandidatos h4 {
	color: #DFAC12;
}

/***	CABECERA	***/
#cabecera {
	margin: 0;
	padding: 0;
	background: #B4C8AC url(/imagenes/cabecera.jpg) no-repeat center center; 
	height: 8.2em;
	position: relative;
}
#cabecera h1 {
	margin: 0;
	float: left;
}
#cabecera h1 a {
	text-decoration: none;
	display: block;
	height: 3.2em;
	width: 2.3em;
	background: url(/imagenes/logo_cabecera.gif) no-repeat top left; 
	position: absolute;
	top: 0.6em;
	left: 0.7em;
}
#cabecera h1 a span {
	display: none;	
}

/***	MENU		***/
#menu {
	margin-left: 33.33%;	/*	20em	*/
	list-style: none;
	float: left;
	width: 66.66%;	/*	40em	*/
}
#menu li {
	float: left;
	list-style: none;
	width: 50%;
}
#menu .activo {
	display: none;
}
#menu a, #menuLegal a {
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	height: 1.4em;
	width: 100%;
}
#menu a:hover, #menuLegal a:hover {
	text-decoration: none;
}
#menuSerlog21 {
	background-color: #01697A;
}
#menuEmpresas {
	background-color: #BEB709;
}
#menuCandidatos {
	background-color: #DFAC12;
}	

/***	SUBMENU		***/
#lateralIzq {
	width: 33.33%;	/*	34%	*/
	min-height: 30em; /*posteriormente revisar cuando estn los contenidos para ver si funciona*/
	height: auto !important;
	position: relative;
	float: left;
	margin-top: -1.55em;
}
#lateralIzq h2 {
	width: 85%;	/*14em;*/
	text-align: left;
	position: absolute;
	top: 0.75em;
	right: 0;	/*left: 3em;*/
	font-size: 120%;
	font-weight: bold;
}
.contenedorSerlog21 #lateralIzq h2 {
	color: #779ca2;
	background: url(/imagenes/barraSerlog21.gif) no-repeat right center;
}
.contenedorEmpresas #lateralIzq h2 {
	color: #eae560;
	background: url(/imagenes/barraEmpresas.gif) no-repeat right center;
}
.contenedorCandidatos #lateralIzq h2 {
	color: #f5d986;
	background: url(/imagenes/barraCandidatos.gif) no-repeat right center;
}
#submenu {
	position: absolute;
	top: 6em;
	right: 1em;
	width: 100%;
	float: left;
}
#submenu li {
	list-style: none;
	text-align: right;
	font-size: 1.2em;
	line-height: 2em;
}
#submenu a {
	font-weight: bold;
}
#submenu a:hover {
	text-decoration: none;
}
.contenedorSerlog21 #submenu a {
	color: #779ca2;
}
.contenedorEmpresas #submenu a {
	color: #eae560;
}
.contenedorCandidatos #submenu a {
	color: #f5d986;
}
#submenu a:hover {
	color: #FFFFFF;
}
#submenu .activo {
	font-size: 1.22em;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: -2em;
	right: 0em;
}
.contenedorSerlog21 #lateralIzq {
	background-color: #01697A;
}
.contenedorEmpresas #lateralIzq {
	background-color: #BEB709;
}
.contenedorCandidatos #lateralIzq {
	background-color: #DFAC12;
}



/*** CLASES ***/
.enlaceE {
/*	position: absolute;
	right: 0em;*/
	color: #BEB709;
}
.enlaceE:hover {
	color: #BEB709;
/*	text-decoration: underline;*/	/*ahora hereda de enlace	*/
}
.enlaceC {
/*	position: absolute;
	right: 0em;*/
	color: #DFAC12;
}
.enlaceC:hover {
	color: #DFAC12;
/*	text-decoration: underline;*/	/*ahora hereda de enlace	*/
}
.relativo {
	position: relative;
}
.atras {
	background: url(/imagenes/atras.gif) no-repeat left center;
	padding-left: 1.5em;
	position: absolute;
	right: 0em;
	line-height: 1.5em;
}
.atras:hover {
	background: url(/imagenes/atras_hover.gif) no-repeat left center;
}
.boton {
	background-color: #CCCCCC;
	font-family: "Trebuchet MS", Helvetica, Arial;
	color: #555555;
	font-weight: bold;
	font-size: 88%;
	text-align: center;
	border: solid #555555 0.2em;
	width: 6em;	
	margin-top: 1em;
	padding: 0.1em 0.3em;
	position: absolute;
	right: 0;
	cursor: pointer;
}
.privacidad {
	font-size: 80%;
	margin-top: 8em;
}
.privacidad p {
	margin: 0.5em auto;
}
.mensaje {
	padding: 2.5em 3em;
	text-align: center;
}
.error {
	/*margin-top: 3em;*/
	color: #555555;
	background: url(/imagenes/atencion2.gif) no-repeat left top;
	height: 4em;
	width: 17em;
	padding-left: 6em;
}
.contenedorEmpresas label {
	color: #BEB709;
}
.contenedorCandidatos label {
	color: #DFAC12;
}


/*** CONTENIDOS ***/
#contenido {
	padding: 1em 1.5em;
	width: 35em;
	text-align: justify;
	margin: 2em 0 0 21em;
}
#contenido p, #contenido li {
	font-size: 90%;
}
#contenido ul{
	margin: 1.25em 2em 1em 3em;
}
#contenido h4 {
	margin-top: 0.5em; /* se bloquea con h4 generales*/
}
#contenido h5 {
	margin-top: 1em;
}

/*** Columnas ***/
.columnas {
	overflow: auto;
	width: 100%;	/*	35em;	*/
}
.columna1 {
	width: 46%;
	float: left;
}
.columna2 {
	width: 46%;
	float: left;
	margin-left: 8%;
}
.columna2 ul li {
	margin: 0 -2.2em;
}

/*** Bloques ***/
.bloque {
	background: #FFFFFF url(/imagenes/fondoBloque.gif) repeat-x;
	border: 0.1em solid #CCCCCC;
	padding: 0.5em 1em;
	margin: 1.5em 0em;
}
.bloque h4 {
	background: url(/imagenes/listaSerlog21.gif) left center no-repeat;
	padding: 0em 0em 0em 1.5em;
	color: #01697A;
	font-size: 100%;
}
.bloque ul li {
	margin: 0 -2em 0 -3.3em;
	list-style-position: inside;
}
.bloque img {
	border: 0.1em solid #CCCCCC;
	margin: 1em auto;

}
.centrado {
	text-align: center;
}
.centrado h4 {
	text-align: left;
}


/*** Especificos ***/
#quienesSomos {
	height: 15em;
	display: block;
	background: url(/imagenes/quienesSomos.jpg) top left no-repeat;
/*	height: 11em;*/
	padding-left: 19em;
}
#nuestrosServicios {
	margin-top: 1em;
	display: block;
	background: url(/imagenes/nuestrosServicios.jpg) top center no-repeat;
/*	height: 11em;*/
	padding-top: 15em;
}
#gestionRRHH {
/*	height: 20em;
*/	margin-top: 1em;
	display: block;
	background: url(/imagenes/gestionRRHH.jpg) center center no-repeat;
	padding-top: 20em;
}
#serviciosCandidatos {
	width: 16em;
	padding-right: 22em;
	background: url(/imagenes/serviciosCandidatos.jpg) right center no-repeat;
}
#ofertasEmpleo {
	width: 14.5em;
	padding-right: 20em;
	background: url(/imagenes/ofertasEmpleo.jpg) right center no-repeat;
}
.altaGratis img {
	border: #dfac12 solid 0.3em;
}
.altaGratis:hover img {
	border: #993333 solid 0.3em;
}

/*************** seccin Valores ****************/
#valores1 {
	width: 10em;
	float: left;
	margin-left: 1.25em;
/*		clear: left;*/
}
#valores1 h4 {
	margin-top: 1em;
}
h4.valoresConfianza a span, h4.valoresCompromiso a span, h4.valoresSoluciones a span, h4.valoresExcelencia a span, h4.valoresExperiencia a span, h4.valoresTransparencia a span, h4.valoresInnovacion a span, h4.valoresEvaluacion a span {
	display: none;	
}
h4.valoresConfianza {
	background: url(/imagenes/nuestros_valores/confianza.gif) no-repeat left center;
}
h4.valoresConfianza a {
	display: block;
	height: 2em;
	width: 9em;
	margin-top: 1.25em;
}
h4.valoresConfianza a:hover {
	background: url(/imagenes/nuestros_valores/confianza_hover.gif) no-repeat left center;
}
h4.valoresCompromiso {
	background: url(/imagenes/nuestros_valores/compromiso.gif) no-repeat left center;
}
h4.valoresCompromiso a {
	display: block;
	height: 2em;
	width: 9em;
	margin-top: 1.75em;
}
h4.valoresCompromiso a:hover {
	background: url(/imagenes/nuestros_valores/compromiso_hover.gif) no-repeat left center;
}
h4.valoresSoluciones {
	background: url(/imagenes/nuestros_valores/soluciones.gif) no-repeat left center;
}
h4.valoresSoluciones a {
	display: block;
	height: 2em;
	width: 9em;
	margin-top: 1em;
}
h4.valoresSoluciones a:hover {
	background: url(/imagenes/nuestros_valores/soluciones_hover.gif) no-repeat left center;
}
h4.valoresExcelencia {
	background: url(/imagenes/nuestros_valores/excelencia.gif) no-repeat left center;
}
h4.valoresExcelencia a {
	display: block;
	height: 2em;
	width: 9em;
	margin-top: 1.15em;
}
h4.valoresExcelencia a:hover {
	background: url(/imagenes/nuestros_valores/excelencia_hover.gif) no-repeat left center;
}
h4.valoresExperiencia {
	background: url(/imagenes/nuestros_valores/experiencia.gif) no-repeat left center;
}
h4.valoresExperiencia a {
	display: block;
	height: 2em;
	width: 9em;
	margin-top: 1.65em;
}
h4.valoresExperiencia a:hover {
	background: url(/imagenes/nuestros_valores/experiencia_hover.gif) no-repeat left center;
}
h4.valoresEvaluacion {
	background: url(/imagenes/nuestros_valores/evaluacion.gif) no-repeat left center;
}
h4.valoresEvaluacion a {
	display: block;
	height: 2em;
	width: 9em;
	margin-top: 1.25em;
}
h4.valoresEvaluacion a:hover {
	background: url(/imagenes/nuestros_valores/evaluacion_hover.gif) no-repeat left center;
}
h4.valoresInnovacion {
	background: url(/imagenes/nuestros_valores/innovacion.gif) no-repeat left center;
}
h4.valoresInnovacion a {
	display: block;
	height: 2em;
	width: 10em;
	margin-top: 1em;
}
h4.valoresInnovacion a:hover {
	background: url(/imagenes/nuestros_valores/innovacion_hover.gif) no-repeat left center;
}
h4.valoresTransparencia {
	background: url(/imagenes/nuestros_valores/transparencia.gif) no-repeat left center;
}
h4.valoresTransparencia a {
	display: block;
	height: 2em;
	width: 10em;
	margin-top: 1.65em;
}
h4.valoresTransparencia a:hover {
	background: url(/imagenes/nuestros_valores/transparencia_hover.gif) no-repeat left center;
}
#valores2 {
	margin-right: 1.25em;
	margin-top: 1em;
	float: right;
	width: 19em;
}
#valores2 .valoresConfianza {
	background: url(/imagenes/nuestros_valores/confianza.jpg) no-repeat center top;
	padding-top: 20em;
/*	width: 20em;
	height: 20em;*/
}
#valores2 .valoresSoluciones {
	background: url(/imagenes/nuestros_valores/soluciones.jpg) no-repeat center top;
	padding-top: 20em;
}
#valores2 .valoresCompromiso {
	background: url(/imagenes/nuestros_valores/compromiso.jpg) no-repeat center top;
	padding-top: 20em;
}
#valores2 .valoresExcelencia {
	background: url(/imagenes/nuestros_valores/excelencia.jpg) no-repeat center top;
	padding-top: 20em;
}
#valores2 .valoresExperiencia {
	background: url(/imagenes/nuestros_valores/experiencia.jpg) no-repeat center top;
	padding-top: 20em;
}
#valores2 .valoresEvaluacion {
	background: url(/imagenes/nuestros_valores/evaluacion.jpg) no-repeat center top;
	padding-top: 20em;
}
#valores2 .valoresInnovacion {
	background: url(/imagenes/nuestros_valores/innovacion.jpg) no-repeat center top;
	padding-top: 20em;
}
#valores2 .valoresTransparencia {
	background: url(/imagenes/nuestros_valores/transparencia.jpg) no-repeat center top;
	padding-top: 20em;
}

/*************** seccin Localizacion ****************/
#localizacion {
	float: left;
}
#localizacionDepartamentos {
	float: left;
	margin-left: 7.5em;
}
#localizacionDepartamentos h5 {
	margin-top: 0.3em;
	font-size: 100%;
}
#localizacionSituacion iframe, #localizacionSituacion #map  {
	width: 	100%;	/*	32em	425px	*/
	height: 26em;	/*	350px	*/
	border: solid #01697A 0.25em;
	margin: 0.7em 0em;
}



/***	PIE		***/
.contenedorSerlog21 {
	background-color: #01697A;
}
#pie.contenedorEmpresas {
	background-color: #BEB709;
}
#pie.contenedorCandidatos {
	background-color: #DFAC12;
} 
#pie {
	color: #FFFFFF;
	font-size: 0.9em;
	font-style: normal;
	margin: 0 auto;
	text-align: center;
	width: 66.65em;
}
#pie ul {
	width: 98%;
	margin: 0 auto;
	padding-bottom: 1em;
	text-align: center;
}
#pie li {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0.5em;
}
#pie a {
	color: #FFFFFF;
}
#pie a:hover {
	text-decoration: underline;
}
#pie a img {
	border: medium none;
	vertical-align: middle;
}
#pie a:hover img {
	text-decoration: none;
}
#pie address {
	background-color: #D9D6D1;
	clear: both;
	color: #555555;
	display: block;
	padding-top: 1em;
}
#pie address a {
	color: #555555;
}
#sitios {
	line-height: 2em;
}
#sitios li {
	margin: 0 0.5em;
}
#gt a {
	display: block;
	float: left;
	height: 2em;
	margin: 0 2em;
	width: 4.5em;
}
#gt span {
	display: none;
}
.contenedorSerlog21 #gt a {
	width: 50px;
	height: 21px;
	background: url(/imagenes/pie_pagina/gtSerlog21.gif) top left no-repeat;
}
.contenedorEmpresas #gt a {
	width: 50px;
	height: 21px;
	background: url(/imagenes/pie_pagina/gtEmpresas.gif) top left no-repeat;
}
.contenedorCandidatos #gt a {
	width: 50px;
	height: 21px;
	background: url(/imagenes/pie_pagina/gtCandidatos.gif) top left no-repeat;
}
.contenedorSerlog21 #gt a:hover, .contenedorEmpresas #gt a:hover, .contenedorCandidatos #gt a:hover {
	background-position: 0 -21px;
}