/*------------------------------------------------------GENERICO-------------------------------------------------*/
@import url("errores_der.css");/*ACL*/
@import url("prehome_compensaflex_mediaqueries.css");/*ACL*/
@import url('https://fonts.googleapis.com/css?family=Ek+Mukta:200,300,400');


*{
    font-family:"Raleway", sans-serif !important;
}
/* #region ----------------IE8--------------------------*/
.ie8 ul.login_menu {
position:absolute!important;
left:50%!important;
top:0px!important;
z-index:999999!important;
}
.ie8 ul.login_menu li a{
padding-right:20px !important;
padding:0;
padding-left:20px!important;
height:65px;
line-height:65px!important;
border:none!important;
border-right:1px solid #dcdcdc!important;
border-left:1px solid #dcdcdc!important;
float:left!important;
}
.ie8 ul.login_menu li.primer_acceso{
background-color:none!important;
background:none!important;
border:none!important;
}
.ie8 ul.login_menu li.primer_acceso a {
  z-index:9999999!important;
    margin-top:112px!important;
    float:none!important; 
    line-height:40px!important;
    padding-left:0px!important;
    padding:0!important;
    margin-top:75px!important;
  
}
/*#endregion IE8*/

* { margin:0; padding:0; }

body { background:#111; height:100%;background:none !important;
background-color:none !important;
font-family:"Raleway", sans-serif !important;}

img{ border:none; 
    width:133px;
}			

span#ctl00_ContentBody_lbl_texto h4 font {
    border-bottom:2px solid #fff;
font-family:"Raleway", sans-serif !important;
color:#FFF;
font-weight: normal!important;
padding-bottom:12px!important;
}
div.pnl_login {color:#FFF !important;}

span, input, tr, td, a, font {
font-family:"Raleway", sans-serif !important;}

h4 font{
font-family:"Raleway", sans-serif !important;
background:url("../../img/flecha_compensa_flex.png") no-repeat right;
width:500px;
font-size:30px!important;
display:block;
}
h4 font span{
font-family:"Raleway", sans-serif !important;
font-size:32px !important;
font-weight: normal!important;
}
h4.title_paginas_publicas span {font-family:"Raleway", sans-serif !important; font-size:18px !important;color:#919396!important;}
h4.title_paginas_publicas {position:relative!important;margin-bottom:20px!important;color:#FF5D33!important;
}
span.TituloLogin{display:none;}

/*FONDO DE PREHOME*/	
div#screen{
background:none;
position:fixed;
overflow-y:auto!important;
height:100%;
width:100%!important;
max-width:100%!important;
background:url(../../img/534572/prehome-3.jpg) no-repeat left center fixed !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
/*Aplicamos filtros para IE9+. Ojo con el punto al principio de la ruta*/
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=".https://www.micompensacion.com/img/4589237/Prehome_03.jpg', sizingMethod='scale") !important;
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.https://www.micompensacion.com/img/4589237/Prehome_03.jpg')" !important;
border:none!important;
}
/*Fondo oscuro transparente*/
div#fondo {
width:100%!important;
height:100%!important;
position:fixed!important;
top:185px;
z-index:-99999!important;
left:0px;
background-image:none!important;
/*background:url("../../img/4589237/border_box_producto2.png") repeat!important;*/
}		

/*-----------------------------------------------------MENU ARRIBA-------------------------------------------------*/	
div#fondo_blanco{display:none!important;}

