@charset "utf-8";
/* Reset */
@import url("reset.css");

/* General */
html, textarea { font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, san-serif; } 
#contenedor_gral { width: 981px; margin: 15px auto 0; padding-bottom: 25px; }
#contenedor_columnas { overflow: auto; width: 100%; }
#a_login { overflow: hidden; width: 582px; padding: 0 199px 15px; } /*Específico para a_login*/
.oculto { display:none; }
a { color: #0069AA; }
p, ul { font-size: 13px; line-height: 1.4em; }
strong { font-weight: bold; }
strong.atencion { color: #FF0000; }

/* Para la zona de test de CSS */
.seccion_css_test { padding: 0 30px; background: url(default/stripe_test.png); margin: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.seccion_css_test span { font-size: 15px; padding: 5px 0; color: #333; font-weight: bold; display: inline-block; }

/* Header */
#header { height: 67px; background: url(default/header.gif) no-repeat; padding-bottom: 10px; }
#header h1 { text-indent: -9999px; }
#header h1 a { display: block; height: 67px; width: 400px; }

/* Footer */
#footer { background: url(default/footer.gif) no-repeat; margin-top: 10px; }
#footer p { line-height: 30px; font-size: 12px; color: #666666; padding: 0 15px; }
#footer p a { color: #333333; }

/* Menu */
#menu_box { height: 37px; background: url(default/bg_menu.gif) repeat-x top; margin-bottom: 15px; }
#menu_box #menu { background: url(default/bg_menu_left.gif) no-repeat; overflow: hidden; width: 100%; padding: 0; }
#menu_box #menu li { display: inline; }
#menu_box #menu li a { display: block; float: right; height: 37px; font-size: 15px; font-weight: bold; color: #F9F9F9; text-decoration: none; text-align: center; line-height: 33px; padding: 0 20px; }
#menu_box #menu li a:hover { color: #FFF; }
#menu_box #IngresarCV { background: url(default/bg_menu_right.gif) right top; }
#menu_box #IngresarCV:hover { background: url(default/bg_menu_right.gif) right bottom; }
#menu #OfertasLaborales { background: url(default/bg_menu.gif) repeat-x top; }
#menu #OfertasLaborales:hover { background: url(default/bg_menu.gif) repeat-x bottom; }

/* FORM HOME */
#columna_form { width: 241px; float: right; background: url(default/bg_bottom_form_alt.gif) no-repeat center bottom; padding-bottom: 6px; }
#a_login #columna_form { float: left; margin: 0 25px; background: url(default/bg_bottom_form.gif) no-repeat center bottom; } /*Específico para a_login*/
#columna_contenido { width: 701px; float: left; background: url(default/banner.jpg) no-repeat top left; padding: 150px 39px 0 0; }
#form_box { background: url(default/bg_form.gif) repeat-y; }
#form_box form { padding: 20px 25px 20px 26px; }
#form_box form .text_input { height: 24px; width: 177px; background: url(default/bg_text_input.gif) no-repeat; border: none; font-size: 18px; color: #333333; padding: 5px 6px; }
#form_box h2 { background: url(default/bg_top_form.gif) no-repeat; height: 43px; text-align: center; line-height: 42px; color: #464646; font-weight: bold; }
#form_box #li_password { margin-top: 15px; }
#form_box #li_submit { text-align: center; margin-top: 15px; }
#form_box #li_submit button { border: none; color: #FFFFFF; font-size: 17px; font-weight: bold; height: 27px; cursor: pointer; background: transparent; }
#form_box #li_submit button span { background: url(default/bg_btn_form.gif) no-repeat left; display: block; height: 27px; padding: 0 0 0 20px; }
#form_box #li_submit button span span { background: url(default/bg_btn_form.gif) no-repeat right; display: block; height: 27px; padding: 0 20px 0 0; line-height: 1.4em; }
#form_box label { font-size: 14px; color: #464646; }
#olvido_su_password_box { background:url(default/bg_form_alt.gif) repeat-y top center; text-align: center; padding: 13px 0; }
#olvido_su_password_box h2 { font-size: 14px; color: #464646; }
#olvido_su_password_box a { font-size: 14px; color: #464646; font-weight: bold; }
#error_login { font-size: 12px; line-height: 1em; background: #FFFFCC url(default/error_icon.gif) no-repeat 10px center; border: 1px solid #FFCC00; padding: 5px 5px 5px 30px; margin-bottom: 10px; font-weight: bold; color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* Contenido */
#contenedor_contenido { overflow: auto; width: 100%; }
#extra_box { width: 230px; float: left; height: 237px; background: url(default/extraBox.gif) no-repeat; margin-top: 15px; }
#contenido { width: 455px; float: right; padding: 20px 0 5px 15px; }
#contenido p { text-align: justify; font-size: 14px; line-height: 1.45em; margin-bottom: 14px; color: #232323; }
#contenido p strong { font-weight: bold; }

/*Header de seccion*/
#seccion { font-size: 18px; padding: 5px 40px; background-color:#F5F5F5; color: #666666; border-bottom: 1px #E0E0E0 solid; font-weight: bold; } 
#seccion a { font-weight: normal; }

/* FORMULARIOS */
#contenedor_cv { position: relative; width: 100%; }
/* Pasos */
#contenedor_pasos { float: left; width: 100%; overflow: hidden; position: relative; }
#pasos { clear: left; float: left; position: relative; left: 50%; text-align: center; padding: 20px 0 30px; }
#pasos li { display: block; float: left; position: relative; right: 50%; background: url(default/pasos.gif) repeat-x 0 -280px; }
#pasos li.primero { background-position: center -379px; }
#pasos li.ultimo { background-position: center -479px; }
#pasos li a { font-size: 12px; color: #BBBBBB; display: block; padding: 25px 15px 5px; text-decoration: none; line-height: 1.3em; background-image: url(default/pasos.gif); background-position: center -90px; background-repeat: no-repeat; }
#pasos li a:hover { color: #2874A3; }
#pasos li a.actual { background-position: top center; color: #414141; font-weight: bold; }
#pasos li a.completo { background-position:  center -181px; }
/* Tablas Estudios y Experiencias */
#estudios_experiencias { clear: both; margin: 0 auto 25px; width: 750px; }
#estudios_experiencias thead tr th { font-size: 12px; background: #F5F5F5; border: 1px solid #CCC; padding: 2px 10px; color: #666; text-align: center; }
#estudios_experiencias tbody tr td { font-size: 16px; color: #444; border: 1px solid #CCC; padding: 2px 10px; }
#estudios_experiencias tbody tr td.borrar,
#estudios_experiencias tbody tr td.download,
#estudios_experiencias tbody tr td.editar { text-align: center; vertical-align: middle; padding: 2px 5px; width: 17px; }
#estudios_experiencias tbody tr td.borrar a,
#estudios_experiencias tbody tr td.download a,
#estudios_experiencias tbody tr td.editar a { display: block; height: 16px; width: 16px; background-image: url(default/ui-sprite-1.jpg); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
#estudios_experiencias tbody tr td.borrar a { background-position: -357px 0; }
#estudios_experiencias tbody tr td.download a { background-position: -357px -32px; }
#estudios_experiencias tbody tr td.editar a { background-position: -357px -16px; }


/* Elementos generales del form */
#form_cv { margin-bottom: 25px; clear: both; }
#form_cv ul { padding: 0; width: 317px; margin: 0 auto; }
#form_cv ul li { margin-bottom: 10px; _margin-bottom: 5px; *margin-bottom: 5px; /*IE6 IE7*/ padding: 0 25px; }
#form_cv ul li.requerido { background: url(default/ui-sprite-1.jpg) -356px -482px no-repeat; }
#form_cv ul li.cargando { background: url(default/spinner.gif) 0 20px no-repeat; }
#form_cv ul li h3 { font-size: 17px; color:#000; margin: 10px 0 6px; font-weight: bold; line-height: 35px; }
#form_cv ul li h4 { font-size: 14px; color:#333333; margin: 0 0 3px; font-weight: bold; }
#form_cv ul li p { font-size: 12px; color: #333333; padding: 0; }
#form_cv ul li label { font-size: 12px; display: block; color:#333333; }
#form_cv ul li label.requerido { font-weight: bold; color: #FF0000; }
#form_cv ul li label span.opcional { font-size: 10px; color: #999999; font-style: italic; }
#form_cv ul li.checkbox { overflow: hidden; margin-top: 15px; }
#form_cv ul li input.checkbox { border: none; color: #333333; float: left; }
#form_cv ul li label.checkbox { font-size: 12px; color:#333333; float: right; width: 245px; }
#form_cv ul li.combo #contenedor_combo { border: 1px solid #999999; height: 163px; overflow: auto; }
#form_cv ul li.combo #contenedor_combo label { margin: 2px 0; _margin: 0; }
#form_cv ul li.combo #contenedor_combo .opciones_combo { padding: 5px 10px; }
#form_cv ul li.radio fieldset { border: 1px solid #999999; padding: 5px 10px; }
#form_cv ul li.radio legend { font-size: 12px; color:#333333; }
#form_cv ul li.radio input { margin-right: 3px; }
#form_cv ul li input.text { font-size: 17px; padding: 5px 7px; width: 253px; border: none; color: #333333; background: url(default/ui-sprite-1.jpg) top left no-repeat; height: 20px; }
#form_cv ul li textarea { font-size: 15px; width: 260px; border: 1px solid #C8C8C8; color: #333333; height: 163px; overflow: auto; padding-left: 4px; }
#form_cv ul li input.text:focus,
#form_cv ul li input.text.actual { border: none; background-position: 0 -30px; color: #000; }
#form_cv ul li select { font-size: 16px; width: 267px; border: 1px solid #C8C8C8; color: #333333; height: 25px; }
/* Popup ayuda */
#formtips { position: absolute; left: 635px; top: 70px; width: 250px; background: url(default/ui-sprite-1.jpg) no-repeat -365px -186px; padding: 5px 10px 5px 8px; display: none; }
#formtips p { color: #FFF; font-size: 13px; background: #3d3d3d url(default/bg_form_tip_p.gif) repeat-x; padding: 5px 13px 7px; }
/* Elementos específicos del form */
#form_cv ul li label.altura { width: 93px; display: inline-block; }
#form_cv ul li label.piso,
#form_cv ul li label.dpto { width: 82px; display: inline-block; }
#form_cv ul li label.codigo_postal { width: 82px; display: inline-block; }
#form_cv ul li label.pais { width: 180px; display: inline-block; }
#form_cv ul li input.text.altura { width: 79px; background-position: 0 -60px; }
#form_cv ul li input.text.altura:focus,
#form_cv ul li input.text.altura.actual { background-position: 0 -90px; }
#form_cv ul li input.text.piso,
#form_cv ul li input.text.dpto { width: 68px; background-position: 0 -120px; }
#form_cv ul li input.text.piso:focus,
#form_cv ul li input.text.piso.actual,
#form_cv ul li input.text.dpto:focus,
#form_cv ul li input.text.dpto.actual { background-position: 0 -150px; }
#form_cv ul li input.text.prefijo { width: 65px; background-position: 0 -180px; padding: 5px 14px; }
#form_cv ul li input.text.prefijo:focus,
#form_cv ul li input.text.prefijo.actual { background-position: 0 -210px; }
#form_cv ul li input.text.telefono { width: 155px; background-position: 0 -240px; }
#form_cv ul li input.text.telefono:focus,
#form_cv ul li input.text.telefono.actual { background-position: 0 -270px; }
#form_cv ul li input.text.text_sel { width: 68px; background-position: 0 -120px; }
#form_cv ul li input.text.text_sel:focus,
#form_cv ul li input.text.text_sel.actual { background-position: 0 -150px; }
#form_cv ul li select.fecha.dia { width: 50px; }
#form_cv ul li select.fecha.mes { width: 127px; }
#form_cv ul li select.fecha.mes_ancho { width: 182px; }
#form_cv ul li select.fecha.ano { width: 80px; }
#form_cv ul li select.text_sel { width: 180px; }
/* CV técnicos */
#form_cv.tecnico { margin-top: 15px; }
#contenedor_form_tecnico { width: 370px; margin: 0 auto 20px; }
#form_cv.tecnico h2 { color: #fff; font-weight: bold; padding: 2px 6px; background: #777; margin-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#form_cv.tecnico p { padding: 5px 10px; font-size: 12px; color: #333; }
#form_cv.tecnico textarea { width: 354px; height: 90px; font-size: 12px; border: 1px solid #666; margin: 0 8px; overflow: auto; }
.input_certificado { width: 20px; }
#form_cv table { width: 350px; margin: 0 auto 20px; }
#form_cv table th { text-align: center; font-size: 10px; cursor: help; }
#form_cv table td { padding: 1px 5px; }
.nombre_conocimiento { width: 100%; padding: 0; font-size: 13px; }
#form_cv table tr { background: #FAFAFA; }
#form_cv table tr.alt { background: #f4f4f4; }
#nota_referencias p,
#nota_referencias ul { padding: 0 40px 12px; } 
/* CV Financiero */
#contenedor_form_financiero { width: 800px; margin: 0 auto 20px; }
#form_cv.financiero table { width: 780px; }
#form_cv.financiero textarea { width: 780px; height: 70px; }
#form_cv.financiero select { width: 170px; }

/* Boton de Submit */
#submit { text-align: center; padding-top: 10px; }
#submit button { border: none; cursor: pointer; background: transparent; }
#submit button span { padding: 0 10px 0 0; background: url(default/bg_btn.gif) right no-repeat; color: #FFFFFF; display: block; line-height: 31px; font-size: 15px; height: 31px; }
#submit button span span { padding: 0 0 0 10px; background: url(default/bg_btn.gif) left no-repeat; height: 31px; display: block; }

/* PANEL */
#contenedor_panel { padding: 6px 0 10px; }
#contenedor_panel h2 { margin-top: 15px; padding-left: 40px; font-size: 14px; width: 500px; float: left; }
#contenedor_panel h2 strong { font-weight: bold; }
/* Botones del panel */
#contenedor_btns_panel { width: 100%; overflow: hidden; position: relative; clear: both; }
#btns_panel { clear: left; float: left; position: relative; left: 50%; text-align: center; padding: 30px 0 20px; }
#btns_panel li { display: block; float: left; position: relative; right: 50%; }

#btns_panel li a { font-size: 12px; color: #333; display: block; padding: 0 5px 5px; text-decoration: none; line-height: 1.3em; width: 90px; }
#btns_panel li a span { display: inline-block; background-image: url(default/ui-sprite-1.jpg); background-repeat: no-repeat; width: 48px; height: 48px; margin: 0 16px; }
#cambiar_password span { background-position: -287px 0; }
#adjuntar_archivo span { background-position: -287px -48px; }
#cv_tecno span { background-position: -287px -102px; }
#cv_finanzas span { background-position: -287px -156px; }
#imprimir span { background-position: -287px -208px; }
#pdf span { background-position: -287px -258px; }
#historial span { background-position: -287px -311px; }
#ver_avisos span { background-position: -287px -367px; }
#adjuntar_carta span { background-position: -287px -96px; }
#deficiencias span { background-position: -287px -467px; }
#cerrar_sesion { float: right; font-size: 14px; margin-top: 15px; padding-right: 40px; font-weight: bold; text-decoration: none; color: #333; background: url(default/ui-sprite-1.jpg) -357px -77px no-repeat; padding-left: 19px; }
#cerrar_sesion:hover { color: #CB0404; }
#btns_panel li a:hover { color: #2874A3; }

/* Titulos y datos */
.titulo_panel { background: #F5F5F5; width: 95%; overflow: hidden; padding: 5px 15px; _padding: 5px 15px 2px; /*IE6*/ margin: 5px auto; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #E0E0E0; clear: both; }
.titulo_panel h3 { width: 70%; float: left; color: #666; font-size: 15px; font-weight: bold; }
.titulo_panel a { width: 30%; float: right; text-align: right; text-decoration: none; color: #0069AA; font-size: 14px; line-height: 16px; }
.titulo_panel a:hover { color: #5BB318; }
.datos_cv { margin: 10px 3% 15px; width: 94%; overflow: hidden; }
.datos_cv ul li { font-size: 14px; line-height: 1.4em; color: #555; }
.datos_cv p { font-size: 14px; line-height: 1.4em; color: #555; }
/* Datos personales */
.personales { overflow: hidden; }
#nombre_y_apellido { font-weight: bold; color: #000; }
#email span { color: #3366FF; border-bottom: 1px dotted #3366FF; }
#datos_personales { width: 85%; float: left; margin: 5px 0 15px; }
#foto { float: right; width: 75px; height: 90px; background: #F5F5F5 url(default/ui-sprite-1.jpg) 0 -312px no-repeat; margin: 10px 0 15px; border: 1px solid #ccc; text-align: center; overflow: hidden; position: relative; }
#foto span { font-size: 10px; color: #666; display: inline-block; margin-top: 21px; padding-top: 25px; background: url(default/spinner_foto.gif) no-repeat top center; }
#foto span strong { font-size: 16px; color: #333; }
#foto div { position: relative; overflow: visible; margin-left: 37px; margin-top: 45px; }
#foto img { left: -50%; top: -50%; position: absolute; }
#foto a { font-size: 12px; display: inline-block; padding: 30px 0 15px; text-decoration: none; color: #0069AA; width: 75px; text-align: center; float: none; }
#foto a:hover { color: #5BB318; }
/* Categorias que tienen varios grupos de elementos editable, Experiencia, Estudios, etc */
.subdatos_cv { margin-bottom: 10px; float: left; width: 750px; }
.datos_cv .nombre,
.datos_cv .lugar { font-weight: bold; color: #000; }
.conocimiento { margin-top: 6px; }
.datos_cv .fecha { color: #000; }
.datos_cv .opciones { float: right; width: 149px; text-align: right; }
.datos_cv .opciones a { font-size: 13px; text-decoration: none; color: #0069AA; display: block; }
.datos_cv .opciones a:hover { color: #5BB318; }
.etiqueta { font-size: 10px; color: #888; }
/* Print */
#header_print { display: none; }

/* a_login */
#instrucciones { margin: 25px 40px; list-style: inside disc; }
#instrucciones li { line-height: 1.4em; color: #666; }
#instrucciones li strong { font-weight: bold; color: #333; }
#mail_enviado { text-align: center; font-size: 15px; color: #333; background: url(default/mail_sent.gif) no-repeat top center; padding-top: 50px; }
#recuperar_pass #mail_enviado { display: none; }
#recuperar_pass.enviado ul { display: none; }
#recuperar_pass.enviado #mail_enviado { display: block; }

/* LISTADO DE AVISOS */
#avisos { width: 95%; margin: 25px auto; }
#avisos tr { background: #fdfdfd; }
#avisos tr.alt { background: #f4f4f4; }
#avisos td { padding: 4px 5px; }
#avisos th { background: #777; text-align: center; font-size: 13px; color: #fff; border: 1px solid #666; padding: 0 5px; }
#avisos .container_checkbox { display: inline-block;  width: 12px; } 
#avisos a { margin-left: 8px; }
#avisos .fecha_aviso,
#avisos .lugar_aviso { text-align: center; white-space: nowrap; color: #333; font-size: 13px; }
#avisos p { font-size: 13px; color: #666; padding: 5px 5px 2px 25px; }

/* AVISO */
#contenedor_aviso { padding: 20px 40px; }
#contenedor_aviso h2 { font-size: 22px; font-weight: bold; margin-bottom: 15px; color: #333; border-bottom: 2px solid #f1f1f1; padding-bottom: 2px; }
#contenedor_aviso .campo_aviso { display: block; float: left; width: 180px; color: #666; }
#contenedor_aviso .dato_aviso { color: #333; font-size: 15px; font-weight: bold; }
#contenedor_aviso ul { width: 100%; overflow: hidden; padding-bottom: 20px; }
#contenedor_aviso li { margin-bottom: 5px; width: 100%; overflow: hidden; } 
#contenedor_aviso #descripcion_aviso { float: right; width: 520px; padding-right: 200px; line-height: 1.43em; color: #333; }

/* BOTONERA */
#botonera { text-align: center; margin: 20px 0; }
#botonera a { padding: 0 0 0 12px; margin: 0 2px 8px; background: url(default/bg_btn.gif) top left no-repeat; display: inline-block; height: 30px; text-decoration: none; color: #FFF; font-weight: bold; cursor: pointer; }
#botonera a span { padding: 0 12px 0 0; background: url(default/bg_btn.gif) top right no-repeat; display: inline-block; height: 30px; line-height: 28px; }
#botonera button { border: none; cursor: pointer; background: transparent; padding: 0; font-weight: bold; margin: 0 3px 8px; _margin: 0 4px 2px; /*IE6*/ *margin: 0 4px 2px; /*IE7*/ width: auto; overflow: visible; }
#botonera button span { padding: 0 12px 0 0; background: url(default/bg_btn.gif) top right no-repeat; color: #FFF; display: inline-block; line-height: 28px; font-size: 16px; height: 30px; }
#botonera button span span { padding: 0 0 0 12px; background: url(default/bg_btn.gif) top left no-repeat; height: 30px; display: inline-block; font-weight: bold; white-space: nowrap; }
/*Secundario*/
#botonera a.secundario { background-position: bottom left; font-weight: normal; font-size: 14px; }
#botonera a.secundario span { background-position: bottom right; }
#botonera button.secundario span { background-position: bottom right; }
#botonera button.secundario span span { background-position: bottom left; font-weight: normal; }
/*Terciario*/
#botonera a.terciario { background: none; }
#botonera a.terciario span { background: none; font-size: 14px; font-weight: normal; text-decoration: underline; color: #0069AA; }
#botonera button.terciario span { background: none; }
#botonera button.terciario span span { background: none; font-size: 14px; font-weight: normal; text-decoration: underline; color: #0069AA; }

/* MENSAJE GENERICO */
#mensaje { width: 450px; margin: 30px auto; background: #FFFFCC; border: 2px solid #FFFF99; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 15px; text-align: center; }
#mensaje p { font-size: 16px; padding: 10px; color: #222; line-height: 1.45em; }

/* COMPARTIR */
#contenedor_aviso .campo_aviso.compartir { margin-top: 15px; color: #888; font-size: 11px; }
#social_icons { float: left; padding: 8px; width: 164px; overflow: hidden; }
#social_icons a { margin: 0 3px; display: block; width: 20px; height: 20px; text-decoration: none; text-indent: -9999px; background-image: url(default/ui-sprite-1.jpg); background-repeat: no-repeat; float: left; }
#facebook { background-position: -266px -519px; }
#twitter { background-position: -307px -519px; }
#linkedin { background-position: -327px -519px; }
#myspace { background-position: -287px -519px; }