body { margin: 3px; border-color: #CCCCCC; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; }
#delimitador { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; width: 896px; background-position: center center; background-image: none; color: #000066; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#delimitador .Estilo2 { font-size: 10pt; font-weight: bold; color: #000066; }
#delimitador .Estilo3 { font-size: 18px; }
#delimitador .Accesos { width: 760px; display: inline-block; text-align: center; height: 50px;}
#delimitador .Reciboheader{ font-weight: bold; font-size: 13pt; font-family: arial; text-align:justify; padding-top: 10pt}
#delimitador .ReciboSubheader{ font-weight: bold; font-size: 11pt; font-family: arial; text-align:left;}
#delimitador .ReciboPaginas{ font-weight: bold; font-size: 11pt; font-family: arial; text-align:center;}
#delimitador .Recibotexto{ font-size: 9pt; color: black; font-family: verdana; background-color: white; text-align:left;}
#delimitador .CuerpoReciboDatos{ vertical-align: top; text-align:center; }
#delimitador .BarraRecibo{ vertical-align: middle; width:650px; height:50px; text-align:center; }
#delimitador .ReciboSello{ width:650px; vertical-align: middle; font-weight: bold; font-size: 11pt; font-family: arial;}
#delimitador .ReciboCadenaOriginal{ vertical-align: middle; text-align:center; border-bottom: silver 2px solid; border-left: silver 2px solid; border-top: silver 2px solid; border-right: silver 2px solid; font-weight: bold; font-size: 11pt; font-family: arial; width:650px; text-justify:distribute-all-lines;}
#delimitador #cabecera_mapa { background-image: url(/iwppimages/pleca900x90.jpg); background-position: center center; background-repeat: no-repeat; height: 90px; color: #FFF; }
#delimitador #cabecera_mapa #fecha_hora { display: block; text-align: left; font-size: 10px; font-weight: bold; top: 0px; margin: 2px; left: 0px; padding-right: 20px; }
#delimitador #cabecera_mapa #Salir { height: 60px; text-align: left;}
#delimitador #cabecera_mapa #Salir a { background-image: url(/iwppimages/cerrar.png); width: 100px; height: 60px; display: block; margin-left: 20px; }
#delimitador #cabecera_mapa #RegresoMovil { height: 60px; text-align: left; margin-top: 8px;  }
#delimitador #cabecera_mapa #RegresoMovil #IrMovil {border-radius:5px;text-align:center; margin-left:30px;margin-top:15px;}
#delimitador #cabecera_mapa #TimeMessage { font-size: 12px; left: 0px; top: 0px; text-align: center; margin-top: -10px; font-weight: bold; }
#delimitador #cabecera { background-image: url(/iwppimages/pleca900x90.jpg); background-position: center center; background-repeat: no-repeat; height: 90px; }
#delimitador #cabecera #fecha_hora { text-align: left; font-size: 10px; font-weight: bold; color: #FFFFFF; height:25px; }
#delimitador #cabecera #home { text-align: left; font-size: 10px; font-weight: bold; color: #FFFFFF; cursor:pointer;}
#delimitador #cabecera #mapa_sitio { text-align: right; margin-right: 15px; margin-left: auto; }
#delimitador #cabecera #mapa_sitio a { font-size: 11px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
#delimitador #cabecera #mapa_sitio a:hover { color: #FFFFFF; text-decoration: underline; font-size: 11px; }
#delimitador #menu_horizontal { width: 100%; padding-bottom:0px; }
#delimitador .menu_vertical { vertical-align: top; padding-top: 0px; width: 130px; }
#delimitador .menu_vertical .mp a { padding: 5px; display: block; color: #000066; text-decoration: none; font-weight: bold; background-color: #FFFFFF; background-image: url(/iwppimages/bg_head_bottom_nav.gif); font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; }
#delimitador .menu_vertical .mp a:hover { text-decoration: none; background-color: #EAEAEA; color: #333333; }
#delimitador .menu_vertical .seleccionado a { padding: 5px; display: block; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #1484B6; background-image: url(/iwppimages/bg_head_bottom_nav.gif); font-family: Arial, Helvetica, sans-serif; font-size: 11px; cursor: pointer; text-align: left; }
#delimitador .menu_vertical .seleccionado a:hover { text-decoration: none; background-color: #EAEAEA; color: #333333; }
#delimitador .menu_vertical .barra { font-size: 11px; font-weight: bold; color: #003399; margin-bottom: 1px; margin-top: 2px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(/iwppimages/barra.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 8px; padding-right: 6px; padding-bottom: 4px; padding-left: 6px; }
#delimitador .menu_vertical #espacio { margin-top: 2px; }
#delimitador .cuerpo { vertical-align: top; color: #000066; }
#delimitador .cuerpo .texto { line-height: 20px; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; margin-top: 0px; padding-top: 0px; }
#delimitador .cuerpo .texto a { color: #000066; font-size: 12.5px; font-weight: bold; text-decoration: none; }
#delimitador .cuerpo .texto a:hover { color: #666666; text-decoration: underline; }
#delimitador .cuerpo .botones { margin-top: 8px; margin-bottom: 8px; }
#delimitador .cuerpo .botones2 { margin-top: 15px; margin-bottom: 15px; }
#delimitador .cuerpo .botones3 { margin-top: 10px; margin-bottom: 10px; }
/*estilos links*/
#delimitador .cuerpo .botones4 { margin-top: 15px; margin-bottom: 15px; }
#delimitador .cuerpo .mantenimiento { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #0F3051; font-weight: bold; text-align: center; }
#delimitador .cuerpo hr { color: #999999; height: 1px; width: 98%; margin-right: auto; margin-left: auto; }
#delimitador .cuerpo .contenido { width: 100%; }
#delimitador .cuerpo .contenido .texto_sombreado { background-image: url(/imagenes/fondo_titulo.gif); background-repeat: repeat-x; background-position: center; vertical-align: middle; height: 25px; }
#delimitador .cuerpo .contenido .texto_mini { font-size: 10px; color: #0033CC; }
#delimitador .cuerpo .contenido .entrada_texto { border: 1px solid #8DA4D2; color: #666666; font-size: 12px; }
#delimitador #pie_pagina { font-size: 20px; color: #000066; text-align: center; background-position: left center; }
#delimitador #pie_pagina a { color: #000066; text-align: center; background-image: url(/iwppimages/donita1.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }
#delimitador #pie_pagina a:hover { color: #4B4B4B; text-decoration: underline;  background-image: url(/iwppimages/donita.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }
#delimitador #pie_pagina_int { text-align: center; font-weight: bold; color: #333333; font-size: 10px; }
#delimitador #pie_pagina_int a { color: #003366; text-decoration: none; margin-right: 2px; margin-left: 2px; padding-right: 3px; padding-left: 3px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #003366; border-left-color: #003366; margin-bottom: 3px; display: inline-block; font-size: 10px; }
#delimitador #pie_pagina_int a:hover { color: #000066; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #000066; border-bottom-color: #000066; border-left-color: #000066; margin-bottom: 2px; font-size: 10px; }
/* Correcion para la celda que muestra el menu */
#delimitador .cuerpo td { vertical-align: top; }
/* ------------------------------ Estilos Nuevo Menu ------------------------------ */
#MOF, #OSB, #Exit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px; padding: 0px; width: 150px; }
#MOF a, #MOF .Titulo, #Exit .Titulo, #OSB .Menu, #OSB a { background-image: url(/iwppimages/bullets_menu.jpg); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
#MOF .Titulo, #Exit .Titulo { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; background-position: left top; font-size: 10px; font-weight: bold; color: #006; text-align: left; }
#MOF a { color: #0066CC; background-position: left -200px; width: 140px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 1px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; display: block; }
#MOF a:hover { color: #039; background-color: #DEF; }
#OSB { display: none; }
#OSB .Menu { color: #000066; width: 152px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; background-position: left -50px; text-align: left; }
#OSB .MenuOpen { color: #000066; width: 152px; text-decoration: underline; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; background-position: left -50px; text-align: left; }
#OSB .SubMenu { display: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; }
#OSB a { width: 140px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 1px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; color: #0066CC; }
#OSB a:hover { color: #039; background-color: #DEF; }
/* ------------------------------ Estilos Nuevo Menu ------------------------------ */
/* Estilos para incluir los nuevos botones */
input.btn40, input.btn60, input.btn80, input.btn100, input.btn120, input.btn140, input.btn160, input.btn180, input.btn200, input.sbtn40, input.sbtn60, input.sbtn80, input.sbtn100, input.sbtn120, input.sbtn140, input.sbtn160, input.sbtn180, input.sbtn200 { border-width: 0px; background-image: url(/iwppimages/sprite-botones.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; padding: 0px; margin: 0px; cursor: pointer; background-color: #09399D; }
input.btn40, input.btn60, input.btn80, input.btn100, input.btn120, input.btn140, input.btn160, input.btn180, input.btn200 { height: 22px; font-size: 11px; }
input.sbtn40, input.sbtn60, input.sbtn80, input.sbtn100, input.sbtn120, input.sbtn140, input.sbtn160, input.sbtn180, input.sbtn200 { height: 15px; font-size: 9px; }
input.btn40 { background-position: 0px -60px; width: 40px; }
input.btn60 { background-position: 0px -82px; width: 60px; }
input.btn80 { background-position: 0px -104px; width: 80px; }
input.btn100 { background-position: 0px -126px; width: 100px; }
input.btn120 { background-position: 0px -148px; width: 120px; }
input.btn140 { background-position: 0px -170px; width: 140px; }
input.btn160 { background-position: 0px -192px; width: 160px; }
input.btn180 { background-position: 0px -214px; width: 180px; }
input.btn200 { background-position: 0px -236px; width: 200px; }
input.sbtn40 { background-position: -160px -120px; width: 40px; }
input.sbtn60 { background-position: -140px -105px; width: 60px; }
input.sbtn80 { background-position: -120px -90px; width: 80px; }
input.sbtn100 { background-position: -100px -75px; width: 100px; }
input.sbtn120 { background-position: -80px -60px; width: 120px; }
input.sbtn140 { background-position: -60px -45px; width: 140px; }
input.sbtn160 { background-position: -40px -30px; width: 160px; }
input.sbtn180 { background-position: -20px -15px; width: 180px; }
input.sbtn200 { background-position: 0px 0px; width: 200px; }
#TimeMessage1 { height: 150px; width: 300px; position: absolute; z-index: 11000; display: none; text-align: center; padding: 10px; background-image: url(/iwppimages/bg-mensaje-sesion.gif);  background-repeat: no-repeat; background-position: center center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #036; vertical-align: middle; left: 5px; top: 5px; }
#TimeMessage2 { height: 360px; width: 650px; position: absolute; z-index: 11000; display: none; text-align: center; padding: 10px; background-image: url(/iwppimages/bg-mensaje-sesion.gif); background-repeat: no-repeat; background-position: center center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #036; vertical-align: middle; left: 5px; top: 5px; }
#TimeMessage3 { height: 150px; width: 300px; position: absolute; z-index: 11000; display: none; text-align: center; padding: 10px; background-image: url(/iwppimages/bg-mensaje-sesion.gif);  background-repeat: no-repeat; background-position: center center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #036; vertical-align: middle; left: 5px; top: 5px; }
#TimeMessageRFC {
    height: 170px;
    width: 390px;
    position: absolute;
    z-index: 11000;
    display: none;
    text-align: center;
    padding: 10px;
    background-image: url(/iwppimages/bg-mensaje-sesion.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #036;
    vertical-align: middle;
    left: 5px;
    top: 5px;
}
#TimeMessageRFCErr {
    height: 190px;
    width: 630px;
    position: absolute;
    z-index: 11000;
    display: none;
    text-align: center;
    padding: 10px;
    border-color: black; 
    border-radius: 10px;
    background-size:cover;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
    vertical-align: middle;
    left: 10px;
    top: 10px;
}
#BlockLayer { position: absolute; background-color: #7CA8D3; width: 0px; height: 0px; margin: 0px; padding: 0px; }
body > #BlockLayer { position: fixed; }
.AlignCenter { text-align: center; }
#BlockLayer3 { position: absolute; background-color: #7CA8D3; width: 0px; height: 0px; margin: 0px; padding: 0px; }
body > #BlockLayer3 { position: fixed; }
.AlignCenter { text-align: center; }
/* Mostrar Errores jQuery Validation */
div.invalid { color: #C00; vertical-align: top; padding-left: 5px; font-size: 10px; font-weight: normal; }
/* Menu Std */
#MenuSTD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px; padding: 0px; width: 150px; }
#MenuSTD .Menu, #MenuSTD a { background-image: url(/iwppimages/bullets_menu.jpg); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
#MenuSTD .Menu { color: #000066; width: 152px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; background-position: left -50px; }
#MenuSTD a { width: 140px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; margin-top: 1px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; color: #0066CC; }
#MenuSTD a:hover { color: #039; background-color: #DEF; }
/* Mostrar Errores jQuery Validation Portal Banco */
label.NoValid { color: #F00; padding-left: 5px; font-size: 10px; font-weight: normal; z-index: 1001; padding-top: 0px; background-color: #FFF; margin: 0px; padding-right: 0px; padding-bottom: 5px; display: none; }
.EspacioV { font-weight: bold; font-size: 10pt; font-weight: bold; height: 10px; padding-top:10px; display: block; }
.EspacioV1 { font-weight: bold; font-size: 25pt; font-weight: bold; height: 25px; padding-top:25px; display: block; }
.EspacioV2 { font-weight: bold; font-size: 35pt; font-weight: bold; height: 35px; padding-top:35px; display: block; }
.EspacioV3 { font-weight: bold; font-size: 45pt; font-weight: bold; height: 45px; padding-top:45px; display: block; }
/* Cabeceras de Afuera */
.CabeceraExterior { padding-top: 15pt; font-weight: bold; font-size: 12pt; padding-bottom: 15pt; color:#000066; vertical-align:middle; position: relative;}
/* Tablas Zebra */
.Zebra .Header th { background-image: url(/imagenes/fondo_titulo.gif); background-repeat: repeat-x; background-position: center; vertical-align: middle; height: 25px; font-weight: bold; color: #006; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; text-align: left; font-size: 12px; }
.Zebra .SubHeader th { font-weight: bold; color: #000; background-color: #CCC; text-align: center; vertical-align: middle; }
.Zebra tr td { color: #006; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D7DFEF; }
.Zebra tr:nth-child(2n+1) td {
 border-bottom-style: none;
 background-color:#FFF;
}
.Zebra tr:nth-child(2n) td {
 border-bottom-style: none;
 background-color:#CED8EC;
}
.Zebra .Footer th { font-weight: bold; color: #039; text-align: center; vertical-align: middle; border-top-width: 3px; border-top-style: solid; border-top-color: #CCC; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-color: #FFF; font-size: 10px; }

/******* mensajes de alerta ***************/

.alertPanel {
  background-color: #ffffce;
  border: solid 1px #f0c000;
  text-align: left;
  padding: 0.95em 0.95em .55em 0.5em;
  width: 500px;
  height: 165px;
}

.alertPaneltext {
  border: .85px;
  margin: 1.65em 0 0.55em 2.5em;
}

.alertPanelCEP {
  background-color: #ffffce;
  border: solid 1px #f0c000;
  text-align:justify;
  padding: 0.95em 0.95em .55em 0.5em;
  width: 600px;
  height: 100px;
  cursor: pointer;
}

.alertPaneltextCEP {
  border: .85px;
  margin: 0.55em 0 0.55em 0.55em;
}



.BalanceMuestras {
    position:relative;
    float:left;
    border: 2px solid #555;
    color:white;
    background-color:#0066cc;
    display:inline;
    padding:5px;
    font: 1em Arial, Helvetica, sans-serif;
    top:-50px;
    border-radius: 5px;
}

.BalanceMsg1 {
    height: 200px;
    left:505px;
    top:95px;
    width: 150px;
}


#clienteInbursa{	
    top: 0;
    left: 0;
    right: 0;
    background-color: #1A325D;
    font-weight: bold;
    width: 100%;
    max-width: 100%;
	text-align:right;
}
#clienteInbursa div{
	text-align: right;
    color: #CCCCCC;
    padding: 4px;
	
}

@font-face {
    font-family: 'Oxygen-Bold';
    src: url("../fonts/Oxygen-Bold.ttf");
}
@font-face {
    font-family: 'Oxygen-Regular';
    src: url("../fonts/Oxygen-Regular.ttf");
}
@font-face {
    font-family: 'Oxygen-Light';
    src: url("../fonts/Oxygen-Light.ttf");
}