@charset "UTF-8";
/* CSS Document */

/*
	www.eticom.com
	Estilos comunes

	Tabla de contenidos:
		Globales
		Layout
			-
			-
			-
*/

/* Globales
-------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: none 0
}

body {
	font-size: 62.5%;
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	color: #12457C;
	text-align: center;
	background: url(../images/bg_eti00.jpg) no-repeat center 88px
}

table {
	border-collapse: collapse;
	border: none 0
}

a {
	color: #036
}

a:hover {
	text-decoration: none
}

/* Layout
-------------------------------------------------- */
/* Comunes
------------------------- */
table.global-container {
	background: url(../images/bg_pie.png) repeat-x center 540px;
	width: 100%
}

table.header {
	width: 100%;
	height: 120px;
	margin: 0 auto
}

table.header#empleo td.left-frame#lf-head {
	background: url(../images/bg_cabiw.png) repeat-x left top
}

table.header#empleo td.main-frame#mn-head {
	background: url(../images/bg_cabcw.png) no-repeat left top;
	width: 960px
}

table.header#empleo td.right-frame#rg-head {
	background: url(../images/bg_cabdw.png) repeat-x left top
}

table.head-content {
	width: 960px;
	height: 120px
}

td.utilities {
	vertical-align: top;
	width: 320px;
	height: 18px
}

td.corporate {
	height: 79px;
	padding: 5px 0 0
}

td.context {
	height: 18px
}

td.conta-content#eticom {
	width: 960px
}

table.content {
	width: 960px;
	margin: 0 auto
}

td.conta-content#empleo td#content-left {
	background: url(../images/bg_destw.png) no-repeat center top;
	vertical-align: top;
	width: 280px
}

td.content-right#empleo {
	background: url(../images/bg_seccw.png) no-repeat center top;
	vertical-align: top;
	width: 680px
}

td.content-right#empleo table.section {
	background: #FFF url(../images/bg_conte.png) repeat-x;
	width: 668px;
	margin: 40px 6px 0
}

td.content-right#empleo table.literarias {
	margin: 30px 6px 0
}

td.content-right#empleo table.section td.blanco {
	background-color: #FFF
}

#navigation {
}

#footer {
	width: 100%;
	margin: 0 auto 20px;
	clear: both
}

table#foot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 960px;
	margin: 0 auto
}

table#foot td {
	width: 50%
}

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

td.utilities h1 span {
	display: none
}

td.utilities img#leyenda {
	height: 12px;
	margin: 0 0 6px;
	float: left
}

td.corporate img#logoeticom {
	float: left
}

td.corporate img.banner {
	float: left;
	margin: 0 0 0 185px
}

td.context p.ruta {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	text-align: left;
	width: 770px;
	float: left;
	padding: 0 5px 0
}

p.ruta span.icon0 {
	font-weight: bold;
	background: url(../images/ic_etico.gif) no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 4px
}

p.ruta span.icon3 {
	font-weight: bold;
	background: url(../images/ic_excel.gif) no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 4px
}

h2.bienvenidas {
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	width: 470px;
	float: left;
	padding: 0 5px
}

td.franjasup {
	background: url(../images/bg_franw.jpg) no-repeat center top;
	vertical-align: top;
	width: 668px;
	height: 200px
}

td.franjasup2 {
	background: url(../images/bg_frano.gif) no-repeat center bottom;
	vertical-align: top;
	width: 668px;
	margin: 0 auto 10px
}

td.franjasup_ee {
	background: url(../images/bg_frane.jpg) no-repeat center top;
	vertical-align: top;
	width: 668px;
	height: 200px
}

td.franjasup_ee#terminos {
	background: url(../images/bg_fraet.jpg) no-repeat center top;
	vertical-align: top;
	width: 668px;
	height: 200px
}

td.franjasup_ee#empresas {
	background: url(../images/bg_fraee.jpg) no-repeat center top;
	vertical-align: top;
	width: 668px;
	height: 200px
}

