@CHARSET "ISO-8859-1";

body{
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
    background: #cccccc ;
  font: normal 11px verdana, arial, helvetica, sans-serif;
}

a:link, a:visited{
    color: #005FA9;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}


#utilityusername{
    font-family: Verdana,sans-serif;
    font-size: 7pt;
    position: absolute;
    top: 1px;
    right: 25px;
    color: #FFFFFF;
    width: 140px;

    font-weight: bold;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 1px solid #8FB8BC;
    border-left: 1px solid #8FB8BC;
    border-top: 1px solid #8FB8BC;
    border-bottom: 1px solid #8FB8BC;
}

#utilityintranet{
    font-family: Verdana,sans-serif;
    font-size: 7pt;
    position: absolute;
    top: 1px;
    right: 190px;
    color: #FFFFFF;
    width: 160px;

    font-weight: bold;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 1px solid #8FB8BC;
    border-left: 1px solid #8FB8BC;
    border-top: 1px solid #8FB8BC;
    border-bottom: 1px solid #8FB8BC;
}

H1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

/*Para los botones*/
input{
 /*font-family: Arial,sans-serif;*/
 font: normal 10px verdana, arial, helvetica, sans-serif;
 position:relative;
 margin-left:5px;
 margin-top:1px;
 vertical-align: middle;
}



#Titulo{
 padding: 0px 0px 14px 10px;
 margin: 0px;
 border-bottom:5px solid #ccd2d2;
 font: bold 200% Verdana,sans-serif;
 color: #334d55;
 text-align: center;
 vertical-align: middle;
}

#logo{
    font-family: Verdana,sans-serif;
    font-size: 7pt;
    position: absolute;
    top: 50px;
    left: 25px;
    color: #334d55;

    font-weight: bold;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 1px solid #8FB8BC;
    border-left: 1px solid #8FB8BC;
    border-top: 1px solid #8FB8BC;
    border-bottom: 1px solid #8FB8BC;
}

#msgok{
    font-family: Verdana,sans-serif;
    font-size: 7pt;
    position: absolute;
    top: 25px;
    right: 10px;
    color: #334d55;
    width: 300px;

    font-weight: bold;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 1px solid #8FB8BC;
    border-left: 1px solid #8FB8BC;
    border-top: 1px solid #8FB8BC;
    border-bottom: 1px solid #8FB8BC;
}
#msgerror{
    font-family: Verdana,sans-serif;
    font-size: 8pt;
    position: absolute;
    top: 25px;
    right: 10px;
    color: #EE4400;
    width: 280px;

    font-weight: bold;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 1px solid #AA4400;
    border-left: 1px solid #AA4400;
    border-top: 1px solid #AA4400;
    border-bottom: 1px solid #AA4400;
}

#ayuda{
    font-family: Verdana,sans-serif;
    font-size: 8pt;
    position: absolute;
    top: 5px;
    left: 10px;
    color: #EE4400;
    width: 80px;

    font-weight: bold;
    margin: 0px;
    padding: 2px 5px 4px 5px;
    border-right: 3px solid #AA4400;
    border-left: 3px solid #AA4400;
    border-top: 3px solid #AA4400;
    border-bottom: 3px solid #AA4400;
}


select {
/*
 position:relative;
 top:1px;
 left:2px;*/
 font: normal 10px verdana, arial, helvetica, sans-serif;
 position: relative;
 margin-left:5px;
 margin-top:1px;
 vertical-align: middle;
 background: #EEDDAA;
}
option{
  border-collapse: collapse;
/*  border: 1px solid #03476F;*/
  background: #EEDDAA;
}
option:hover {
  background: #FFD800;
/*  border: 1px solid #03476F;*/
  color: #FFFFFF;
}
/*[selected] 
{
  background: #EEDDAA;
}*/


#tablegrisosc {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #92C4C9;
  background: #dcdcdc;
  vertical-align: middle;
  text-align: center;
}
table.tablegrisosc {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #92C4C9;
  background: #dcdcdc;
  vertical-align: middle;
  text-align: center;
  align: center;
}

#tablegrisosc thead th, #tablegrisosc tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  vertical-align: middle;
}	
#tablegrisosc tbody tr:hover {
  background: #dcdce9;
  border: 1px solid #03476F;
  color: #ccccff;
  vertical-align: middle;
}
#tablegrisosc td, #tablegrisosc th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  vertical-align: middle;
}




	
table {
  /*border-collapse: collapse;*/
  border: 0px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #92C428;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }

#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}