body {
    margin: 0;
    padding: 0;
    background-color: #9AC8EC !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}
A, A:visited, A:active {
    font-weight: bold;
    color: #3e79c7;
    text-decoration: none;
}
A:hover {
    font-weight: bold;
    color: #3e79c7;
    text-decoration: underline;
}
img {
    border: 0px;
}
#principal {
    position: absolute;
    width: 100%;
}
#secundario {
    position: relative;
    width: 1180px;
    margin: auto;
    max-width: 100%;
}
#cabecera {
    position: relative;
    width: 1180px;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#esi {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
}
#esd {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
}
#eii {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
}
#eid {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
}
#centro {
    position: relative;
    width: 100%;
    height: 30px;
    background: #fff;
}
#izq {
    position: relative;
    float: left;
    width: 30px;
    height: 1020px;
    background-image: url(images/izq.jpg);
    background-repeat: repeat-y;
}
#cuerpo {
    position: relative;
    float: left;
    width: 1180px;
    min-height: 1020px;
    overflow: auto;
    background: #fff;
    border-radius: 10px;
    max-width: 100%;
}
#der {
    position: relative;
    float: left;
    width: 30px;
    height: 1020px;
    background-image: url(images/der.jpg);
    background-repeat: repeat-y;
}
#pie {
    position: relative;
    clear: both;
    width: 1180px;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.menu {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    border: none;
    margin: 0;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.menu ul {
    background: #4f4f4f;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 5px 5px 3px;
}
.menu li {
    float: left;
    padding: 0px;
}
.menu li a {
    background: #4f4f4f;
    color: #ccc;
    display: block;
    font-weight: normal;
    line-height: 30px;
    margin: 0px;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
}
.menu li a:hover, .menu ul li:hover a {
    background: #ef8100;
    color: #fff;
    text-decoration: none;
}
.menu li ul {
    background: #4f4f4f;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 225px;
    z-index: 200;
    /*top:1em;
    /*left:0;*/
}
.menu li:hover ul {
    display: block;
}
.menu li li {
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 225px;
}
.menu li:hover li a {
    background: none;
}
.menu li ul a {
    display: block;
    height: 30px;
    font-size: 12px;
    font-style: normal;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    text-align: left;
}
.menu li ul a:hover, .menu li ul li:hover a {
    background: #ef8100;
    border: 0px;
    color: #fff;
    text-decoration: none;
}
.menu p {
    clear: left;
}
.submenu {
    position: relative;
    float: left;
    width: 964px;
    background: #fff;
    border: 0px;
    padding-left: 25px;
    margin: 0px;
    font-size: 10px;
    font-family: Arial, Geneva, sans-serif;
    font-weight: bold;
}
.submenu ul {
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.submenu li {
    float: left;
    padding: 0px;
}
.submenu li a {
    background-color: #3e79c7;
    border: 1px solid #ef8100;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    color: #ccc;
    display: block;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.submenu li a:hover, .submenu ul li:hover a {
    background-color: #a21212;
    color: #fff;
    text-decoration: none;
}
.submenu li a.opcact {
    background-color: #a21212;
    color: #fff;
    text-decoration: none;
}
.submenu li a.excel {
    background-color: #a21212;
    color: #fff;
    border: 1px solid #ef8100;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    display: block;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.submenu li a.excel:hover, .submenu ul li:hover a.excel {
    background-color: #3e79c7;
    color: #ccc;
    text-decoration: none;
}
.titulo {
    font-size: 16pt;
    font-family: Arial, Geneva, sans-serif;
    color: #000;
    font-weight: bold;
}
.valor {
    font-size: 10pt;
    font-family: Arial, Geneva, sans-serif;
    font-weight: bold;
    color: #ca0000;
}
.etiq {
    font-size: 10pt;
    font-family: Trebuchet, Trebuchet MS, Verdana, sans-serif;
    color: #000;
}
.etiqw {
    font-size: 10pt;
    font-family: Trebuchet, Trebuchet MS, Verdana, sans-serif;
    color: #fff;
}
.etiq2 {
    font-size: 8pt;
    font-family: Trebuchet, Trebuchet MS, Verdana, sans-serif;
    color: #000;
}
.cablis {
    font-size: 9pt;
    font-family: Arial, Geneva, sans-serif;
    color: #fff;
    background-color: #3e79c7;
    font-weight: bold;
    text-align: center;
}
.campo {
    font-size: 9pt;
    font-family: Arial, Geneva, sans-serif;
    color: #000;
    border: 1px solid Black;
    background-color: #efefef;
}
.boton {
    font-size: 8pt;
    font-family: Arial, Geneva, sans-serif;
    color: #fff;
    border: 1px solid black;
    background-color: #3e79c7;
    margin: 3px 3px 3px 3px;
    padding: 3px 3px 3px 3px;
}