td.franjasup_ee h2 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	background: url(../images/bg_tits.png) no-repeat left bottom;
	font-size: 1.5em !important;
	line-height: 2.0em;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 180px
}

td.franjasup_ee h3 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 1.3em !important;
	line-height: 2.0em;
	text-align: left;
	clear: both;
	padding: 0 0 0 10px;
	margin: 20px 0 10px 180px
}

td.franjasup_ee p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	width: 460px;
	margin: 0 0 10px 190px
}

td.franjasup_ee img.esloganes {
	margin: 10px 0 10px 190px
}

td.franjasup_ee a.pulsar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/bt_exc1.gif) no-repeat left top;
	display: inline-block;
	text-align: left;
	height: 16px;
	float: right;
	padding: 0 0 0 8px;
	margin: 10px 30px 20px
}

td.franjasup_ee a.pulsar:hover {
	text-decoration: underline
}

td.franjasup_ee a span {
	background: url(../images/bt_exc2.gif) no-repeat right top;
	display: inline-block;
	height: 16px;
	padding: 0 18px 0 0
}

td.franjamed {
	vertical-align: top;
	width: 668px
}

td.franjamed2 {
	background: url(../images/bg_ofert.gif) no-repeat center top;
	vertical-align: top;
	width: 668px;
	padding: 4px 0 0
}

td.franjamed3 {
	background: url(../images/bg_ofert.gif) no-repeat center top;
	vertical-align: top;
	width: 668px;
	padding: 4px 0 0
}

td.franjainf {
	background: url(../images/bg_secc2.png) no-repeat center top;
	width: 668px;
	height: 50px;
}

div.bloques {
	display: inline;
	width: 220px;
	float: left
}

#bloque1 {
	margin: 0 10px 10px 180px
}

#bloque2 {
	margin: 10px 0 0
}

#bloqueunico {
	margin: 0
}

#bloqueunico2 {
	margin: 10px 0 0 180px
}

img.lema {
	float: left;
	margin: 0 0 10px
}

h3.lemas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	width: 220px;
	margin: 0 0 10px 10px
}

p.mensajes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	align: justify;
	width: 220px;
	margin: 0 0 10px 10px
}

p.mensajes2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: left;
	padding: 5px 0 0
}

p.mensajes3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	width: 400px;
	padding: 5px 0 0;
	margin: 10px auto
}

p.encontrado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center !important;
	width: 648px;
	padding: 5px auto 5px
}

div.regla {
	line-height: 10px;
	background: url(../images/bg_hr1.gif) repeat-x;
	width: 98%;
	height: 10px;
	margin: 0 auto
}

div.regla2 {
	line-height: 10px;
	background: url(../images/bg_hr2.gif) repeat-x;
	width: 98%;
	height: 10px;
	margin: 0 auto
}

h3 img {
	clear: both
}

h3 span {
	display: none
}

td.anunciantes {
	height: 60px
}

a img.logos_cias {
	padding: 2px 10px;
	margin: 5px;
	border: solid 1px #AABDD0
}

table.datos_oferta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	background-color: #FFF;
	width: 664px;
	margin: 0 auto
}

table.datos_oferta td.in_detalles {
	width: 664px;
	padding: 10px 25px
}

table.datos_oferta td.nm_ref {
	font-size: 1.2em;
	font-weight: bold;
	width: 220px;
	padding: 2px 10px 2px 25px
}

table.datos_oferta td.in_puesto {
	font-size: 1.2em;
	width: 220px;
	padding: 2px 10px 2px 25px
}

table.datos_oferta td.vl_ref {
	font-size: 1.2em;
	width: 444px;
	padding: 2px 25px 2px 10px
}

table.datos_oferta td.nm_detalle {
	font-weight: bold;
	width: 220px;
	padding: 2px 10px 2px 25px
}