table.tabla_principal {
position:absolute;
width:100%;
height:65px;
min-height:10px!important;
top:0px;
background-color:#FFF;
left:0px;	
z-index:8;	
border-bottom:1px solid #dcdcdc!important;}	
ul.login_menu{position:inherit!important;}

    ul.login_menu li a, ul.login_menu li a:link, ul.login_menu li a:visited, ul.login_menu li a:hover{font-weight: normal!important;}
					
ul.login_menu li:not(.primer_acceso) a,
div ul.login_menu li.link_cookies a {
    color:#888888 !important;
    border: none !important;
}
				
ul.login_menu li:not(.primer_acceso) a:hover{
  background:#919396; 
  color:#FFF!important;
}	

a.lnk_inicio img{
  z-index:11;
  position:absolute;
  left:50%;
  margin-left:-460px !important;
  top: 2px;
  width: 120px;
}



/*----------------------------------------------FORM------------------------------------------------*/	

div#sombra_form {
display:none;
height:402px;
position:fixed!important;
background:#FFF;
color:#FF5D33 !important;
position:absolute!important;
right:0px;
margin:0;
left:50%;
margin-left:156px;
height:400px;
width:306px;
z-index:1000!important;
margin-top:122px;

border:1px solid #dcdcdc;
top:0px!important;
}



input {
height:30px !important;
width:220px !important;
background-color:#f2f2f2;
border:none;
border:1px solid #afafb0;
padding-left:5px;
color: #049c96;
}

input:hover {border:1px solid #888888;}

input:focus {
border:1px solid #919396;
-moz-box-shadow:inset 1px 1px 3px #000000;
-webkit-box-shadow:inset 1px 1px 3px #000000;
box-shadow:inset 1px 1px 3px #cecece;}

/*--------------------SECCION ACCEDER------------------*/
table.TableLogin{
position:fixed;
right:0px;
margin:0;
left:50%!important;
margin-left:157px!important;
background-color:#FFF!important;
border:none;
margin-top:71px!important;
padding-top:53px;
box-shadow:  0px 0px 4px 0px rgba(50,50,50,0.65);
height:210px;
width:250px !important;
padding-right:40px !important;
padding-left:35px !important;
z-index:1100!important;
padding-bottom:90px!important;
}

table.TableLogin tbody {width:100% !important;}

table.TableLogin tbody tr, table.TableLogin tbody tr td, table.TableLogin tbody tr td div  {
height:28px !important;
padding:0 !important;
margin:0 !important;
position:relative;
line-height:30px;
}

table.TableLogin tbody tr td:nth-child(2) {width:250px;}

table.TableLogin tbody tr td div span {
color:#919396;
height:25px;
line-height:40px;
}

div#acceder{
background:#4daad2;
color:#fff !important;
position:fixed;
right:0px;
margin:0;
left:50%;
margin-left:157px!important;
height:50px;
width:315px;
z-index:1200;
border-bottom:1px solid #dcdcdc !important;
margin-top:122px!important;
    
}
div#acceder span {
font-size:13px;
text-align:center;
width:300px;
display:block;
color:#fff!important;
font-weight:normal;
position:relative;
top:17px;
text-transform:uppercase!important;
}
/*Boton entrar*/			
table.TableLogin a.acceso_usuarios1{
font-family:"Raleway", sans-serif !important;
background-image:none;
background-color:#a1daf8;
border:none;
width:226px!important;
margin:0 auto;
font-size:12px;
font-weight: normal;
height:40px;
line-height:40px;
letter-spacing:0.6px;
margin-top:10px;
text-transform:uppercase;
}
table.TableLogin a.acceso_usuarios1:hover {
background-color:#a1daf8;
opacity: 0.8;
}


/*--------------------SECCION REGISTRATE------------------*/

div#registro{
background:#FFF;
color:#FF5D33 !important;
position:fixed;
right:0px;
margin:0;
left:50%;
margin-left:157px;
height:87px;
width:315px;
z-index:99999;
margin-top:410px;
top:0px;
border-top:1px solid #dcdcdc !important;
    
}
div#registro span {
font-size:13px;
text-align:center;
width:300px;
display:block;
font-weight:normal;
position:relative;
top:13px;
color:#919396;}

