/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i
{
margin: 0;
padding: 0;
border: 0
}
body {
font-family: "Trebuchet MS", Arial, Tahoma;
color: #000000;
font-size: 12px;
background: #fff;
overflow-x: hidden;
}
h4 {
font-size: 18px;
color: #5E0089;
}
/*ID*/
#wrap {
width: 847px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
}
#wrap_popup {
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
}
/*header*/
#header,#header #htopslim,#barrauser {
padding: 0 3000px;
margin: 0 -3000px;
}
#wrap #header {
clear: both;
background-color: #FFFFFF;
}
#header #htopslim {
background-color: #521c78;
clear: both;
height: 54px;
color: #FFFFFF;
}
#htopslim #marcaprev {
height: 54px;
width: 370px;
float: left;
}
#htopslim #dermarca {
float: right;
width: 477px;
text-align: right;
height: 54px;
}
#htopslim #dermarca ul {
float: right;
}
#htopslim #dermarca li {
float: left;
padding: 0 7px;
list-style: none;
}
#htopslim #dermarca li:first-child {
float: none;
margin: 7px 0 3px 0;
}
#htopslim #dermarca li a {
display: inline-block;
}
/*#header #hdorange {
background-image: url(/wPortal/imagenes/images/bgorange.jpg);
background-repeat: repeat-x;
clear: both;
height: 20px;
}*/
#dermarca strong {
color: #FAB700;
}
/*main*/
#wrap #main {
clear: both;
}
#barrauser {
clear: both;
line-height: 15px;
padding-bottom: 3px;
background: #EDEEF0;
font-size: 12px;
min-height: 30px;
color: #454545;
border-bottom: 1px solid #B5B5B5 !important;
margin-bottom: 10px;
}
#barrauser .padus {
padding-top: 6px;
}
#barrabutcnl {
background-repeat: repeat-x;
height: 23px;
clear: both;
text-align: right;
}
/*29 enero 08*/
.barranombre01 {
width: 360px;
float: left;
line-height: 16px;
}
.barranombre02 {
font-size: 12px;
float: right;
width: auto;
}
.barranombre02 strong {
font-weight: bold;
color: #5E0089;
}
#instruccionesdepago #instruccipay01 {
width: 385px;
float: left;
}
#instruccionesdepago #instruccipay02 {
width: 402px;
float: left;
}
#nav_home_nana {
background-image: url(/wPortal/imagenes/images/head_nanas.jpg);
background-repeat: no-repeat;
clear: both;
height: 112px;
width: 848px;
}
#nav_home_indepe {
background-image: url(/wPortal/imagenes/images/head_indepe.jpg);
background-repeat: no-repeat;
clear: both;
height: 112px;
width: 848px;
}
#nav_home_empre {
background-image: url(/wPortal/imagenes/images/head_empre.jpg);
background-repeat: no-repeat;
clear: both;
height: 112px;
width: 848px;
}
#nav_home_cont {
background-image: url(/wPortal/imagenes/images/head_cont.jpg);
background-repeat: no-repeat;
clear: both;
height: 112px;
width: 848px;
}
#nav_home_depos {
background-image: url(/wPortal/imagenes/images/head_depos.jpg);
background-repeat: no-repeat;
clear: both;
height: 112px;
width: 848px;
}
#nav_home_depos #hd_nana01,#nav_home_cont #hd_nana01,#nav_home_empre #hd_nana01,#nav_home_indepe #hd_nana01,#nav_home_nana #hd_nana01
{
height: 112px;
width: 586px;
float: left;
}
#nav_home_depos #hd_nana02,#nav_home_cont #hd_nana02,#nav_home_empre #hd_nana02,#nav_home_indepe #hd_nana02,#nav_home_nana #hd_nana02
{
height: 112px;
width: 261px;
float: left;
}
#hd_nana02 ul {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 45px;
}
#hd_nana02 li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC9900;
padding-bottom: 1px;
padding-top: 1px;
}
#hd_nana02 a {
font-size: 13px;
color: #5E0089;
text-decoration: none;
font-weight: bold;
line-height: 17px;
display: block;
background-image: url(/wPortal/imagenes/images/arrow.gif);
background-repeat: no-repeat;
background-position: 190px;
padding-left: 10px;
}
#hd_nana02 a:hover {
color: #5400A8;
padding-left: 10px;
background-position: 195px;
}
.cont_absolute{
position:absolute;
}
#topmainnanas {
background-image: url(/wPortal/imagenes/images/bgtopmainnanas.gif);
background-repeat: no-repeat;
clear: both;
height: 13px;
width: 848px;
}
#envuelvemainnanas {
clear: both;
background-image: url(/wPortal/imagenes/images/bglineaenvuelvenanas.gif);
background-repeat: repeat-y;
}
#mainhomenana01 {
width: 586px;
float: left;
}
#mainhomenana02 {
float: left;
width: 261px;
background-color: #EEEEEE;
}
#mainhomenana02 h4 {
background-image: url(/wPortal/imagenes/images/bglineanadas.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 10px;
margin-right: 5px;
margin-left: 5px;
color: #5E0089;
font-size: 15px;
font-weight: bold;
}
#mainhomenana02 ul {
list-style-type: none;
margin-left: 5px;
font-size: 12px;
color: #707070;
}
#mainhomenana02 li {
background-image: url(/wPortal/imagenes/images/bulletlinanas.gif);
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 10px;
padding-bottom: 3px;
}
.felicitaciones {
width: 100%;
padding-top: 30px;
margin-left: 20px;
float: left;
}
.bienvenida {
width: 600px;
padding-top: 15px;
margin-left: 20px;
float: left;
}
.imag_felicitaciones {
width: 97px;
height: 97px;
float: left;
padding: 24px 0 0 0;
}
.boton {
margin-left: 110px;
}
/*eliminar trabajadores*/
#main_trabajadores {
/* background-image:url(/wPortal/imagenes/images/bg_barra_izq.gif);*/
padding-bottom: 40px;
}
#topmaintrabajadores {
background-image: url(/wPortal/imagenes/images/bg_barra_izq.gif);
background-repeat: repeat-y;
clear: both;
height: 13px;
width: 848px;
}
#barra_trabajadores {
width: 180px;
float: left;
/* padding-top:25px;*/
padding-bottom: 40px;
}
#barra_trabajadores li {
list-style: none;
font-size: 11px;
margin-bottom: 5px;
margin-left: 5px;
}
#barra_trabajadores a {
font-family: "Trebuchet MS", Arial, Tahoma;
color: #000000;
font-size: 12px;
text-decoration: none;
}
#barra_trabajadores h4 {
margin-left: 10px;
}
#barra_trabajadores h4 a {
font-size: 14px;
color: #5E0089;
}
#contenido_detalle {
width: 628px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
margin: 0 auto;
}
#contenido_detalle2 {
width: 728px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
margin: 0 auto;
}
#contenido_trabajadores {
width: 628px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
float: left;
}
#contenido_trabajadores_sin_menu {
width: 782px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
float: left;
}
#lista_empresa {
width: 800px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
}
#lista_trabajadores_mac {
width: 95%;
padding-top: 5px;
padding-right: 15px;
padding-left: 20px;
float: center;
}
#contenido_trabajadores td, #contenido_trabajadores_sin_menu td {
padding: 2px 2px 2px 4px;
}
#contenido_trabajadores .anular a {
color: #FF0000;
}
#contenido_trabajadores .anular a:visited {
color: #990000;
}
#contenido_trabajadores .anular a:hover {
color: #FF9900;
}
#contenido_trabajadores li, #contenido_trabajadores_sin_menu li {
margin-bottom: 5px;
margin-left: 5px;
list-style-image: url(/wPortal/imagenes/images/lista.gif);
list-style-position: inside;
}
#contenido_trabajadores ul, #contenido_trabajadores_sin_menu ul {
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
text-align: justify;
}
#contenido_trabajadores2 {
width: 628px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
float: left;
}
#contenido_trabajadores2 li {
margin-bottom: 5px;
margin-left: 5px;
list-style-image: url(/wPortal/imagenes/images/lista.gif);
list-style-position: inside;
}
#contenido_trabajadores2 ul {
margin-bottom: 10px;
margin-top: 10px;
}
#contenido_trabajadores3 {
width: 800px;
padding-top: 25px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 20px;
float: left;
}
#contenido_trabajadores3 li {
margin-bottom: 5px;
margin-left: 5px;
list-style-image: url(/wPortal/imagenes/images/lista.gif);
list-style-position: inside;
}
#contenido_trabajadores3 ul {
margin-bottom: 10px;
margin-top: 10px;
}
.fechas {
text-align: right;
}
#mensaje_nuevo_trabajor {
padding: 20px;
background-color: #f9f9f9;
border: solid 1px #9d00c7;
}
#mensaje_alerta {
background-image: url(/wPortal/imagenes/images/alerta.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
padding: 10px 10px 10px 90px;
background-color: #fff8d8;
border: solid 1px #ff0000;
font: 12px "Trebuchet MS", Arial, Tahoma;
}
#mensaje_alerta h4 {
color: #FF0000;
font-size: 14px;
margin-bottom: 4px;
}
#pagar_selec {
background-color: #f9f9f9;
padding: 20px;
}
#pagar_selec h3 {
color: #5E0089;
}
.margeninf_10px {
margin-bottom: 10px;
}
.margeninf_20px {
margin-bottom: 20px;
}
/*fondo generico*/
.bg_standard {
background-color: #FF9900;
}
.bg_naranjo_c {
background-color: #FFCC99;
}
.bg_naranjo {
background-color: #FF9900;
}
.bg_titulo_pago_atrasado {
background-color: #9999CC;
}
.bg_gris {
background-color: #eeecec;
}
.bg_grisoscuro {
background-color: #cccccc;
}
.bg_rojo {
background-color: red;
}
.alinear_centro {
text-align: center;
}
.alinear_derecha {
text-align: right;
}
.alinear_izq {
text-align: left;
}
.height_20 {
height: 20px;
}
.height_40 {
height: 20px;
}
.bold {
font: bold 12px/12px "Trebuchet MS", Arial, Tahoma;
}
.texto_blanco {
color: #FFFFFF;
}
.margenizq_10 {
margin-left: 10px;
}
.totales_declaraciones {
color: #5E0089;
font-size: 20px;
}
.borde_izq {
border-left: solid #eeecec 1px;
}
.borde_der {
border-right: solid #eeecec 1px;
}
.borde_inf {
border-bottom: solid #eeecec 1px;
margin-bottom: 4px;
}
/*body posicion menu*/
.bodynana #navmenu #nav01 a,.bodyindepe #navmenu #nav02 a,.bodyempre #navmenu #nav03 a,.bodycont #navmenu #nav04 a,.bodydepos #navmenu #nav05 a
{
padding-left: 8px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #5E0089;
background-image: none;
}
/* fin 01 feb 08*/
#main h2 {
color: #5E0089;
font-size: 18px;
font-weight: bold;
}
#main h3 {
font-size: 17px;
font-weight: normal;
}
#main h5 {
font-size: 14px;
color: #000000;
font-weight: normal;
}
#pagoimpos {
background-image: url(/wPortal/imagenes/images/bgpagoimp.jpg) !important;
background-repeat: repeat-x;
background-color: #EEEEEE;
width: auto;
height: auto;
}
#pagoimpos p {
font-size: 11px;
}
.headcajaimpos {
height: 10px;
line-height: 1px;
width: 787px;
float: left;
}
.headcajaimpos2 {
background-color: #EEEEEE;
height: 10px;
line-height: 1px;
width: 787px;
float: left;
}
.heboxsupleft {
background-image: url(/wPortal/imagenes/images/heboxsupleft.gif);
background-repeat: no-repeat;
height: 10px;
width: 10px;
float: left;
line-height: 1px;
}
.heboxmedio {
width: 768px;
height: 10px;
float: left;
line-height: 1px;
}
.heboxmedio2 {
width: 768px;
height: 10px;
float: left;
background-color: #EEEEEE;
line-height: 1px;
}
.heboxsuprigth {
height: 10px;
width: 10px;
background-image: url(/wPortal/imagenes/images/heboxsuprigth.gif);
background-repeat: no-repeat;
float: right;
line-height: 1px;
}
.foboxinfleft {
background-image: url(/wPortal/imagenes/images/foboxinfpleft.gif);
background-repeat: no-repeat;
height: 10px;
width: 10px;
float: left;
}
.foboxinfrigth {
height: 10px;
width: 10px;
background-image: url(/wPortal/imagenes/images/foboxinfptight.gif);
background-repeat: no-repeat;
float: right;
}
/*caja verde*/
.cajita {
width: 239px;
}
.hboxver {
clear: both;
}
.hboxver .hboxver01 {
background-image: url(/wPortal/imagenes/images/boxver01.gif);
background-repeat: no-repeat;
height: 10px;
width: 34px;
float: left;
}
.hboxver .hboxver02 {
background-image: url(/wPortal/imagenes/images/boxver02.gif);
background-repeat: repeat-x;
height: 10px;
width: 196px;
float: left;
}
.hboxver .hboxver03 {
background-image: url(/wPortal/imagenes/images/boxver03.gif);
background-repeat: no-repeat;
height: 10px;
width: 9px;
float: left;
}
.mboxvermain {
clear: both;
background-color: #FFFFFF;
}
.mboxvermain .mboxvermain01 {
background-image: url(/wPortal/imagenes/images/boxver04.gif);
background-repeat: repeat-y;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #5EA215;
height: 77px;
}
.footboxver .footboxver01 {
background-image: url(/wPortal/imagenes/images/boxver05.gif);
background-repeat: no-repeat;
height: 10px;
width: 34px;
float: left;
}
.footboxver .footboxver02 {
background-image: url(/wPortal/imagenes/images/boxver06.gif);
background-repeat: repeat-x;
height: 9px;
width: 196px;
float: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5EA215;
background-color: #FFFFFF;
}
.footboxver .footboxver03 {
background-image: url(/wPortal/imagenes/images/boxver07.gif);
background-repeat: no-repeat;
height: 10px;
width: 9px;
float: left;
}
/*fin caja verde*/
/*caja rojo*/
.cajita {
width: 239px;
}
.hboxrojo {
clear: both;
}
.hboxrojo .hboxrojo01 {
background-image: url(/wPortal/imagenes/images/boxrojo01.gif);
background-repeat: no-repeat;
height: 10px;
width: 34px;
float: left;
}
.hboxrojo .hboxrojo02 {
height: 9px;
width: 196px;
float: left;
background-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CC0404;
}
.hboxrojo .hboxrojo03 {
background-image: url(/wPortal/imagenes/images/boxrojo03.gif);
background-repeat: no-repeat;
height: 10px;
width: 9px;
float: left;
}
.mboxrojomain {
clear: both;
background-color: #FFFFFF;
}
.mboxrojomain .mboxrojomain01 {
background-image: url(/wPortal/imagenes/images/boxrojo04.gif);
background-repeat: repeat-y;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CC0404;
height: 77px;
}
.footboxrojo .footboxrojo01 {
background-image: url(/wPortal/imagenes/images/boxrojo05.gif);
background-repeat: no-repeat;
height: 10px;
width: 34px;
float: left;
}
.footboxrojo .footboxrojo02 {
background-image: url(/wPortal/imagenes/images/boxrojo06.gif);
background-repeat: repeat-x;
height: 9px;
width: 196px;
float: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC0404;
background-color: #FFFFFF;
}
.footboxrojo .footboxrojo03 {
background-image: url(/wPortal/imagenes/images/boxrojo07.gif);
background-repeat: no-repeat;
height: 10px;
width: 9px;
float: left;
}
/*fin caja rojo*/
/*caja azul*/
.cajita {
width: 239px;
}
.hboxazul {
clear: both;
}
.hboxazul .hboxazul01 {
background-image: url(/wPortal/imagenes/images/boxazul01.gif);
background-repeat: no-repeat;
height: 10px;
width: 34px;
float: left;
}
.hboxazul .hboxazul02 {
height: 9px;
width: 196px;
float: left;
background-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #0467CC;
}
.hboxazul .hboxazul03 {
background-image: url(/wPortal/imagenes/images/boxazul03.gif);
background-repeat: no-repeat;
height: 10px;
width: 9px;
float: left;
}
.mboxazulmain {
clear: both;
background-color: #FFFFFF;
}
.mboxazulmain .mboxazulmain01 {
background-image: url(/wPortal/imagenes/images/boxazul04.gif);
background-repeat: repeat-y;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0467CC;
height: 77px;
}
.footboxazul .footboxazul01 {
background-image: url(/wPortal/imagenes/images/boxazul05.gif);
background-repeat: no-repeat;
height: 10px;
width: 34px;
float: left;
}
.footboxazul .footboxazul02 {
background-image: url(/wPortal/imagenes/images/boxazul06.gif);
background-repeat: repeat-x;
height: 9px;
width: 196px;
float: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0467CC;
background-color: #FFFFFF;
}
.footboxazul .footboxazul03 {
background-image: url(/wPortal/imagenes/images/boxazul07.gif);
background-repeat: no-repeat;
height: 10px;
width: 9px;
float: left;
}
#main #barrasmain01 {
padding-top: 20px;
width: 394px;
float: left;
}
#main #barrasmain02 {
width: 394px;
float: left;
padding-top: 20px;
}
.caja394 {
background-image: url(/wPortal/imagenes/images/bgcaja394.gif);
background-repeat: no-repeat;
height: 133px;
width: 359px;
}
.cajarosa {
background-image: url(/wPortal/imagenes/images/bgcajarosa.gif);
background-repeat: no-repeat;
height: 105px;
width: 330px;
margin-left: 15px;
color: #CC047E;
}
#main h4 {
font-size: 14px;
font-weight: bold;
}
.secuenciapasos {
clear: both;
font-size: 9px;
font-weight: bold;
text-align: right;
}
.pasomorado {
height: 5px;
width: 16px;
background-color: #FCBD00;
border: 1px solid #5C0082;
float: right;
}
.pasoblanco {
height: 5px;
width: 16px;
background-color: #FFF;
border: 1px solid #5C0082;
float: right
}
.cajaverde001 {
background-image: url(/wPortal/imagenes/images/bgcajaverde.gif);
background-repeat: no-repeat;
height: 105px;
width: 330px;
margin-left: 15px;
color: #05AC8B;
}
#tableform h3 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
color: #5E0089;
font-size: 18px;
margin-bottom: 10px;
}
.icoper {
background-image: url(/wPortal/imagenes/images/ico_personas.gif);
background-repeat: no-repeat;
padding-left: 25px;
}
.icodatos {
background-image: url(/wPortal/imagenes/images/ico_datos.gif);
background-repeat: no-repeat;
padding-left: 25px;
}
.icoacceso {
background-image: url(/wPortal/imagenes/images/ico_pwd.gif);
background-repeat: no-repeat;
padding-left: 25px;
}
.icoemplead {
background-image: url(/wPortal/imagenes/images/ico_empleador.gif);
background-repeat: no-repeat;
padding-left: 25px;
}
.icopersona {
background-image: url(/wPortal/imagenes/images/ico_personas.gif);
background-repeat: no-repeat;
height: 18px;
width: 18px;
margin-right: 5px;
float: left;
}
.icocalculo {
background-image: url(/wPortal/imagenes/images/datos_calculos.gif);
background-repeat: no-repeat;
height: 18px;
width: 18px;
margin-right: 5px;
float: left;
}
.icodatos_form {
background-image: url(/wPortal/imagenes/images/datos.gif);
background-repeat: no-repeat;
height: 18px;
width: 18px;
margin-right: 5px;
float: left;
}
/*fin caja verde*/
#wrap #footer {
clear: both;
height: 100px;
}
/*CLASS*/
.clearfix {
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.nodisplay {
display: none;
}
.nodisplaytext {
text-indent: -9999px;
overflow: hidden;
}
.b {
color: #FFFFFF;
text-decoration: underline;
}
.b:hover {
text-decoration: none;
}
.c {
font-size: 10px;
}
.pad7 {
padding: 7px;
}
.pad5 {
padding: 5px;
}
.padleft26 {
padding-left: 26px;
}
.pad30 {
padding: 30px;
}
.pad30sntop {
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.pad30l {
padding-left: 30px;
}
.rellenocaja {
padding-right: 10px;
padding-bottom: 5px;
padding-left: 30px;
}
.margen10 {
padding-right: 15px;
padding-left: 15px;
}
.flocaja {
float: left;
}
.ancho239 {
width: 239px;
}
.flopad {
float: left;
height: 100px;
width: 15px;
}
.margentop10 {
padding-top: 10px;
}
.cverde {
color: #5EA215;
}
.cmorado {
color: #5E0089;
}
.crojo {
color: #CC0404;
}
.cnegro {
color: #000000;
}
.cazul {
color: #52B8FF;
}
.alerts {
font-size: 11px;
color: #FF0000;
font-weight: bold;
}
.dividetd {
padding-top: 1px;
margin-top: 1px;
background-image: url(/wPortal/imagenes/images/bgtdinterli.gif);
background-repeat: repeat-x;
background-position: center center;
height: 8px;
}
.espaciado {
padding-top: 1px;
margin-top: 1px;
background-repeat: repeat-x;
background-position: center center;
height: 8px;
}
.graycolor {
font-size: 10px;
font-weight: bold;
color: #666666;
}
.aleft {
text-align: left;
}
.arig {
text-align: right;
}
.divalto10 {
clear: both;
height: 10px;
}
#datetable td {
padding-top: 1px;
padding-bottom: 1px;
}
.smallds {
font-size: 10px;
color: #666666;
margin: 4px 0 0;
}
/*29 ene 08*/
.lineaptada {
color: #cc0000;
margin-bottom: 10px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
/**/
.nunerointrs {
background-image: url(/wPortal/imagenes/images/bg_nro.gif);
background-repeat: no-repeat;
height: 24px;
width: 24px;
text-align: center;
float: left;
}
.nunerointrs h4 {
font-size: 18px !important;
font-weight: bold;
color: #FFFFFF;
}
.cajacontenidointrs {
float: left;
padding-left: 10px;
width: 330px;
}
.moradobold {
font-weight: bold;
color: #5E0089;
}
.instrucv01 {
padding-bottom: 10px;
}
.bgnaranja {
background-color: #FF9000;
font-weight: bold;
color: #FFFFFF;
padding-left: 5px;
}
input.cajatexto {
font-size: 12px;
color: #252525;
border: 1px solid #CCCCCC;
margin: 0px;
padding: 0px;
}
/*Buttons*/
button {
border: 0;
cursor: pointer;
font-weight: bold;
padding: 0 20px 0 0;
text-align: center;
background-color: transparent;
}
button span {
position: relative;
display: block;
white-space: nowrap;
padding: 0 0 0 20px;
background-color: transparent;
}
.prellenar-mandantes span {
padding: 0px !important;
text-align: center;
}
/*ie6 ie7*/
button {
width: auto;
overflow: visible;
}
button span {
margin-top: 0px;
}
/*purple buttons*/
button.submitBtn {
font-size: 1.1em;
background-image: url(/wPortal/imagenes/images/but_rig01.gif);
background-repeat: no-repeat;
background-position: right;
}
button.submitBtn span {
height: 39px;
line-height: 39px;
color: #fff;
background-image: url(/wPortal/imagenes/images/but_left01.gif);
background-repeat: no-repeat;
background-position: left;
}
button.submitBtn:hover,button.submitBtnHover {
background-image: url(/wPortal/imagenes/images/but_rig02.gif);
background-repeat: no-repeat;
background-position: right;
}
button.submitBtn:hover span,button.submitBtnHover span {
background-image: url(/wPortal/imagenes/images/but_left02.gif);
background-repeat: no-repeat;
background-position: left;
}
/*green buttons*/
button.submitBtnConv {
font-size: 1.1em;
background-image: url(/wPortal/imagenes/images/but_rig01_conv.gif);
background-repeat: no-repeat;
background-position: right;
}
button.submitBtnConv span {
height: 39px;
line-height: 39px;
color: #fff;
background-image: url(/wPortal/imagenes/images/but_left01_conv.gif);
background-repeat: no-repeat;
background-position: left;
}
button.submitBtnConv:hover,button.submitBtnConvHover {
background-image: url(/wPortal/imagenes/images/but_rig02_conv.gif);
background-repeat: no-repeat;
background-position: right;
}
button.submitBtnConv:hover span,button.submitBtnConvHover span {
background-image: url(/wPortal/imagenes/images/but_left02_conv.gif);
background-repeat: no-repeat;
background-position: left;
}
/*gray buttons*/
button.grayBtn {
font-size: 1em;
background-image: url(/wPortal/imagenes/images/but_grayrig_01.gif);
background-repeat: no-repeat;
background-position: right center;
}
button.grayBtn span {
height: 23px;
line-height: 23px;
color: #333333;
background-image: url(/wPortal/imagenes/images/but_graylef_01.gif);
background-repeat: no-repeat;
background-position: left center;
}
button.grayBtn:hover {
background-image: url(/wPortal/imagenes/images/but_grayrig_02.gif);
background-repeat: no-repeat;
background-position: right;
}
button.grayBtn:hover span {
background-image: url(/wPortal/imagenes/images/but_graylef_02.gif);
background-repeat: no-repeat;
background-position: left;
}
button.grayBtnDnp {
font-size: 1em;
background-image: url(/wPortal/imagenes/images/but_grayrig_03.gif);
background-repeat: no-repeat;
background-position: right center;
}
button.grayBtnDnp span {
height: 23px;
line-height: 23px;
color: #333333;
background-image: url(/wPortal/imagenes/images/but_graylef_03.gif);
background-repeat: no-repeat;
background-position: left center;
}
button.grayBtnDnp:hover {
background-image: url(/wPortal/imagenes/images/but_grayrig_04.gif);
background-repeat: no-repeat;
background-position: right;
}
button.grayBtnDnp:hover span {
background-image: url(/wPortal/imagenes/images/but_graylef_04.gif);
background-repeat: no-repeat;
background-position: left;
}
/*fin but*/
.linea_punteada {
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
}
.linea_solida {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
}
.totales {
color: #000000;
font-size: 20px;
}
/*parametros para el index*/
.caja_boton {
height: 36px;
float: left;
}
.boton_header {
height: 36px;
float: left;
}
.conozca_mas {
width: 160px;
height: 26px;
padding-top: 10px;
font-weight: bold;
float: right;
}
.conozca_mas a:link,.conozca_mas a:visited {
font-size: 14px;
color: #5e0089;
}
.conozca_mas a:hover {
font-size: 14px;
color: #9900CC;
}
#header_home {
background-color: #5E0089;
width: 847px;
clear: both;
}
#top_header {
height: 54px;
width: 847px;
float: left;
}
#marcaprev {
height: 54px;
width: 370px;
float: left;
}
#ayuda {
width: 400px;
height: 54px;
float: right;
color: #FFFFFF;
text-align: right;
}
#ayuda strong {
color: #FAB700;
}
#header_img {
background-image: url(/wPortal/imagenes/images/header_home.jpg);
background-repeat: no-repeat;
width: 847px;
height: 238px;
list-style: none;
list-style-position: inside;
float: left;
}
.form_header {
width: 261px;
height: 238px;
float: left;
}
.titulos_home {
width: 346px;
padding-left: 240px;
height: 208px;
padding-top: 30px;
color: #5e0089;
float: left;
}
.titulos_home h2 {
font-size: 25px;
}
.titulos_home ul {
margin-bottom: 8px;
}
.titulos_home li {
list-style-image: url(/wPortal/imagenes/images/lista_flecha.gif);
}
.titulo_contenido {
background-image: url(/wPortal/imagenes/images/bg_titulo_contenido.gif);
background-repeat: repeat-x;
height: 30px;
padding: 5px 0px;
width: 586px;
text-align: center;
float: left;
}
.titulo_contenido h3,.titulo_contenido a {
text-decoration: none;
font-size: 18px;
color: #5e0089;
}
.titulo_sider {
height: 30px;
padding: 5px 0px;
width: 241px;
text-align: center;
float: left;
color: #999999;
}
#contenido_home {
width: 586px;
float: left;
padding-bottom: 30px;
}
#sider_home {
/*background-color:#eeeeee;*/
background-image: url(/wPortal/imagenes/images/bg_titulo_sider.gif);
background-repeat: repeat-x;
background-position: top;
width: 241px;
float: left;
padding: 0px 10px 30px 10px;
}
#preguntas {
background-color: #f6f6f6;
width: 586px;
height: 180px;
float: left;
}
.titulos_preguntas {
width: 194px;
height: 30px;
float: left;
}
.contenido_preguntas {
width: 174px;
padding: 5px 5px 0px 15px;
font-size: 11px;
float: left;
}
.border_right {
border-right: 1px solid #999999;
}
.border_bottom {
border-bottom: 1px dashed #999999;
}
.bg_main {
background-image: url(/wPortal/imagenes/images/bg_main.gif);
background-repeat: repeat-y;
padding-bottom: 10px;
}
.sider_info {
width: 241px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}
.sider_info ul {
list-style: none;
}
.sider_info li a {
width: 200px;
display: block;
padding-right: 40px;
}
.sider_info h3 {
color: #5e0089;
line-height: 25px;
margin-bottom: 5px;
}
.sider_info a:link,.sider_info a:visited {
text-decoration: none;
color: #5e0089;
}
.sider_info a:hover {
text-decoration: none;
color: #5e0089;
}
.bg_info_01 {
background-image: url(/wPortal/imagenes/images/sider_01.gif);
background-position: right;
background-repeat: no-repeat;
border-bottom: 1px dashed #999999;
padding: 5px 0px;
}
.bg_info_02 {
background-image: url(/wPortal/imagenes/images/sider_02.gif);
background-position: right;
background-repeat: no-repeat;
border-bottom: 1px dashed #999999;
padding: 5px 0px;
}
.bg_info_03 {
background-image: url(/wPortal/imagenes/images/sider_03.gif);
background-position: right;
background-repeat: no-repeat;
border-bottom: 1px dashed #999999;
padding: 5px 0px;
}
.bg_info_04 {
background-image: url(/wPortal/imagenes/images/sider_04.gif);
background-position: right;
background-repeat: no-repeat;
border-bottom: 1px dashed #999999;
padding: 5px 0px;
}
.bg_info_05 {
background-image: url(/wPortal/imagenes/images/sider_05.gif);
background-position: right;
background-repeat: no-repeat;
border-bottom: 1px dashed #999999;
padding: 5px 0px;
}
#noticias {
width: 546px;
float: left;
padding: 20px 20px 25px 20px;
border-bottom: dashed #999999 1px;
}
#noticias h2 {
font-size: 18px;
color: #5E0089;
}
.contenido_noticias {
width: 500px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}
.contenido_noticias img {
margin-right: 10px;
float: left;
}
#marcas {
width: 586px;
float: left;
padding: 20px 0px 25px 0px;
margin-bottom: 15px;
border-bottom: dashed #999999 1px;
}
#marcas h2 {
margin-left: 20px;
margin-bottom: 10px;
font-size: 18px;
color: #5E0089;
}
.links {
width: 546px;
padding: 0px 5px 0px 20px;
margin-bottom: 15px;
float: left;
}
.links_caja {
width: 260px;
padding: 0px 4px 0px 0px;
float: left;
}
.links a:link,.links a:visited {
display: block;
color: #999999;
float: left;
}
.banners {
width: 241px;
padding: 10px 0px;
float: left;
}
.banners img {
margin-bottom: 10px;
}
#form {
background-image: url(/wPortal/imagenes/images/form/bg_form.gif);
background-repeat: repeat-y;
width: 227px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.form_top {
background-image: url(/wPortal/imagenes/images/form/corn_rigth_top.gif);
background-position: right top;
background-repeat: no-repeat;
background-color: #5e0089;
width: 227px;
height: 26px;
float: left;
}
.corn_left_top {
background-image: url(/wPortal/imagenes/images/form/corn_left_top.gif);
background-repeat: no-repeat;
width: 9px;
height: 26px;
float: left;
}
.form_titulo {
padding-top: 3px;
color: #FFFFFF;
}
.form_titulo strong {
color: #FAB700;
}
.form_contenido {
width: 227px;
padding-top: 10px;
float: left;
}
.form_contenido td {
padding: 3px 0px;
}
.form_contenido a:link,.form_contenido a:visited {
color: #590089;
}
.form_contenido a:hover {
color: #CC33CC;
}
.form_bottom {
background-image: url(/wPortal/imagenes/images/form/bg_botom.gif);
background-repeat: repeat-x;
background-position: bottom;
width: 227px;
height: 9px;
float: left;
}
.corn_left_bottom {
background-image:
url(/wPortal/imagenes/images/form/corn_left_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 9px;
height: 9px;
float: left;
}
.corn_right_bottom {
background-image:
url(/wPortal/imagenes/images/form/corn_rigth_bottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
width: 9px;
height: 9px;
float: right;
}
/*empresa*/
.pie {
font-size: 10px;
}
.borde_bot td {
border-bottom: solid #eeecec 1px;
}
tr.borde_bot_2 td {
background-color: #EEEEEE;
}
/*
tr.borde_bot_2:hover {
background-color: #EEEEEE;
}*/
.borde_inf h4 {
padding-top: 15px;
}
.float_rigth {
float: right;
}
.pad_top_10 {
padding-top: 10px;
}
.pad_top_bot_10 {
padding: 10px 0px;
}
.pad_top_bot_5 {
padding: 5px 0px;
}
.pad_top_bot_15 {
padding: 15px 0px;
}
.marg_right {
margin-right: 40px;
}
.w60 {
width: 60px;
}
#nomina td {
padding-top: 5px;
padding-bottom: 5px;
}
.nomina2 td {
padding: 7px;
}
.nombre_nomina a {
color: #5E0089;
}
.menos_nomina {
float: left;
margin-right: 10px;
width: 23px;
height: 23px;
}
.mas_nomina {
float: left;
margin-right: 10px;
width: 23px;
height: 23px;
}
.w90 {
width: 90px;
}
.w150 {
width: 150px;
}
.w170 {
width: 170px;
}
.w200 {
width: 200px;
}
.w_Campo_Corto {
width: 50px;
}
.w_Campo_Form {
width: 200px;
}
.w_Campo_Medio {
width: 100px;
}
.w_Campo_Largo {
width: 500px;
}
#help {
background-color: #FFFFFF;
height: 540px;
width: 710px;
margin-top: 10px;
margin: auto;
}
.header_help {
background-image: url(/wPortal/imagenes/images/header_help.jpg);
background-repeat: no-repeat;
background-position: top;
width: 710px;
height: 60px;
float: left;
}
.main_help {
width: 710px;
height: 480px;
float: left;
}
.contenido_help {
width: 500px;
height: 480px;
float: left;
}
.text_help {
width: 490px;
height: 380px;
padding-left: 10px;
margin-top: 10px;
float: left;
overflow: auto;
}
.text_help2 {
width: 213px;
height: 380px;
padding-left: 8px;
margin-top: 50px;
float: left;
overflow: auto;
}
.text_help2 h2,.text_help h2 {
font-size: 16px;
color: #5E0089;
}
.text_help2 h3,.text_help h3 {
font-size: 16px;
color: #cab2d6;
}
.sidebar_help h2 {
font-size: 30px;
color: #cab2d6;
margin-left: 15px;
}
.sidebar_help h3 {
font-size: 30px;
color: #5E0089;
margin-left: 30px;
}
.text_help2 p,.text_help p {
margin: 10px 0px;
color: #707070;
}
.img_help {
width: 277px;
height: 320px;
margin-top: 40px;
float: left;
}
.buscar_help {
background-image: url(/wPortal/imagenes/images/buscar_help.gif);
background-position: bottom right;
background-repeat: no-repeat;
width: 500px;
height: 80px;
float: left;
}
.sidebar_help {
width: 200px;
height: 470px;
float: left;
padding-top: 10px;
padding-right: 10px;
}
.sidebar_help ul {
margin-left: 20px;
margin-top: 10px;
}
.sidebar_help li {
list-style: none;
list-style-image: url(/wPortal/imagenes/images/lista.gif);
list-style-position: inside;
}
.lista_help {
padding-top: 40px;
padding-right: 30px;
float: right;
}
.bg_gris_2 {
background-color: #d9d9d9;
background-image: none;
}
#gratis {
width: 500px;
height: 440px;
background-color: #FFFFFF;
margin-top: 10px;
margin: auto;
}
.header_gratis {
background-image: url(/wPortal/imagenes/images/header_help.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 500px;
height: 60px;
float: left;
}
.main_gratis {
width: 500px;
height: 380px;
float: left;
}
.main_gratis h2 {
font-size: 20px;
color: #cab2d6;
margin-left: 15px;
}
.main_gratis h3 {
font-size: 24px;
color: #5E0089;
margin-left: 30px;
}
.text_gratis {
width: 400px;
height: 230px;
margin: 0px auto;
margin-top: 10px;
overflow: auto;
}
.text_gratis p {
margin: 10px 0px;
}
#mas_info {
width: 710px;
height: 440px;
margin: 0px auto;
background-color: #FFFFFF;
margin-top: 10px;
}
.header_info {
background-image: url(/wPortal/imagenes/images/header_help.jpg);
background-repeat: no-repeat;
background-position: top;
width: 710px;
height: 60px;
float: left;
}
.main_info {
width: 710px;
height: 380px;
float: left;
}
.main_info h2 {
font-size: 20px;
color: #cab2d6;
margin-left: 15px;
}
.main_info h3 {
font-size: 24px;
color: #5E0089;
margin-left: 50px;
}
.sidebar_info {
width: 200px;
height: 300px;
float: left;
padding-top: 10px;
padding-right: 10px;
}
.text_info {
width: 450px;
height: 246px;
padding-left: 10px;
overflow: auto;
float: left;
}
.text_info p {
margin: 10px 0px;
}
.sidebar_info ul {
margin-left: 10px;
}
.sidebar_info li {
background-image: url(/wPortal/imagenes/images/lista.gif);
background-position: left;
background-repeat: no-repeat;
list-style: none;
padding-left: 15px;
}
.rojo {
color: #FF0000;
}
.foot_info {
width: 460px;
padding: 0px 20px;
float: left;
height: 60px;
}
.foot_gratis {
width: 460px;
padding: 0px 20px;
float: left;
height: 60px;
}
#error {
width: 359px;
height: 250px;
margin: 0px auto;
background-color: #FFFFFF;
}
.header_error {
background-image: url(/wPortal/imagenes/images/head_error.gif);
background-repeat: no-repeat;
background-position: top left;
width: 359px;
height: 9px;
float: left;
}
.img_error {
background-image: url(/wPortal/imagenes/images/error.jpg);
background-repeat: no-repeat;
margin-top: 20px;
width: 99px;
height: 101px;
float: left;
}
.text_error {
width: 240px;
height: 48px;
padding: 30px 0px 5px 10px;
float: left;
}
.lista_error {
width: 240px;
height: 105px;
padding: 0px 0px 0px 10px;
margin-bottom: 10px;
float: left;
overflow: auto;
}
.text_error h2 {
color: #FF0000;
font-size: 14px;
}
.lista_error ul {
list-style: none;
margin-left: 15px;
margin-top: 15px;
}
.lista_error li {
list-style-image: url(/wPortal/imagenes/images/lista_error.gif);
list-style-position: outside;
padding-left: 5px;
}
.foot_error {
width: 359px;
height: 40px;
float: left;
}
.ingreso_trabajador_box {
width: 180px;
margin-right: 10px;
padding-bottom: 2px;
float: left;
}
.float_left {
float: left;
}
.img_trabajador_box {
width: 100px;
height: 100px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
/*ie6 ie7*/
.ingreso_trabajador_box button {
width: auto;
overflow: visible;
}
.ingreso_trabajador_box button span {
margin-top: 2px;
}
.ingreso_trabajador_box button {
border: 0;
cursor: pointer;
font-weight: bold;
padding: 0 10px 0 0;
text-align: center;
background-color: transparent;
}
.ingreso_trabajador_box button span {
position: relative;
display: block;
white-space: nowrap;
padding: 0 0 0 10px;
background-color: transparent;
}
/*purple buttons*/
button.submitBtn_small {
font-size: 1em;
background-image: url(/wPortal/imagenes/images/but_rig01_small.gif);
background-repeat: no-repeat;
background-position: right;
}
button.submitBtn_small span {
height: 31px;
line-height: 31px;
color: #fff;
background-image: url(/wPortal/imagenes/images/but_left01_small.gif);
background-repeat: no-repeat;
background-position: left;
}
button.submitBtn_small:hover {
background-image: url(/wPortal/imagenes/images/but_rig02._small.gif);
background-repeat: no-repeat;
background-position: right;
}
button.submitBtn_small:hover span {
background-image: url(/wPortal/imagenes/images/but_left02_small.gif);
background-repeat: no-repeat;
background-position: left;
}
#dnp td {
height: 22px;
padding-left: 10px;
padding-top: 3px;
padding-right: 5px;
}
/* Ventanas de ayuda */
#ayuda1,#ayuda2,#ayuda3,#ayuda4,#ayuda5,#ayuda6 {
position: absolute;
z-index: 1;
}
.txt {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
}
a.otro:link {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a.otro:visited {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a.otro:hover {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a.otro:active {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.txt2 {
font-family: "Trebuchet MS";
font-size: 12px;
color: #FDB507;
font-weight: bold;
}
.txttit {
font-family: "Trebuchet MS";
font-size: 13px;
color: #333333;
font-weight: bold;
}
.txthogar {
font-family: "Trebuchet MS";
font-size: 13px;
color: #c421ca;
font-weight: bold;
}
.txthogar2 {
font-family: "Trebuchet MS";
font-size: 13px;
color: #c421ca;
font-weight: normal;
}
.txtind {
font-family: "Trebuchet MS";
font-size: 13px;
color: #2c72d1;
font-weight: bold;
}
.txtind2 {
font-family: "Trebuchet MS";
font-size: 13px;
color: #2c72d1;
font-weight: normal;
}
.bordenn {
background-color: #FFFFFF;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #c421ca;
border-right-color: #c421ca;
border-left-color: #c421ca;
}
.bordeind {
background-color: #FFFFFF;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #2c72d1;
border-right-color: #2c72d1;
border-left-color: #2c72d1;
}
.bordeemp {
background-color: #FFFFFF;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #7900af;
border-right-color: #7900af;
border-left-color: #7900af;
}
.txtemp {
font-family: "Trebuchet MS";
font-size: 13px;
color: #7900af;
font-weight: bold;
}
.txt2emp {
font-family: "Trebuchet MS";
font-size: 13px;
color: #7900af;
font-weight: normal;
}
.bordeapv {
background-color: #FFFFFF;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #f4ad1d;
border-right-color: #f4ad1d;
border-left-color: #f4ad1d;
}
.txtapv {
font-family: "Trebuchet MS";
font-size: 13px;
color: #f4ad1d;
font-weight: bold;
}
.txt2apv {
font-family: "Trebuchet MS";
font-size: 13px;
color: #f4ad1d;
font-weight: normal;
}
.titulos {
font-family: "Trebuchet MS";
font-size: 17px;
color: #5e008a;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5e008a;
}
.txtventanas {
font-family: "Trebuchet MS";
font-size: 13px;
color: #666666;
font-weight: normal;
}
.borderror {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #5e0089;
border-top-width: 1px;
border-right-width: 2px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #5e0089;
border-right-color: #5e0089;
border-left-color: #5e0089;
}
.btn1 {
font-family: "Trebuchet MS";
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
border-bottom-style: none;
background: url(/wPortal/imagenes/bg_btn1.gif);
height: 26px;
width: 76px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-repeat: no-repeat;
}
.btn2 {
font-family: "Trebuchet MS";
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
border-bottom-style: none;
height: 26px;
width: 121px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-repeat: no-repeat;
background: url(/wPortal/imagenes/images/bg_btn2.gif);
}
.btn3 {
font-family: "Trebuchet MS";
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
border-bottom-style: none;
height: 26px;
width: 141px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-repeat: no-repeat;
background: url(/wPortal/imagenes/images/bg_btn3.gif);
}
.btn4 {
font-family: "Trebuchet MS";
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
border-bottom-style: none;
height: 26px;
width: 233px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-repeat: no-repeat;
background: url(/wPortal/imagenes/images/bg_btn4.gif);
text-align: center;
vertical-align: middle;
}
a.nara:link {
font-family: "Trebuchet MS";
font-size: 11px;
color: #fbb600;
text-decoration: none;
}
a.nara:visited {
font-family: "Trebuchet MS";
font-size: 11px;
color: #fbb600;
text-decoration: none;
}
a.nara:hover {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFEFB;
text-decoration: none;
}
a.nara:active {
font-family: "Trebuchet MS";
font-size: 11px;
color: #fbb600;
text-decoration: none;
}
a:link {
font-family: "Trebuchet MS";
font-size: 12px;
color: #5e008a;
}
a:visited {
font-family: "Trebuchet MS";
font-size: 12px;
color: #5e008a;
}
a:hover {
font-family: "Trebuchet MS";
font-size: 12px;
color: #ab38e1;
text-decoration: none;
}
a:active {
font-family: "Trebuchet MS";
font-size: 12px;
color: #5e008a;
text-decoration: none;
}
#ventanapopup {
position: absolute;
/* margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 5px;
margin: 10px;*/
top: 30%;
left: 30%;
width: 500px;
height: 220px;
z-index: 1;
background-color: #FFFFFF;
/*visibility: hidden;*/
}
.tdcuerpotabla {
background-color: #FFF9E8;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #FFFFFF;
color: #000033;
border-bottom-color: #FFE4AB;
}
.cursor {
cursor: pointer;
text-decoration: underline;
}
.titulos_2 {
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
padding-left: 5px;
}
.borde {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #dddedd;
border-bottom-color: #dddedd;
border-left-color: #dddedd;
}
.bordelat {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #dddedd;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #dddedd;
}
.bordetotal {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #dddedd;
border-bottom-color: #dddedd;
border-left-color: #dddedd;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddedd;
}
#menu_link a:link {
font-family: "Trebuchet MS", Arial, Tahoma;
color: #666666;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
#menu_link a:visited {
font-family: "Trebuchet MS", Arial, Tahoma;
color: #5e008a;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
#menu_link a:hover {
font-family: "Trebuchet MS", Arial, Tahoma;
color: #5e008a;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
#menu_link a:active {
font-family: "Trebuchet MS", Arial, Tahoma;
color: #666666;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
.bordeventana2 {
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #5e008a;
border-right-color: #5e008a;
border-bottom-color: #5e008a;
border-left-color: #5e008a;
}
.txtcont {
font-family: "Trebuchet MS";
font-size: 13px;
color: #666666;
}
.titulosem {
font-family: "Trebuchet MS";
font-size: 19px;
font-weight: normal;
color: #7900af;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #7900af;
}
.txt4 {
font-family: "Trebuchet MS";
font-size: 12px;
color: #666666;
}
.rut_empresas {
padding-right: 8px;
text-align: right;
}
.texto_naranja {
color: #FF9900;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-color: #FF9900;
border-top-color: #FF9900;
border-right-color: #FF9900;
border-bottom-style: solid;
border-top-style: solid;
border-right-style: solid;
}
.texto_naranja {
color: #FF9900;
}
.alinea_pagos {
padding-left: 8px;
text-align: left;
}
.burbujaerror {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #5e0089;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #5e0089;
border-right-color: #5e0089;
border-left-color: #5e0089;
padding: 6px;
top: 8px;
background-color: #FFFFFF;
width: 307px;
}
.bordeinp {
background-color: #FFFFFF;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #94b0d7;
border-right-color: #94b0d7;
border-left-color: #94b0d7;
}
.bordeconv {
background-color: #FFFFFF;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #999966;
border-right-color: #999966;
border-left-color: #999966;
}
.txtinp {
font-family: "Trebuchet MS";
font-size: 13px;
color: #94b0d7;
font-weight: bold;
}
li a {
display: inline-block;
}
li a {
display: block;
}
.submenu {
display: none;
}
#menu_sitio {
margin: 0px;
padding-top: 5px;
width: 183px;
}
#menu_sitio ul {
margin: 0px;
padding: 0px;
width: 175px;
}
#menu_sitio a {
display: block;
text-decoration: none;
}
.items {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-style: solid;
border-right-color: #dddedd;
border-bottom-color: #dddedd;
border-left-color: #dddedd;
border-top-color: #dddedd;
}
.lista {
border: 0px;
margin-top: 5px;
}
#menu_sitio li a {
/*background: #5e008a;*/
background-image: url(/wPortal/imagenes/images/bg_off.gif);
color: #5e008a;
padding-left: 5px;
font-size: 12px;
height: 20px;
padding-top: 3px;
}
#menu_sitio li a:hover {
background-image: url(/wPortal/imagenes/images/bg_on.gif);
font-weight: bold;
/*background: #7700AA;*/
}
#menu_sitio li ul li span {
background: #FFFFFF;
color: #666666;
cursor: pointer;
}
#menu_sitio li ul li span:hover {
background: #FFFFFF;
text-decoration: underline;
cursor: pointer;
}
.asterisco_obl {
color: red;
}
.asterisco_obl strong {
color: black;
margin-left: 10px;
}
.asterisco_obl #normal {
color: black;
margin-left: 10px;
font-weight: normal;
}
.sin_asterisco {
color: black;
margin-left: 14px;
}
.blur {
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
}
.shadow,.content {
position: relative;
bottom: 2px;
right: 2px;
}
.shadow {
background-color: #666; /*shadow color*/
color: inherit;
}
.content {
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
padding: .5em 2ex;
}
.espacio_borde_0 {
border-spacing: 0;
}
.tabla_super_cupon {
width: 100%;
border: 0px;
}
.text_destacado_morado {
font-size: 16px;
color: #5E0089;
font-weight: bold;
}
.mensaje_warning {
padding: 15px;
background-color: #ececec;
}
.mensaje_warning2 {
padding: 30px 15px 25px 15px;
background-color: #f3f3f3;
border: 1px solid #76269b;
margin-bottom: 30px;
}
.mensaje_warning .icono_wrn {
background: url(/wPortal/imagenes/warning_2.gif);
background-repeat: no-repeat;
height: 99px;
width: 115px;
position: relative;
float: left;
top: 0px;
}
.mensaje_warning .titulo {
color: #c00000;
font-size: 18px;
font-weight: bold;
}
.mensaje_warning .botones {
padding-left: 15%;
}
#silabas {
float: left;
width: 350px;
height: 40px;
}
.silabas li div {
border: solid 1px #9d00c7;
}
#match_words li {
float: left;
width: 65px;
padding: 0.4em;
margin: 0 0.4em 0.4em 0;
text-align: center;
list-style: none;
font-weight: bold;
}
#palabra {
float: left;
width: 350px;
height: 30px;
border: solid 1px #9d00c7;
}
.margintop_5px {
margin-top: 5px;
}
.margintop_10px {
margin-top: 10px;
}
.mensaje_nuevo_trabajor {
padding: 20px;
background-color: #f9f9f9;
border: solid 1px #9d00c7;
}
.ayuda_popup {
padding: 20px;
background-color: #f9f9f9;
border: solid 1px #9999CC;
}
.marginleft_40px {
margin-left: 40px;
}
.espacio_label {
width: 70px;
white-space: nowrap;
float: left;
}
.espacio_label_especial {
position: absolute;
margin-left: 100px;
float: left;
}
.advertencia_leido {
border: 1px solid #5E0089;
padding: 1em;
background-color: #ffffdf;
}
.texto_pag_error {
text-align: center;
padding-bottom: 30px;
}
.paddtop_20 {
padding-top: 20px
}
.height_30 {
height: 30px;
}
.grupo_deuda {
border: 1px solid #999966;
padding: 1em;
width: 602px;
padding-top: 0; /* para internet explorer */
}
.titulo_deuda {
background: #ffffff; /* agregado para solucionar problema ie8*/
padding: 0.2em 0.5em;
/*border:1px solid #9d00c7;*/
/*color: #9d00c7;*/
font-size: 90%;
text-align: left;
font-size: 13px;
font-weight: bold;
/*margin-bottom: 1em;*/
}
.bg_deudas {
background-color: #999966;
padding: 0px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 2px;
}
.bg_deudas_fix {
/*corrige error de floats de la barra bg_deudas en ie8*/
width: 26px;
background: #ffffff;
padding-right: 576px;
font-size: 1px;
}
.ui-datepicker-trigger {
margin-left: 5px;
margin-top: 8px;
margin-bottom: -3px;
}
.txtconv {
font-family: "Trebuchet MS";
font-size: 13px;
color: #999966;
font-weight: bold;
}
.txtconv2 {
color: #999966;
font-family: "Trebuchet MS";
font-size: 13px;
}
.derecha_5 {
text-align: right;
padding-right: 5px;
}
/*
.mensaje_informativo {
margin:0 auto;
padding: 25px;
background-color:#fff;
border: 1px solid #999966;
}
*/
.mensaje_informativo {
background-color: #F2F2F2;
border: 1px solid #999966;
padding: 15px;
}
.caducados_titulo {
color: #333333;
text-align: justify;
font-size: 16px;
font-weight: bold;
}
.caducados_msg {
color: #333333;
font-size: 14px;
padding-top: 5px;
text-align: justify;
}
.cuotas_proceso {
background: #d7d7d7;
color: #909090;
}
.cuotas_rollover {
background: #e0e0d0;
}
#para_banco {
width: 628px;
}
#para_banco_titulo_deuda {
color: #FFF;
background-image: url(/wPortal/imagenes/images/fondodesp.jpg);
background-repeat: repeat-x;
border-bottom: 1px solid #999966;
font-weight: bold;
height: 29px;
line-height: 30px;
padding-left: 5px;
}
#desplegable_deuda {
background-color: #F2F2F2;
border-left: 1px solid #999966;
border-right: 1px solid #999966;
border-bottom: 1px solid #999966;
display: none;
padding: 1em;
}
#desplegable_deuda span {
font-style: italic;
font-weight: bold;
}
/*mantencion 201104 - estilos Datos Ejecutivo Cartera*/
table .head_ejec {
background: url(/wPortal/imagenes/images/fondo_ejec.jpg) repeat-x;
color: #fff;
padding: 0 0 0 5px;
height: 25px;
font-weight: bold;
}
table .body_ejec {
padding: 5px;
border: 1px solid #5E0089;
background: url(/wPortal/imagenes/images/fondo_body_ejec.jpg) repeat-x;
background-color: #e0e0e0;
}
/*nuevos items agregados en PAII*/
#para_nota {
width: 100%;
padding-top: 1em;
}
.lista_desp {
list-style-image: url("/wPortal/imagenes/images/lista.gif");
}
/* agregados en pago atrasado II */
/** nuevo tooltip rollover **/
p.link a:hover {
background-color: #ffffff;
}
p.link a:link span {
display: none;
}
p.link a:visited span {
display: none;
}
p.link a:hover span {
position: absolute;
margin: 5px;
background-color: #ffffff;
max-width: 400px;
max-height: 300px;
padding: 5px;
border: 1px solid #5E0089;
color: #5E0089;
text-align: justify;
display: block;
}
.link_fuente {
font-weight: normal;
color: #666666;
}
/*tooltip icono ayuda*/
p.ayuda {
background: url(/wPortal/imagenes/images/ayuda_roll.jpg) no-repeat;
height: 22px;
width: 22px;
}
p.ayuda:hover {
background: url(/wPortal/imagenes/images/ayuda_roll_on.jpg) no-repeat;
height: 22px;
width: 22px;
}
p.ayuda a:link span {
display: none;
}
p.ayuda a:visited span {
display: none;
}
p.ayuda a:hover span {
position: absolute;
margin: 5px;
background-color: #ffffff;
max-width: 400px;
max-height: 300px;
padding: 5px;
border: 1px solid #5E0089;
color: #5E0089;
text-align: justify;
display: block;
}
/** tooltip impresion **/
p.print {
background: url(/wPortal/imagenes/images/print_roll.jpg) no-repeat;
height: 22px;
width: 22px;
}
p.print:hover {
background: url(/wPortal/imagenes/images/print_roll_on.jpg) no-repeat;
height: 22px;
width: 22px;
}
p.print a:link span {
display: none;
}
p.print a:visited span {
display: none;
}
p.print a:hover span {
position: absolute;
margin: 5px;
background-color: #ffffff;
width: 75px;
height: 15px;
padding: 5px;
border: 1px solid #5E0089;
color: #5E0089;
text-align: center;
display: block;
}
/** estilos texto adicionales **/
.justify {
text-align: justify;
}
/** en modificacion empresa **/
.texto_fijo {
font-weight: bold;
}
.padding_left_5 {
padding: 0 0 0 5px;
}
.padding_left_15 {
padding: 0 0 0 15px;
}
.padding_left_right {
padding: 0 10px 0 10px;
}
.agregar_eliminar_empresa:hover {
background: url("/wPortal/imagenes/empresa_btn_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
.mini_boton {
width: 40px;
height: 16px;
color: #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 1px 5px 1px 5px;
cursor: pointer;
text-align: center;
border: solid #333 1px;
background: url("/wPortal/imagenes/images/mini_boton.jpg") repeat-x;
}
.mini_boton:hover {
background: url("/wPortal/imagenes/images/mini_boton_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
.align_right {
width: 100%;
text-align: right;
}
.bordes_tabla_titulo_mutual {
border-bottom: solid #d9d7d7 1px;
border-top: solid #d9d7d7 1px;
padding: 3px 0 3px 0;
}
.bordes_tabla_titulo_mutual_bottom {
border-bottom: solid #d9d7d7 1px;
padding: 3px 0 3px 0;
}
.fondo_tabla_titulo_mutual {
background: #ededed;
padding: 3px 0 3px 0;
}
.tabla_cajas_nombre {
width: 180px;
font-weight: bold;
}
.centrar_contenido {
margin: 0 auto;
}
.tabla_info {
width: 100%;
margin: 0 auto;
border-left: 1px solid #0CC;
border-right: 1px solid #0CC;
background: #f0f4f7;
}
.botonera_pie {
width: 787px;
margin: 0 auto;
}
.mensajes_sis {
width: 500px;
left: 20px;
top: 10px;
margin: 0 auto;
text-align: justify;
}
.tabla_explicativa {
padding: 5px 5px 5px 0;
}
.tabla_explicativa_borde {
border-right: 1px solid #aaaaaa;
}
.barras_texto {
color: #FFF;
font-weight: bold;
font-size: 14px;
padding: 5px 0 5px 5px;
}
.bordes_botones {
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}
.info_afp_inactiva {
color: #ccc;
font-weight: bold;
}
.info_afp_activa {
color: #5E0089;
font-weight: bold;
}
.info_afp_0 {
height: 18px;
color: #ffffff;
font-weight: bold;
padding: 1px 5px 1px 5px;
text-align: center;
border-left: solid #eeecec 1px;
border-right: solid #eeecec 1px;
background: #5E0089;
}
/*estilos submenu planillas por pagar*/
.menu_planillas_gen {
height: 30px;
width: 628px;
}
#botones_menu_planillas_gen {
background: url(/wPortal/imagenes/images/fondo_menu.jpg) repeat-x;
width: 628px;
height: 30px;
line-height: 25px;
}
#botones_menu_planillas_gen ul {
list-style: none;
padding: 0;
margin: 0;
}
#botones_menu_planillas_gen li {
list-style: none;
float: left;
margin: 0 2px;
}
#botones_menu_planillas_gen li a {
background: url(/wPortal/imagenes/images/fondo_tabs_inac.jpg) repeat-x;
height: 24px;
padding: 0 5px 0 5px;
display: block;
color: #333;
text-decoration: none;
text-align: center;
margin: 5px 0 0 0;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
}
#botones_menu_planillas_gen li a:hover {
background: url(/wPortal/imagenes/images/fondo_tabs_inac_on.jpg)
repeat-x;
height: 24px;
padding: 0 5px 0 5px;
display: block;
color: #8b6600;
text-decoration: none;
text-align: center;
margin: 5px 0 0 0;
border-top: 1px solid #8b6600;
border-left: 1px solid #8b6600;
border-right: 1px solid #8b6600;
}
.botones_menu_planillas_selected_gen {
list-style: none;
height: 29px;
background: #EDEDED;
padding: 0 8px 0 8px;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
display: block;
color: #000;
font-weight: bold;
text-decoration: none;
text-align: center;
line-height: 35px;
}
.menu_etiqueta_gen {
list-style: none;
color: #fff;
font-weight: bold;
font-size: 14px;
padding: 0 10px 0 10px;
line-height: 30px
}
.contenido_planillas_gen {
width: 606px;
background-color: #FFF;
background: url(/wPortal/imagenes/images/fondo_contenido.jpg) repeat-x;
border-left: 1px solid #D9D7D7;
border-right: 1px solid #D9D7D7;
border-bottom: 1px solid #D9D7D7;
padding: 10px;
text-align: justify;
}
.area_boton_pago {
height: 23px;
width: 100%;
padding: 10px 0 3px 0;
}
.boton_pago {
height: 20px;
color: #fff;
font-size: 14px;
padding: 3px 20px 0 20px;
cursor: pointer;
text-align: center;
border: solid #220933 1px;
background: url("/wPortal/imagenes/boton_pago_atrasado.jpg") repeat-x;
float: right;
}
.boton_pago:hover {
background: url("/wPortal/imagenes/boton_pago_atrasado_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
/**estilo boton pago para button**/
button.pago {
height: 25px;
color: #fff;
font-size: 14px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: center;
border: solid #220933 1px;
background: url("/wPortal/imagenes/boton_pago_atrasado.jpg") repeat-x;
padding: 0 20px 3px 0;
}
button.pago:hover {
background: url("/wPortal/imagenes/boton_pago_atrasado_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
.titulos_desplegables {
color: #5E0089;
font-weight: bold;
font-weight: bold;
font-size: 14px;
}
.titulos_nominas_pago {
font-weight: bold;
font-size: 14px;
padding: 5px 0pt;
}
/*elementos genericos*/
.bg_generico {
background-color: #aaaaaa;
}
.para_nota_titulo_gen {
background-image: url(/wPortal/imagenes/fondodesgen.jpg);
background-repeat: repeat-x;
line-height: 30px;
height: 29px;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
border-bottom: 1px solid #aaaaaa;
}
#desplegable_gen {
background-color: #F2F2F2;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
padding: 1em;
}
.agregar_eliminar_generico {
height: 18px;
color: #333;
font-weight: bold;
padding: 1px 5px 1px 5px;
cursor: pointer;
text-align: center;
border: solid #333 1px;
background: url("/wPortal/imagenes/mutual_gen_off.jpg") repeat-x;
}
.agregar_eliminar_generico:hover {
background: url("/wPortal/imagenes/mutual_btn_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
.bandera_pasos_gen {
width: 48px;
color: #FFF;
background: #AAAAAA;
margin-right: 10px;
font-weight: bold;
}
.area_boton_subir {
width: 100%;
height: 20px;
padding: 0;
}
.area_boton_subir a {
width: 602px;
height: 20px;
padding: 0;
text-decoration: none;
}
.subir_boton_gen {
width: 40px;
height: 18px;
color: #333;
font-weight: bold;
padding: 1px 5px 1px 5px;
cursor: pointer;
text-align: center;
border: solid #333 1px;
background: url("/wPortal/imagenes/mutual_gen_off.jpg") repeat-x;
float: right;
}
.subir_boton_gen:hover {
background: url("/wPortal/imagenes/mutual_btn_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
.texto_generico {
color: #aaaaaa;
}
.borde_generico {
border: 1px solid #aaaaaa;
}
/* menu intermedio PAII */
.texto_titulo_cajas_pago {
font-size: 16px;
font-weight: bold;
padding-left: 10px;
text-align: left;
}
a.texto_titulo_cajas_pago:link {
font-size: 16px;
font-weight: bold;
padding-left: 10px;
cursor: pointer;
}
a.texto_titulo_cajas_pago:hover {
color: #999;
font-size: 16px;
font-weight: bold;
padding-left: 10px;
cursor: pointer;
}
.pointer_seleccion {
cursor: pointer;
}
.cell_normal {
padding: 1em;
border-right: 1px solid #ff9900;
border-left: 1px solid #ff9900;
text-align: justify;
}
.cell_normal_seleccion {
padding: 0 1em 1em 1em;
border-right: 1px solid #ff9900;
border-left: 1px solid #ff9900;
text-align: justify;
}
.separador_cell_normal_seleccion {
width: 529px;
border-top: 1px dotted #F60;
}
.opciones_extra {
font-weight: bold;
}
.opciones_extra li {
list-style-image: url(/wPortal/imagenes/images/lista_normal.gif);
padding: 0;
margin: 0 0 0 10px;
}
.opciones_extra a {
color: #5E0089;
text-decoration: underline;
cursor: pointer;
padding: 0 0 0 3px;
}
.opciones_extra li a:hover {
color: #aaaaaa;
}
.cell_atrasado {
padding: 1em;
border-right: 1px solid #9999cc;
border-left: 1px solid #9999cc;
text-align: justify;
}
.cell_regularizacion {
padding: 1em;
border-right: 1px solid #a9613b;
border-left: 1px solid #a9613b;
text-align: justify;
}
.cell_dnp {
padding: 1em;
border-right: 1px solid #5FA4D5;
border-left: 1px solid #5FA4D5;
text-align: justify;
}
.cell_dnp li {
margin: 0 0 5px 0;
list-style-image: url(/wPortal/imagenes/images/lista.gif);
list-style-position: inside;
}
.tablas_textos {
text-align: justify;
}
.tabla_menu {
cursor: pointer;
}
.tabla_menu:hover {
background-color: #eeeeee;
}
/**ajustes tablas buscar certificados para imprimir**/
.espacio_right {
padding: 0 3px 0 0;
}
.espacio_cajas {
margin: 2px 0;
}
.ancho_boton {
width: 125px;
}
.padding_label_rut {
padding: 2px 2px 2px 4px;
}
/*pestanas general*/
#contenedor_pestanas {
height: 100%;
width: 100%;
}
ul.tabs {
background: url(/wPortal/imagenes/images/fondo_menu_tabs_normal.jpg)
repeat-x;
float: left;
list-style: none;
width: 628px;
height: 30px;
line-height: 25px;
}
ul.tabs li {
float: left;
overflow: hidden;
background: url(/wPortal/imagenes/images/fondo_tabs_inac.jpg) repeat-x;
height: 24px;
padding: 0 5px 0 5px;
display: block;
color: #333;
text-decoration: none;
text-align: center;
margin: 5px 0 0 0;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
}
ul.tabs li:hover {
background: url(/wPortal/imagenes/images/fondo_tabs_inac_on.jpg)
repeat-x;
border-top: 1px solid #8b6600;
border-left: 1px solid #8b6600;
border-right: 1px solid #8b6600;
color: #8b6600;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
padding: 0 20px;
outline: none;
list-style: none;
padding: 0 5px 0 5px;
}
ul.tabs li a:hover {
}
html ul.tabs li.active,html ul.tabs li.active a:hover {
margin: 0;
height: 29px;
background: #EDEDED;
font-weight: bold;
line-height: 35px;
}
.tab_container {
height: 100%;
clear: both;
float: left;
width: 626px;
background-color: #FFF;
background: url(/wPortal/imagenes/images/fondo_contenido.jpg) repeat-x;
border-left: 1px solid #D9D7D7;
border-right: 1px solid #D9D7D7;
border-bottom: 1px solid #D9D7D7;
text-align: justify;
}
.tab_content {
padding: 0;
}
/**fix para height:0**/
.height_fix {
font-size: 8px;
}
/**NUEVO LISTADO EMPRESAS**/
.bg_gen2 {
background: #793888;
}
.texto_gen2 {
color: #793888;
}
.borde_gen2 {
border: 1px solid #793888;
}
.tabla_ingreso {
}
.tabla_ingreso:hover {
background-color: #eeeeee;
}
.borde_separador {
border-bottom: 1px solid #cccccc;
}
/** tooltip impresion **/
p.enter {
background: url(/wPortal/imagenes/images/in_roll.jpg) no-repeat;
height: 22px;
width: 22px;
}
p.enter:hover {
background: url(/wPortal/imagenes/images/in_roll_on.jpg) no-repeat;
height: 22px;
width: 22px;
cursor: pointer;
}
p.enter a:link span {
display: none;
}
p.enter a:visited span {
display: none;
}
p.enter a:hover span {
position: absolute;
margin: 5px;
background-color: #ffffff;
width: 75px;
height: 15px;
padding: 5px;
border: 1px solid #5E0089;
color: #5E0089;
text-align: center;
display: block;
}
/*tooltip jquery.tools*/
#tooltip {
width: 26px;
height: 26px;
}
.tooltip {
background-color: #fff;
border: 1px solid #5E0089;
padding: 0px;
display: none;
color: #5E0089;
text-align: justify;
font-size: 12px;
}
/*botones iconos*/
button.calendar {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/calendar_roll.jpg) no-repeat;
}
button.calendar:hover {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/calendar_roll_on.jpg) no-repeat;
}
button.ayuda {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/ayuda_roll.jpg) no-repeat;
}
button.ayuda:hover {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/ayuda_roll_on.jpg) no-repeat;
}
button.enter {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/in_roll.jpg) no-repeat;
}
button.enter:hover {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/in_roll_on.jpg) no-repeat;
}
button.print {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/print_roll.jpg) no-repeat;
}
button.print:hover {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/print_roll_on.jpg) no-repeat;
}
.tabla_advertencia {
width: 100%;
margin: 0 auto;
border-left: 1px solid #F90;
border-right: 1px solid #F90;
background: #FFC;
}
.tabla_advertencia-new-pass {
margin: 0 auto;
padding: 12px 12px 12px 54px;
border-left: 1px solid #F90;
border-right: 1px solid #F90;
background: #FFC;
background-image: url(/wPortal/imagenes/images/ico-importante.png);
background-repeat: no-repeat;
background-position: 10px 48%;
}
.bloques_texto {
padding: 10px;
text-align: justify;
}
.padding_top_bottom {
padding: 5px 0 5px 0;
}
.imagen_tabla {
padding: 15px 0 0 0;
width: 32px;
height: 32px;
}
.padding_left_10 {
padding: 0 0 0 10px;
}
.descripcion_bandera {
font-size: 14px;
font-weight: bold;
}
.texto_explicativo {
padding: 0 10px 0 10px;
text-align: justify;
}
.agregar_eliminar_empresa {
height: 18px;
color: #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 1px 5px 1px 5px;
cursor: pointer;
text-align: center;
border: solid #333 1px;
background: url(/wPortal/imagenes/mutual_btn_off.jpg) repeat-x;
}
.titulo_item_planillas {
font-weight: bold;
font-size: 14px;
}
/**RETROACTIVO**/
.header_sub_tabla {
color: #404040;
background: #CCC;
}
.contenido_sub_tabla {
color: #999999;
background: #fafafa;
}
.borde_inf_separador {
border-bottom: solid #999999 1px;
margin-bottom: 4px;
}
.borde_sup {
border-top: solid #eeecec 1px;
margin-top: 4px;
}
.destacado:hover {
background-color: #fafafa;
}
.blanco {
background: #FFF;
font-weight: normal;
}
.selected {
background: #ffffcc;
font-weight: bold;
}
.selected_fondo {
background: #ffffcc;
}
.selected_texto {
font-weight: bold;
}
.pad_right_5 {
padding: 0 5px 0 0;
}
.retroactivo_maletin {
color: #800000;
font-weight: bold;
}
.bg_gris2 {
background: #f5f2f2;
border-bottom: 1px solid #EEECEC;
color: #4d4d4d;
}
.boton_periodo {
background: #f5f2f2;
height: 20px;
border: 1px solid #EEECEC;
padding: 2px 0 0 0;
}
.boton_periodo:hover {
background: #bfbfbf;
border: 1px solid #EEECEC;
}
.periodo_seleccionado {
background: #fcfcfc;
}
.fuente_tabla_pop {
font-size: 10px;
color: #000;
}
.tabla_detalles_pop {
border: 2px solid #000;
}
.bordes_detalles_pop_izq {
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.bordes_detalles_pop_der {
border-top: 1px solid #000;
}
/**boton cerrar en modal**/
button.cerrar_modal {
width: 53px;
height: 26px;
background: url(/wPortal/imagenes/ico_cerrar_off.gif) no-repeat;
}
button.cerrar_modal:hover {
width: 53px;
height: 26px;
background: url(/wPortal/imagenes/ico_cerrar_on.gif) no-repeat;
}
.cell_apv {
padding: 1em;
border-right: 1px solid #F4AD1D;
border-left: 1px solid #F4AD1D;
text-align: justify;
}
.cell_afivol {
padding: 1em;
border-right: 1px solid #B38965;
border-left: 1px solid #B38965;
text-align: justify;
}
/**estilo boton pago para button**/
button.pago {
height: 25px;
color: #fff;
font-size: 14px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
cursor: pointer;
text-align: center;
border: solid #220933 1px;
background: url("/wPortal/imagenes/boton_pago_atrasado.jpg") repeat-x;
padding: 0 20px 3px 0;
}
button.pago:hover {
background: url("/wPortal/imagenes/boton_pago_atrasado_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
/*estilos extra ver o imprimir planillas*/
.padding_periodo {
padding: 15px 0 0 5px;
}
/*estilos para pasos*/
.contenedor_titulos_pasos {
height: 20px;
width: 800px;
}
.espacio_pasos {
width: 200px;
}
.float_right {
float: right;
}
/*estilos adicionales - adición de AfiVol*/
.titulos_detalle_trabajador {
font-size: 14px;
font-weight: bold;
color: #5E008A;
}
.hiddenDiv {
display: none;
}
.visibleDiv {
display: block;
}
/*estilos pagina de mantencion*/
.banner_mantencion {
background: url("/wPortal/imagenes/images/banner_mant.jpg") no-repeat;
height: 80px;
width: 847px;
}
.titulo_mantencion {
padding: 38px 0 0 80px;
}
.texto_mantencion {
font-size: 14px;
text-align: justify;
}
/* Estilos de Maestro de Isapre */
.borde_inf_separador_tablas {
border-bottom: dotted #eeecec 1px;
margin-bottom: 4px;
}
.pad_right_15 {
padding: 0 15px 0 0;
}
.contenido_planillas_pago {
width: 606px;
background-color: #FFF;
background: url(/wPortal/imagenes/images/fondo_contenido.jpg) repeat-x;
padding: 10px;
text-align: justify;
}
#fixed_top {
overflow: hidden;
z-index: 1;
display: none;
}
#fixed_top.floating {
position: fixed;
top: 0;
display: block;
}
.margen_boton_pago {
margin: 0 5px 0 0;
}
.pad_caja_info {
padding: 0 0 0 20px;
}
/*textos de asistencia para empresas*/
.para_nota_titulo {
background-image: url(/wPortal/imagenes/fondodespagonormal.jpg);
background-repeat: repeat-x;
line-height: 30px;
height: 29px;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
border-bottom: 1px solid #ff9900;
}
#desplegable {
background-color: #F2F2F2;
border-left: 1px solid #ff9900;
border-right: 1px solid #ff9900;
border-bottom: 1px solid #ff9900;
padding: 1em;
}
.subir_boton {
background: url(/wPortal/imagenes/botonsubir_pagonormal_off.jpg)
repeat-x;
border: 1px solid #ff9900;
color: #FFFFFF;
cursor: pointer;
float: right;
font-weight: bold;
height: 18px;
padding: 1px 5px;
text-align: center;
width: 40px;
}
.subir_boton:hover {
background: url("/wPortal/imagenes/mutual_btn_on.jpg") repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
/* table.tablesorter Ordenamiento de tablas de MAI */
table.tablesorter thead tr .header {
background-image: url(/wPortal/imagenes/images/bg_th.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
/*background-color:#ff9900;*/
}
table.tablesorter thead tr .headerSortUp {
background-image: url(/wPortal/imagenes/images/ascen.gif) no-repeat
right;
/*background-color:#ff9900;*/
}
table.tablesorter thead tr .headerSortDown {
background-image: url(/wPortal/imagenes/images/desc.gif) no-repeat right;
/*background-color:#ff9900;*/
}
/*Estilos adicionados el 27/12 - estilos sacados de funes.css*/
button.pdf {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/pdf_roll.jpg) no-repeat;
}
button.pdf:hover {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/pdf_roll_on.jpg) no-repeat;
}
/**RETROACTIVO**/
.header_sub_tabla {
color: #404040;
background: #CCC;
}
.contenido_sub_tabla {
color: #999999;
background: #fafafa;
}
.borde_inf_separador {
border-bottom: solid #999999 1px;
margin-bottom: 4px;
}
.borde_sup {
border-top: solid #eeecec 1px;
margin-top: 4px;
}
.destacado:hover {
background-color: #fafafa;
}
.blanco {
background: #FFF;
font-weight: normal;
}
.selected {
background: #ffffcc;
font-weight: bold;
}
.selected_fondo {
background: #ffffcc;
}
.pad_right_5 {
padding: 0 5px 0 0;
}
.retroactivo_maletin {
color: #800000;
font-weight: bold;
}
.bg_gris2 {
background: #f5f2f2;
border-bottom: 1px solid #EEECEC;
color: #4d4d4d;
}
.boton_periodo {
background: #f5f2f2;
height: 20px;
border: 1px solid #EEECEC;
padding: 2px 0 0 0;
}
.boton_periodo:hover {
background: #bfbfbf;
border: 1px solid #EEECEC;
}
.periodo_seleccionado {
background: #fcfcfc;
}
/**solo para maqueta**/
.hiddenDiv,.hiddenDiv2,.hiddenDiv3 {
display: none;
}
.visibleDiv,.visibleDiv2,.visibleDiv3 {
display: block;
}
#inst0 {
display: none;
}
#inst1 {
display: none;
}
/* Overlay */
#simplemodal-overlay {
background-color: #fff;
cursor: pointer;
}
/* Container */
#simplemodal-container {
height: 240px;
width: 400px;
color: #bbb;
background-color: #fff;
border: 1px solid #5E0089;
overflow: hidden;
}
#simplemodal-container .simplemodal-data {
padding: 0;
overflow: hidden;
}
#simplemodal-container code {
background: #141414;
border-left: 3px solid #65B43D;
color: #bbb;
display: block;
font-size: 12px;
margin-bottom: 12px;
padding: 4px 6px 6px;
}
#simplemodal-container a {
color: #ddd;
}
#simplemodal-container a.modalCloseImg {
background: url(/wPortal/img/basic/x.png) no-repeat;
width: 25px;
height: 29px;
display: inline;
z-index: 3200;
position: absolute;
top: -15px;
right: -16px;
cursor: pointer;
}
form.cmxform label.error,label.error {
color: #F00;
font-style: italic;
padding: 0 0 0 10px;
}
input.error {
border: 1px dotted red;
background: #FFC;
padding: 2px;
}
select.error {
border: 1px dotted red;
background: #FFC;
padding: 2px;
}
@charset "utf-8";
/* Estilos adicionales de mora presunta/regularización personal para 4sale. Agregar. */
.bg_reg {
background: #A9613B;
}
#mora {
padding: 0;
}
#mora td {
padding: 0 5px 0 5px;
}
#mora td.no_padding {
padding: 0;
}
.mot_borde_sup {
border-top: 1px solid #333333;
}
.mot_borde_der {
border-right: 1px solid #333333;
}
.mot_borde_izq {
border-left: 1px solid #333333;
}
.mot_borde_inf {
border-bottom: 1px solid #333333;
}
button.agregar_eliminar_empresa {
height: 22px;
color: #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 1px 5px 1px 5px;
cursor: pointer;
text-align: center;
border: solid #333 1px;
background: url(/wPortal/imagenes/mutual_btn_off.jpg) repeat-x;
}
.bg_conceptos_mora {
background: #ffdecc;
}
.bg_conceptos_mora_inac {
background: #e5e5e5;
color: #cccccc;
}
.celda_concepto {
background: #ffdecc;
height: 18px;
width: 199px;
text-align: center;
margin: 0 1px 1px 1px;
}
.celda_concepto_tcp {
height: 18px;
width: 180px;
margin: 0 1px 1px 1px;
}
#folio {
background: #f0f4f7;
padding: 5px;
}
#folio h4 {
color: #0000FF;
}
.estado_gestionado {
color: #060;
background: #ccffcc;
}
a.estado_gestionado_fuente {
color: #006600;
}
.margen5 {
margin: 5px;
}
.pad_top_5 {
padding: 5px 0 0 0;
}
.pad_bottom_5 {
padding: 0 0 5px 0;
}
#retiro td,#isapre td,#mutual td,#goce td,#afivol td,#otros td,#mov1_1 td,#retiro1_2 td,#isapre1_2 td,#mutual1_2 td,#goce1_2 td,#afivol1_2 td,#otros1_2 td,#mov1_2 td,#retiro1_3 td,#isapre1_3 td,#mutual1_3 td,#goce1_3 td,#afivol1_3 td,#otros1_3 td,#mov1_3 td,#retiro2 td,#isapre2 td,#mutual2 td,#goce2 td,#afivol2 td,#otros2 td
{
padding: 5px 0 5px 0;
}
.standby {
color: #cccccc;
}
.no_editar {
display: none;
float: right;
width: 120px;
padding: 3px 0 0 0;
}
.para_nota_titulo {
background-image: url(/wPortal/imagenes/fondodesreg.jpg);
background-repeat: repeat-x;
line-height: 30px;
height: 29px;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
border-bottom: 1px solid #A9613B;
}
#desplegable {
background-color: #F2F2F2;
border-left: 1px solid #A9613B;
border-right: 1px solid #A9613B;
border-bottom: 1px solid #A9613B;
padding: 1em;
}
.subir_boton {
background: url(/wPortal/imagenes/botonsubir_reg_off.jpg) repeat-x;
border: 1px solid #A9613B;
color: #FFFFFF;
cursor: pointer;
float: right;
font-weight: bold;
height: 18px;
padding: 1px 5px;
text-align: center;
width: 40px;
}
.subir_boton a {
color: #fff;
}
.subir_boton:hover {
background: url(/wPortal/imagenes/mutual_btn_on.jpg) repeat-x;
color: #8b6600;
border: solid #8b6600 1px;
}
.contenedor_ejecutivo {
float: left;
}
.ejecutivo {
width: 200px;
margin: 0 0 0 5px;
}
.ejecutivo_fondo {
background: url(/wPortal/imagenes/images/fondo_body_ejec.jpg) top
repeat-x;
background-color: #E0E0E0;
}
.ejecutivo p {
text-decoration: none;
margin: 0px;
}
.ejecutivo_barra {
cursor: pointer;
display: block;
margin-top: 0;
text-decoration: none;
font-size: 12px;
background: url(/wPortal/imagenes/images/fondo_ejec.jpg) repeat-x;
border: 1px solid #5E0089;
color: #fff;
font-weight: bold;
height: 22px;
padding: 3px 0 0 5px;
}
.ejec_datos {
border-left: 1px solid #5E0089;
border-right: 1px solid #5E0089;
padding: 5px;
}
.ejec_bottom {
border-bottom: 1px solid #5E0089;
}
.ejec_subtitulo {
color: #530089;
font-size: 10px;
text-align: center;
}
.ejec_nombre {
color: #F00;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 0 0 10px 0;
}
.ejec_comunicacion {
color: #333;
font-size: 10px;
font-weight: bold;
text-align: center;
}
.link_email {
background: none;
border: none;
color: #530089;
text-decoration: underline;
cursor: pointer;
}
.cell_reg_seleccion {
padding: 0 1em 1em 1em;
border-right: 1px solid #a9613b;
border-left: 1px solid #a9613b;
text-align: justify;
}
.separador_cell_reg_seleccion {
width: 529px;
border-top: 1px dotted #a9613b;
}
.combo_mov {
width: 450px;
}
/*Estilo para mensajes y pop ipad*/
a.cerrar_msj {
font-size: 10px;
color: #F00000;
font-size: bold;
}
.pad_10 {
padding: 10px;
}
button.detalle {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/detalle_roll.jpg) no-repeat;
}
button.detalle:hover {
width: 26px;
height: 26px;
background: url(/wPortal/imagenes/images/detalle_roll_on.jpg) no-repeat;
}
/*estilos para sicon*/
.tiene_mandante {
height: 9px;
width: 10px;
background: url(/wPortal/imagenes/images/contratista_off.jpg) no-repeat;
cursor: pointer;
position: absolute;
margin: 2px 0 0 0;
}
.tiene_mandante:hover {
background: url(/wPortal/imagenes/images/contratista_on.jpg) no-repeat;
}
/*estilos adicionales para jquery UI en busqueda certificados*/
#tabs_certificados .ui-widget-content {
background: none;
}
#tabs_certificados {
width: 628px;
padding: 0;
border: none;
}
#tabs_certificados .ui-corner-all {
border-radius: none;
-moz-border-radius: none;
-webkit-border-radius: none;
}
#tabs_certificados ul {
width: 628px;
margin-bottom: 0px;
margin-top: 0px;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
-khtml-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
-khtml-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
#tabs_certificados li {
margin-bottom: 0px;
margin-left: 0px;
list-style-image: none;
}
#tabs_certificados .ui-tabs-panel {
padding: 10px 0px 0 0px;
background: #FFF;
margin-bottom: 10px;
}
#tabs_certificados.ui-widget-content {
background-color: #FFF;
background-image: none;
}
.margin_cajas_cert {
margin: 0 0 0 10px;
}
.campo_busq_cert {
width: 176px;
}
#seccion_archivo td.pad_rut {
padding: 5px 0 0 4px;
}
.agregar_rut {
width: 75px;
}
.agregar_cc {
width: 120px;
}
@charset "utf-8";
/* CSS Document */
/*Estilos cambio clave*/
.btn_cambio_clave {
padding: 15px 0 0 25px;
height: 35px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff
100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
color-stop(50%, #f3f3f3), color-stop(51%, #ededed),
color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%,
#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff
100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff
100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff
100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
endColorstr='#ffffff', GradientType=0); /* IE6-9 */
border: 1px solid #ccc;
font-size: 18px;
font-weight: bold;
color: #5e0089;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 5px 0;
cursor: pointer;
}
.btn_cambio_clave:hover {
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93
100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb),
color-stop(50%, #fccd4d), color-stop(51%, #f8b500),
color-stop(100%, #fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%,
#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93
100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93
100%); /* IE10+ */
background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93
100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb',
endColorstr='#fbdf93', GradientType=0); /* IE6-9 */
}
.tableform {
background-color: #F7F7F7;
padding: 30px;
margin-bottom:10px;
}
.tableform h3 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
color: #5E0089;
font-size: 18px;
margin-bottom: 10px;
}
.alerta-importante {
border: 1px solid #cacaca;
background: url(/wPortal/imagenes/nuevas_tcp/ico-alerta2.png) no-repeat 20px center;
padding: 15px 35px 15px 70px;
font-size: 12px;
margin: 20px 0;
}
.amarillo {
background: #feffc8;
padding: 0;
width: 100%;
}
/*miga*/
.miga_rec_clave ul,.miga_ingreso_codigo ul {
width: 787px;
height: 15px;
display: block;
}
.miga_rec_clave li {
display: inline;
float: left;
width: 196px;
font-size: 10px;
color: #ccc;
border-bottom: 5px solid #ccc;
list-style: none;
}
.miga_ingreso_codigo li {
display: inline;
float: left;
width: 393px;
font-size: 10px;
color: #ccc;
border-bottom: 5px solid #ccc;
list-style: none;
}
.miga_rec_clave li.miga_actual_pa_tcp,.miga_ingreso_codigo li.miga_actual_pa_tcp
{
color: #5e0089;
border-bottom: 5px solid #5e0089;
}
/*pague bien lite*/
.caja_pague_bien {
width: 798px;
}
.mensj_pague_bien {
height: 142px;
}
.enc_pague_bien {
background: #97bae5;
background: -moz-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97bae5),
color-stop(41%, #748fb2), color-stop(100%, #6d86a5));
background: -webkit-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: -o-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: -ms-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: linear-gradient(to bottom, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bae5',
endColorstr='#6d86a5', GradientType=0);
height: 20px;
padding: 5px;
color: #FFF;
font-size: 14px;
font-weight: bold;
}
.txt_pague_bien {
padding: 10px;
background: #e2e9f1;
color: #303a8b;
border-left: 1px solid #6683aa;
border-right: 1px solid #6683aa;
border-bottom: 1px solid #6683aa;
height: 111px;
}
.txt_pague_bien p.separador {
margin: 5px 0 0 0;
}
.align_btn_pague_bien {
padding: 0 0 0 460px;
}
.btn_pague_bien {
background: #97bae5;
background: -moz-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97bae5),
color-stop(41%, #748fb2), color-stop(100%, #6d86a5));
background: -webkit-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: -o-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: -ms-linear-gradient(top, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
background: linear-gradient(to bottom, #97bae5 0%, #748fb2 41%, #6d86a5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bae5',
endColorstr='#6d86a5', GradientType=0);
border: 1px solid #97bae5;
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 3px 10px 3px 10px;
margin: 10px 0 0 0;
width: 50px;
text-align: center;
cursor: pointer;
}
.btn_pague_bien:hover {
background: #546880;
}
/*estilos faltantes en menu de servicios*/
.separador_cell_atrasado {
width: 529px;
border-top: 1px dotted #9999CC;
}
.cell_funes {
padding: 1em;
border-right: 1px solid #333399;
border-left: 1px solid #333399;
text-align: justify;
}
.cell_datos_seleccion {
padding: 0 1em 1em 1em;
border-right: 1px solid #8AACD8;
border-left: 1px solid #8AACD8;
text-align: justify;
}
.separador_cell_datos {
width: 529px;
border-top: 1px dotted #8AACD8;
}
.cell_datos {
padding: 1em;
border-right: 1px solid #8AACD8;
border-left: 1px solid #8AACD8;
text-align: justify;
}
/* CAMBIOS 23/06 */
.no-afiliado {
padding: 15px 15px 15px 65px;
color: #525252;
background: url(/wPortal/imagenes/images/ico-importante.png) #FFF8C8
no-repeat 17px center;
}
.no-afiliado a {
display: block;
color: #FFFFFF;
background-color: #FFB800;
margin-top: 7px;
width: 250px;
height: 26px;
line-height: 26px;
text-align: center;
text-decoration: none;
font-size: 13px;
}
.no-afiliado a:hover {
background-color: #FFD25E;
}
.caja-info {
padding: 20px;
background-color: #FFFCED;
margin-bottom: 10px;
border-top: 1px solid #FFB800;
}
/* Estilos nuevo PATE */
#añoAtrasado, #mesAtrasado {
height: 25px;
width: 205px;
margin-right: 3px;
margin-bottom: 10px;
outline: none;
}
.verInstituciones {
display: block;
padding-left: 10px;
outline: none;
background: url(/wPortal/imagenes/images/lista_normal.gif) no-repeat 0
center;
}
#modalInstituciones,.modalPlazos {
padding: 20px;
}
.modalPlazos {
width: 450px;
margin: 0 auto;
}
#modalInstituciones p,.modalPlazos p {
margin-bottom: 10px;
}
#modalInstituciones .tablainst,.modalPlazos table {
width: 100%;
margin: 0 auto;
}
#modalInstituciones .tablainst th,.modalPlazos table th {
color: #ffffff;
text-align: center;
background-color: #7E4896;
font-size: 13px;
height: 30px;
}
#modalInstituciones .tablainst td,.modalPlazos table td {
background-color: #ffffff;
padding: 5px;
}
#modalInstituciones .tablainst table td {
padding: 0;
}
#modalInstituciones .tablainst li {
list-style-image: url(/wPortal/imagenes/images/lista_normal.gif);
padding: 0;
margin-left: 15px;
}
.modalPlazos table td span {
background: url(/wPortal/imagenes/images/lista_normal.gif) no-repeat 0
center;
padding-left: 10px;
font-weight: bold;
}
.con_convenio,.sin_convenio {
margin: 20px 0;
}
.con_convenio h2,.sin_convenio h2 {
color: #5E0089;
font-size: 19px;
font-weight: bold;
border-bottom: 1px dotted #5E0089;
}
.con_convenio .nomina,.sin_convenio .nomina {
padding: 20px;
}
.bg_blanco {
background-color: #ffffff;
}
.content-important {
background: url(/wPortal/imagenes/images/ico-importante.png) #FFFBE2
no-repeat 16px center;
padding: 12px 12px 12px 60px;
text-align: left;
font-size: 12px;
border: 1px solid #FFB800;
margin: 10px 0;
}
/*Modal datos personales validacion rut*/
#validacionRUT table {
margin: 10px 0;
}
#validacionRUT th {
padding: 0 10px;
background: #F3F3F3;
color: #8F4EAD;
font-size: 13PX;
text-align: LEFT;
font-weight: BOLD;
border-right: 2PX SOLID #D0D0D0;
}
#validacionRUT p {
margin: 10px 20px;
padding-left: 13px;
background: url(/wPortal/imagenes/images/lista_normal.gif) no-repeat 0
3px;
}
#validacionRUT .cambiar_calculo {
margin: 20px 25px;
}
#validacionRUT .cambiar_calculo.alerta {
background: url(/wPortal/imagenes/nuevas_tcp/ico-alerta.png) no-repeat
97% 0px;
color: #D68000;
font-weight: bold;
}
#validacionRUT .cambiar_calculo .radio {
outline: none;
}
#validacionRUT .cambiar_calculo label {
margin: 0 10px 0 2px;
}
#divInfoAdicional {
display: none;
padding: 15px;
padding-left: 60px;
margin-top: 12px;
background: #eaeaea;
font-size: 14px;
color: #D69800;
font-weight: bold;
background: url(/wPortal/imagenes/nuevas_tcp/ico-alerta2.png) no-repeat
#FBF1D9 20px center;
}
/* notificador */
.ir_a.inactivo {
opacity: 0.2;
cursor: default;
}
.cf {
display: block;
}
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#ahorroVoluntario {
position: relative;
border-top: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
margin-top: 5px;
}
#ahorroVoluntario:before {
content: "";
width: 1px;
height: 100%;
background: #c2c2c2;
position: absolute;
top: 0;
left: 50%;
z-index: 1;
}
#ahorroVoluntario>div {
width: 50%;
float: left;
position: relative;
text-align: center;
}
#ahorroVoluntario h5,#origenFondo h5 {
text-align: center;
background: #ededed;
font-size: 13px;
font-weight: bold;
color: #521c78;
padding: 5px 0;
}
#ahorroVoluntario .smallds {
font-size: 12px;
padding: 10px 60px;
text-align: center;
}
#ahorroVoluntario .eliminar {
display: block;
width: 25px;
height: 25px;
background: url(/wPortal/imagenes/ico-eliminar-blanco.png) no-repeat
#f66565 center center;
text-indent: -9999px;
position: absolute;
top: 0;
right: 0;
}
#ahorroVoluntario .eliminar:hover {
background-color: #ff0000;
}
#ahorroVoluntario .apv .ingresarApv {
display: block;
width: 100px;
height: 20px;
margin: 10px auto;
color: #000000;
padding: 10px 25px 0;
background: url(/wPortal/imagenes/ico-agregar-amarillo.png) no-repeat
left center;
}
#ahorroVoluntario>div ul {
padding: 5px 0;
}
#ahorroVoluntario li,#origenFondo li {
list-style: none;
text-align: left;
padding: 5px 0 5px 10px;
}
#ahorroVoluntario li>p,#origenFondo li>p {
display: inline-block;
min-width: 115px;
font-weight: bold;
}
#ahorroVoluntario li>div {
display: inline-block;
}
#ahorroVoluntario li select {
width: 260px;
height: 20px;
}
#ahorroVoluntario li .input,#origenFondo .inputDetalle {
height: 15px;
padding: 0;
font-size: 12px;
}
#ahorroVoluntario li input,#ahorroVoluntario li select,#origenFondo select
{
font-family: "Trebuchet MS", Arial, Tahoma;
font-size: 12px;
margin: 0 2px 0 0;
}
#ahorroVoluntario LI INPUT {
margin: -2px\9;
}
#ahorroVoluntario li .texto {
display: block;
color: #7e7e7e;
font-size: 10px;
margin: 2px 15px 0 120px;
font-style: italic;
}
#ahorroVoluntario .w95 {
width: 95px;
}
.ayudaRegimen h4 {
margin: 5px 0;
font-size: 12px;
border-bottom: 1px solid #eaeaea;
}
.ayudaRegimen p {
margin-bottom: 15px;
}
#ahorroVoluntario .tipoPago p,#origenFondo p.pais {
min-width: auto;
font-weight: bold;
display: inline-block;
}
#ahorroVoluntario .tipoPago {
margin-left: 20px;
}
#origenFondo p.pais {
margin-left: 10px;
}
#origenFondo select {
width: 303px;
}
#origenFondo .inputDetalle {
width: 650px;
}
#origenFondo .declaracion {
padding: 5px 10px;
margin: 10px 0;
background: #ffffcc;
}
#ahorroVoluntario .editarAhorro {
display: block;
min-height: 16px;
background: url(/wPortal/imagenes/ico-editar.png) no-repeat 0 center;
padding-left: 22px;
padding-top: 5px;
position: absolute;
top: -26px;
right: 0px;
}
.tabla-dep-directo {
width: 100%;
}
/* Página de roles */
.nobg {
background: #ffffff;
}
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {
display: block;
}
#roles {
font-family: arial;
}
#roles h2 {
font-size: 16px;
color: #521c78;
margin-top: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #521c78;
margin-bottom: 15px;
text-align: center;
}
#roles .pagos h2 {
text-align: left;
}
#roles .pagos li {
float: left;
list-style: none;
margin: 0 10px;
}
#roles .pagos .modulo {
position: relative;
display: block;
width: 260px;
height: 200px;
cursor: pointer;
color: #ffffff;
overflow: hidden;
}
#roles .pagos .modulo.tcp {
background: url(/wPortal/imagenes/roles/bg-tcp.jpg) no-repeat 0 0;
}
#roles .pagos .modulo.ti {
background: url(/wPortal/imagenes/roles/bg-ti.jpg) no-repeat 0 0;
}
#roles .pagos .modulo.te {
background: url(/wPortal/imagenes/roles/bg-te.jpg) no-repeat 0 0;
}
#roles .pagos .modulo.dp {
background: url(/wPortal/imagenes/roles/bg-dp.jpg) no-repeat 0 0;
}
#roles .pagos .modulo.de {
background: url(/wPortal/imagenes/roles/bg-de.jpg) no-repeat 0 0;
}
#roles .modulo h3 {
margin: 0 8%;
font-size: 17px;
line-height: 18px;
border-bottom: 3px solid #ffffff;
padding-bottom: 5px;
position: absolute;
bottom: 20px;
left: 0;
width: 84%;
z-index: 2;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}
#roles .modulo:hover h3 {
bottom: 120px;
}
#roles .modulo .descripcion {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
z-index: 1;
}
#roles .modulo:hover .descripcion {
opacity: 1;
}
.ie8 #roles .modulo .descripcion,.ie7 #roles .modulo .descripcion {
display: none;
}
.ie8 #roles .modulo:hover .descripcion,.ie7 #roles .modulo:hover .descripcion
{
display: block;
}
#roles .tcp .descripcion {
background-color: #6C156F;
background-color: rgba(108, 21, 111, 0.8);
}
#roles .ti .descripcion {
background-color: #002960;
background-color: rgba(0, 41, 96, 0.8);
}
#roles .te .descripcion {
background: #310054;
background-color: rgba(49, 0, 84, 0.8);
}
#roles .dp .descripcion {
background: #6F5012;
background-color: rgba(111, 80, 18, 0.8);
}
#roles .de .descripcion {
background: #043109;
background-color: rgba(4, 49, 9, 0.8);
}
#roles .modulo .descripcion p {
opacity: 0;
margin: 90px 20px 0 20px;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
#roles .modulo:hover .descripcion p {
opacity: 1;
}
#roles .modulo .descripcion p span {
display: block;
margin-top: 40px;
margin-left: 170px;
font-weight: bold;
}
#msj_ipad,#msj_actualiza_datos {
padding: 25px 35px 35px 80px;
margin-top: 30px;
position: relative;
background: url(/wPortal/imagenes/roles/ico-alerta2.png) #F5F5F5
no-repeat 30px 30px;
}
#msj_ipad p:first-child {
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
color: #521C78;
}
#msj_ipad a {
margin-top: 10px;
display: block;
}
#msj_ipad .cerrar_msj {
position: absolute;
bottom: 20px;
right: 20px;
}
#msj_actualiza_datos {
padding: 25px 35px 25px 80px;
background-position: 30px 17px;
}
/* nuevo header */
.logoPrevired {
margin: 11px 0;
}
.barranombre02 {
min-width: 245px;
max-width: 350px;
}
.barranombre02 .titulo {
display: inline-block;
vertical-align: top;
font-weight: bold;
color: #521c78;
margin-right: 5px;
}
.barranombre02 .nombre {
display: inline-block;
vertical-align: top;
max-width: 240px;
line-height: 16px;
}
.barranombre02 .btn {
display: block;
float: left;
background: #FFFFFF;
padding: 0px 8px;
margin: 0 2px;
border-radius: 2px;
text-decoration: none;
color: #464646;
line-height: 18px;
border: 1px solid #E2E2E2;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
}
.barranombre02 .btn:hover {
background: #949494;
color: #ffffff;
border-color: #949494;
}
.cuadro{
width:23px;
height:20px;
background-color:#9999CC;
}
.rectangulo-240{
width:240px;
height:20px;
background-color:#9999CC;
color:#ffffff;
font: bold 12px/12px "Trebuchet MS", Arial, Tahoma;
text-align:left;
}
.rectangulo-50{
width:50px;
height:20px;
background-color:#9999CC;
color:#ffffff;
font: bold 12px/12px "Trebuchet MS", Arial, Tahoma;
text-align:center;
}
.rectangulo-150{
width:150px;
height:20px;
background-color:#9999CC;
color:#ffffff;
font: bold 12px/12px "Trebuchet MS", Arial, Tahoma;
text-align:center;
}
.rectangulo-100{
width:100px;
height:20px;
background-color:#9999CC;
color:#ffffff;
font: bold 12px/12px "Trebuchet MS", Arial, Tahoma;
text-align:center;
text-align:center;
}
.check_cuadro{
max-width:23px;
max-height:20px;
background-color:#ffffff;
}
.check_cuadro input{
width:16px;
padding:0px;
margin:0px;
}
.tabla_ancho{
width:100%;
}
.nombre_nomina{
width:100%;
}
.nombre_nomina_pago{
width:100%;
}
.tipo{
width:50px;
text-align:center;
}
.pendiente{
width:150px;
text-align:center;
paffing-right:5px;
}
.eliminar{
width:100px;
text-align:center;
}
/*ESTILOS PARA MENSAJE DE EXCLUSION*/
.exclusion-mensajes p {
/* margin-bottom: 10px; */
margin: 20px 0px 10px;
font-family: sans-serif;
margin-left: 2px;
}
.exclusion-mensajes .tablaexc {
width: 100%;
margin: 0 auto;
}
.exclusion-mensajes .tablaexc th {
color: #ffffff;
text-align: left;
background-color: #76269b;
font-size: 13px;
height: 30px;
padding: 2px 5px;
white-space: nowrap;
}
.exclusion-mensajes .tablaexc td {
background-color: #ffffff;
padding: 7px 5px;
color: #6b6b6b;
}
.exclusion-mensajes .tablaexc table td {
padding: 0;
}
.body-portal {
background: #ffffff;
font-size: 13px;
color: #545454;
}
.cambio-clave-blocks {
padding: 15px 25px;
background: #f9f9f9;
margin-top: 10px;
}
button.submitBtnMorado {
display: inline-block;
background: #521c78;
padding: 10px 20px;
color: #ffffff !important;
text-decoration: none;
text-align: center;
line-height: 15px;
font-size: 14px !important;
border-radius: 4px;
outline: none;
transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
}
button.submitBtngris {
display: inline-block;
background: #cfcfcf;
padding: 10px 20px;
color: #ffffff !important;
text-decoration: none;
text-align: center;
line-height: 15px;
font-size: 14px !important;
border-radius: 4px;
outline: none;
transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
}
button.submitBtngris span {
padding: 0;
}
button.submitBtnMorado:hover {
background: #360659;
}
button.submitBtnMorado span {
padding: 0;
}
/*Tabla Modales Cuadraturas*/
.tabla-modal-cuadratura tr td:first-child {
width: 70% !important;
}
.bloques-ccaf {
padding-top: 30px;
}
.bloques-ccaf h3 {
color: #ffffff;
margin: 0 8%;
font-size: 17px;
line-height: 18px;
border-bottom: 3px solid #5E0089;
padding-bottom: 5px;
position: absolute;
bottom: 20px;
left: 0;
width: 84%;
z-index: 2;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
text-align: center;
}
#roles .bloques-ccaf .modulo {
position: relative;
display: block;
width: 260px;
height: 200px;
cursor: pointer;
color: #ffffff;
overflow: hidden;
text-align: center;
}
#roles .bloque-ccaf p {
margin: 85px 20px 0 20px !important;
}
#roles .bloques-ccaf .modulo:hover h3 {
bottom: 130px !important;
}
#roles .bloques-ccaf li {
float: left;
list-style: none;
margin: 0 10px;
}
#roles .bloques-ccaf .modulo {
border: 1px solid #531d78;
}
#roles .bloques-ccaf .descripcion {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #a590a7;
opacity: 0;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
z-index: 1;
}
#roles .bloques-ccaf span {
background: #7b5f8e;
padding: 5px 10px;
margin: 12px 0 0 72px !important;
width: 50px;
}
#roles .bloques-ccaf .modulo.ccaf-trabajadores {
background: url(/wPortal/imagenes/carga.jpg) no-repeat 0 0;
}
#roles .bloques-ccaf .modulo.ccaf-errores {
background: url(/wPortal/imagenes/tick.jpg) no-repeat 0 0;
}
.ui-dialog-titlebar-close{
display: none !important;
}
.comprobante_mpr {
padding: 20px;
padding-bottom: 20px;
}
#roles .pagos .modulo.de.nuevoModulo {
background: url(/wPortal/imagenes/roles/bg-parcial.jpg) no-repeat 0 0;
}
#roles .nuevoModulo .descripcion {
background: #0098af;
background-color: #0098afc9;
}
#para_nota {
width: 100%;
padding-top: 1em;
}
.para_nota_titulo {
background-image: url(/wPortal/imagenes/fondodesdnp.jpg);
background-repeat: repeat-x;
line-height: 30px;
height: 29px;
padding-left: 5px;
color: #ffffff;
font-weight: bold;
border-bottom: 1px solid #5FA4D5;
}
#desplegable {
background-color: #F2F2F2;
border-left: 1px solid #5FA4D5;
border-right: 1px solid #5FA4D5;
border-bottom: 1px solid #5FA4D5;
padding: 1em;
}
#para_nota ul li a {
display: inline-block;
}
.mensajesPagoBanco div {
text-align: center;
padding: 10px 15px 15px;
margin: 50px 0 0;
float: left;
width: 100%;
background-repeat: no-repeat;
background-size: 100px;
background-position: center top;
}
.mensajesPagoBanco button {
margin: 25px 0 0;
}
.mensajesPagoBanco h2 {
padding: 35px 0 10px;
margin: 80px 0 0;
}
.mensajesPagoBanco #msj-exito {
background-image: url(/wPortal/imagenes/ico-exito.png);
}
.mensajesPagoBanco #msj-advertencia {
background-image: url(/wPortal/imagenes/ico-alerta.png);
}
.mensajesPagoBanco #msj-error {
background-image: url(/wPortal/imagenes/ico-error.png);
}
.btn-retorno {
display: inline-block;
background-color: #521c78;
padding: 10px 20px;
color: #ffffff !important;
text-decoration: none;
text-align: center;
line-height: 15px;
font-size: 14px !important;
border-radius: 4px;
outline: none;
cursor: pointer;
transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
}
.btn-retorno:hover {
background-color: #360659;
}
.subrayar {
text-decoration: underline;
}
/* Estilos para mensaje modales genericos */
.window-header {
background: #512d7e;
display: flex;
align-items: center;
padding: 8px 24px;
height: 30px;
}
.window-header img {
width: 120px;
}
.window-content {
padding: 15px;
background-color: #f7f7f7;
}
.window-alert {
background-color: #ffffff;
padding: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 60vh; /* Ajuste para ocupar el 100% del alto de la ventana */
}
.window-alert-message {
flex: 1; /* Para que ocupe todo el espacio disponible verticalmente */
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.window-alert-message img {
clear: both;
width: 80px;
margin: 0 0 24px;
}
.window-alert-message button {
margin: 28px 0 0 0;
}
.window-alert-message p {
font-family: "Trebuchet MS", sans-serif;
font-size: 22px;
}
.window-footer {
background: #393939;
color: #adadad;
padding: 15px;
color: #ffffff;
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
height: 30px;
}
/*Seleccion SMS / Correo Electronico*/
.select-option {
border: 1px solid #999;
border-radius: 6px;
padding: 8px 14px;
height: 62px;
display: flex;
flex-direction: column;
width: 360px;
margin: 12px 0;
box-sizing: border-box;
}
.select-option label:first-child {
display: inline-block;
margin-bottom: 6px;
}
.select-option label:last-child {
font-size: 14px;
}
.select-option-active {
border: 2px solid #521c78;
background: #08030c05
}
.select-option-active label {
color: #521c78;
font-weight: 700;
font-size: 14px;
}
.select-option-disable {
border:1px solid red;
}
.modal_success {
width: 100%;
padding: 24px 0;
display: flex;
justify-content: center;
}
.modal_success img {
width: 48px;
height: 48px;
}
.center {
text-align: center;
}
.pb-10 {
padding: 0 0 10px;
}
.flex-center {
display: flex;
justify-content: center;
}
.intentos-0 {
display: flex;
align-items: center;
flex-direction: row;
}
.intentos-0 .msj-intentos {
margin: 0 0 0 12px;
padding: 10px 16px 10px 36px;
background-color: #fff5f5;
background-image: url(/wPortal/imagenes/images/clock-icon.png);
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 6px;
width: 45%;
height: 30%;
}
.intentos-0 .msj-intentos h5 {
color: #ff5050;
font-size: 11px;
line-height: 20px;
}
.disabled#fieldCelular, .disabled#emailLabel2 {
color:silver;
border-color:silver;
}
.flex-tooltip-td div {
display: flex;
align-items: center;
justify-content: center;
}
/*Clases para corregir sonar*/
.table-fix {
width: 100%;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}
/*Mensajes informativo Azul*/
.blue-message {
border: none;
margin: 10px 0;
padding: 12px 12px 8px 50px;
background-image: url(/wPortal/imagenes/icon-info-blue.png);
background-position: 13px 6px;
background-repeat: no-repeat;
background-color: #F3F8FF;
background-size: 24px;
border: 1px solid #C5EFFF;
border-radius: 4px;
transition: transform 0.3s ease;
}
.blue-message p {
margin: 0 0 18px;
}
.blue-message button {
padding: 0;
}
#flecha {
transition: transform 0.3s ease;
}
.blue-message .info-header span {
color: #4e7de9;
font-size: 14px;
font-weight: 700;
}
.blue-message #info-content {
margin: 8px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #C5EFFF;
}
.blue-message .info-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.flecha_mensaje {
transform: rotate(180deg);
}
/*INIT PANTALLA SUBSIDIOS VER CUADRATURA*/
.cuadraturaSubsidioImg{
height: 18px;
}
.cuadraturaSubsidioTheadTh1{
width: 65%; text-align: left;
}
.cuadraturaSubsidioTheadTh2{
width: 35%; text-align: right
}
.cuadraturaSubsidioTbl01{
width: 628px; border: 0;
border-collapse: collapse;
border-spacing: 0;
}
.cuadraturaSubsidioSpanUnderline{
text-decoration: underline;
}
.cuadraturaSubsidioAlignCenter{
text-align: center;
}
.cuadraturaSubsidioCeldaTabla195{
width: 195px;
text-align: center;
}
.cuadraturaSubsidioCeldaTabla154{
width: 154px;
text-align: center;
}
.cuadraturaSubsidioBgGris{
width: 15px;
height: 29px;
}
.cuadraturaSubsidioBgGrisBgIzq{
width: 15px;
height: 27px;
}
.cuadraturaSubsidioSubDetalle{
width: 154px;
text-align: right;
padding-right: 5px
}
/*END PANTALLA SUBSIDIOS VER CUADRATURA*/
/*INICIO TABLA MOVIMIENTOS CON RENTA*/
.tblMovimientoRentaFila:hover {
opacity: 0.8;
}
/*FIN TABLA MOVIMIENTOS CON RENTA*/
/*spinner loading inicio*/
.overlays {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.79);
display: grid;
place-items: center;
z-index: 9999;
transition: opacity .2s ease, visibility .2s ease;
}
.loading-content {
text-align: center;
}
.loader {
width: 48px;
height: 48px;
border: 5px solid #ffbb00;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
position: relative;
animation: pulso 1s linear infinite;
}
.loader:after {
content: '';
position: absolute;
width: 48px;
height: 48px;
border: 5px solid #ffffff;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: escalada 1s linear infinite;
}
@keyframes escalada {
0% {
transform: translate(-50%, -50%) scale(0)
}
60%,
100% {
transform: translate(-50%, -50%) scale(1)
}
}
@keyframes pulso {
0%,
60%,
100% {
transform: scale(1)
}
80% {
transform: scale(1.2)
}
}
.loading-title {
font-size: 22px;
font-weight: 600;
margin: 16px 0 0 0;
color: white;
}
.loading-sub {
font-size: .95rem;
opacity: .8;
margin: 12px 0 0 0;
color: white;
}
#loading-overlay {
display: none;
}
/*spinner loading fin*/