table.datos_oferta td.vl_detalle {
	width: 444px;
	padding: 2px 25px 2px 10px
}

table.datos_oferta td h4 {
	font-size: 1.3em;
	width: 614px;
	height: 16px;
	padding: 0 25px;
	margin: 20px auto 0
}

td.otras_opciones {
	width: 664px;
	text-align: center
}

td.otras_opciones p,td.operaciones {
	text-align: center !important;
	margin: 10px auto
}

td.otras_opciones p a {
	font-size: 0.9em;
	margin: 0 10px
}

td.avisos p {
	text-align: left;
	padding: 0 0 0 5px
}

td.copy p {
	text-align: right;
	padding: 0 5px 0 0
}

td.avisos p a {
	text-decoration: none
}

td.avisos p a:hover {
	text-decoration: underline
}

/* Multimedia
------------------------- */

table#multimedia {
	background: url(../images/foto-izq.jpg) no-repeat center top;
	width: 280px;
	height: 250px
}

table#multimedia td.visor {
	height: 250px
}

/* Menu del portal
------------------------- */

table.menus#empleo {
	background: url(../images/bg_menuw.png) no-repeat left top;
	width: 270px;
	height: 227px
}

/* Publicidad
------------------------- */

table#banner {
	/*background: url(../images/bg_pro5t.png) no-repeat left top;*/
	width: 280px
}

/* Formularios
-------------------------------------------------- */
/* Buscador superior
------------------------- */

table.head-content form#buscador-sup {
	
	background: url(../images/bg_busc3.gif) no-repeat left top;
	width: 190px;
	height: 18px;
	float: left
}

input#terminos {
	width: 125px;
	height: 16px;
	float: left;
	margin: 1px 0 1px 45px
}

input#buscar {
	float: left;
	margin: 0 0 0 2px
}

/* Buscador de ofertas
------------------------- */

form#buscar_ofertas {
	width: 200px;
	padding: 0 10px
}

form#autenticar {
	width: 200px;
	padding: 0 10px
}

form#buscar_ofertas2,form#recordar_datos {
	width: 648px;
	padding: 0 10px
}

form#recordar_datos {
	width: 300px;
	padding: 0 10px;
	margin: 0 auto
}

form#buscar_ofertas label,form#autenticar label {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	float: left;
	width: 200px
}

form#buscar_ofertas2 label {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	float: left;
	width: 150px
}

form#recordar_datos label {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	float: left;
	width: 300px
}

form#buscar_ofertas2 span.formpar {
	width: 120px;
	float: left;
	margin: 4px
}

form#buscar_ofertas2 span.formpar2 {
	width: 130px;
	float: left;
	margin: 4px 0
}

form#buscar_ofertas2 span.formpar2 a {
	margin: 15px 0 0
}

form#buscar_ofertas label span.alertas,form#buscar_ofertas2 label span.alertas,form#autenticar label span.alertas,form#recordar_datos label span.alertas {
	font-size: 1.0em;
	font-weight: bold;
	color: #F00;
	text-align: left
}

span.formpar p.alertas {
	font-size: 1.2em;
	font-weight: bold;
	color: #F00;
	text-align: left
}

form#buscar_ofertas input,form#buscar_ofertas select {
	font-size: 1.0em;
	color: #12457C;
	background-color: #FFF;
	width: 200px;
	height: 18px;
	float: left;
	margin: 0 0 5px;
	border: solid 1px #A7B1BF
}

form#buscar_ofertas2 input,form#buscar_ofertas2 select {
	font-size: 1.0em;
	color: #12457C;
	background-color: #FFF;
	width: 120px;
	height: 18px;
	float: left;
	clear: left;
	margin: 0 0 5px;
	border: solid 1px #A7B1BF
}

form#recordar_datos input {
	font-size: 1.0em;
	color: #12457C;
	background-color: #FFF;
	width: 300px;
	height: 18px;
	clear: left;
	margin: 10px auto;
	border: solid 1px #A7B1BF
}