li.primer_acceso{
position:fixed;
right:0px;
margin:0;
left:50% !important;
margin-left:157px !important;
width:306px !important;
background-color:#FFF!important;
margin-top:365px!important;
border:none!important;
height:95px;
z-index:1500!important;
border-top:1px solid #dcdcdc !important;
}

/*Botón accedes*/

li.primer_acceso a{
background-color:#919396!important;
width:200px;	
margin:0 auto;
padding:0px !important;
height:40px !important;
line-height:40px;
text-align:center;
margin-right:42px;
width:224px;	
font-size:12px !important;	
font-weight:normal!important;
letter-spacing:0.5px;
position:relative;
margin-top:38px;
top:0px;
color:#FFF !important;
}
li.primer_acceso a:hover {
background-color:#919396 !important;
opacity: 0.8;
}

	
/*Generar contraseña*/
a#ctl00_lnk_olvidado_pwd {
position:relative;
top:-80px;
display:block;
width:203px;
text-align:right;
text-decoration:none;
color:#afafb0;
height:20px;
line-height:20px;
font-size:10px;
background:url(../../img/9010/nuevo_pass.png) no-repeat right;
padding-right:24px;
}
a#ctl00_lnk_olvidado_pwd:hover {
color:#919396;
background:url(../../img/9010/nuevo_pass_2.png) no-repeat right;
}

div#fondo_naranja{
position:fixed;
width:100%;
height:50px;
line-height:50px;
bottom:0px;
background-color:#FF5D33;
left:0px;	
z-index:10;	
background:#000; /* fallback for browser that not support rgba */
background: rgba(0,0,0, .5); /* Works on all modern browsers */
background: transparent \9; /* clear current background for ie */
zoom:1; /* required for the filters */
	
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
/* For IE 8*/
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
}
span#txt_compensa{
color:#e1e1e1;
margin:0;
left:50%;
position:relative;
font-weight:normal;
margin-left:-100px;
top:0px;
}

/*-----------------------------------------------------PAGINAS-----------------------------------------------------*/
/*INICIO*/
div#texto_cuerpo{
text-align:left;
position:fixed;
left:50%;
margin-left:-447px;
padding-left:24px;
width:505px;
z-index:0;
height:30%;
background-color:rgba(0,0,0,0.3)!important;
margin-top:92px;
}
div#texto_cuerpo h4 {
margin-top:40px!important;  }
div#texto_cuerpo span {color: #FFF;}

.texto_inicio {

font-size:18px;
line-height:20px;
position:relative;
top:10px;
font-family:"Raleway", sans-serif !important;
width:450px;
color: #FFF !important;
}

/*CONTENIDO PANTALLAS*/

td#content_right {
position:absolute!important;
margin-top:119px!important;
margin-left:-484px!important;
margin-right:0px!important;
margin-bottom:100px!important;
padding-bottom:0px!important;
min-height:386px!important;
background-color:#FFF!important;
width:525px!important;
left:50%!important;
top:2px!important;
padding:15px 30px 30px 30px!important;
color:#96938e!important;
border:1px solid black;
box-shadow:  0px 0px 4px 0px rgba(50,50,50,0.65);
border:1px solid #dcdcdc;
z-index:100;
      
}
td#content_right table.master_content_right {
height:auto!important;
min-height:200px!important;
}

table.master_content, table.master_content tr, table.master_content tr td#content_right, table.master_content tr td#content_right table.master_content_right tbody tr td  {
  height:auto!important;
}

/*NUEVO USUARIO*/
table.pwd_textboxes tr {
margin-bottom:10px!important;
margin-top:10px!important;
height:40px!important;
}

