* { margin: 0px; padding: 0px; outline: none; }
html { height: 100%; }
body { font-family: Tahoma, Verdana, Arial; font-size: 11px; height: 93%; min-height: 93%; background-color: #fefefe; }


#dimmer { position: absolute; z-index:100; width:100%; background-color:#111; top:0; left:0; bottom:0; right:0; display: none; }
#icn_carga { position: absolute; z-index:100; width: 70px; height: 100px; top:7px; right:0px; display: none; }
.codigo_barra { color: #000; font-family: "3of9BarcodeRegular"; font-size: 20px; white-space: nowrap; line-height: 0px; }
.firefox.codigo_barra { line-height: 14px; }



/*      estructuras     */
#flash_wrapper { margin: 0px auto; text-align: center; }
#contenedor { margin: 0px auto; width: 825px; min-height: 100%; }
#contenedor_popup { margin: 0px auto; width: 550px; }
.perfil { margin: 0 auto; width: 520px;  }
#resultados { margin-top: 10px; height: 200px; overflow: scroll; }
#resultados_consumos { margin-top: 10px; height: 380px; overflow: scroll; }
#detalles { min-height: 40px; }
#footer { width: 100%; min-height: 35px; padding: 10px 0 0; background: url("../imgs/footer-bg.png") repeat-x scroll center top #E5E5E5; text-align: center; }
#audita_resolucion { margin-top: 10px; padding: 10px; border: 1px solid #ccc; background: #ededed; font-style: italic; }
#audita_resolucion #firma { margin-top: 10px; font-style: normal; font-weight: bold; }
/*      /estructuras     */


/*      columns       */
.col { min-height: 23px; line-height: 23px; overflow: hidden; }
.first_col { margin: 0 !important; padding: 0 !important; clear: both; }
.two_cols { float: left; width: 378px; margin: 0 0 0 20px; }

/*  ah bueno... */
.two_and_a_half_cols { float: left; width: 495px; margin: 0 0 0 20px; }
/*  un pequeño homenaje a lo que ya no es mas lo que era */

.three_cols { float: left; width: 245px; margin: 0 0 0 20px; }
.four_cols { float: left; width: 178px; margin: 0 0 0 20px; }
.full_col { clear: both; width: 100%; }
.contenedor_col { float: left; width: 260px; margin: 0 0 0 20px; }
.contenedor_item_col { float: left; width: 470px; margin: 0 0 0 10px; }

.tabs .two_cols { float: left; width: 358px; margin: 0 0 0 20px; }
.tabs .three_cols { float: left; width: 225px; margin: 0 0 0 20px; }
.tabs .four_cols { float: left; width: 158px; margin: 0 0 0 20px; }

.floating-right { position: absolute; right: 38px; }
.floating-left { position: absolute; left: 38px; }

/*      /columns       */

#btn_normas a { color: #0000BE !important; font-weight: bold !important;}


/*      ayuda y popups      */
#ayuda { position: absolute; top: 20px; right: 20px; cursor: pointer; }
#ayuda .texto { display: none; }
#ayuda:hover .texto { display: inline; }

.aviso { font-weight: bold; font-size: 12px; }
.aviso a { color: #000; text-decoration: none; }
.aviso a:hover { text-decoration: underline; }
/*      /ayuda y popups      */


/*    login    */
#login_table { margin: 0px auto; }
#login_table td { padding: 3px; }
.login { margin: 0 auto; width: 220px;  }
.login h1 { text-align: center; width: auto; font-family: Georgia, Serif; font-size: 22px; }
.login h1 a { color: #333; text-decoration: none; }
/*    /login    */


/*    advertencia    */
#navegadores { position: relative; width: 400px; height: 200px; font-size: 11px; margin: 0px auto; }
#navegadores li { width: 170px; padding: 5px; margin: 0px; height: 20px; list-style-type:none; cursor: pointer; }
/*    /advertencia    */


/*      normas y manuales       */
ul.manuales { list-style-type: none; }
ul.manuales li { min-height: 35px; cursor: pointer; }
ul.manuales li img { float: left; margin: 0 10px 0 0; }
ul.manuales li div { margin: 7px 0 0 26px; }
ul.manuales li div.hidden { display: none; }
ul.manuales li a { color: #000; text-decoration: none; text-transform: uppercase; }
ul.manuales li div a { color: #0000BE; text-decoration: underline; }
/*      /normas y manuales       */


/*      paneles y tab       */
.panel { width: 355px; height: 140px; margin: 3px 0px 0px 0px; overflow: scroll !important; }
.panel_practicas { height: 190px !important; }
.panel td { padding: 7px; }
.panel_oculto { display: none; }
/*      /paneles y tab       */



/*    autorizador    */
#btn_autorizar { width: 120px; height: 40px; font-size: 13px; }
#id_zona_emision { width: 290px; }
#btn_consulta, #btn_novedades_callcenter { margin: 5px 0 0 0; }
#btn_consumo { background-color: #9fe685; font-weight: bold; margin: 0 0 0 30px; }
#btn_internaciones { background-color: #ffd3a8; font-weight: bold; }
#pnl_practicas, #pnl_observaciones, #pnl_normas { overflow: hidden; height: 190px; }

textarea.texto { width: 350px; height: 165px; }
.tabs textarea.texto { width: 345px; height: 165px; }
textarea.full_texto { width: 100%; height: 165px; }
textarea { resize: none; }
table.lista tr.baja { background-color: #aaa; }
.listado { width: 100%; }
.listado th, .listado .th { cursor: default; background-color: #ccc; font-weight: bold; }
.listado th:hover, .listado .th:hover { background-color: #ccc; }
.listado tr { cursor: pointer; height: 33px; }
.listado tr:hover { background-color: #eee; }
.listado tr:hover input { background-color: #eee; }
.listado div { cursor: pointer; height: 33px; white-space: nowrap; }
.listado div:hover { background-color: #eee; }
.descripcion { background-color: transparent; border: 0; }
.requiere_auditoria { background-color: #eeee77;}
/*    /autorizador    */


/*      objetos y class     */
h1.bienvenido { font-size: 18px; font-weight: bold; margin: 0 !important; }
h1 { font-size: 14px; font-weight: bold; margin: 30px 0 0 0; }
h2 { font-size: 12px; font-weight: bold; margin: 30px 0 0 0; }
p { margin: 10px 0 10px 0; }
.col h1 { margin: 0 !important; }
img { border: 0px; }
img.left { float: left; }
.msg { min-height: 20px; color: #be0000; font-weight: bold; }
.bold { font-weight: bold; }
.anulado { color: #BE0000; }
.diferido { color: #00BE00; }
.autorizado { color: #000000; }
.hidden { display: none; }
.big { font-size: 12px; }
.fl { float: left; }
.fr { float: right; }
.pointer { cursor: pointer; }
.clear { clear: both; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
/*      /objetos y class     */


/*      menu-principal      */
ul#menu_principal { list-style: none; }
ul#menu_principal li { float: left; width: 100px; border: 1px solid #fff; padding: 10px; text-align: center; overflow: hidden; cursor: pointer; }
ul#menu_principal li:hover { border: 1px solid #dedede; background-color: #efefef; }
ul#menu_principal p { line-height: 25px; }
ul#menu_principal a { text-decoration: none; color: #555; font-weight: bold; }
ul#menu_principal a:hover { text-decoration: underline; }
/*      /menu-principal        */


/*  menu   */
#menu { position: relative; width: 100%; height: 33px; background-color: #eee; border-bottom: 2px solid #bbb; }
#menu a { color: #000; text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#menu li { float: left; padding: 8px 5px 5px 5px; margin: 0 0 0 20px; height: 25px; text-align: center; list-style-type:none; cursor: pointer; }
.submenu { display: none; position: absolute; z-index: 1; top: 30px; padding: 5px; margin: 0 0 0 -10px; width: 130px; background-color: #eee; border-bottom: 2px solid #bbb; cursor: pointer; }
.submenu li { clear: both; text-align: left !important; margin: 0 !important; }
.active { background-color: #ddd; }
/*  /  menu   */


/*      forms       */
fieldset { position: relative; clear: both; margin: 20px 0 20px 0; padding: 20px; overflow: hidden; /*border: 0; -webkit-box-shadow: 0 0 4px rgb(100,100,100); -moz-box-shadow: 0 0 4px rgb(100,100,100); box-shadow: 0 0 4px rgb(100,100,100);  */ }
fieldset.hollow { border: 0; margin: 0; padding: 0 20px 0 20px; /*-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;*/ }

fieldset.hollow legend { display: none; }
fieldset.listados { height: 300px !important; }
legend { font-weight: bold; padding: 20px 5px 0 -15px; /*  margin: 15px 0 -10px 0;*/}
label  { width: 80px; float: left; }
label.small  { width: 50px !important; }
label.large  { width: 120px !important; }
label.checkbox, label.radio, label.auto_width { width: auto !important; margin: 0 5px 0 0; }
label.right { width: auto !important; margin: 4px 0 0 0 !important; }
input, textarea, select { font-family: Tahoma, Verdana, Arial; font-size: 11px; }
input[type=text], input[type=password]  { border: 1px solid #969696; height: 17px !important; }
input[type=radio], input[type=checkbox] { margin: 4px 15px 0 0; }
input.readonly { background-color: #ebebe4; }
select { max-width: 250px; }
input.checkbox, input.radio { width: 12px; }
#internacion_items input { margin: 0; float: none; }
input, fieldset select { float: left; height: 15px; vertical-align: middle; margin: 2px 2px 2px 0; }
.non-float input, .non-float select, .non-float label { float: none !important; }
.float-left { float: left; }
input.practica, input.cantidad { border: 0; background-color: transparent; }
input.valor { padding: 0 0 0 8px; background: url('../imgs/bg-icon-valor.png') left top no-repeat; }
select { height: 18px !important; }
input.shortcut { height: 19px; }
input.button { height: 25px; margin: -2px 0 0 0; padding: 0 10px 0 10px; }
.left input.button, .center input.button, .right input.button { float: none; }
img.export { position: absolute; padding: 3px 0 0 5px; cursor: pointer; }
textarea#resolucion { width: 580px; height: 200px; }

/*  bgs    */
fieldset.login { background: url('../imgs/bg-icon-personas.png') right top no-repeat; }
fieldset.alertas { background: url('../imgs/bg-icon-alerta.png') right top no-repeat; }
fieldset.novedades { background: url('../imgs/bg-icon-actualizacion.png') right top no-repeat; }
fieldset.afiliado { background: url('../imgs/bg-icon-persona.png') right top no-repeat; }
fieldset.prestador { background: url('../imgs/bg-icon-prestador.png') right top no-repeat; }
fieldset.hoja { background: url('../imgs/bg-icon-hoja.png') right top no-repeat; }
fieldset.edicion, fieldset.perfil { background: url('../imgs/bg-icon-edicion.png') right top no-repeat; }
fieldset.busqueda { background: url('../imgs/bg-icon-busqueda.png') right top no-repeat; }
input.busqueda { background: url('../imgs/bg-mini-icon-busqueda.png') right -2px no-repeat #fff; }
fieldset.resultado { background: url('../imgs/bg-icon-resultado.png') right top no-repeat; }
/*  ------------    */


/*      errors      */
.blockMsg { font-size: 12px; font-weight: bold; }
label.error { width: 10px !important; margin: 0 0 0 5px; }
.error, .documento { color: #be0000; }
tr.error td, tr.error:hover td { background: rgba(255,0,0,0.3) !important; color: #000; }
tr.success td, tr.success:hover td { background: rgba(0,255,0,0.3) !important; color: #000; }
/*  ------------    */


/*  fieldset collapse option    */
fieldset.collapsed { padding: 0 20px 0 22px; border: 0; border-top: 1px solid #7d7d7d; background-position: 100px 100px !important; }
fieldset.collapsed div { display: none; }
fieldset legend.collapse { background: url('../imgs/icn_menos.png') 5px 2px no-repeat; padding: 0 5px 0 20px; cursor: pointer; }
fieldset.collapsed legend.collapse { background: url('../imgs/icn_mas.png') 5px 2px no-repeat; padding: 0 5px 0 20px; }
ul.inside { list-style-position: inside; }
/*  ------------------------    */
/*      /forms       */


/*      footer      */
#footer a { color: #333; }
/*      /footer      */

/*provisorio*/
#pnl_practicas table.header { border-bottom: 1px solid #666 !important; width: 100%;}


/*    advertencia    */
#navegadores { position: relative; width: 550px; height: 200px; font-size: 11px; margin: 0px auto; }
#navegadores li { float: left; width: 170px; padding: 5px; margin: 0px; height: 20px; list-style-type:none; cursor: pointer; }
/*    /advertencia    */


/*  app_info    */
#app_info { position: absolute; top: 10px; right: 10px; }