form#autenticar input.mediano {
	font-size: 1.0em;
	color: #12457C;
	background-color: #FFF;
	width: 200px;
	height: 18px;
	float: left;
	margin: 0 0 5px;
	border: solid 1px #A7B1BF
}

form#autenticar p {
	font-size: 1.2em !important;
	line-height: 18px;
	text-align: left;
	float: left;
	width: 200px
}

form#autenticar p a {
	font-size: 0.9em;
	line-height: 18px;
	text-align: center;
	float: left;
	width: 200px
}

form#recordar_datos p {
	font-size: 1.2em !important;
	line-height: 18px;
	text-align: left;
	width: 300px;
	float: left;
	clear: both;
	margin: 0 auto
}

/* Listas
------------------------- */

ul#basicos {
	height: 16px;
	float: right;
	list-style: none
}

ul#basicos li {
	background: url(../images/px_sepaw.gif) no-repeat left top;
	float: left;
	padding: 0 10px
}

ul#basicos li.primero {
	background: none
}

ul#menu_empleo {
	width: 265px;
	margin: 38px 6px 0 9px;
	list-style-type: none
}

ul#menu_empleo li a {
	color: #333;
	text-decoration: none;
	display: block;
	width: 265px;
	height: 32px;
	margin: 3px 0
}

ul.ofertas_destacadas,ul.noticias_empleo {
	width: 648px;
	margin: 0 auto;
	list-style: none
}

ul.ofertas_destacadas li {
	background: url(../images/bg_ofer1.png) no-repeat left top;
	width: 648px;
	margin: 2px auto
}

ul.ofertas_destacadas li p {
	background: url(../images/bg_ofer2.png) no-repeat left bottom;
	width: 648px;
	padding: 0 0 8px
}

ul.ofertas_destacadas li p span {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 8px 8px 0 8px;
}

ul.ofertas_destacadas li p span.puesto,ul.noticias_empleo li p span.titular,div.detalle_noticia p span.titular {
	font-weight: bold
}

ul.ofertas_destacadas li p a {
	font-size: 1.2em;
	text-decoration: none;
	line-height: 16px
}

ul.ofertas_destacadas li p a span.puesto:hover,ul.noticias_empleo li p a span.titular:hover {
	color: #AABDD0
}

ul.noticias_empleo li p span,div.detalle_noticia p {
	display: inline-block;
	vertical-align: top;
	width: 600px;
	margin: 8px 8px 0 0;
}

ul.noticias_empleo li,div.detalle_noticia {
	background: url(../images/bg_noem1.png) no-repeat left top;
	width: 648px;
	margin: 2px auto
}

ul.noticias_empleo li p,div.detalle_noticia p {
	font-size: 1.2em;
	background: url(../images/bg_ofer2.png) no-repeat left bottom;
	width: 638px;
	padding: 0 12px 8px 8px
}

ul.noticias_empleo li p a,div.detalle_noticia p span.titular {
	font-size: 1.4em;
	text-decoration: none;
	line-height: 16px
}

div.detalle_noticia p span.fecha {
	font-weight: bold
}

td.franjamed2 a#volverlistado{
	float: left
}

/* Textos
-------------------------------------------------- */

table.section td {
	vertical-align: top
}

table.section td h2 {
	font-size: 1.2em;
	text-align: left;
}

table.section td p {
	text-align: left
}

span.foder p.pie_foto {
	font-size: 1.0em;
	text-align: right
}

/* Botones de imagen doble varios
-------------------------------------------------- */

a.botones {
	text-decoration: none;
	display: block
}

a.botones:hover {
	text-decoration: none;
	background-position: bottom
}

a.botones span {
	display: none
}

.activo {
	text-decoration: none;
	background-position: bottom
}

/* Identificadores de botones
------------------------- */

