/**
 * pg.css
 * Estilos b�sico para la p�gina
 */

/**
 * ##########################
 *   REDEFINICI�N DE ELEMS.
 * ##########################
 */
body, td, p, input, select, textarea {font-family: helvetica, tahoma, sans-serif; font-size: 10px;}
a {color: #668000; text-decoration: none;}
a:hover {color: #c07d09;}

/**
 * ##########################
 *          CLASES
 * ##########################
 */
div.pgColIzq {float: left; margin-right: 10px;}
div.pgColDer {float: left;}
div.pgColFin {clear: both;}
*.pgInv {display: none !important;}
div.pgOk {padding: 10px; margin: 10px; background-color: #cf9; border: 1px solid #6d0; font-weight: bold;}
div.pgError {padding: 10px; margin: 10px; background-color: #f73; border: 1px solid #960; font-weight: bold;}

/**
 * ### LINKS TIPO BOTONES ###
 */
a.pgLnkBtn {display: block; width: 113px; height: 22px; background: url('../img/comp_btn_fnd.gif') no-repeat;}
a.pgLnkBtn span {display: block; width: 113px; height: 22px; background-position: right 1px; background-repeat: no-repeat; color: #fff !important; font-weight: bold; text-align: left; text-indent: 10px; line-height: 24px;}
a.pgLnkBtn:hover span {color: #eeffaa !important;}


/**
 * ##########################
 *   ELEMS. ESPEC�FICOS
 * ##########################
 */

/**
 * ### CABECERA ###
 */
#pgSup {height: 68px; background: url('../img/pg_sup_fnd.gif') repeat-x;}
#pgSup h1 {width: 330px; height: 68px; background: url('../img/pg_sup_logo.png') no-repeat;}
#pgSup h1 span{display: none;}

/* ejerecios */
#pgSupEjer {position: absolute; margin-right: 5px; margin-top: 20px; top: 12px; right: 0;}
#pgSupEjer > li {float: left; margin-right: 18px;}
li.pgSupLink {display: block; padding: 3px; padding-left: 10px; padding-right: 20px; float: left; background-color: #fff; border: 1px solid #fadd85; color: #333;}
li.pgSupLink a {display: block;}
#pgSupLinkPres, #pgSupLinkEjer {background: url('../img/ico_flecha_der.gif') #fff no-repeat right;}
#pgSupEjer > li:hover {background-color: #f8f2bf; color: #668000;}
#pgSupEjer > li:hover ul {display: block;}
#pgSupEjer ul {position: absolute; display: none; margin-left: -11px; margin-top: 3px; z-index: 20;}
#pgSupEjer ul a {clear: both; display: block; padding: 3px;}
#pgSupEjer ul li:hover {background-color: #f8f2bf;}
#pgSupEjer ul li {border: 1px solid #fadd85; border-top: none;}
#pgSupEjer ul li a {padding-left: 15px; padding-right: 10px; background: url('../img/ico_check.gif') #fff no-repeat 2px -22px;}
li.pgSupLinkSel a {background-position: 2px 4px !important;}

/* sesi�n */
#pgSesion {float: right; margin-top: -63px; margin-right: 20px; padding-bottom: 2px;}
#pgSesion > span {float: left; display: block; padding-left: 17px; padding-right: 6px; height: 14px; background: url('../img/pg_sup_usuario.gif') no-repeat 0 -2px; border-right: 1px solid #cf880d; color: #fff; font-weight: bold;}
#pgSesion a {display: block; float: left; padding-left: 5px; width: 15px; height: 14px; border-left: 1px solid #f8c85c; color: #f39f0c;}
#pgSesionPerfil {background: url('../img/pg_sup_perfil.gif') no-repeat 4px 0px; border-right: 1px solid #cf880d;}
#pgSesionCerrar {background: url('../img/pg_sup_cerrar.gif') no-repeat 4px -1px;}
#pgSesionCerrar span, #pgSesionPerfil span {display: none;}

/* login */
#pgLogin {float: right; margin-top: -50px; margin-right: 15px; padding-left: 17px; background: url('../img/pg_sup_usuario.gif') no-repeat 0 2px;}
#pgLogin legend {display: none;}
#pgLogin input {margin-left: 3px; border-color: #c07d09;}
#pgLoginBtn input {margin-top: -1px; width: 23px; height: 22px; background: url('../img/pg_login_btn.gif') no-repeat; border: none; cursor: pointer;}

/* barrita de ajax*/
#pgAjax {display: none; position: absolute; margin-top: 57px; right: 0; top: 0; width: 61px; height: 31px; background: url('../img/pg_sup_ajax.gif') no-repeat; z-index: 1;}

/* aviso */
#pgAvisoMasc {position: absolute; top: 0px; margin-left: 40%; width: 260px; height: 57px; background-color: #f39f0c; z-index: 100;}
#pgAviso {position: absolute; top: 0px; margin-left: 40%; width: 260px; background: url('../img/pg_aviso_inf.gif') no-repeat bottom; z-index: 50;}
#pgAviso p {display: block; margin-bottom: 10px; padding-bottom: 10px; width: 260px; background: url('../img/pg_aviso_fnd.gif') repeat-y; text-indent: 10px;}
#pgAviso p span {display: block; margin-left: 3px; padding-top: 20px; padding-left: 15px; padding-right: 15px; background: url('../img/pg_aviso_img.gif') no-repeat 3px 3px;}
#pgAvisoCerrar {display: block; float: right; width: 15px; height: 15px;  background: url('../img/ico_cruz.gif') no-repeat center left; outline: none; color: #f39f0c;}
#pgAvisoCerrar span {display: none;}

/**
 * ### CENTRO DE LA P�GINA ###
 */
#pgCentro {position: relative; padding-top: 15px; padding-bottom: 65px;}
#pgCentroFin {clear: both; height: 50px;}

/**
 * ### PIE ###
 */
#pgInf {position: fixed; bottom: 0px; width: 100%; height: 55px; background: url('../img/pg_inf_fnd.gif') repeat-x;}

/* navegaci�n */
#pgNav {float: left; margin-left: 30px;}
#pgNav > li {float: left; margin-left: 10px; height: 55px;}
#pgNav > li > a {display: block; width: 53px; height: 40px; color: #f8f2bf;}
#pgNav > li > a span{display: none;}
#pgNav ul {display: none; z-index:999;}
#pgNav ul a {display: block;}
#pgNav > li:hover {background: url('../img/pg_inf_ico_sel.gif') no-repeat center bottom;}
#pgNavInformes > a {background: url('../img/pg_inf_ico_informes.gif') no-repeat center bottom;}
#pgNavSaldos > a {background: url('../img/pg_inf_ico_saldos.gif') no-repeat center bottom;}
#pgNavSeguridad > a {background: url('../img/pg_inf_ico_seguridad.gif') no-repeat center bottom;}
#pgNavSistema > a {background: url('../img/pg_inf_ico_sistema.gif') no-repeat center bottom;}
#pgNavGestion > a {background: url('../img/pg_inf_ico_gestion.gif') no-repeat center bottom;}
#pgNavAsientos > a {background: url('../img/pg_inf_ico_movimientos.gif') no-repeat center center;}
#pgNav > li:hover ul{display: block; position: absolute;  margin-left: -25px; margin-bottom: 65px; bottom: 0; width: 106px; background: url('../img/pg_menu_fnd.gif') repeat-y;}
#pgNav > li:hover li{padding: 2px; padding-left: 6px; border-bottom: 1px solid #e3d7c3;}
#pgNav > li:hover li:first-child{padding-top: 5px; padding-left: 0; margin-top: -4px; margin-bottom: 4px; background: url('../img/pg_menu_sup.gif') no-repeat top; border: none;}
#pgNav > li:hover li:last-child{padding-bottom: 20px; margin-bottom: -11px; background: url('../img/pg_menu_inf.gif') no-repeat bottom; border: none;}
#pgNav h3 {font-weight: bold; text-transform: uppercase; color: #999; text-align: center;}