* 
{
    font-family: Arial, Helvetica, 'Sans-Serif';
    font-size: 12px;
    color: #606060;
}
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

body 
{
    margin: 0;
    padding: 0;
    background: url("img/bg-body.png") 0 0 repeat-x #E1E2E3;
}
.body-home
{
    background: url("img/bg-body-home.png") 0 0 repeat-x #E6E7E8;
}
.box-content
{
    width: 756px;
    margin: 0 auto;
}

#box-banner-top 
{
    height: 387px;
    background: url("img/bg-box-banner-top.png") center top no-repeat transparent;
    text-align: center;
}

#box-banner-top object, #box-banner-top embed
{
	margin: 110px auto 0 auto;
}

.box-campanhas
{
    height: 208px;
    width: 530px;
    background: url("img/bg-box-campanhas.png") center top no-repeat transparent;
}

#slider
{
    width: 470px;
}

.box-content-nav-top
{
    height: 62px;
}
.box-content-main
{
    width: 535px;
    margin: 10px;
    float: left;
}
.box-content-nav-right
{
    width: 185px;
    background: url('img/bg-content-nav-right.png') 0 0 no-repeat transparent;
    height: 380px;
    float: left;
    margin-left: 0;
    margin-top: 10px;
}
.lnk-login
{
    color: #FFF;
    margin: 65px 0 0 0;
    display: block; 
    padding: 10px;
}

