/* Ocultar de mac \*/
*+html .floatFix {height:1%}
*html .floatFix {height:1%}
.floatFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* parametro para mozilla y opera */
/* fin */
/* GENERALES */
BODY {font:11px/14px Arial, tahoma;color:#222;width:1000px;margin:10px auto;background:url(../imgs/fdo.jpg) repeat-x;}
H1 {font:bold 12px/16px Arial, Verdana;color:#1170aa;margin:0 0 4px 0;}
A {color:#0389BC;text-decoration:none;}
A:visited {color:#026740;}
A:hover {color:#026740;text-decoration:underline;}
FORM {margin:0px;padding:0px;}
LABEL {color:#004666;cursor:pointer;}
SELECT {font:11px/11px Arial, tahoma;width:215px;}
INPUT {font:11px/11px Arial, tahoma;}
INPUT.text {width:200px;padding:1px 4px 1px 4px;}
TEXTAREA {font:11px/11px Tahoma, Arial;width:300px;padding:5px;}
.der {float:right;}
.izq {float:left;}
.bullet, .bulletGris, .bulletRojo {font: 11px/14px "Comic Sans Ms"; text-decoration:none;}
.bulletGris {color:#808080 !IMPORTANT;}
.bulletRojo {color:#d65735 !IMPORTANT;}
.linea {line-height:1px;font-size:1px;height:3px;background:#c4c4c4;}
.lineaSubtitulo {line-height:1px;font-size:1px;height:3px;background:#e5e5e5;}
.ingresar {float:right;font:11px/14px Tahoma, Arial}
.titModal {background-color:#1170aa;height:23px;line-height:23px;margin-bottom:10px;color:#fff;padding-left:10px;}
/* ---- COLORES ---- */
.gris50 {color:#808080;}
.rojo {color:#d65735!important;}
.negro {color:#222;}
.normal {font-weight:normal}
/* ==> COMIENZA EDICION CSS */
/* ==> edita el hover del boton Registrate en job-seeker-registration.html y de Postularte a este trabajo en trabajo.html */
.btn:hover {background-color:#629eba;background-position: 0 -24px;*behavior:url("../../scripts/hover.htc")}
/* ==> edita las propiedades de la caja que rodea el contenido en todas las paginas */
.caja {background-color:#fff;margin-top:20px;border:1px solid #79aecf;width:960px;margin:auto;position:relative;}
/* ==> edita botones del cabezal: Ver avisos publicados y Cargar mi cv - eliminar ref url si no utiliza img de fondo */
.menu .btn {background:#0389BC;font:bold 11px Tahoma, Arial, sans-serif;border:1px solid #006391;padding:2px 7px 3px 7px;color:#fff;cursor:pointer;margin-left:30px;width:150px;}
.menu .btn:hover {background-color:#629eba;background-position: 0 -24px;}
/* TOP ==> cambiar la extension del archivo por .jpg si correspondiese */
.top {background:url(../imgs/fdoCabezalInterna.jpg) no-repeat;height:88px;border-bottom:1px dashed #ccc;}
.logoTop {width:300px;height:60px;text-decoration:none;display:block;float:left;margin:10px 0 0 10px;}
.logoTop:hover {text-decoration:none;}
.loginTop {margin:25px 0 10px 30px;}
.menu {text-align:right;width:630px;}
/* INDEX */
/* ==> cambiar la extension del archivo por .gif si correspondiese */
.cuerpo {background:url(../imgs/fdoCuerpo.jpg);position:relative;height:505px;}/* cambiar alto */
/* ==> edita las propiedades de la caja de la izquierda + color de titulos Usuario, Contraseña y Si olvidaste tu usuario... */
.login {position:absolute;top:20px;left:20px;width:300px;font:12px/14px Arial;color:#0389BC;}
/* ==> edita botones del Ingreso Usuarios: Ingresar, Registrate y Enviar - eliminar ref url si no utiliza img de fondo*/
.login .btn {background:#000 url(../imgs/btnLogin.gif) repeat-x;font:11px tahoma, Arial, sans-serif;border:1px solid #0389BC;padding:2px 7px 3px 7px;color:#0389BC;cursor:pointer;margin-left:16px;width:100px;float:left;}
.cajaLogin .btn:hover {background-color:#fff;background-position: 0 -24px;*behavior:url("../../scripts/hover.htc")}
/* ==> edita la caja "Ingreso Usuarios" en index.html */
.techoLogin {background-color:#E3EFF7;border:1px solid #0389BC;margin-bottom:2px;padding:10px;font:bold 13px/16px Trebuchet ms, Arial, sans-serif;color:#0389BC;margin-top:20px;}
/* ==> edita la caja de Usuario y Contraseña en index.html */
.cajaLogin {background-color:#E3EFF7;border:1px solid #0389BC;padding:15px;;margin-bottom:2px;}
/* ==> edita la caja "Si ya estas registrado..." en index.html */
.mensajeLogin {background-color:#026740;padding:6px 15px;font:12px/16px Arial;margin-bottom:15px;border:1px solid #026740;color:#fff;}
/* ==> edita la caja "Si olvidaste tu usuario..." en index.html */
.mailLogin {background-color:#E3EFF7;border:1px solid #0389BC;padding:15px;}
/* ==> edita el texto en index.html, posicion, tamaño de la caja y formato del texto */
.contenido {position:absolute;top:60px;left:390px;width:520px;}
.contenido .texto {width:250px;height:450px;}/* cambiar alto */
.textohome {font:12px/16px Arial, Verdana;color:#000;}
.tithome {font:bold 18px/16px Arial, Verdana;color:#0389BC;}
/* JOB SEEKER LOGIN */
/* ==> edita el titulo "Ingreso Postulantes" en jobseekerlogin.html */
.titulologin {font:bold 14px/16px Trebuchet ms, Arial, sans-serif;color:#026740;margin-bottom:10px;}
/* ==> edita la caja "Ingreso Usuarios" en jobseekerlogin.html */
.techoLogin2 {background-color:#E3EFF7;border:1px solid #0389BC;margin-bottom:2px;padding:10px;font:bold 13px/16px Trebuchet ms, Arial, sans-serif;color:#0389BC;margin-top:20px;width:280px;}
/* ==> edita la caja "Si ya estas registrado..." en jobseekerlogin.html */
.mensajeLogin2 {background-color:#026740;padding:6px 15px;font:12px/16px arial;margin-bottom:15px;border:1px solid #026740;color:#fff;}
/* ==> edita las propiedades del los textos de las cajas: Usuario, Contraseña, Si aún no estás registrado... y Si olvidaste tu usuario... */
.login2 {font:12px/14px Arial;color:#000;}
/* ==> edita la caja de Usuario y Contraseña en jobseekerlogin.html */
.cajaLogin2 {background-color:#E3EFF7;border:1px solid #0389BC;padding:15px;;margin-bottom:2px;}
/* ==> edita botones del Ingreso Usuarios: Ingresar, Registrate y Enviar - eliminar ref url si no utiliza img de fondo*/
.login2 .btn {background:#fff url(../imgs/btnLogin.gif) repeat-x;font:11px tahoma, Arial, sans-serif;border:1px solid #0389BC;padding:2px 7px 3px 7px;color:#006391;cursor:pointer;margin-left:16px;width:100px;float:left;}
.cajaLogin2 .btn:hover {background-color:#fff;background-position: 0 -24px;*behavior:url("../../scripts/hover.htc")}
/* ==> edita la caja Si aun... y Si olvidaste.. en jobseekerlogin.html */
.mailLogin2 {background-color:#E3EFF7;border:1px solid #0389BC;padding:15px;margin:20px 0 20px 20px;}
/* JOB SEEKER REGISTRATION */
/* ==> edita el titulo "Registrarte" en job-seeker-registration.html */
.titulo {font:bold 14px/16px Trebuchet ms, Arial, sans-serif;color:#026740;margin-bottom:10px;}
/* ==> edita las dos cajas horizontales en job-seeker-registration.html */
.interfase {background-color:#e9fcff;padding:6px 15px;margin-bottom:15px;border:1px solid #0389BC;color:#000000;font:12px/16px arial;}
/* ==> edita el signo de admiracion en job-seeker-registration.html */
.admiracion {background-color:#0389BC;padding:2px 7px;margin:5px;font:bold 14px/16px arial;color:#fff;}
/* ==> edita el color de la palabra "color" y campos obligatorios */
.color {color:#026740;}
/* ==> edita el estado normal del boton Registrate el pie de la pagina */
.btn {background:#0389BC;font:bold 11px tahoma, Arial, sans-serif;border:1px solid #006391;padding:2px 7px 3px 7px;color:#fff;cursor:pointer;}
/* SEARCH RESULTS */
/* ==> el class ".color" indicado apenas arriba edita el color del nombre del la Posicion Buscada */
/* ==> edita el color del borde y fondo de cada tabla que contiene cada resultado */
.destacado {background-color:#fafeff;border:1px solid #0389BC;padding:10px 12px 8px 12px;margin-top:14px;}
/* ==> edita el color del area activa del resultado, celda y texto */
.link A:hover {text-decoration:none;background-color:#fff;cursor:pointer;color:#629eba;}
/* ==> edita el color de la leyenda "Ver oferta de trabajo/postulante */
.colorA {color:#0389BC;}
/* TRABAJO */
/* ==> el class ".color" indicado apenas arriba edita el color de las frases destacadas de la búsqueda */
/* ==> edita el borde de la caja */
.detalle {border:1px solid #000;padding:8px 15px 3px 15px;margin-top:5px;}
/* ==> edita el color del bullet al lado de "Ver otros empleos..." */
.bullet {color:#0389BC !IMPORTANT;}
/* ==> edita el texto del aviso */
.texto {font:12px/16px Arial, Verdana;color:#000;}
/* ==> FIN EDICION CSS */
/* NO TOCAR */
.usr INPUT {margin:3px 0 20px 0;width:180px;}
.pass INPUT {margin:3px 0 28px 0;width:180px;}
.contenido .titulo {margin:29px 0 10px 0;}
.mailLogin INPUT {width:160px;float:left;}
.mailLogin .btn {width:80px;float:left;}
.mailLogin2 INPUT {width:160px;float:left;}
.mailLogin2 .btn {width:80px;float:left;}
/* NO USADO */
.textologin {font:20px/16px Arial, Verdana;}
.interfaselogin {background-color:#e9fcff;padding:6px 15px;font:12px/16px arial;margin-bottom:15px;border:1px solid #83b8d9;}
/* INTERNAS */
.cuerpoInterna {padding:15px;}
.bloque {margin-bottom:28px;}
.item {float:left;text-align:right;width:188px;margin-right:30px;}
.datos {float:left;width:540px;}
.division {border-top:1px dashed #ccc;padding-top:10px;}
/* SUBNAVEGACION */
.paso {float:left;background-color:#fff;margin-top:1px;height:23px;line-height:23px;text-align:center;margin-right:1px;}
.menu2 {display:block;text-decoration:none;}
.menu2:hover {background-color:#a6a6a6;color:#fff!IMPORTANT;text-decoration:none;}
.pasoOn {float:left;background-color:#79AECF;margin-top:1px;height:23px;line-height:23px;text-align:center;margin-right:1px;color:#fff;}
.pasoEmpresas {float:left;background-color:#0093a7;margin-top:1px;height:23px;line-height:23px;text-align:center;margin-right:1px;color:#fff;}
.subnaveg {margin-bottom:12px;}
/* TABLA */
.tablaGris {width:100%;background-color:#e5e5e5;}
.tablaGris tr {background-color:#fff;}
.tablaGris td {padding:6px 7px 6px 7px;vertical-align:middle;font:11px/14px Arial, Tahoma;}
.techo {background-color:#e5e5e5;border:1px solid #fff;padding:0px;color:#666;}
.divisor td {background-color:#f7f7f7;}
/* RESULTADO */
.navegador {color:#808080;line-height:20px;border:solid #E2E2E2;border-width:0px 0px 1px 0px;margin-top:10px;height:20px;}
.destacado img {float:left;border:1px solid #d0e4f1;margin:0px 10px 5px 0px;}
.link A {text-decoration:none;color:#222;}
.link A.overall {display:block}
.link A:visited {text-decoration:none;color:#222;}
.destacadoPuntos {border-top:1px dotted #ccc; padding-top:8px;margin-top:10px;color:#666;}
/* DETALLE */
.detalle h1 {font:normal 14px/18px Arial, Verdana;color:#222;padding-top:8px;}
.btnDetalle {font:bold 11px tahoma, Arial, sans-serif;border:1px solid #006391;color:#fff;width:186px;background:#0389BC;float:right;text-align:center;display:block;margin-bottom:5px;padding:5px 7px;}
.btnDetalle:hover {background-color:#629eba;background-position: 0 -24px;*behavior:url("../../scripts/hover.htc");color:#fff;!important;text-decoration:none;}
.logoDetalle {border:1px solid #ddd;margin-bottom:15px;float:right;}
.simplePuntos {background:url(../imgs/puntos.gif) repeat-x;background-position:top;padding-top:8px;margin-top:10px;color:#666;}
.datosAviso ul {margin:0px;padding:0px;line-height:18px;}
.datosAviso ul li {list-style:none;}
#recomendar {position:absolute;top:25%;left:30%;z-index:50;border:1px solid #cecece;background-color:#fff;padding:4px;width:460px;color:#222;}
.puntos {background:url(../../BaseJobs/imgs/puntos.gif) repeat-x;background-position:top;padding:10px 0px 2px 0px;margin-top:10px;}
.puntosPreview {background:url(../../BaseJobs/imgs/puntos.gif) repeat-x;background-position:top;padding:1px 0px 2px 0px;margin-top:17px;}
/* ---- CARGA CV ---- */
.foto {border:3px double #cccccc;background-color:#f7f7f7;}
.itemPreview {margin:10px 0px 10px 50px;background:url(../imgs/puntos.gif) repeat-x;background-position:bottom;padding-bottom:10px;}
#enviarMail
{
position: fixed;
position: expression("absolute");
top: expression(eval(document.body.scrollTop)+10);
margin-top: 120px;
margin-left: -10px;
}
.editar {float:right;margin-left:20px;font:11px/16px Tahoma, Arial;}
@MEDIA PRINT
{
.btnDetalle {display:none;}
.datosEmpresa, .datosAviso {float:none;}
.detalle, .simplePuntos {padding-bottom:5px;}
HTML {background-image:none;}
.noprint {display:none;}
.texto {font:13px/16px Arial, Verdana;}
}
/* ---- NUEVOS ---- */
.chapaAzul {width:378px;background-color:#1170aa;margin-top:1px;height:23px;margin-bottom:10px;}
.chapaTahoma {float:left;padding:4px 0px 0px 9px;color:#fff;}
.datosForm {float:left;width:450px;}
.itemForm {float:left;text-align:right;width:265px;margin-right:30px;}
.espacio100 {height:100px;line-height:100px;}
.terminos {margin:10px 0 10px 214px;}
.emp_recomendar
{
position:fixed;
top:15%;
left:30%;
z-index:50;
border:1px solid #cecece;
background-color:#fff;
padding:4px;
width:460px;
color:#222;
visibility: hidden;
}