body {
    margin: 0px;
    background-color: #e6e6e6;
}

p, tr, td, div {
    margin: 0
}

img, div, input {
    behavior: url(iepngfix/iepngfix.htc);
}

/*--- Login ---*/
#login {
    width: 562px;
}

#login .top {
    height: 22px;
    background-image: url(../images/login_top.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

#login .middle {
    border-left: solid 10px #ded5c4;
    border-right: solid 10px #ded5c4;
    background-color: #fff;
    text-align: left;
    background-image: url(../images/login_middle.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0 32px;
}

.textRelogio {
    font-family: Arial;
    font-size: 16px;
    color: black;
    display: inline-block;
}

#login .bottom {
    height: 20px;
    background-image: url(../images/login_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

#login .tabletext {
    padding-bottom: 15px;
}

.sep {
    background-image: url(../images/sep.gif);
    background-repeat: repeat-x;
    clear: both;
    height: 1px;
    clear: both;
}

.sepmenu {
    background-image: url(../images/sep.gif);
    background-repeat: repeat-x;
    clear: both;
    height: 1px;
    margin: 6px 0;
}

/*--- inside ---*/
.bgtop {
    background-color: #fff;
    background-image: url(../images/bg_top.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

.bgmenu {
    background-image: url(../images/bg_menu.gif);
    background-repeat: repeat-x;
}

.bgmenuleft {
    background-image: url(../images/bg_menu_left.jpg);
    background-repeat: repeat-x;
    background-repeat: no-repeat;
    background-position: left;
}

.bgrodape {
    background-image: url(../images/bg_rodape.gif);
    background-repeat: repeat-x;
}

.bgrodaperight {
    background-image: url(../images/bg_rodape_right.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.bgrodapeleft {
    background-image: url(../images/bg_rodape_left.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.logo {
    width: 150px;
    height: 57px;
    background: url(../images/logo_aclonweb.png) no-repeat top right;
    background-position: 0 0;
    background-size: 150px, cover;
}

.bglateral {
    background-image: url(../images/bg_lateral.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.bglateraltop {
    background-image: url(../images/bg_lateral_top.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.box {
    width: 172px;
}

.box .boxtop {
    height: 10px;
    clear: both;
    margin: 0;
}

.box .boxmiddle {
    background-color: #fff;
    clear: both;
    margin: 0;
    text-align: left;
    padding: 0 13px;
}

.box .boxbottom {
    height: 10px;
    clear: both;
    margin: 0 0 20px 0;
}

.text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #333;
    line-height: 150%;
}

.text .gray {
    color: #999;
}

.text2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #333;
    line-height: 100%;
}

.textsmall {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    line-height: 125%;
}

.textrodape {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #8a8989;
    line-height: 100%;
    font-weight: normal;
}

.textrodape .bluerodape {
    color: #6ca4bd;
    text-decoration: none;
}

.textrodape .bluerodape:hover {
    color: #6ca4bd;
    text-decoration: underline;
}

.hierarquia {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #999;
}

.hierarquialink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #333;
}

.hierarquialink:hover {
    text-decoration: underline;
}

.titulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    font-weight: bold;
    text-transform: none;
    color: #005bab;
}

.titulo:hover {
    text-decoration: underline;
}

.titulo2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: bold;
    text-transform: none;
    color: #0f4c6b;
}

.titulo2:hover {
    text-decoration: underline;
}

.titulo3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #0f4c6b;
}

.titulo3:hover {
    text-decoration: underline;
}

.titulo4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #297d92;
}

.titulo5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #FF0000;
}

.tituloboxcentro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0f4c6b;
}

.tablelistras td {
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    padding: 4px 3px;
}

.tablelistras tr:nth-child(even) td {
    background-color: #e6e6e6;
}

.tablelistras tr:nth-child(odd) td {
    background-color: #f6f6f6;
}

.tablelistras .prata {
    background-image: url(../images/btn_prata_middle.png);
}

.tablepadding {
    border: solid 1px #e6e6e6;
}

.tablepadding td {
    padding: 4px 3px;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

.tablepadding2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

.tablepadding2 td {
    padding: 4px 3px;
}

.tablepreview {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

.tablepreview td {
    background-color: #c4d6de;
    border-bottom: solid 1px #e6e6e6;
    padding: 4px 3px;
}

.tablepreviewtotal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border: solid 1px #e6e6e6;
}

.tablepreviewtotal .verde {
    font-size: 16px;
    color: #fed83c;
}

.tablepreviewtotal td {
    background-image: url(../images/aba_top_middle.png);
    padding: 4px;
}

.sombrapreview {
    /*background-image:url(images/sombra_box_preview.jpg);
   background-repeat:repeat-y;
   background-position:left;*/
    background-color: #f6f6f6;
}

.btnregistro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding: 2px 1px;
    /*background-color:#c4d6de;
color:#0f4c6b;*/
    font-weight: bold;
}

/*--- Forms ---*/
.form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #515151;
    border: solid #8eb3c3 1px;
    padding-left: 4px;
    padding-top: 4px;
    height: 23px;
}

input.form, select.form {
    border: 1px solid #8eb3c3;
    background: #fff;
}

input.form:focus:not(.desativado), select.form:focus:not(.desativado) {
    border: 1px solid #8eb3c3;
    background: #fff2c2;
}

input.form.desativado, select.form.desativado {
    background: #e6e6e6;
}

.form2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #515151;
    border: solid #8eb3c3 1px;
    padding: 2px 2px 2px 4px;
    height: 23px;
}

