.ui-selectonemenu-label{
width: 100% !important;
}
/* +++++++++++++++ NORMALIZE - No borrar ++++++++++ */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
/* ++++++++++++++++ FIN NORMALIZE +++++++++++++++++ */
body {font:12px/12px arial, sans-serif, "free serif";}
/*
.reset {margin:0!important; padding:0!important; border:0 none!important; background-color:transparent!important;}
.reset:hover, .reset:focus, .reset:active {margin:0!important; padding:0!important; border:0 none!important; background-color:transparent!important;}
*/
.txtrojo {margin:0!important; padding:0!important; border:0 none!important; background-color:transparent!important;}
.txtazul {margin:0!important; padding:0!important; border:0 none!important; background-color:transparent!important;}
.tab .reset {margin:0!important; padding:0!important; border:0 none!important; background-color:transparent!important;}
.container {width:990px; margin:0 auto; position:relative;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* +++++++++++++++ HEADER +++++++++++++++ */
/* -- Header 1 -- */
.header1 {margin-top:10px; position:relative; padding-top: 0.01px}
.header1 .logo img {max-width:250px; margin-bottom:5px;}
.header1 .c1 {width:22%; float:left;}
.header1 .c1 p {font-size:10px; text-transform:uppercase; margin:10px 0;}
.header1 .c1 p.rol {color:#006699}
.header1 .c3 {width:20%; float:right;}
.header1 .c3 .logo2 {width:100%; height:60px;}
.c2 {width:20%; height:50px; float:right; margin-top:4%;}
.logo2 img {float:left; max-width:100%; margin-left:33px;}
.header1 .c3 span {font-size:10px; display:block;}
.header1 .c3 .logout {float:right;}
.header1 .c3 .logout button {background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_logout.gif.jsf?ln=img") no-repeat 0 0; text-indent:-99999px; height:24px; width:24px; display:block; border:0;}
.header1 .title {color:#808080; font:bold 18px arial; padding:35px 0 0; text-align:center;}
.header1 .title2 {color:#808080; font:bold 18px arial; padding:0px 0 0; text-align:center;}
.salida {float:right;}
.salida button {background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_logout.gif.jsf?ln=img") no-repeat 0 0; text-indent:-99999px; height:24px; width:24px; display:block; border:0;}
/* -- Header 2 -- */
.header2 {background:#e6e6e6; border-bottom:1px solid #d7d8e0; margin-top:20px;}
.header2 ul {padding:10px 0 0 0; margin:0;}
.header2 ul li {list-style:none; padding:0; }
.header2 ul li button {background:#fff url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bg_pestana2.gif.jsf?ln=img") repeat-x bottom; float:left; border:1px solid transparent; border-radius:5px 5px 0 0; margin:0 5px -1px 0; font-weight:bold; font-size:14px; color:#006699; text-decoration:none; padding:10px 20px; border-color:#d7d8e0 #d7d8e0 #ebedec #d7d8e0; display:block; text-align:left;}
.header2 ul li button:hover {background:#fff;}
.header2 ul li.activo button {background:#006699 url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bg_pestana.gif.jsf?ln=img") repeat-x bottom; color:#fff; border-color:transparent;}
.header2 ul li.activo button:hover {background-color:#006699; text-decoration:underline;}
.header2 ul li.empresas button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_empresas.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.productos button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_productos.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.mantenimiento button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_mantenimiento.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.personalizacion button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_personalizacion.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.bandejadeentrada button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_bandejadeentrada.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.administracion button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_administracion.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.reportes button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_operaciones.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.operaciones button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_operaciones.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.consultas button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_consultas2.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.ahorroVol button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_ahorro_voluntario.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.accesoexterno button span {padding:2px 0 1px 35px; display:block; background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_entrada.png.jsf?ln=img") no-repeat 0px -20px;}
.header2 ul li.activo button span {background-position:0 0px;}
.header2 ul li.activo button:hover span {background-position:0 0px;}
.header2 ul li.seguridad button span {padding:2px 0 1px 35px; display:block; }
.header2 ul li.monitoreo button span {padding:2px 0 1px 35px; display:block; }
.header2 ul li.tramitesGenerales button span {padding:2px 0 1px 35px; display:block; }
/* +++++++++++++++ Footer +++++++++++++++ */
.footer {width:990px; margin:0 auto; background:#FFFFFF; color:white; overflow:hidden; height: 60px; }
.footer span {margin:0 30px; float:left; padding:23px 0 0; color:black;}
.footer ul {margin:0; padding:0; float:left; padding:23px 0;}
.footer ul li {margin:0; padding:0 10px; list-style:none; display:inline-block; border-left:1px solid white;}
.footer ul li:first-child {border:0 none;}
.footer ul li a {color:black; text-decoration:none;}
.footer ul li a:hover {text-decoration:underline;}
.footer .derecha {float:right; margin-right:30px; border-left:1px solid white; border-right:1px solid white;}
.footer .derecha .minibanner {width:125px; height:40px; float:left; border:1px solid white; margin:10px; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ima_ayuda.jpg.jsf?ln=img");}
.footer .derecha span {font-weight:bold; margin:0; font-size:14px; margin-right:10px; width:80px; line-height:15px; padding:15px 0;}
/* +++++++++++++++ GLOBALES +++++++++++++++ */
/* -- Encabezados -- */
h1 {color:#565656; font-size:20px; font-weight:bold; line-height:10px;}
h2 {color:#565656; font-size:15px; font-weight:bold; line-height:10px;}
/* -- Estilos de p?rrafo y texto -- */
hr {margin:10px; border:1px solid #d7d8e0; border-width:1px 0 0 0}
.negrita {font-weight:bold;} /*Aplica negrita a un elemento de texto */
a {color:#336699;} /* Color de los enlaces */
a:hover,a:active,a:focus {text-decoration:none;} /* Resalte de los enlaces */
a.atras{color:#336699; text-decoration:none;} /* Color de los enlaces */
a:hover.atras,a:active.atras,a:focus.atras {text-decoration:underline;} /* Resalte de los enlaces */
/* Colores para el texto */
.txtverde {color:#00a900;}
.txtrojo {color:#ca0000;}
.txtblanco {color:#ffffff;}
.txtgris {color:#565656;} /* Aplica el color blanco al texto de cualquier elemento */
.txtnegro {color:#000;} /* Aplica el color negro al texto de cualquier elemento */
.txtazul {color:#0000ff;}
.txtazulClaro{color:#336699;}
/* -- Tablas -- */
table.tabla {border-collapse:collapse;}
table.tabla th {background:#f4f4f4!important; padding:10px!important; border-color:#d7d8e0!important; border-width:1px!important; border-style:solid;}
table.tabla td {background:white!important; padding:10px!important; border-color:#d7d8e0!important; border-width:1px 0!important; border-style:solid;}
table.tabla3 {border-collapse:collapse; width:70%}
table.tabla3 th {background:#f4f4f4!important; padding:10px!important; border-color:#d7d8e0!important; border-width:1px!important; border-style:solid;}
table.tabla3 td {background:white!important; padding:10px!important; border-color:#d7d8e0!important; border-width:1px 0!important; border-style:solid;}
/* -- Tabla sin header -- */
.no-table-header thead {
display: none;
}
/* -- Tabla sin borde -- */
.no-table-border tbody {
border: none !important;
}
.no-table-border tbody tr{
border: none !important;
}
.no-table-border tbody tr td{
border: none !important;
}
/* -- Tabla dyna -- */
table.tabladyna {border-collapse:collapse; width:75%}
table.tabladyna th {background:#f4f4f4!important; padding:10px!important; border-color:#d7d8e0!important; border-width:1px!important; border-style:solid!important;}
/* -- Cajas -- */
.box {background-color:#f4f4f4; border:1px solid #d7d8e0; margin: 10px auto; padding:20px 20px 10px 20px;} /* Aplica el dise?o de la caja gris a cualquier elemento */
.boxwhite {background:white; border:1px solid #d7d8e0; padding:20px; margin: 10px auto; } /* Aplica el dise?o de la caja blanca con borde rosa a cualquier elemento */
.boxwhite10 {background:white; border:1px solid #d7d8e0; padding:8px; margin: 10px auto; } /* Aplica el dise?o de la caja blanca con borde rosa a cualquier elemento */
.boxpink {text-align:center; background:white; border:1px solid #9ab1ca; padding:10px; margin:10px auto;} /* Aplica el dise?o de la caja blanca con borde rosa a cualquier elemento */
/* -- Botones -- */
.buttongreen input {cursor:pointer; border:0 none; background:#00861e url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_verde.gif.jsf?ln=img") repeat-x top !important; border-radius:5px;color:white; padding:10px; text-align:center;} /*Aplica el estilo del bot�n verde a cualquier elemento */
.buttongreen button {cursor:pointer; border:0 none; background:#00861e url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_verde.gif.jsf?ln=img") repeat-x top !important; border-radius:5px;color:white; padding-left:7px; padding-right:10px; padding-top: 3px; padding-bottom: 3px; text-align:center;} /*Aplica el estilo del bot�n verde a cualquier elemento */
input.buttongreen {cursor:pointer; border:0 none; background:#00861e url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_verde.gif.jsf?ln=img") repeat-x top !important; border-radius:5px;color:white; padding:10px; text-align:center;} /*Aplica el estilo del bot�n verde a cualquier elemento */
button.buttongreen {cursor:pointer; border:0 none; background:#00861e url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_verde.gif.jsf?ln=img") repeat-x top !important; border-radius:5px;color:white; padding:10px; text-align:center;} /*Aplica el estilo del bot�n verde a cualquier elemento */
.buttonred {cursor:pointer; border:0 none; background:#8ccb6d url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_rojo.gif.jsf?ln=img") repeat-x; border-radius:5px; color:white; padding:8px; text-align:center;} /*Aplica el estilo del bot�n rojo a cualquier elemento */
.buttongreen:hover input, .buttongreen:hover button{background:#00af32;} /* Resalte del bot�n verde */
.buttonred:hover {background:#a3151a;} /* Resalte del bot�n rojo */
.buttongreen a, .buttonred a {color:white;} /* Fuerza a un enlace a tener color blanco si est� dentro de un bot�n */
.buttonboxpink input{text-decoration:none; color:black; border-radius:4px; cursor:pointer; text-align:center; background-color:#90b2cc; border:1px solid #006699; color:white; padding:10px;} /* Aplica el dise�o de la caja blanca con borde rosa*/
.buttonboxpink:hover input{background-color:#036699;} /* Resalte de la caja blanca con borde rosa */
.buttonboxazul input{text-decoration:none; color:black; border-radius:4px; cursor:pointer; text-align:center; background-color:#90b2cc; border:1px solid #006699; color:white; padding:6px;} /*aplica el diseño del boton azul pero mas delgado*/
.botonAzul2 span{text-decoration:none; color:black; border-radius:4px; cursor:pointer; text-align:center; background-color:#90b2cc; border:1px solid #006699; color:white; padding:10px;} /* Aplica el dise�o de la caja blanca con borde rosa*/
.botonAzul2:hover span{background-color:#036699;} /* Resalte de la caja blanca con borde rosa */
.botonAzul2:inactivo {background-color:#1b334b; border-color:#999} /* Boton rosa inactivo con borde rosa */
.botonAzul2 .ui-button-text-only .ui-button-text {padding: 0.8em 1em}
.ajustacombo {
height: 25px;
margin-top: -3px;
}
/* Nuevos Estilos de botones con Flecha en el interior 20140124*/
.buttonarrownext,
.buttonarrowprev {display:inline;}
.buttonarrownext input,
.buttonarrowprev input {padding:0; border:0 none; background:transparent; cursor:pointer; display:inline-block; border-radius:4px; padding:6px 10px 6px 30px; cursor:pointer; line-height: 1.5em; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_flecha.png.jsf?ln=img") no-repeat 10px -50px white; background-color:#90b2cc; color:white; border:1px solid #006699;}
.buttonarrowprev input {background-position:10px -80px;}
.buttonarrownext input:hover,
.buttonarrowprev input:hover {background-color:#036699; border-color:#036699; color:white; }
.buttonarrownext.blanco input,
.buttonarrowprev.blanco input {color:black; background-color:#fff; border:1px solid #9ab1ca; background-position:10px -20px;}
.buttonarrowprev.blanco input {background-position:10px 10px;}
.buttonarrownext.blanco input:hover,
.buttonarrowprev.blanco input:hover {background-color:#dadada; border-color:#939393}
/* a�adidos para los botones tipo button*/
.buttonarrownext button,
.buttonarrowprev button {padding:0; border:0 none; background:transparent; cursor:pointer; display:inline-block; border-radius:4px; padding:1px 2px 1px 16px; cursor:pointer; line-height: 1.5em; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_flecha.png.jsf?ln=img") no-repeat 10px -50px white; background-color:#90b2cc; color:white; border:1px solid #006699;}
.buttonarrowprev button {background-position:10px -80px;}
.buttonarrownext button:hover,
.buttonarrowprev button:hover {background-color:#036699; border-color:#036699; color:white; }
/* a�adidos para los botones tipo wizard azul*/
.azul button {padding:0; border:0 none; background:transparent; cursor:pointer; display:inline-block; border-radius:4px; padding:1px 2px 1px 16px; cursor:pointer; line-height: 1.5em; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_flecha.png.jsf?ln=img") no-repeat 10px -50px white; background-color:#90b2cc; color:white; border:1px solid #006699;}
.azul span.ui-button-icon-left {
display : none;
}
.azul button.ui-wizard-nav-back {background-position:10px -81px;}
.azul button:hover {background-color:#036699; border-color:#036699; color:white; }
.azul span.ui-button-text{
padding: .5em 1em .5em 1.1em;
font-weight: bold;
}
.soloAzul button {padding:0; border:0 none; background:transparent; cursor:pointer; display:inline-block; border-radius:4px; padding:1px 2px 1px 2px; cursor:pointer; line-height: 1.5em; background-color:#90b2cc; color:white; border:1px solid #006699;}
.soloAzul button {background-position:10px -80px;}
.soloAzul button:hover,
.soloAzul button:hover {background-color:#036699; border-color:#036699; color:white; }
@-moz-document url-prefix() {
.buttonarrownext input, .buttonarrowprev input {
padding: 9px 10px 7px 30px;
}
}
/* -- Mensajes -- */
.exito {font-size:14px; color:#00a900; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_exito.png.jsf?ln=img") no-repeat 0 0; padding:3px 0 2px 20px}
.fallo {font-size:14px; color:#ca0000; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_fallo.png.jsf?ln=img") no-repeat 0 0; padding:3px 0 2px 20px}
.exitoTable {font-size:6px; color:#00a900; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_exito.png.jsf?ln=img") no-repeat 0 0; background-position:center; padding:1px 0 1px 5px}
.falloTable {font-size:6px; color:#ca0000; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_fallo.png.jsf?ln=img") no-repeat 0 0; background-position:center; padding:1px 0 1px 5px}
/* -- Otros estilos -- */
/* Bordes redondeados */
.allcorners {border-radius:4px;} /* Aplica borde redondeado a cualquier elemento */
.topcorners {border-radius:4px 4px 0 0} /* Aplica bordes superiores redondeados e inferiores cuadrados a cualquier elemento */
.leftcorners {border-radius:0 4px 4px 0} /* Aplica bordes redondeados a la izquierda */
.rightcorners {border-radius:4px 0 0 4px} /* Aplica bordes redondeados a la derecha */
.bottomcorners {border-radius:0 0 4px 4px} /* Aplica bordes inferiores redondeados e superiores cuadrados a cualquier elemento */
.nobordert {border-top:0 none!important;} /* Fuerza al elemento a eliminar el borde superior */
.noborderb {border-bottom:0 none!important;} /* Fuerza al elemento a eliminar el borde inferior */
.noborderi {border-left:0 none!important;} /* Fuerza al elemento a eliminar el borde izquierdo */
.noborderd {border-right:0 none!important;} /* Fuerza al elemento a eliminar el borde derecho */
.noborder {border:0 none!important;} /* Fuerza al elemento a eliminar los bordes */
/* Vertical align */
.vatop {vertical-align: top;}
.vabot {vertical-align: bottom;}
.vacen {vertical-align: center;}
/* M?rgenes */
.nomargin {margin:0;} /*Elimina cualqueir margen del elemento */
.nomargint {margin-top: 0;}
.nomarginb {margin-bottom: 0;}
/* Paddings */
.nopadding {padding: 0px}
.nopaddingt {padding-top: 0px}
.pa1 {padding:1px;} /* Padding */
.pa2 {padding:2px;}
.pa3 {padding:3px;}
.pa4 {padding:4px;}
.pa5 {padding:5px;}
.pa6 {padding:6px;}
.pa7 {padding:7px;}
.pa8 {padding:8px;}
.pt1 {padding-top:1px;} /* Padding superior */
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt17 {padding-top:17px;}
.pd1 {padding-right:1px;} /* Padding derecha */
.pd2 {padding-right:2px;}
.pd3 {padding-right:3px;}
.pd4 {padding-right:4px;}
.pd5 {padding-right:5px;}
.pd6 {padding-right:6px;}
.pd7 {padding-right:7px;}
.pd8 {padding-right:8px;}
.pd17 {padding-right:17px;}
.pd20 {padding-right:20px;}
.pb05 {padding-bottom: 0.5px;}
.pb1 {padding-bottom:1px;} /* Padding inferior */
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom: 30px;}
.pb55 {padding-bottom: 55px;}
.pi025 {padding-left:0.25px;}
.pi1 {padding-left:1px;} /* Padding izquierda */
.pi2 {padding-left:2px;}
.pi3 {padding-left:3px;}
.pi4 {padding-left:4px;}
.pi5 {padding-left:5px;}
.pi6 {padding-left:6px;}
.pi7 {padding-left:7px;}
.pi8 {padding-left:8px;}
.pi20 {padding-left:20px;}
.pi30 {padding-left: 30px;}
.m1 {margin:10px; display:block;} /* Fuerza al elemento a tener m?rgenes en general (todos los lados) */
.m2 {margin:20px; display:block;}
.m3 {margin:30px; display:block;}
.m4 {margin:40px; display:block;}
.m5 {margin:50px; display:block;}
.m6 {margin:60px; display:block;}
.m7 {margin:70px; display:block;}
.m8 {margin:80px; display:block;}
/* M?rgenes vertical */
.vm1 {margin:10px 0; display:block;} /* Fuerza al elemento a tener un m?rgen arriba y abajo */
.vm2 {margin:20px 0; display:block;}
.vm3 {margin:30px 0; display:block;}
.vm4 {margin:40px 0; display:block;}
.vm5 {margin:50px 0; display:block;}
.vm6 {margin:60px 0; display:block;}
.vm7 {margin:70px 0; display:block;}
.vm8 {margin:80px 0; display:block;}
/* M?rgenes horizontal */
.hm1 {margin:0 10px; display:block;} /* Fuerza al elemento a tener m?rgenes a ambos lados */
.hm2 {margin:0 20px; display:block;}
.hm3 {margin:0 30px; display:block;}
.hm3dyna {margin:0 30px;}
.hm4 {margin:0 40px; display:block;}
.hm5 {margin:0 50px; display:block;}
.hm6 {margin:0 60px; display:block;}
.hm7 {margin:0 70px; display:block;}
.hm8 {margin:0 80px; display:block;}
/* M?rgenes derecha */
.dm1 {margin:0 10px 0 0; display:block;} /* Fuerza al elemento a tener m?rgenes a la derecha */
.dm2 {margin:0 20px 0 0; display:block;}
.dm3 {margin:0 30px 0 0; display:block;}
.dm4 {margin:0 40px 0 0; display:block;}
.dm5 {margin:0 50px 0 0; display:block;}
.dm6 {margin:0 60px 0 0; display:block;}
.dm7 {margin:0 70px 0 0; display:block;}
.dm8 {margin:0 80px 0 0; display:block;}
.dm26 {margin:0 260px 0 0; display:block;}
/* M?rgenes izquierda */
.im05 {margin:0 0 0 5px; display:block;}
.im1 {margin:0 0 0 10px; display:block;} /* Fuerza al elemento a tener m?rgenes a la izquierda */
.im2 {margin:0 0 0 20px; display:block;}
.im3 {margin:0 0 0 30px; display:block;}
.im4 {margin:0 0 0 40px; display:block;}
.im5 {margin:0 0 0 50px; display:block;}
.im6 {margin:0 0 0 60px; display:block;}
.im7 {margin:0 0 0 70px; display:block;}
.im8 {margin:0 0 0 80px; display:block;}
/* M?rgenes arriba */
.tm1 {margin:10px 0 0 0; display:block;} /* Fuerza al elemento a tener m?rgenes en el lado superior */
.tm2 {margin:20px 0 0 0; display:block;}
.tm3 {margin:30px 0 0 0; display:block;}
.tm4 {margin:40px 0 0 0; display:block;}
.tm5 {margin:50px 0 0 0; display:block;}
.tm6 {margin:60px 0 0 0; display:block;}
.tm7 {margin:70px 0 0 0; display:block;}
.tm8 {margin:80px 0 0 0; display:block;}
/* M?rgenes abajo */
.bm05 {margin:0 0 5px 0; display:block;}
.bm1 {margin:0 0 10px 0; display:block;} /* Fuerza al elemento a tener m?rgenes en el lado inferior */
.bm2 {margin:0 0 20px 0; display:block;}
.bm3 {margin:0 0 30px 0; display:block;}
.bm4 {margin:0 0 40px 0; display:block;}
.bm5 {margin:0 0 50px 0; display:block;}
.bm6 {margin:0 0 60px 0; display:block;}
.bm7 {margin:0 0 70px 0; display:block;}
.bm8 {margin:0 0 80px 0; display:block;}
.m1l {margin:10px; display:inline;} /* Fuerza al elemento a tener m?rgenes en general (todos los lados) */
.m2l {margin:20px; display:inline;}
.m3l {margin:30px; display:inline;}
.m4l {margin:40px; display:inline;}
.m5l {margin:50px; display:inline;}
.m6l {margin:60px; display:inline;}
.m7l {margin:70px; display:inline;}
.m8l {margin:80px; display:inline;}
/* M?rgenes vertical */
.vm-7l {margin:-7px 0; display:inline;}
.vm1l {margin:10px 0; display:inline;} /* Fuerza al elemento a tener un m?rgen arriba y abajo */
.vm2l {margin:20px 0; display:inline;}
.vm3l {margin:30px 0; display:inline;}
.vm4l {margin:40px 0; display:inline;}
.vm5l {margin:50px 0; display:inline;}
.vm6l {margin:60px 0; display:inline;}
.vm7l {margin:70px 0; display:inline;}
.vm8l {margin:80px 0; display:inline;}
/* M?rgenes horizontal */
.hm1l {margin:0 10px; display:inline;} /* Fuerza al elemento a tener m?rgenes a ambos lados */
.hm2l {margin:0 20px; display:inline;}
.hm3l {margin:0 30px; display:inline;}
.hm4l {margin:0 40px; display:inline;}
.hm5l {margin:0 50px; display:inline;}
.hm6l {margin:0 60px; display:inline;}
.hm7l {margin:0 70px; display:inline;}
.hm8l {margin:0 80px; display:inline;}
/* M?rgenes derecha */
.dm1xl{padding-left:10px;}
.dm1l {margin:0 10px 0 0; display:inline;} /* Fuerza al elemento a tener m?rgenes a la derecha */
.dm2l {margin:0 20px 0 0; display:inline;}
.dm3l {margin:0 30px 0 0; display:inline;}
.dm4l {margin:0 40px 0 0; display:inline;}
.dm5l {margin:0 50px 0 0; display:inline;}
.dm6l {margin:0 60px 0 0; display:inline;}
.dm7l {margin:0 70px 0 0; display:inline;}
.dm8l {margin:0 80px 0 0; display:inline;}
/* M?rgenes izquierda */
.im1l {margin:0 0 0 10px; display:inline;} /* Fuerza al elemento a tener m?rgenes a la izquierda */
.im2l {margin:0 0 0 20px; display:inline;}
.im3l {margin:0 0 0 30px; display:inline;}
.im3lx {margin:5px 0 0 30px; width: 150px; display:block;}
.im4l {margin:0 0 0 40px; display:inline;}
.im5l {margin:0 0 0 50px; display:inline;}
.im6l {margin:0 0 0 60px; display:inline;}
.im7l {margin:0 0 0 70px; display:inline;}
.im8l {margin:0 0 0 80px; display:inline;}
/* M?rgenes arriba */
.tm1l {margin:10px 0 0 0; display:inline;} /* Fuerza al elemento a tener m?rgenes en el lado superior */
.tm2l {margin:20px 0 0 0; display:inline;}
.tm3l {margin:30px 0 0 0; display:inline;}
.tm4l {margin:40px 0 0 0; display:inline;}
.tm5l {margin:50px 0 0 0; display:inline;}
.tm6l {margin:60px 0 0 0; display:inline;}
.tm7l {margin:70px 0 0 0; display:inline;}
.tm8l {margin:80px 0 0 0; display:inline;}
/* M?rgenes abajo */
.bm1l {margin:0 0 10px 0; display:inline;} /* Fuerza al elemento a tener m?rgenes en el lado inferior */
.bm2l {margin:0 0 20px 0; display:inline;}
.bm3l {margin:0 0 30px 0; display:inline;}
.bm4l {margin:0 0 40px 0; display:inline;}
.bm5l {margin:0 0 50px 0; display:inline;}
.bm6l {margin:0 0 60px 0; display:inline;}
.bm7l {margin:0 0 70px 0; display:inline;}
.bm8l {margin:0 0 80px 0; display:inline;}
/* Ocultar la capa */
.oculto {display:none;}
.mostrar {display:inline;}
.mostrarBlock {display:block;}
.mostrarCentro {
display: inline-block;
*display: inline;
}
.hide {visibility: hidden;}
.show {visibility: visible;}
/* Flotar */
.fleft {float:left;} /* Fuerza al elemento a flotar a la izquierda */
.fright {float:right;} /* Fuerza al elemento a flotar a la derecha */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0;} /* Siempre que flotemos algo, la capa contenedora de los elementos flotantes debe tener esta clase */
/* Medidas al ancho */
.w5 {width:5%;}
.w10 {width:10%;}
.w12 {width:12%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w36 {width:36%;}
.w37 {width:37%;}
.w38 {width:38%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w58 {width:58%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w88 {width:88%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w96 {width:96%;}
.w99 {width:99.5%;}
.w100 {width:100%;}
.w101 {width:101%;}
.w150 {width:150%;}
/* Medidas al alto */
.h35px {height:35px;}
.h40px {height:40px;}
.h125px {height:125px;}
/* -- Barra de progreso -- */
/*
Para usar este control v?a css:
- Cada paso es un
- Cuando el usuario est? en un paso concreto, ese debe llevar la clase "activo"
- Los pasos que el usuario ya haya realizado se marcan en el con la clase "pasado"
*/
.progress {height:10px; width:100%; margin-top:20px;}
.progress ul {position: relative; list-style:none; margin:0; display:table; width:100%; padding:0;}
.progress ul li {background:#d0dbe6; display:table-cell; width:14.285%; height:9px;}
.progress ul li:before {content:""; display:block; height:7px; width:7px; background:#91b2cd; border-radius:20px; margin-left:-8px; margin-top:-3px; border:4px solid #d0dbe6; position:absolute;}
.progress ul li:after {content:""; height:3px; width:14.285%; position:absolute; top:3px; margin-left: 3px; z-index:1;}
.progress ul li:last-child:after {width:0;}
.progress ul li.activo:before {width:15px; height:15px; margin-top:-8px; border-width:5px; background:#44a717;}
.progress ul li.pasado:before,
.progress ul li.pasado:after {background:#44a717;}
/* -- Ventana modal -- */
.modalcontainer {position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.85); display:table;}
.modalcontainer .table-cell {display:table-cell; vertical-align:middle;}
.modalcontainer .modal {width:500px; margin:0 auto; border:10px solid #f4f6f5; border-radius:4px; background:white; padding:10px 20px;}
.modalcontainer .modal .btclose {float:right; background:#9e2620; color:white; text-decoration:none; border-radius:10px; display:block; font:11px/11px bold arial,sans-serif; margin: -5px -15px 0 0; padding:2px 5px 4px;}
.modalcontainer .modal .btclose:hover,.modalcontainer .modal .btclose:focus, .modalcontainer .modal .btclose:active {background:#c33;}
.modalcontainer .modal h1 {color:gray; font:20px 'droid sans', arial, sans-serif; margin:0 0 10px 0;}
.modalcontainer .modal .inner {margin:20px;}
.modalcontainer .modal hr {border-width:3px 0 0 0; border-style:solid; border-color:#f4f7f5; margin:0 0 10px -20px; width:540px}
.ventanamodal {border:10px solid #f4f6f5; border-radius:4px;}
/* Barra de progreso - otras medidas */
.progress.p7 ul li,
.progress.p7 ul li:after {width:16.666%;}
.progress.p6 ul li,
.progress.p6 ul li:after {width:20%;}
.progress.p5 ul li,
.progress.p5 ul li:after {width:25%;}
.progress.p4 ul li,
.progress.p4 ul li:after {width:33.333%;}
.progress.p3 ul li,
.progress.p3 ul li:after {width:50%;}
.progress.p2 ul li,
.progress.p2 ul li:after {width:100%;}
/* "Tabs" botones rojos */
.tabrojo {padding:10px; border-radius:4px; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bt_rojo2.gif.jsf?ln=img") repeat-x #8ccb6d; color:white; font-weight:bold; display:inline; margin-right:15px;}
.tabrojo a {color:white; text-decoration:none; padding:5px 0 5px 30px; background-position:0px 2px; background-repeat:no-repeat;}
.tabrojo:hover,.tabrojo:focus,.tabrojo:active,
.tabrojo.activo {background-image:none; background-color:#77b259;}
.tabrojo.inactivo {opacity:0.5;}
.mantenimiento a {background-image:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_mantenimiento.png.jsf?ln=img");}
/*.consultas a {background-image:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_consultas2.png.jsf?ln=img");} */
.reportes a {background-image:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_reportes.png.jsf?ln=img");}
.entrada a {background-image:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_entrada.png.jsf?ln=img"); background-position: 0 7px;}
.perfilusu a {background-image:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_perfilusu.png.jsf?ln=img");}
/* Avisos */
.aviso {background:#fbffcf url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_aviso.png.jsf?ln=img") no-repeat 15px 10px; border:1px solid #e0d7d9; border-radius:4px; padding:10px 10px 10px 40px; color:#555;}
.aviso span {font-weight:bold; color:#a4252b; font-size:120%; margin-right:8px;}
.btclose {cursor:pointer; float:right; background:#9e2620; color:white; text-decoration:none; border-radius:10px; display:block; font:11px/11px bold arial,sans-serif; margin:-5px; padding:3px 5px 3px;}
.btclose:hover,.btclose:focus,.btclose:active {background:#c33;}
/* Fondo verde claro */
.verdeclaro {background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bg_verdeclaro.gif.jsf?ln=img") repeat-x #dee8d0!important;}
/* Rastro de miga rojo y gris */
.rastro {background:#e8e8e8; border-radius:4px;}
.boxwhite .rastro,
.box .rastro {margin:-15px -15px 10px -10px;}
.rastro ol {list-style:decimal inside; margin:0; padding:0;}
.rastro ol li {background:#ccc; padding:20px 19px 20px 50px; float:left; position:relative; margin-left:-5px; font-size:13px; color:white; font-weight:bold; height: 13px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.rastro ol li { padding-left: 60px; }
}
.rastro ol li.doble {max-width:150px; padding-bottom:25px; padding-top:15px;}
.rastro ol li.triple {max-width:150px; padding-bottom:33px; padding-top:7px;}
.rastro ol li:first-child {padding-left:17px; border-radius:4px 0 0 4px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.rastro ol li:first-child { padding-left: 34px; }
}
.dateTimeField-w100 input {width:100%!important;}.dateTimeField-w92 input {width:92%!important;}
.rastro ol li span.tope {background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/bg_breadcrumb.png.jsf?ln=img") no-repeat 0px -68px; content:""; height:60px; position:absolute; right:-25px; top:-5px; width:32px; z-index:90;}
.rastro ol li.activo {background:#9ab1ca;}
.rastro ol li.activo span.tope {background-position:0px 0px;}
/*Pruebas de Alineacion Vertical en celdas*/
.celdaveticalArriba {display:table-cell; vertical-align:top;}
.celdaHorizontalArriba {display:table-cell; horizontal-align:center;}
/* Tabs de perfiles y usuarios */
.tabperfiles {width:100%;}
.tabperfiles .tab {background:#f8f6f6; border:1px solid #d7d8e0; border-bottom-color:#cdcdcd; border-radius:4px 4px 0 0; padding:10px 20px; font-weight:bold; display:inline-block; margin:0 5px -1px;}
.tabperfiles .tab a {color:black; text-decoration:none;}
.tabperfiles .tab.activo {background:white; border-color: #cdcdcd #cdcdcd white #cdcdcd;}
.tabperfiles .tab:first-child {margin-left:45px;}
.tabperfiles .tabperfiles2 {background:white; padding:10px; border:1px solid #d0d0d0; border-bottom-color:#ebebeb; border-radius:4px 4px 0 0;}
.tabperfiles2 div {padding:10px 20px 10px 30px; display:inline-block; position:relative; font-weight:bold; margin:0 10px;}
.tabperfiles .perfiles {margin-left:40px; background: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_perfiles1.png.jsf?ln=img") no-repeat 0px 50%;}
.tabperfiles .usuarios {background: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_usuarios1.png.jsf?ln=img") no-repeat 0px 50%;}
.tabperfiles .usuarios a,
.tabperfiles .perfiles a {color:black; text-decoration:none;}
.tabperfiles .perfiles.activo {background-image: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_perfiles2.png.jsf?ln=img");}
.tabperfiles .usuarios.activo {background-image: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_usuarios2.png.jsf?ln=img");}
/*.tabperfiles .consultar.activo {background-image: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_consultas2.png.jsf?ln=img");}*/
.tabperfiles .perfiles.activo a,
.tabperfiles .usuarios.activo a {color:#336699;}
.tabperfiles .perfiles.activo:after,
.tabperfiles .usuarios.activo:after {content:""; position:absolute; background:url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/flechatabs.gif.jsf?ln=img") no-repeat 50% 100%; height:25px; left:30%; position:absolute; width:45px; bottom:-12px;}
/* Tabs consultas */
.tabconsultas {width:100%;}
/* Tabs verticales */
.tabvertical {display:table; width:100%;}
.tabvertical ul {display:table-cell; vertical-align:top; margin:0; padding:0; list-style:none;}
.tabvertical ul li {margin-right:-1px; padding:10px 30px; position:relative; z-index:99;}
.tabvertical ul li.activo {background:white;border-color:#dfdfdf; border-style:solid; border-width:1px 0px 2px 1px; border-radius:4px 0 0 4px;}
.tabvertical .tabsvertical2 {background:white; display:table-cell; padding:10px 20px; border-radius:4px; border:1px solid #dfdfdf; border-bottom-width:2px;}
/* Bot?n guardar */
.botonguardar {display:inline-block; color:black; text-decoration:none; padding:10px 20px 10px 40px; border:1px solid #9ab1ca; border-radius:4px; background:white url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_save.png.jsf?ln=img") no-repeat 10px 8px}
.botonguardar:hover, .botonguardar:focus, .botonguardar:active {background-color:#dadada; border-color:#999}
/* Boton abrir/cerrar */
.botoncerrar {cursor:pointer; background:white url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_up.png.jsf?ln=img") no-repeat 7px 2px; width:25px; height:25px; border:1px solid #d7d8e0; border-radius:4px; vertical-align:middle; margin:10px 10px 10px 0;}
.botoncerrarb {cursor:pointer; background:white url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_up.png.jsf?ln=img") no-repeat 7px 2px; width:25px; height:25px; border:1px solid #d7d8e0; border-radius:4px; vertical-align:middle; margin:0px 10px 10px 0;}
.botoncerrar:hover {background-color:#dadada; border-color:#999}
.botoncerrarb:hover {background-color:#dadada; border-color:#999}
.botoncerrar.activo {background-position:7px -27px; background-color:#2d5683;}
.botoncerrarb.activo {background-position:7px -27px; background-color:#2d5683;}
.botoncerrar.activo:hover {background-position:7px -27px; background-color:#336699;}
.botoncerrarb.activo:hover {background-position:7px -27px; background-color:#336699;}
/* Arregla la tabla de ordenar por valoraci?n */
.tabla2 {border-collapse:collapse;}
.tabla2 th {border:1px solid #e0d7d9; background-color:#f8f8f5; text-transform:uppercase; color:#575757; padding:10px auto;}
.tabla2 th .ui-dt-c .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {position:relative; float:right; margin:0 10px 0 0;}
.tabla2 tr {background:#fff; border-width:1px; border-color:#e0d7d9; border-width:1px 0 1px 0;}
.tabla2 tr:nth-child(even) {background:#f4fbff;}
/* Arregla la tabla de ordenar por valoraci?n */
.tabla3 {border-collapse:collapse;}
.tabla3 th {border:1px solid #e0d7d9; background-color:#f8f8f5; text-transform:uppercase; color:#575757; padding:10px auto;}
.tabla3 th .ui-dt-c .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {position:relative; float:right; margin:0 10px 0 0;}
.tabla3 tr {background:#fff; border-width:1px; border-color:#e0d7d9; border-width:1px 0 1px 0;}
.tabla3 tr:nth-child(even) {background:#f4fbff;}
/* Errores globales */
.errorAfore {margin-left:10px; margin-top:10px; margin-bottom:-10px; border:1px solid #c00; color:#c00; border-radius:4px; padding:2px 10px 2px 30px; background:#f3d0d0 url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/error.png.jsf?ln=img") 3px 0px no-repeat; display:inline-block; font-size: 13px;}
/* Tama?os est?ticos */
.w150px {width: 150px;}
.w250px { width: 250px;}
.w350px { width: 350px;}
.w400px { width: 400px;}
.w450px { width: 450px; height:200px;}
.w500px { width: 500px;}
.w600px { width: 600px; height:300px;}
.w700px { width: 700px;}
.w800px { width: 800px;}
.w850px { width: 850px;}
.w100px { width: 100px;}
.w615px { width: 615px;}
#medios_arbol.ui-tree {width: 615px;}
/** estilo para tabla de inversion de recursos en personalizaci?n de empresas */
.w80px {width:80px;}
.alinMedioCelda {text-align:center; }
.w38 {width:38%;}
.w1 {width: 1px;}
/* Enlaces */
.enlace {margin:0!important; padding:0!important; background:white!important; color:#336699!important; text-decoration:underline; border:0!important;}
.enlace > span {margin:0!important; padding:0!important; color:#336699!important;} /*Sobreescribe el color del texto*/
.enlace:hover,.enlace:focus,.enlace:active {background:none transparent; color:#336699!important; text-decoration:none;} /*Sobreescribe el fondo gris al hacer rollover */
#Margenes personalizados
.dm10 {margin:0 100px 0 0; display:block;} /* Fuerza al elemento a tener m?rgenes a la derecha de 100px*/
.im15 {margin:0 0 0 150px; display:block;} /* Fuerza al elemento a tener m?rgenes a la izquierda de 150px*/
.im90 {margin:0 0 0 90px; display:block;} /* Fuerza al elemento a tener m?rgenes a la izquierda de 90px*/
.im250 {margin:0 0 0 250px;} /*Fuerza al elemento a tener m?rgen a la izquierda de 250px */
.dm220 {margin:0 220px 0 0;} /*Fuerza al elemento a tener m?rgen a la derecha de 220px */
.tdm10 {margin: 10px 10px 0 0;} /*Fuerza al elemento a tener m?rgen a la derecha y arriba de 10px */
.bdm45 {margin: -45px 10px 0 0;} /*Fuerza al elemento a tener m?rgen a la derecha de 10px e inferior de -45px */
/*
.ui-datatable thead th, .ui-datatable tfoot td {
border:0 none!important;
float:left;
text-align: left;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}k
*/
#Invisibilidad e inactividad
.invisble {opacity:0;}
.buttonboxpink:inactivo {background-color:#1b334b; border-color:#999} /* Boton rosa inactivo con borde rosa */
.buttonarrownext:inactivo {background-color:#1b334b; border-color:#FFF} /* Resalte de los botones de "siguiente" */
.ui-wizard-step-titles {background:#f4f4f4; border-radius:4px 4px 0 0; margin:2px; border-bottom:1px solid #9ab1ca; padding:0;}
.ui-wizard-step-titles li {background:#dadada; display:inline-block; list-style:none; padding:7px; border-radius:4px 4px 0 0; border:1px solid #999; border-bottom:0 none; margin:4px 0 0 4px; font-size:12px; margin-bottom:-1px; color:#555;}
.ui-wizard-step-titles li.ui-state-highlight {background:white; color:black; border-color:#9ab1ca;}
.ui-tree-container .ui-state-highlight {
background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.25), transparent) repeat scroll 0 0 #AAAAAA;
border: 1px solid #666666;
color: #FFFFFF;
text-shadow: 1px 1px 1px #333333;
}
form .ui-chkbox .ui-chkbox-label {
float:right;
padding-top: 3px;
}
form .ui-chkbox {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
white-space: normal;
}
.tablaLogin{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #d7d8e0;
margin: 10px auto;
padding: 20px;
/*text-align: center;*/
}
.filaLogin{
border: 1px solid #d7d8e0;
color: #222222;
}
.columnLogin{
border-width: 1px;
padding: 4px 10px;
border-color: inherit;
border-style: solid;
}
.primeComponent {
border: 1px solid #9ab1ca !important;
background: #ffffff url('/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/images/ui-bg_flat_75_ffffff_40x100.png.jsf?ln=primefaces-axxi') 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
/*Alineaci?n del texto */
.textoizquierda {
text-align: left;
}
.textoderecha {
text-align: right;
}
.boxgreen {background-color:#57ad40; padding:150px 8px 0px; position: absolute; margin-top: -20px; margin-left: 952px;} /* Aplica el dise?o de la caja verde cualquier elemento */
.boxblue {background-color:#01529a; padding:150px 8px 1px ; position: absolute; margin-top: 130px; margin-left: 952px;} /* Aplica el dise?o de la caja azul a cualquier elemento */
.txtinicio {color:#565656;line-height:1;font-size:18px;}
.txtiniciogreen {font-size:20px;color:#57ad40;}
.txtinicioblue{font-size:25px;color:#01529a;}
.ulinicio {position: relative; list-style:square; margin-left:10%; display:table; width:100%; padding:0;height:5px; }
.boxred {background-color:#c41130; padding:10px 0px 8px ; margin-top: 20px ;margin-bottom: -20px; margin-left: 0px}
.mismalinea{
display:inline;
}
.logoEmpresa {
max-width: 150px;
}
.auto .ui-autocomplete-input{
font-weight: normal;
margin: 0;
outline: medium none;
padding: 4px;
width: 70%;
}
.txtSize {
font-size:15px;
}
.lista_sin_puntos ul{
list-style:none;
}
.lista_sin_puntos tr{
border-color: #D7D8E0 !important;
}
.ui-tree-container .ui-state-highlight {
color:black\9
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ui-tree-container .ui-state-highlight {
color:black;
}
}
@-moz-document url-prefix() {
.ui-tree-container .ui-state-highlight {
color:#FFFFFF;
}
}
.ui-pencil-icon, .ui-gear-icon, .ui-error-icon, .ui-icon-person, .ui-xls-icon {
background-color: white;
}
.ui-dialog{
position: fixed !important;
}
.centrado{
text-align: center;
}
.multilinea tbody td {
white-space: normal !important;
}
.dialog2{
position: fixed !important;
top:20px !important;
height:90% !important;
overflow:scroll !important;
}
.first-row {
background-color: #ffffff !important;
background-image: none !important;
color: #000000 !important;
}
.second-row {
background-color: #EEEEFF !important;
background-image: none !important;
color: #000000 !important;
}
.dinatop td{
vertical-align: top;
}
.ui-chkbox{
vertical-align: middle;
}
.round-corner-saldo{
border-radius: 25px;oooooooooo
border: 2px solid #73AD21;
padding: 20px;
width: 200px;
height: 150px;
}
.round-shadow-corner-saldo{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 2px 0 #C2C2C2;
box-shadow: 0 2px 2px 0 #C2C2C2;
}
.ui-icon-pdf{
background-image: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/img/pdf-icon.ico.jsf") !important;
}
.ui-icon-xml{
background-image: url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/img/xml-icon.ico.jsf") !important;
}
.logininstitucional-outer-div{
box-shadow: 0px 0px 20px #888888;
position: absolute;
top: 0%;
left: 10%;
margin-top: -0px;
margin-left: -40px;
width: 875px;
background-color: #08535b;
color: #fff;
font-size:36px;
background-repeat: no-repeat;
height: 550px;
margin-top: 3%;
}
.logininstitucional-inner-div{
color: #5B245B;
background-color: #fff;
background-position: center;
background-size: cover;
font-size:14px;
display: block;
max-width: 100%;
height: 375px;
width: 563px;
margin: 5% 20% 1% 18%;
}
.logininstitucional-btn {
background-color: #08535b;
color: #fff;
font-weight: bold;
width: 320px;
}
.logininstitucional-btn:hover,
.logininstitucional-btn:focus{
text-decoration: none;
box-sizing: border-box;
}
.logininstitucional-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
padding-left:23%;
margin-top: 2%;
}
.logininstitucional-img {
background-image: url(/banorte/__host/sif.xxi-banorte.com/images/button.png);
background-position: 0px 0px;
background-repeat: no-repeat;
width: 165px;
height: 38px;
border: 0px;
background-color: none;
cursor: pointer;
outline: 0;
box-shadow: 10px 10px 5px #ccc;
-moz-box-shadow: 10px 10px 5px #ccc;
-webkit-box-shadow: 10px 10px 5px #ccc;
-khtml-box-shadow: 10px 10px 5px #ccc;
}
.logininstitucional-cred{
width: 30%;
text-align: left;
font-size: 14px;
}
.logininstitucional-user{
background-image: url("/banorte/__host/sif.xxi-banorte.com/resources/img/usuario.png");
width: 55px;
height: 53px
}
.logininstitucional-pass{
background-image: url("/banorte/__host/sif.xxi-banorte.com/resources/img/candado.png");
width: 55px;
height: 53px
}
.logininstitucional-box{
width: 70%;
text-align: left;
font-size: 14px;
}
.font-institucional{
font-family: Arial;
color: #000;
font-weight: normal;
font-size: 14px;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
.footer-institucional{
color: #fff;
font-weight: normal;
font-size: 14px;
text-decoration: none;
}
.avisolegal{
font-size: 14px;
text-align: left;
border-color:darkgrey;
line-height: 110%;
}
.tomarcaso-btn {
background-color: #08535b;
color: #fff;
font-weight: bold;
width: 120px;
height: 28px;
}
.btndescarga-txt{
display:block;
background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/descargasTxt_1_1.jpg.jsf?ln=img");
}
.btndescarga-excel{
display:block;
background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/descargaExcel_n_2_1.jpg.jsf?ln=img");
}
.buttondownload{
background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/pdf.jpg.jsf?ln=img") no-repeat top;
}
.buttonContinuar{
display:block;
background: transparent url("/banorte/__host/sif.xxi-banorte.com/axxi/javax.faces.resource/ic_table_edit.png.jsf?ln=img");
}
.btnActivopf {display:inline;}
.btnActivopf button {padding:0; border:0 none; background:transparent; cursor:pointer; display:inline-block; border-radius:4px; padding:3px 3px 3px 3px; cursor:pointer; line-height: 1.5em; background-color:#90b2cc; color:white; border:1px solid #006699;}
.btnActivopf button:hover {background-color:#036699; border-color:#036699; color:white; }
.ui-pencil-icon, .ui-gear-icon, .ui-error-icon, .ui-icon-person, .ui-xls-icon, .ui-rep-legal-icon, .ui-ic_save-icon, .ui-aceptar-pago, .ui-cancelar-pago {
background-color: white;
}
.sf-modal-shell {
width: 100%;
margin: 35px auto 10px;
text-align: center;
}
.sf-modal-card {
width: 640px;
margin: 0 auto;
padding: 10px 32px 28px;
background-color: #ffffff;
border: 1px solid #d8d8d8;
text-align: left;
}
.sf-modal-card-registro {
width: 680px;
}
.sf-close-row {
height: 18px;
text-align: right;
}
.sf-close-link {
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #1e5b80;
text-decoration: none;
}
.sf-header {
margin-bottom: 20px;
}
.sf-title {
margin: 0 0 12px 0;
font-family: Arial;
font-size: 20px;
font-weight: bold;
color: #2a2a2a;
}
.sf-info-row {
position: relative;
line-height: 1.4;
color: #444444;
}
.sf-copy {
display: inline;
margin: 0;
font-size: 14px;
}
.sf-info-icon {
display: inline-block;
width: 18px;
height: 18px;
margin-left: 8px;
border: 1px solid #a6b7c8;
border-radius: 18px;
background-color: #f1f5f8;
color: #4b6b84;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-align: center;
vertical-align: middle;
cursor: default;
}
.sf-help-bubble {
display: none;
position: absolute;
top: 28px;
right: 0;
width: 280px;
padding: 10px 12px;
border: 1px solid #e2d49a;
background-color: #fffbe8;
color: #5f5430;
font-size: 12px;
z-index: 20;
}
.sf-info-icon:hover + .sf-help-bubble {
display: block;
}
.sf-selector-row {
margin: 12px 0 18px;
}
.sf-radio-inline table {
border-collapse: collapse;
}
.sf-radio-inline td {
padding-right: 18px;
vertical-align: middle;
}
.sf-radio-inline label {
margin-left: 4px;
color: #2d2d2d;
font-size: 14px;
}
.sf-contact-panel {
margin-bottom: 12px;
}
.sf-field-label {
display: block;
margin-bottom: 6px;
font-weight: bold;
color: #333333;
}
.sf-contact-input {
width: 260px;
height: 30px;
padding: 0 8px;
border: 1px solid #9cb4c8;
background-color: #ffffff;
color: #1f1f1f;
font-size: 14px;
line-height: 30px;
}
.sf-error-wrap {
min-height: 26px;
margin: 6px 0 10px;
}
.sf-error-wrap .errorAfore {
display: block;
}
.sf-actions {
padding-top: 8px;
text-align: center;
}
.sf-actions-registro {
text-align: left;
}
.sf-btn {
display: inline-block;
min-width: 132px;
height: 34px;
margin: 0 6px;
padding: 0 14px;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.sf-btn-primary {
border: 1px solid #006b5e;
background-color: #006b5e;
color: #ffffff;
}
.sf-btn-primary:hover {
background-color: #08535b;
}
.sf-btn-secondary {
border: 1px solid #7aa39d;
background-color: #ffffff;
color: #006b5e;
}
.sf-btn-secondary:hover {
background-color: #f1f7f6;
}
.sf-code-row {
margin: 22px 0 16px;
text-align: center;
}
.sf-code-input {
width: 58px;
height: 58px;
margin: 0 8px;
border: 1px solid #9cb4c8;
background-color: #ffffff;
color: #16354f;
font-size: 28px;
font-weight: bold;
line-height: 58px;
text-align: center;
}
.sf-link-row {
margin-bottom: 18px;
text-align: center;
}
.sf-inline-link {
color: #005b7f;
font-size: 13px;
text-decoration: underline;
}
.sf-timer-wrap {
margin-bottom: 18px;
text-align: center;
}
.sf-timer-circle {
display: inline-block;
width: 92px;
height: 92px;
border: 4px solid #d51f39;
border-radius: 92px;
background-color: #ffffff;
color: #d51f39;
font-size: 20px;
font-weight: bold;
line-height: 92px;
text-align: center;
}
.sf-timer-circle span {
display: inline-block;
line-height: 92px;
}