.lnk-chk-logout, .lnk-chk-dados, .lnk-chk-campanhas { margin: -15px 0 -15px 0; }
.lnk-chk-logout {  }
.lnk-chk-dados {  }
.lnk-chk-campanhas { }
.tit-campanhas { font-size:24px; font-weight:normal; color:#999; }
#fld-login 
{    
    padding: 10px;
    position: relative;
    display: block;
    top: 65px;
    border: none;
    margin-bottom: 120px;
}
#fld-login label
{
    display: inline;
    float: left;
    width: 50px;
    text-transform: uppercase;
    color: #FFF;   
    padding-top: 5px;
}
#fld-login input, #fld-login input:focus
{
    display: inline;
    float: left;
    width: 100px;
    color: #FFF; 
    background-color: Transparent;
    border: 1px solid #FFF;  
}
#fld-login input.btn-login
{
    display: block;
    width: 50px;
    background-color: #FFF;
    color: #666;
    text-align: center;
    margin: 5px 0 0 100px;
}
.box-noticias
{
    overflow-y: scroll;
    padding: 10px;
    width: 155px;
    height: 70px;
    margin: 50px 0 0 0;
}
.box-noticias div
{
    background: url('img/bg-div-noticias.gif') bottom center no-repeat #FFF;
    padding: 10px 0;
}
.box-noticias div:last-child
{
    background: none;
}
.box-noticias div span
{
    float: left;
    width: 50px;
}
.box-noticias div p
{
    float: left;
    width: 80px;
    padding: 0;
    margin: 0 0 0 5px;
}

.box-servicos 
{
    width: 166px;
    height: 350px;
    background-position: left top;
    float: left;
    margin-right: 15px;
}
.box-servicos:last-child
{
    margin-right: 0;
}
.box-servicos:hover, .box-servicos:active
{
    background-position: right top;
}
.box-produtos
{
    background: url('img/bg-box-produtos.png') left top no-repeat transparent;
}
.box-orcamentos
{
    background: url('img/bg-box-orcamentos.png') left top no-repeat transparent;
}
.box-roteiros
{
    background: url('img/bg-box-roteiros.png') left top no-repeat transparent;
}

.h1-topo 
{
    display: block;
    position: relative;
    left: 10px;
    height: 30px;
    top: 70px;
}

.h1-empresa { background: url('img/bg-h1-empresa.png') 0 0 no-repeat transparent;  }
.h1-empresa a.lnk-font-plus { top: 8px; left: 152px; }
.h1-empresa a.lnk-font-minus { top: 8px; left: 154px; }

.h1-clientes { background: url('img/bg-h1-clientes.png') 0 0 no-repeat transparent; margin-bottom: 1px; }
.h1-clientes a.lnk-font-plus { top: 8px; left: 152px; }
.h1-clientes a.lnk-font-minus { top: 8px; left: 154px; }

.h1-legislacao { background: url('img/bg-h1-legislacao.png') 0 0 no-repeat transparent; margin-bottom: -20px; height: 45px; top: 60px; }
.h1-legislacao a.lnk-font-plus { top: 13px; left: 192px; }
.h1-legislacao a.lnk-font-minus { top: 13px; left: 194px; }

.h1-contato { background: url('img/bg-h1-contato.png') 0 0 no-repeat transparent; margin-bottom: -40px; height: 45px; top: 70px; }

.h1-produtos { background: url('img/bg-h1-produtos.png') 0 0 no-repeat transparent; margin-bottom: -20px; height: 45px; top: 70px; }
.h1-produtos a.lnk-font-plus { top: 10px; left: 170px; }
.h1-produtos a.lnk-font-minus { top: 10px; left: 172px; }

.h1-orcamentos { background: url('img/bg-h1-orcamentos.png') 0 0 no-repeat transparent; margin-bottom: -20px; height: 45px; top: 70px; }
.h1-orcamentos a.lnk-font-plus { top: 9px; left: 199px; }
.h1-orcamentos a.lnk-font-minus { top: 9px; left: 201px; }

.h1-roteiros { background: url('img/bg-h1-roteiros.png') 0 0 no-repeat transparent; margin-bottom: -20px; height: 85px; top: 70px; }
.h1-roteiros a.lnk-font-plus { top: 45px; left: 204px; }
.h1-roteiros a.lnk-font-minus { top: 45px; left: 206px; }

.h1-topo a 
{
    display: block;
    height: 20px;
    width: 20px;
    position: relative;
    float: left;
}

#font-size { padding-bottom: 50px; width: 430px; margin-top: 50px; }
#font-size q { font-style: italic; }

.font-size-0 * { font-size: 12px; }
.font-size-0 h2 { font-size: 24px; }

.font-size-1 * { font-size: 14px; }
.font-size-1 h2 { font-size: 26px; }

.font-size-2 * { font-size: 16px; }
.font-size-2 h2 { font-size: 28px; }

.font-size-3 * { font-size: 18px; }
.font-size-3 h2 { font-size: 30px; }

.h2-texto { font-weight: normal; text-transform: uppercase; color: #1C75BC; font-family: Arial Narrow, Arial, Sans-Serif; margin-top: 50px; }
.h2-texto:first-child { margin-top: 20px; }
.h2-texto-prod { color: #FF7900; margin-bottom: 0; }
.h2-texto-orc { color: #D6C400; }
.h2-texto-rot { color: #85B01F; }
.h2-top-15 { margin-top: 20px; } 

.lnk-logo-cli 
{
    float: left; margin: 5px 5px 0 0;
}

.p-leg { margin-bottom: 18px; }
.p-leg b { text-transform: uppercase; line-height: 18px; margin-bottom: 18px; }
.p-leg a { display: block; height: 16px; width: 110px; text-align: right; background: url('img/bg-lnk-download.gif') 0 0 no-repeat transparent; margin-top: 10px; }

.lnk-logo-cli img { border: none; }
.lnk-logo-cli:link, .lnk-logo-cli:visited { border: none; }
.lnk-logo-cli:hover, .lnk-logo-cli:active { border: none; }

.fld-2-col 
{
    padding: 0;
    margin: 0 5px 0 0;
    border: none;
    width: 230px;
    float: left;
}

.fld-2-col-2 
{
    padding: 0;
    margin: 0 10px 0 0;
    border: none;
    width: 203px;
    float: left;
}

.fld-2-col-2:last-child 
{   
    margin-right: 0;
}

.inpt-01
{
    border: 1px solid #333;
    padding: 2px;
    width: 190px;
    float: left;
    margin-bottom: 10px;   
}

.inpt-02
{
    width: 170px;
}

.inpt-03
{
    width: 70px;
    margin-right: 5px;
}

.inpt-04
{
    width: 100px;
}

.lbl-01 { width: 150px; font-weight:bold; text-align:right; padding:5px 5px 0 0; }

.box-linhas-lista 
{
    height: 150px;
    overflow-y: scroll;
    margin: 5px 0;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

.area-cor-1, .area-cor-1 *
{
    color: #00486C;
}

.area-cor-2, .area-cor-2 * 
{
    color: #EC0044;
}

.area-cor-3, .area-cor-3 *
{
    color: #05B200;
}

.area-cor-4, .area-cor-4 *
{
    color: #D800FF;
}

.area-cor-5, .area-cor-5 *
{
    color: #000000;
}

.area-cor-1 label, .area-cor-2 label, .area-cor-3 label, .area-cor-4 label, .area-cor-5 label 
{
    cursor: pointer;
    display: block;
}

.fld-roteiros
{
    padding: 5px;
    border: 1px solid #999;
}

.fld-roteiros, .fld-roteiros *
{
    font-size: 9px;
}

.box-linhas-selecionadas 
{
    height: 100px;
    overflow-y: scroll;
}

.btn-2
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #606060;
        text-align: center;
        color: #FFF;
        padding: 2px 10px;
        margin-left: 5px;
        height: 25px;
}

.field-invalid
{
    width: 10px; height: 10px;
    background: url('img/icn-warning.gif') 0 0 no-repeat transparent;
    margin: 8px 0 0 5px;
    display: block;
    float: left;
    padding: 0;
}

.box-serv-nav 
{
    float: right; 
    margin: -20px 0 0 5px; 
    width: 91px; height: 150px;
    padding:0;
}

.h3-serv 
{
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding: 0;
}

.lnk-serv 
{
    display: block;
    width: 43px;
    height: 90px;
    text-decoration: none;
    margin: 0 2px 5px 0;
    position: relative; z-index: 9999;
    float:left;
}

.lnk-serv:hover, .lnk-serv:active 
{
    background-position: right top;   
}

.lnk-serv-orc 
{
    background: url('img/bg-lnk-nav-serv-orc.png') left top no-repeat transparent;    
}
.lnk-serv-prod 
{
    background: url('img/bg-lnk-nav-serv-prod.png') left top no-repeat transparent;    
}
.lnk-serv-rot 
{
    background: url('img/bg-lnk-nav-serv-rot.png') left top no-repeat transparent;    
}

.h3-prod 
{
    color: #FF7900;
}

.h3-orc 
{
    color: #D6C400;
    margin-bottom: 15px;
}

.h3-rot 
{
    color: #85B01F;
    margin-bottom: 15px;
}

.nav-footer 
{
    display: block;
    list-style: none;
    width: 299px;
    height: 24px;
    padding: 8px 0 0 8px;
    background: url("img/bg-nav-footer.png") 0 0 no-repeat transparent;
    margin: 0 0 0 30px;

}

.nav-footer li
{
    display: inline;
    float: left;
    padding: 0; 
}

.nav-footer li a
{
    color: #A0A0A0;
    font-size: 11px;
    text-transform: uppercase;
    margin: 6px 6px 0 0;
    padding-right: 5px;
    border-right: 1px solid #A0A0A0;
}

.nav-footer li:last-child a, .nav-footer li:last-child a.last-child, .nav-footer li a.last-child
{
    margin-right: 0;
    border-right: none;
    padding-right: 0;
}

.box-footer 
{
    background: #3B404A;
    height: 110px;
}

.box-footer-clip
{
    width: 756px;
    background: url("img/bg-footer-clip.png") 30px 15px no-repeat;
    margin: 0 auto;
    height: 120px;
}

.box-footer-clip ul 
{
    list-style: none;   
    position: relative;
    top: 45px;
    left: 25px;
    margin: 0; padding: 0;
}

.box-footer-clip ul li
{
    display: inline;
    float: left;
    padding: 6px;
}

.box-footer-clip ul li a img
{
    border: none;
}

.lnk-foto-checking { zzdisplay:block; width:16px; height:16px; background:url('img/bg-link-foto.png') 0 0 no-repeat transparent; float:left; margin: 0 3px 0 3px; }
.lnk-arq-checking { zzdisplay:block; width:16px; height:16px; background:url('img/bg-link-download.png') 0 0 no-repeat transparent; float:left; margin: 0 3px 0 3px; }

.mosaic { display: inline-block; }
.mosaic: after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .mosaic {height:  1%; display: block;}
/* End hide from IE-mac */    
    
.nTxt { text-indent: -5000em; overflow: hidden; }    
.nF { float: none; clear: both; display: block; height: 0; line-height: 0; }
.fL { float: left; }
.fR { float: right; }

.tAC { text-align: center; }
.tAL { text-align: left; }
.tAR { text-align: right; }

.mR0 { margin-right: 0; }
.padR20 { padding-right: 20px; }
.padT10 { padding:4px; }
a.padT10 { color:#FF0000; border-left:1px solid #DDDDDD; padding-left:20px; margin-left: 15px;  }
.mL-15 { margin-left: -10px; }
.mT-15 { margin-top: 15px; }
.tmpLbl { padding-top:5px; display:block; float:left; height:10px; }