#iraeticom {
	background-image: url(../images/bt_sobre.gif);
	display: inline-block;
	width: 90px;
	height: 12px;
	float: left;
	margin: 0 40px
}

#home {
	background-image: url(../images/bt_uti00.gif);
	display: block;
	width: 31px;
	height: 16px
}

#mieticom {
	background-image: url(../images/bt_uti01.gif);
	display: block;
	width: 54px;
	height: 16px
}

#registro {
	background-image: url(../images/bt_uti02.gif);
	display: block;
	width: 49px;
	height: 16px
}

#ayuda {
	background-image: url(../images/bt_uti03.gif);
	display: block;
	width: 36px;
	height: 16px
}

#cerrarsesion {
	background-image: url(../images/bt_uti04.gif);
	display: block;
	width: 76px;
	height: 16px
}

.vertodos {
	background: url(../images/bt_verto.gif);
	display: block;
	width: 52px;
	height: 26px
}

#eticom-empleo {
	background-image: url(../images/bt_w1.png)
}

#ofertas-empleo {
	background-image: url(../images/bt_w2.png)
}

#candidatos-empleo {
	background-image: url(../images/bt_w3.png)
}

#empresas-empleo {
	background-image: url(../images/bt_w4.png)
}

#condiciones-empleo {
	background-image: url(../images/bt_w5.png)
}

#noticias-empleo {
	background-image: url(../images/bt_w6.png)
}

#buscarofertas {
	background-image: url(../images/bt_busof.png);
	display: inline;
	width: 120px;
	height: 20px;
	float: right;
	margin: 5px 5px 0 0
}

#inscribiraoferta {
	background-image: url(../images/bt_insof.png);
	display: inline-block;
	width: 170px;
	height: 20px;
	margin: 25px auto
}

#auten {
	background-image: url(../images/bt_auten.png);
	display: inline;
	width: 80px;
	height: 20px;
	float: right;
	margin: 10px 10px 30px;
}

#aceptar {
	background-image: url(../images/bt_acept.png);
	display: inline;
	width: 80px;
	height: 20px;
	float: right;
	margin: 10px
}

.volver {
	background: url(../images/bt_volvg.png);
	display: inline-block;
	width: 60px;
	height: 16px;
	clear: left;
	margin: 10px 20px
}

/* Paginas
------------------------- */

.paginado {
	font-size: 0.9em; /* Modificando esta medida se amplia fuente y caja pues lleva padding */
	font-weight: bold;
	line-height: normal;
	letter-spacing: 140%;
	text-align: right;
	width: 648px;
	margin: 10px
}

.paginado a,.paginado a:link,.paginado a:active {
	color: #666;
	text-decoration: none;
	background-color: #DEE5ED;
	padding: 2px 4px;
	margin: 2px;
	border: solid 1px #A7B1BF
}

.paginado a:hover,.paginado a:focus,.paginado a:active,.paginado a:visited:focus,.paginado a:visited:active {
	color:#FFF;
	background-color: #B2B7CE;
	border: solid 1px #B2B7CE
}

.paginado a:visited {
	color: #666;
	text-decoration: none;
}

.paginado span.actual {
	color: #FFF;
	background-color: #12457C;
	padding: 2px 4px;
	margin: 2px;
	border: solid 1px #12457C
}

.paginado span.extendido {
	color: #666;
	padding: 2px 4px
}

/* Recurrentes
-------------------------------------------------- */

.izq {
	float: left
}

.der {
	float: right
}

.foizq {
	float: left;
	margin: 0 20px 10px 0
}

.foder {
	float: right;
	margin: 0 0 10px 20px
}

.disnone {
	display: none
}

.reset {
	clear: both
}

.destacado {
	font-weight: bold;
	text-transform: uppercase
}

#mapaweb {
background-image: url(../images/bt_uti05.gif);
display: block;
width: 55px;
height: 16px
}