﻿.MsgProceso {
  display: inline-block;
  padding: 10px 18px;
  font-weight: bold;
  font-size: 12pt;
  font-family: Arial;
  color: #ffffff;
  background-color: #6699ff;
  border: solid 1px #336699;
}
.pnlProceso {
  display: none;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center;
  padding-top: 260px;
  padding-top: 45vh;
  box-sizing: border-box;
}
.pnlProcesoActivo {
  display: block !important;
  visibility: visible !important;
}
.highlight {
  background-color: #8888ff;
}
.normal {
  background-color: White;
}

.AjaxToolkitStyle
  .ajax__combobox_inputcontainer
  .ajax__combobox_textboxcontainer
  input {
  background-image: url(imagenes/imgboton/toolkit-bg.gif);
  background-position: top left;
  border: 0px none;
  color: #ffffff;
  padding: 4px 0px 3px 5px;
  font-size: 13px;
  height: 16px;
  width: 100px;
}
.AjaxToolkitStyle
  .ajax__combobox_inputcontainer
  .ajax__combobox_buttoncontainer
  button {
  background-image: url(imagenes/imgboton/toolkit-arrow.gif);
  background-position: top left;
  border: 0px none;
  height: 23px;
  width: 23px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist {
  border-color: #0f2543;
  background-color: #efefef;
}

.modalPopup {
  background-color: #cccccc;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding: 3px;
  width: 300px;
}

.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

table.TblPresentacion {
  border-width: 1px;
  border-spacing: 0;
  border-style: solid;
  border-color: #b7caec;
  border-collapse: separate;
  background-color: white;
}
table.TblPresentacion th {
  border-width: 1px;
  padding: 7px 10px;
  border-style: none;
  border-color: #203b86;
  background-color: #203b86;
  color: #ffffff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  -moz-border-radius: 0px 0px 0px 0px;
}
table.TblPresentacion td {
  border-width: 1px;
  padding: 8px 10px;
  border-style: none;
  border-color: #d9e6fb;
  -moz-border-radius: 0px 0px 0px 0px;
}

.SubTitulo_N2_Tabla {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #585858;
  background-color: #e6e6e6;
}
.SubTitulo_N3_Tabla {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  background-color: #e6e6e6;
}
.Valor_Total_Tabla {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  background-color: #a4a4a4;
}
.SubTitulo_N4_Tabla {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  background-color: #203b86;
  color: #ffffff;
}
.popupHover {
  background-image: url(imagenes/header-opened.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #f5f7f8;
}
.BarraIzq {
  background-color: #006666;
}
.LinkPrin {
  font-weight: bold;
  font-size: 12px;
  color: #4f759c;
  font-family: Verdana;
  vertical-align: middle;
  text-align: left;
}
.Pie {
  font-weight: bold;
  font-size: 10px;
  color: #1b38b3;
  font-family: Verdana;
}
.Titulo {
  font-weight: bold;
  font-size: 14pt;
  font-family: "Tw Cen MT Condensed";
  color: #336699;
}
.clsTitulo {
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana;
  color: #006576;
}

.SubTitulo {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana;
  color: #fe0201;
}
.clsSubTitulo {
  color: #336699;
  font-size: 10px;
  font-family: Verdana;
}

.clsMenu {
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.clsMenuItemOver {
  color: #006576;
  font-weight: bold;
  font-family: Verdana;
  font-size: 11px;
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.clsMenuItem {
  color: #003366;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.clsMenuItemSel {
  color: #003366;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  padding-right: 2px;
}

.clsMenuS {
  color: #003366;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Verdana;
}

.clsMenuItemOverS {
  color: #003366;
  font-weight: bold;
  font-family: Verdana;
  font-size: 14px;
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #91bdfa;
}

.clsMenuItemS /*Menu Superior - estado normal*/ {
  color: #deeeef;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #91bdfa;
}
.clsMenuItemSelS {
  color: #003366;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  padding: 0px;
  padding-right: 2px;
  background-color: #91bdfa;
}

.clsTexto {
  font-size: 10px;
  font-family: Verdana;
  color: black;
}

.clsTextoPrin {
  font-size: 12px;
  font-family: Verdana;
  color: black;
}

.clsEtiqueta {
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana;
  color: #ffffff;
}
.clsMsg {
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana;
  color: #008796;
}
.Titulo1 {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana;
  color: black;
}
.Titulo2 {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana;
  color: #ffffff;
}
.clsPO {
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana;
  color: #fe0201;
}

.clsFondoForm {
  background-color: #c6ddfd;
}
.clsBarraCmd {
  background-image: url(./Imagenes/cmdBoton/fondobarracmd.jpg);
}
.clsBarraFondo {
  background-image: url(./Imagenes/s-fondo-barra-top.jpg);
}
.clsFondoPrin {
  /*background-image: url(./Imagenes/Principal/FondoPrin.GIF);*/
}

.clsFormulario {
  background-color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  /*height: 16px;*/
}
.ColorBarra {
  background-color: #eaf3ff;
}
.frmPantalla {
  background-color: #eef5ff;
}
.clsDGHeader {
  font-size: 12px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  background-color: #203b86;
}
.clsDGBody {
  font-size: 12px;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #1f2937;
  background-color: #ffffff;
  font-weight: 700;
}
.clsDGFooter {
  font-size: 12px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: bold;
  background-color: #eaf3ff;
  color: #203b86;
}
.clsDGSelItem {
  font-size: 12px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: bold;
  color: #203b86;
  background-color: #f5c400;
}
.clsDGPager {
  font-size: 12px;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: bold;
  color: #203b86;
  background-color: #eaf3ff;
}
.clsVinueta {
  background-image: url(./imagenes/pnlBoton/fondo.gif);
  font-weight: bold;
  font-family: Verdana;
  font-size: 12px;
  color: White;
  /*height:22px;*/
}
.clsVinueta_over {
  background-image: url(./imagenes/pnlBoton/fondo_over.gif);
  font-weight: bold;
  font-family: Verdana;
  font-size: 12px;
  color: #016798;
}
.clsDatos {
  color: black;
  font-size: 10px;
  font-family: Verdana;
}

.clsDatosM {
  color: black;
  font-size: 12px;
  font-weight: bold;
  font-family: verdana;
  background-color: #deeeef;
  /*height: 12px;*/
  vertical-align: text-top;
}
.clsDatosL {
  color: black;
  font-size: 10px;
  font-family: verdana;
  background-color: #eaeaea;
  /*height: 18px;*/
  vertical-align: text-top;
}
.clsMonetario {
  font-size: 11px;
  font-family: Verdana;
  color: black;
  text-align: right;
  /*height: 18px;*/
}
.clsMonetarioL {
  font-size: 11px;
  font-family: Verdana;
  color: black;
  text-align: right;
  /*height: 18px;*/
  background-color: #deeeef;
}
.clsTotales {
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  color: black;
  text-align: right;
  /*height: 18px;*/
}
.clsTotalesL {
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  color: black;
  text-align: right;
  /*height: 18px;*/
  background-color: #deeeef;
}
.clsFlanjaPrin {
  font-size: 10px;
  font-family: Verdana;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  background-color: #e7edf0;
}
.clsLinea {
  color: Black;
  line-height: 2;
}

.clsFuenteA {
  color: #203b86;
  font-size: 12px;
  font-family: Verdana;
}
/*******************************************************************/
.clscontenedor {
  background-color: #eef5ff;
  padding-left: 5%;
}
.clsTabla {
  border-collapse: separate;
  border-spacing: 1px;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
}

.clsTabla td {
  padding: 2px;
}

.clsTextArea {
  width: 580px;
  font-size: 10px;
  font-family: Verdana;
}
.clsTituloContenedor {
  border-style: groove;
  background-color: #eef5ff;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}
.clsResaltarDato {
  background-color: Aqua;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
}
.Etiqueta {
  /*color:#00008B ;*/

  font-weight: bold;
  color: #203b86;
  font-size: 11px;
  font-family: Verdana;
}
.EtiquetaTitulo {
  /*color:#00008B ;*/
  font-weight: bold;
  color: #333333;
  font-size: 11px;
  font-family: Verdana;
  background-color: #c0c0c0;
}
.clsTarjeta {
  background-color: #99cccc;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}

#div-1a {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
}

.css-grd {
  /* default background colour, for all layout engines that don't implement gradients */
  background: #203b86;
  /* gecko based browsers */
  /*background: -moz-linear-gradient(top, #00CC66, #848484);*/

  /* webkit based browsers */
  /*background: -webkit-gradient(linear, left top, left bottom, from(#00CC66), to(#848484));*/

  color: #ffffff; /* text colour */
  height: auto; /* gradient uses the full height of the element */
  padding: 5px; /* distance from border edge to text */
  font-weight: bold;
}

.TextoVarios {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #1f2937;
  font-size: 11px;
  text-transform: uppercase;
}

.TextoVariosNorma .TextoVarios {
  font-family: Arial;
  color: #585858;
  font-size: 10px;
  text-transform: uppercase;
}

.TextoVariosNormal {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #1f2937;
  font-size: 11px;
}

.BarraOpciones {
  background: #ccc;
  color: #fff;
  margin: 0 15px;
  position: absolute;
  top: 120px;
  left: 220px;
  width: 50px;
}
.BarraOpciones2 {
  background: #ccc;
  color: #fff;
  margin: 0 15px;
  position: absolute;
  top: 10px;
  right: 150px;
  width: 80px;
}
.BarraConsultas {
  background: #ccc;
  color: #fff;
  margin: 0 10px;
  position: absolute;
  top: 200px;
  right: 2px;
  width: 450px;
}
.PosicionFoto {
  background: #ccff;
  color: #000000;
  margin: 0 15px;
  position: absolute;
  top: 150px;
  right: 50px;
  width: 120px;
  background-color: #c0c0c0;
  vertical-align: middle;
}

.rtop,
.rbottom {
  display: block;
  background: #fff;
}
.rtop *,
.rbottom * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #ccc;
}
.r1 {
  margin: 0 5px;
}
.r2 {
  margin: 0 3px;
}
.r3 {
  margin: 0 2px;
}
.r4 {
  margin: 0 1px;
  height: 2px;
}

.rl1 {
  margin: 0 0 0 5px;
}
.rl2 {
  margin: 0 0 0 3px;
}
.rl3 {
  margin: 0 0 0 2px;
}
.rl4 {
  margin: 0 0 0 1px;
  height: 2px;
}

.rr1 {
  margin: 0 5px 0 0;
}
.rr2 {
  margin: 0 3px 0 0;
}
.rr3 {
  margin: 0 2px 0 0;
}
.rr4 {
  margin: 0 1px 0 0;
  height: 2px;
}

a.nav:link {
  color: Blue;
  text-decoration: none;
}
a.nav:visited {
  color: purple;
  text-decoration: none;
}
a.nav:hover {
  color: yellow;
  text-decoration: underline;
}
a.nav:active {
  color: red;
}

.clsDatosUpload {
  color: black;
  font-size: 10px;
  font-family: Verdana;
  height: 20px;
}

.TextoVariosFocus {
  font-family: Arial;
  color: #585858;
  font-size: 10px;
  text-transform: uppercase;
  background-color: #ffffcc;
}

/* Menú vertical con subpestañas
----------------------------------------------- */
#menuvertical {
  text-align: center;
  width: 100%;
}
#menuvertical ul {
  list-style-type: square;
  padding: 2;
}
#menuvertical ul li.nivel1 {
  width: 180px; /* Ancho de las pestañas */
}
#menuvertical ul li.primera {
  border-top: solid 1px #fff; /* Borde superior de la primera pestaña */
}
#menuvertical ul li {
  padding: 0;
}
#menuvertical ul li a {
  display: list-item;
  text-decoration: none;
  color: #fff; /* Color del texto */
  background-color: #045fb4; /* Color de fondo */
  border: solid 1px #fff; /* Borde de las pestañas */
  border-top: none;
  padding: 5px;
  position: absolute;
}
#menuvertical ul li:hover {
  position: absolute;
  color: #000; /* Color del texto al pasar el mouse */
}
#menuvertical ul li a:hover,
#menuvertical ul li:hover a.nivel1 {
  background-color: #6e6e6e; /* Color de fondo al pasar el mouse */
  color: #000;
  position: absolute;
}
#menuvertical ul li a.nivel1 {
  display: list-item;
  display: none;
  position: absolute;
}
#menuvertical ul li ul {
  display: list-item;
}
#menuvertical ul li a:hover ul,
#menuvertical ul li:hover ul {
  display: list-item;
  position: absolute;
  left: 160px;
  top: -1px !important;
  top: -31px;
}
#menuvertical ul li ul li a {
  width: 160px;
  background-color: #045fb4; /* Color de fondo subpestañas */
  color: #fff; /* Color del texto subpestañas */
}
#menuvertical ul li ul li a:hover {
  position: absolute;
  background-color: #6e6e6e; /* Color de fondo al pasar el mouse subpestañas */
  color: #000; /* Color del texto al pasar el mouse subpestañas */
}

.clsTextoMenuLateral {
  color: black;
  font-size: 12px;
}

table.nopad {
  width: 95%;
  border-collapse: collapse;
  padding: 0;
  margin: 10px;
  margin-bottom: 15px;
}

table.nopad td.middle_pad {
  width: 20px;
}
