/* Hoja de estilos general del PIW */

/* Capas */

#divWrapper {
   position: absolute; left: 50%; width: 750px;
   margin-left: -375px;
   border: 2px solid #111111;
   background-color: #FFFFFF;
}

#divHeader {
   width: auto; height: 112px; z-index: 1;
   background-image: url(../img/bkg_header.jpg); background-repeat: no-repeat;
   line-height: 112px;
   text-align: right;
}


#divUser {
   width: auto; height: 25px; z-index: 1;
   background-image: url(../img/bkg_browser.gif); background-repeat: no-repeat;
}

#divBrowser {
   width: auto; height: 40px; z-index: 1;
   border-top: 2px solid #3e3e3e;
   background-image: url(../img/bkg_browser.gif);
   border-bottom: 3px solid #3e3e3e;
   padding: 0 5px;
}

#divContent {
   width: auto; min-height: 300px;
   z-index: 1;
   height: auto;
   padding: 0px 10px;
   margin: 0px;
   background: #FFFFFF;
   border: 0px solid #AAAAAA;
}
#divFooter {
   width: auto; height: 20px; z-index: 1;
   background-image: url(../img/bkg_pie.jpg); background-repeat: repeat-x;
   background: #2b2929;
   border-top: 2px solid #000000;
}

/* Estilos genericos */

body {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
   background-image: url(../img/bkg_body.gif);
   background-repeat: repeat-x;
   background-color: #696969;
}

input, select, textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   background: #FFFFFF;
   color: #333333;
   border: solid 1px #CCCCCC;
   padding-left: 4px;
}

input:disabled, select:disabled, textarea:disabled {
   background: #DDDDDD;
}

label {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #333333;
   background-image: url(../img/icon_cube.gif);
   background-repeat: no-repeat;
   padding-left: 12px;
   background-position: left center;
}

label.mandatory {
   background-image: url(../img/icon_cube_red.gif);
}


li {
   list-style: url(../img/icon_flecha.gif);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   padding-bottom: 2px;
   color: #333333;
}

/* Titulo de aplicacion */
h1 {
   color: #FFFFFF;
   font-family: Arial,Verdana;
   font-size: 24px;
   font-weight: bold;
   padding: 0px;
   padding-right: 15px;
   margin: 0px;
}

/* Subtitulo de aplicacion */
h2 {

}


/* Titulo dentro del contenido */
h3 {
   font-family: Verdana,Arial;
   color: #ae0000;
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   margin: 0px;
   text-align: left;
}

/* Subtitulo dentro del contenido */
h4 {

}

/* Iconos barra de navegación y para los del menu */
h5 {
   font-family: Verdana,Arial;
   color: #555555;
   font-size: 10px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
   padding: 0px;
   padding-right: 10px;
   margin: 0px;
   display: inline;
}

p {
   font-family: Verdana,Arial;
   color: #333333;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
   padding-top: 10px;
}

form {
   margin: 0px;
   padding: 0px;
}

hr {
   border: 0px;
   border-top: 2px dotted #cccccc;
   color: #ffffff;
}

span {
   font-family: Verdana,Arial;
   color: #333333;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-decoration: none;
}

span.mandatory {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #333333;
   background-image: url(../img/icon_cube_red.gif);
   background-repeat: no-repeat;
   padding-left: 12px;
   background-position: left center;
}

.piw_footertxt {
   font-family: Verdana,Arial;
   color: #FFFFFF;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   text-decoration: none;
   padding: 0px 5px 0px 5px;
   vertical-align: top;
}

a.piw_footertxt {
	text-decoration: underline;
}

a.piw_footertxt:active {
   color: #FFFFFF
}

a.piw_footertxt:hover {
   color: #FFFFFF;
   text-decoration: none;
   background: #333333
}

.btn {
   margin: 0px;
   padding: 0px;
   height: 23px;
   background-color: #f5f5f0;
   background-image: url(/img/btns.png);
   background-repeat: no-repeat;
   border-bottom: 1px solid #555555;
   border-right:1px solid #555555; border-top:0px; border-left:0px;
   font-size: 10px; color:black; font-weight: bold;
   padding-left: 22px;
   padding-right: 2px;
   cursor:pointer;
   margin-left:5px;
   outline-width: 0px;
}

.btn:hover {
   margin: 0px;
   padding: 0px;
   height: 23px;
   background-color: #f5f5f0;
   background-image: url(/img/btns_act.png);
   background-repeat: no-repeat;
   border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top:0px; border-left:0px;
   font-size: 10px; color: black; font-weight: bold;
   padding-left: 22px;
   padding-right: 2px;
   cursor:pointer;
   margin-left:5px;
   outline-width: 0px;
}

.btnadd {background-position: 0px -92px;}
.btnfind {background-position: 0px -115px;}
.btnprint {background-position: 0px -69px;}
.btnmail {background-position: 0px -138px;}
.btnsave {background-position: 0px 0px;}
.btndelete {background-position: 0px -46px;}
.btncancel {background-position: 0px -23px;}
.btncopy {background-position: 0px -161px;}
.btnnonuser {background-position: 0px -322px;}
.btnuser {background-position: 0px -276px;}
.btnadmin {background-position: 0px -299px;}
.btncheck {background-position: 0px -207px;}
.btnuncheck {background-position: 0px -230px;}
.btnrefresh {background-position: 0px -345px;}
.btnlogout {background-position: 0px -368px;}
.btnapply {background-position: 0px -184px;}
.btncalendar {background-position: 0px -391px;}
.btnleft {background-position: 0px -414px;}
.btnright {background-position: 0px -437px;}
.btnundo {background-position: 0px -460px;}

a.piw_btn {
   font-size: 10px; font-weight: bold;
   color: #FFFFFF;
   background: #555555;
   text-decoration: none;
   border: 1px solid #000000;
   text-align: center;
   line-height: 12px;
   padding: 1px;
}

a.piw_btn:active {
   color: #FFFFFF
}

a.piw_btn:hover {
   color: #FFFFFF;
   text-decoration: none;
   background: #333333
}

a.browser_btn {
   font-size: 10px; font-weight: bold;
   color: #888888;
   text-decoration: none;
}

a.browser_btn:active {
   color: #888888;
}

a.browser_btn:hover {
   color: #333333;
   text-decoration: none;
}

table.form {
   width: 100%;
}

table.form td {
   text-align: left;
}

table.grid {
   width: 94%;
}

table.grid th {
   font-family: Verdana,Arial;
   color: #ae0000;
   font-size: 11px;
   font-style: normal;
   font-weight: bold;
   margin: 0px;
   border: 1px solid #AAAAAA;
}

table.grid tr.impar {
   font-size: 10px; color: #333333;
   background: #f3f3f3;
   height: 20px;
   line-height: 19px; padding-left: 4px
}

table.grid tr.par {
   font-size: 10px; color: #333333;
   background: #FFFFFF;
   height: 20px;
   line-height: 19px; padding-left: 4px
}