div#ctl00_ContentBody_pnl_web_online a.acceso_usuarios1, a#ctl00_ContentBody_lnk_ok {
background-color:#037B76;
width:226px!important;
background-image:none!important;
margin:0 auto!important;
padding:0px!important;
margin-top:30px!important;
height:40px!important;
line-height:40px!important;
}
a#ctl00_ContentBody_lnk_ok {
margin-top:-30px!important;}
div#ctl00_ContentBody_pnl_web_online a.acceso_usuarios1:hover, a#ctl00_ContentBody_lnk_ok:hover{
background-color:#a5a29d;}
div#ctl00_ContentBody_pnl_web_online a.acceso_usuarios1:active, a#ctl00_ContentBody_lnk_ok:active{
background-color:#6b6965;
-moz-box-shadow:inset 1px 1px 10px #343331;
-webkit-box-shadow:inset 1px 1px 10px #343331;
box-shadow:inset 1px 1px 10px #343331;
}
/*CERITICADOS SSL*/
table#pnl_verisign {
top:0px!important;
margin-left:148px!important;
}
table#pnl_verisign a img {
width:60px;}
table#pnl_verisign a#titulo_hyperlink span#ctl00_ContentBody_lbl_certificados {
font-size:8px;}

/*--------------------------------------------COLORES FORMULARIO----------------------------------------------------------*/

/*CABECERA FORM*/
tr.Encabezado {
text-shadow: none !important;
border-bottom:1px solid #919396!important;
background:url("../../img/registro/login_icon.png") #919396 no-repeat 95% 50% !important;

}
/*NÚMERO*/
span.Paso {
color:#919396;
font-family:"Raleway", sans-serif !important;}

/*BOTON ENVIAR*/
a.Input {
border:1px solid #919396;
background: #919396 no-repeat 95% 50% !important;
}
a.Input:hover {
/*border:1px solid #919396;*/
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
background:none!important;
background-color: #919396!important;
}
/*NUMEROS PASOS*/
.Paso1Activo span.Paso, .Paso2Activo span.Paso, .Paso3Activo span.Paso, .Paso4Activo span.Paso {
background: none repeat scroll 0 0 #919396;
}
.Paso1Activo span.Paso:before, .Paso2Activo span.Paso:before, .Paso3Activo span.Paso:before, .Paso4Activo span.Paso:before {
border-left: 12px solid #919396;
}

/*CAMPO FOCUS*/
.fila input:focus {border:2px solid #919396!important;}

/*PASO CORRECTO*/
.PasoCorrecto #ctl00_ContentBody_Paso1, .PasoCorrecto #ctl00_ContentBody_Paso2, .PasoCorrecto #ctl00_ContentBody_Paso3, .PasoCorrecto #ctl00_ContentBody_Paso4 {background: none repeat scroll 0 0 #00867b;}

.PasoCorrecto #ctl00_ContentBody_Paso1:before, .PasoCorrecto #ctl00_ContentBody_Paso2:before, .PasoCorrecto #ctl00_ContentBody_Paso3:before, .PasoCorrecto #ctl00_ContentBody_Paso4:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-left: 12px solid #00867b!important;
border-top: 13px solid rgba(0, 0, 0, 0);
}
.PasoCorrecto td.celda_3{

  background-color: #00867b !important;
}

.PasoCorrecto td.celda_3:before {
border-right: 12px solid #00867b;}

div.video, object, a.lnk_videos {
  display: none!important;
}

table.img_top_compensa {
  background-image:none!important; 
}

/*TOOLTIPS*/
div div.tooltipsy h1 {
background-color:#919396!important;}

a.lnk_ir_otro_registro{ background-color: rgb(235, 71, 58)!important;}

/*esconder boton accede con mail corporativo*/
div#registro div.pnl_link{
    width:100%!important;
}
div#registro div#pnl_lnk_mial.pnl_link{
    display:none!important;
}

li.primer_acceso a, td.link_generar_pwd{
    display:inline-block!important;
}

div.g-recaptcha.login-recaptcha{
  position:fixed;
  right:0px;
  margin:0;
  left:50% !important;
  margin-left:157px !important;
  width:315px !important;
  background-color:#FFF!important;
  margin-top:450px!important;
  border:none!important;
  height:95px;
  z-index:1500!important;
}