/* 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:#FCD820;
	width:1000px;
	margin:10px auto;
	background-color:#fff
}
H1 {font:bold 12px/16px Arial, Verdana;color:EC008B;margin:0 0 4px 0;}
A {color:#EC008B;text-decoration:none;}
A:visited {color:#004666;}
A:hover {
	color:#333;
	text-decoration:underline;
}
FORM {margin:0px;padding:0px;}
LABEL {
	color:#999;
	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;}
.titulo {
	font:bold 14px/16px Arial, sans-serif;
	color:#EC008B;
	margin-bottom:10px;
}
.titulologin {
	font:bold 14px/16px Arial, sans-serif;
	color:#EC008B;
	margin-bottom:10px;
}
.btn {
	background:#FCD820 url(../imgs/btnpago.jpg) repeat-x;
	font:bold 11px tahoma, Arial, sans-serif;
	border:2px solid #FCD820;
	padding:2px 7px 3px 7px;
	color:#000;
	cursor:pointer;
}
.btn:hover {
	background-color:#333;
	background-position: 0 -24px;

*behavior:url("../../scripts/hover.htc"); 	color: #FFF;
}
.interfase {background-color:#FFF99B;padding:6px 15px;font:12px/16px arial;margin-bottom:15px;border:1px solid #FFEE00;}
.interfaselogin {background-color:#FFF99B;padding:6px 15px;font:12px/16px arial;margin-bottom:15px;border:1px solid #FFEE00;}

.caja {
	background-color:#fff;
	margin-top:20px;
	border:1px solid #fff;
	width:959px;
	margin:auto;
	position:relative;
}
.bullet, .bulletGris, .bulletRojo{font: 11px/14px "Comic Sans Ms"; text-decoration:none;}
.bullet {color:#004666 !IMPORTANT;}
.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:EC008B;height:23px;line-height:23px;margin-bottom:10px;color:#fff;padding-left:10px;}

/* ---- COLORES ---- */
.color {color:EC008B;}
.gris50 {color:#808080;}
.rojo {color:#d65735!important;}
.colorA {
	color:#666;
}
.negro {color:#222;}
.normal {font-weight:normal}

/* TOP */
.top {
	background:url(../imgs/cabezalpagofacil2.jpg) no-repeat;
	height:86px;
	border-bottom:1px solid #FFEE00;
}
.logoTop {width:300px;height:60px;text-decoration:none;display:block;float:left;margin:10px 0 0 10px;}
.logoTop:hover {text-decoration:none;}
.loginTop {margin:20px 0 10px 50px;}
.loginTop A {color:#FF0;}
.loginTop A:hover {color:#FFf;}
.menu {text-align:right;width:630px;}
.menu .btn {
	background:#FDDD3E url(../imgs/btnmenupago.jpg) repeat-x;
	font:bold 11px tahoma, Arial, sans-serif;
	border:2px solid #FDDD3E;
	padding:2px 7px 3px 7px;
	color:#000;
	cursor:pointer;
	margin-left:30px;
	width:150px;
}
.menu .btn:hover {
	background-color:#333;
	background-position: 0 -24px;
	color: #FCD820;
}

/* HOME */
.cuerpo {
	background:url(../imgs/fdocuerpopagofacil.jpg);
	position:relative;
	height:485px;
}/* cambiar alto */
.login {
	position:absolute;
	top:-6px;
	left:14px;
	color:#666;
	width:300px;
}
.login .btn {
	background:#FDDD3E url(../imgs/btnmenupago.jpg) repeat-x;
	font:11px tahoma, Arial, sans-serif;
	border:2px solid #FDDD3E;
	padding:2px 7px 3px 7px;
	color:#333;
	cursor:pointer;
	margin-left:16px;
	width:100px;
	float:left;
}
.mensajeLogin {
	padding:6px 15px;
	font:11px/16px arial;
	margin-bottom:15px;
	border:1px solid #E4E4E4;
	color:#666;
}
.mensajeLogin2 {
	background-color:#FFF;
	padding:6px 15px;
	font:12px/16px arial;
	margin-bottom:15px;
	border:1px solid #E4E4E4;
	color:#222;
}
.techoLogin {
	margin-bottom:2px;
	padding:10px;
	font:bold 13px/16px Trebuchet ms, Arial, sans-serif;
	color:#FFF;
	margin-top:20px;
	padding-bottom: 2px;
	padding-left: 20px;
}
.cajaLogin {
	padding:15px;
	;
	margin-bottom:0px;
}
.cajaLogin .btn:hover {
	background-color:#000;
	background-position: 0 -24px;

*behavior:url("../../scripts/hover.htc"); 	color: #FFF;
}
.usr INPUT {
	margin:3px 0 20px 0;
	width:180px;
	border: 1px solid #E4E4E4;
}
.pass INPUT {
	margin:3px 0 28px 0;
	width:180px;
	border: 1px solid #E4E4E4;
}
.mailLogin {
	padding:15px;
	padding-left: 20px;
}
.mailLogin INPUT {
	width:160px;
	float:left;
	border: 1px solid #E4E4E4;
}
.mailLogin .btn {width:60px;float:left;}
.contenido {position:absolute;top:30px;left:390px;width:580px;}
.contenido .titulo {margin:29px 0 10px 0;}
.contenido .texto {width:250px;height:450px;}/* cambiar alto */

/* INGRESAR */
.login2 {
	color:#333;
}
.login2 .btn {
	background:#FFEE00 url(../imgs/btnmenupago.jpg) repeat-x;
	font:11px tahoma, Arial, sans-serif;
	border:2px solid #FFEE00;
	padding:2px 7px 3px 7px;
	color:#000;
	cursor:pointer;
	margin-left:16px;
	width:100px;
	float:left;
}
.techoLogin2 {
	background-color:#000;
	border:1px solid #000;
	margin-bottom:2px;
	padding:10px;
	font:bold 13px/16px Trebuchet ms, Arial, sans-serif;
	color:#FFF;
	margin-top:20px;
	width:280px;
}
.cajaLogin2 {
	background-color:#FFF;
	/* [disabled]border:1px solid #FFEE00; */
	padding:15px;
	;
	margin-bottom:2px;
}
.cajaLogin2 .btn:hover {
	background-color:#000;
	background-position: 0 -24px;

*behavior:url("../../scripts/hover.htc"); 	color: #FFF;
}
.mailLogin2 {
	background-color:#FFF;
	border:1px solid #E4E4E4;
	padding:15px;
	margin:20px 0 20px 20px;
}
.mailLogin2 INPUT {width:160px;float:left;}
.mailLogin2 .btn {width:80px;float:left;}
.textologin {font:12px/16px Arial, Verdana;}

/* 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 {
	background-color:#FFFDE7;
	border:1px solid #ccc;
	padding:10px 12px 8px 12px;
	margin-top:14px;
}
.destacado img {float:left;border:1px solid #D92C90;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;}
.link A:hover {text-decoration:none;background-color:#FFFDE7;cursor:pointer;color:#222;}
.destacadoPuntos {border-top:1px dotted #ccc; padding-top:8px;margin-top:10px;color:#666;}

/* DETALLE */
.admiracion {background-color:EC008B;padding:2px 7px;margin:5px;font:bold 14px/16px arial;color:#fff;}
.detalle {
	border:1px solid #ccc;
	padding:8px 15px 3px 15px;
	margin-top:5px;
}
.detalle h1 {font:normal 14px/18px Arial, Verdana;color:#222;padding-top:8px;}
.texto {font:12px/16px Arial, Verdana;}
.btnDetalle {font:bold 11px tahoma, Arial, sans-serif;border:1px solid #006391;color:#fff;width:186px;background:#629eba url(../imgs/btnMenu.gif) repeat-x;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:EC008B;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;
}