.form3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #515151;
    border: solid #8eb3c3 1px;
    padding: 2px 2px 2px 4px;
}

.red {
    color: #da2128;
    font-weight: bold;
}

.green {
    color: #009900;
    font-weight: bold;
}

.blue {
    color: #1668a2;
    font-weight: bold;
}

.white {
    color: #fff;
    font-weight: bold;
}

/* ----- FOTO ----- */
.fotoleft {
    float: left;
    text-align: left;
    margin: 0px 0px 15px 0px;
}

.fotoright {
    float: right;
    text-align: right;
    margin: 0px 0px 15px 0px;
}

.fotoinferior {
    margin: 0px 15px 15px 0px;
    float: left;
}

.containerfotoleft {
    padding: 0px 15px 0px 0px;
    float: left;
}

.containerfotoright {
    padding: 0px 0px 0px 0px;
    float: left;
}

.containerfotoinferior {
    margin: 15px 0px 0px 0px;
    text-align: justify;
}

.fotolegenda {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
}

.fotocreditos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin-bottom: 3px;
    text-align: left;
}

.foto {
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.opacityit img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.8;
}

.opacityit:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}

.nomargin {
    margin: 0;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/* ----- Formulário ----- */
/* TR FOrm */
.trform {
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #585858;
    width: 100%;
    overflow: auto;
    margin-bottom: 2px;
}

.trform ul {
    margin: 0px;
    padding: 2px 0px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
}

.trform li {
    float: left;
}

.tdleft {
    width: 25%;
    text-align: right;
    padding-top: 3px;
    padding-right: 5px;
}

.tdright {
    width: 70%;
    text-align: left;
}

/*--- Botões --->*/
/*--- Botão amarelo --->*/
ul.btnamarelo {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    float: left;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #333;
    line-height: 125%;
}

ul.btnamarelo li .btnleft {
    background-image: url(../images/btn_amarelo_left.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 4px;
    margin: 0;
    height: 24px;
    float: left;
}

ul.btnamarelo li .btnmiddle {
    background-image: url(../images/btn_amarelo_middle.png);
    background-repeat: repeat-x;
    margin: 0;
    display: inline;
    text-align: center;
    padding: 5px 7px 0 7px;
    height: 24px;
    float: left;
}

ul.btnamarelo li .btnright {
    background-image: url(../images/btn_amarelo_right.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0;
    width: 4px;
    height: 24px;
    float: left;
}

ul.btnamarelo li {
    float: left;
    display: inline;
    clear: none;
    margin-right: 5px;
}

ul.btnamarelo li a {
    color: #000;
    text-decoration: none;
    padding-right:
}

ul.btnamarelo li a:hover {
    color: #c68b2f;
    text-decoration: none;
}

/*--- Botão prata --->*/
ul.btnprata {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    float: left;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #333;
    line-height: 125%;
}

ul.btnprata li .btnleft {
    background-image: url(../images/btn_prata_left.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 6px;
    margin: 0;
    height: 27px;
    float: left;
}

ul.btnprata li .btnmiddle {
    background-image: url(../images/btn_prata_middle.png);
    background-repeat: repeat-x;
    margin: 0;
    display: inline;
    text-align: center;
    padding: 6px 5px 0 5px;
    height: 27px;
    float: left;
}

ul.btnprata li .btnright {
    background-image: url(../images/btn_prata_right.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0;
    width: 4px;
    height: 27px;
    float: left;
}

ul.btnprata li {
    float: left;
    display: inline;
    clear: none;
    margin-right: 5px;
}

ul.btnprata li a {
    color: #000;
    text-decoration: none;
    padding-right:
}

ul.btnprata li a:hover {
    color: #999;
    text-decoration: none;
}

/*--- Botão Azul --->*/
ul.btnazul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    float: left;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #0f4c6b;
    line-height: 125%;
}

ul.btnazul li .btnleft {
    background-image: url(../images/btn_azul_left.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 4px;
    margin: 0;
    height: 25px;
    float: left;
}

ul.btnazul li .btnmiddle {
    background-image: url(../images/btn_azul_middle.png);
    background-repeat: repeat-x;
    margin: 0;
    display: inline;
    text-align: center;
    padding: 5px 5px 0 5px;
    height: 25px;
    float: left;
}

ul.btnazul li .btnright {
    background-image: url(../images/btn_azul_right.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0;
    width: 4px;
    height: 25px;
    float: left;
}

ul.btnazul li {
    float: left;
    display: inline;
    clear: none;
    margin-right: 5px;
}

ul.btnazul li a {
    color: #0f4c6b;
    text-decoration: none;
    padding-right:
}

ul.btnazul li a:hover {
    color: #759aab;
    text-decoration: none;
}

/*--- Botão Azul Escuro --->*/
ul.btnazulescuro {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    float: left;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #fff;
    line-height: 125%;
}

ul.btnazulescuro li .btnleft {
    background-image: url(../images/btn_azulescuro_left.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 4px;
    margin: 0;
    height: 25px;
    float: left;
}

ul.btnazulescuro li .btnmiddle {
    background-image: url(../images/btn_azulescuro_middle.png);
    background-repeat: repeat-x;
    margin: 0;
    display: inline;
    text-align: center;
    padding: 5px 5px 0 5px;
    height: 25px;
    float: left;
}

ul.btnazulescuro li .btnright {
    background-image: url(../images/btn_azulescuro_right.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0;
    width: 4px;
    height: 25px;
    float: left;
}

ul.btnazulescuro li {
    float: left;
    display: inline;
    clear: none;
    margin-right: 5px;
}

ul.btnazulescuro li a {
    color: #fff;
    text-decoration: none;
    padding-right:
}

ul.btnazulescuro li a:hover {
    color: #fff;
    text-decoration: none;
}

/*--- aba top --->*/
ul.abatop {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    float: left;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    font-weight: normal;
    text-transform: none;
    color: #fff;
}

ul.abatop li {
    float: left;
    display: inline;
    clear: none;
    padding: 0 5px;
}

ul.abatop li a {
    color: #fff;
    text-decoration: none;
    padding-right:
}

ul.abatop li a:hover {
    color: #aed5f0;
    text-decoration: none;
}

.msgInfo {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
    margin-left: 5px;
    color: #992525;
    background: #FFFF9C;
    border-color: #CCCC00;
    border-style: solid;
    border-width: 1px;
    width: 270px;
}

.msgWarn {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;;
    font-size: 10px;
    color: #992525;
    text-align: left;
    font-weight: bold;
    margin-left: 5px;
    background: #FFFF9C;
    border-color: #CCCC00;
    border-style: solid;
    border-width: 1px;
    width: 270px;
}

.msgFatal {
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;;
    font-size: 10px;
    color: #992525;
    text-align: left;
    font-weight: bold;
    margin-left: 5px;
    background: #FFFF9C;
    border-color: #CCCC00;
    border-style: solid;
    border-width: 1px;
    width: 270px;
}

.botaoAcao {
    padding: 5px 7px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    background: #C0B8A8;
    border-top: 1px solid #C5B8A0;
    border-left: 1px solid #C5B8A0;
    border-right: 2px solid #C5B8A0;
    border-bottom: 1px solid #C5B8A0;
    cursor: pointer;
}

/*#pgInicial .inicial a, #pgAEmpresa .aempresa a, #pgProdutos .produtos a, #pgInformativos .informativos a, #pgFaleConosco .faleconosco a {background-color:#690000;color:#fff !important; cursor:default; font-weight:bold;}*/