﻿*{
    margin:0px;
    padding:0px;
    font-family:Verdana,tahoma,arial,sans-serif;    
}
a img {border:none}

#main{
    width:100%;
    margin:auto;
    overflow:hidden;
}

#barra{
    float:left;
    height:55px;
    width:100%;
    background:url(../images/faixaVermelha.gif) repeat-x center;
}

#contentBarra{
    width:1001px;
    /*background:url(../images/faixaVermelha.gif) repeat-x -511.9px; */
    height:55px;
    margin:auto;

}

#contentMain{
    margin:-1px 0px 0px 0px;
    width:100%;
    background:url(../images/bkgMeio.gif) repeat-x left -0px;
    float:left;
    min-height:587px;

}

#header{
    width:100%;
    background:url(../images/bkgHeader.gif) repeat-x;
    float:left;
}

#headerContent{
    width:1001px;
    height:110px;
    margin:auto;
}

#headerContent h1 a{
    float:left;
    text-indent:-9000px;
    height:110px;
    margin:0px 0px 0px 45px;
    width:320px;
    background:url(../images/lgoTPA.gif) no-repeat left top;
}
#headerMenu{
    float:left;
    margin:0px 0px 32px 201px;
    width:400px;
    overflow:hidden;
}
#headerMenu ul
{
    float:right;
}
#headerMenu ul li{ 
    float:left;
    display:inline;
}

#headerMenu ul li a{ 
    font-size:10px;
    color:#333;
    text-decoration:none;
    height:37px;
    line-height:37px;
}

#headerMenu ul li a.bthome{
    padding:14px 12px 10px 40px;
    background:url(../images/menuSuperior.gif) no-repeat 0px -37px;
}

#headerMenu ul li a.btduvidas{
    padding:14px 15px 10px 45px;
    background:url(../images/menuSuperior.gif) no-repeat -88px -37px;
}

#headerMenu ul li a.btfale{
    padding:14px 12px 10px 45px;
    background:url(../images/menuSuperior.gif) no-repeat -195px -37px;
}

#headerMenu ul li a.btblog{
    padding:14px 10px 10px 40px;
    background:url(../images/menuSuperior.gif) no-repeat -329px -37px;
}


#headerMenu ul li a.bthome:hover{   background:url(../images/menuSuperior.gif) no-repeat 0px 0px; }
    
#headerMenu ul li a.btduvidas:hover{    background:url(../images/menuSuperior.gif) no-repeat -88px 0px; }

#headerMenu ul li a.btfale:hover{    background:url(../images/menuSuperior.gif) no-repeat -195px 0px; }

#headerMenu ul li a.btblog:hover{    background:url(../images/menuSuperior.gif) no-repeat -329px 0px; }



#headerLogin{
    display:block;
    width:406px;
    float:left;
    margin-left:201px;
    background: url(../images/arealogin.gif) no-repeat 0 6px;

}

#headerLogin label{
    font-size:11px;
    line-height:20px;
    height:20px;
    float:left;
    margin:0 5px;
    color:#333;
}
#headerLogin .bordLogin{
    width:390px;
    border:none;
    margin:auto;
}
#headerLogin  fieldset{
    width:405px;
    border:none;
}
.btOk {margin-left:7px}
#headerLogin legend{
    width:135px;
    font-size:11px;
    color:#b01c24;
    text-align:left;
    margin-bottom:5px;
    padding-left:10px
}
#headerLogin .fldLogin{
    font-size:11px;
    border:none;
    padding:3px;
    float:left;
    width:110px;
    color:#333;
}
#headerLogin .imgBtnLg{
    margin:0 5px;
    float:left;
}
#content{
    width:1001px;
    margin:auto;
}

#contentLeft{
    float:left; 
    width:245px;
    margin:0px 40px 0px 0px;

}

#contentMenu{
    float:left;
    margin:0px 0px 0px 53px;
    background:url(../images/bkgMenuLateral.gif) repeat-x left -92px;
    width:205px;
    height:329px
}

#contentMenu li{
    list-style:none;
}

#contentMenu li a{
    margin:7.5px 23px;
    padding:3px 20px 10px 30px;
    border-bottom:1px solid #CCC;
    display:block;
    font-size:14px;
    text-decoration:none;
    color:#333;
    background:url(../images/menuLateralOver.gif) no-repeat left -28px;
}

#contentMenu li a:hover{

    background:url(../images/menuLateralOver.gif) no-repeat 0px 0px;
    color:#FFF;
}

#contentMenu li a.classBtnAtivo{background-position: 0px -62px !important; color:#fff;}

/*
#contentMenu{
    float:left;
    margin:0px 0px 0px 53px;
    background:url(../images/bkgMenuLateral.gif) repeat-x left -92px;
    width:205px;
    height:329px
}

#contentMenu li{
    list-style:none;
}

#contentMenu li a{
    margin:7.5px 23px;
    padding:3px 20px 10px 30px;
    border-bottom:1px solid #CCC;
    display:block;
    font-size:14px;
    text-decoration:none;
    color:#333;
    background:url(../images/menuLateralOver.gif) no-repeat left -23px;
}

#contentMenu li a:hover{

    background:url(../images/menuLateralOver.gif) no-repeat 0px 0px;
    color:#FFF;
}

#contentMenu li a.classBtnAtivo{background-position: 0px -57px !important; color:#fff;}
*/
#contentRight{
    float:left;
    width:670px;
}

#contentRight h2{
    font-style:italic;
    font-family:Trebuchet Ms;
    color:#333;
}

#contentRight p{
    color:#333;
    font-size:11px;
    line-height:24px;
    text-align:justify;
    width:100%
}

#contentBanner{
    width:640px;
    margin:auto;
    height:303px;
    margin-top:-35px;
    z-index:1;
}

#contentBox{
    overflow:hidden;
    width:640px;
    margin:auto;
}

#contentBoxLeft{
    float:left;
    width:46.9%;
    padding:9px;   
}
#contentBoxRight{
    float:left;
    width:46.9%;
    padding:9px;   
}

#contentBoxRight h2{
    font-size:20px;
    margin:12px 20px;
}

#contentBoxLeft h2{
    font-size:20px;
    margin:12px 20px 11px 20px;
}
#contentBoxRight p{
    margin:14px 20px 11px 20px;
}

#contentBoxLeft p{
    margin:12px 20px;

}

#footerMain{
    float:left;
    width:100%;
    margin:32px 0px 0px 0px;
    background:url(../images/bkgRodape.gif) repeat-x left top;
    
}

#footer{
    width:1001px;
    margin:auto;
    height:118px;
}
#footerMenu{
    background:url(../images/bkgRodape.gif) repeat-x 0 -50px;
    text-align:center;
    line-height:24px;
    margin:11px 40px 25px 40px;
    height:30px;
}
#footerMenu li{
    display:inline;
    color:#333;
    font-size:11px;
}
#footerMenu li a{
    font-size:11px;
    padding:5px 5px;
    color:#333;
    text-decoration:none;
}

#footerMenu li a:hover{ text-decoration:underline; }

#footer p{
    font-size:9px;
    color:#333;
    text-align:center;
    margin:0px 0px 15px 0px;
}

#produtosMenu{
    width:677px;
    margin:0px 0px;
    height:36px;
}

.classBG1{   background:url(../images/abasProdutos.gif) no-repeat 0px 0px;}
.classBG2{   background:url(../images/abasProdutos.gif) no-repeat 0px -37px;}
.classBG3{   background:url(../images/abasProdutos.gif) no-repeat 0px -74px;}
.classBG4{   background:url(../images/abasProdutos.gif) no-repeat 0px -111px;}
.classBG5{   background:url(../images/abasProdutos.gif) no-repeat 0px -148px;}
.classBG6{   background:url(../images/abasProdutos.gif) no-repeat 0px -185px;}
.classBG7{   background:url(../images/abasProdutos.gif) no-repeat 0px -222px;}
.classBG8{   background:url(../images/abasProdutos.gif) no-repeat 0px -259px;}

#produtosMenu li{
   display:inline;
   float:left;
   height:30px
}

#produtosMenu li a{
    display:block;
    font-size:14px;
    float:left;
    color:#EEE;
    text-decoration:none;
    line-height:40px;
    margin:9px 0;
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-style:italic;
    height:20px;
}

#produtosMenu li a span{    display:none;}

#produtosMenu li a.rootac{  width:90px; }

#produtosMenu li a.pdv{ width:68px; }

#produtosMenu li a.delivery{ width:110px; }

#produtosMenu li a.tcp{ width:60px; }

#produtosMenu li a.iven{ width:71px; }

#produtosMenu li a.supervisor{  width:78px; }

#produtosMenu li a.credito{ width:60px; }

#produtosMenu li a.baixa{   width:95px; }


/* LINK VISITADO */

.txtInpt{

    border:1px solid #AAA;
    padding:3px;
    font-size:11px;
}


.lblLabel{
    font-size:10px;
    margin:5px 5px 0px 15px;
}

.txtInput{
    padding:3px;
    font-size:10px;
    border:none;
    height:12px;
}

.titlePage{
    background:url('images/linhaTitulo2.gif') no-repeat right bottom;
    width:717px;
    height:39px;
    float:left;
    margin-top: 18px;
    
}

.titlePage{
    background:url('../images/lineTituloGrande.gif') no-repeat left bottom;
    width:717px;
    height:39px;
    float:left;
    margin-top: 18px;
            
}
.titlePage h2{
    font-size: 30px !important;
    float:left;
    padding-left:25px;
}


.imgBtn{
    background:url(../images/btoOK.gif) no-repeat 0px -18px;
    border:none;
    margin:3px 0px 0px 5px;
}

.saibaMais{
    padding:0 0 15px 0;
    margin:15px 18px;
    background:url(../images/bkgLineSaibaMais.gif) no-repeat right top;
    text-align:right;
    
}

.saibaMais a{
    float:right;
    margin:-15px 15px 0px;
    text-decoration:none;
    font-size:14px;
    color:#333;

}

.saibaMais a:hover{ text-decoration:underline; }

.imgList{
    float:left;
    display:block;
    margin:10px 5px ;
    width:100px;
    height:80px;
    border-right:1px dotted  #AAA;

}

.servText{float:left; width:430px;}

.infoContent{
    float:left;
    padding:29px 0 0 35px;
    margin:0 0 50px 0;
}

.infoContent p{
    line-height:26px;
}

.infoContent h3{
    color:#b01c24;
    font:italic 18px Trebuchet MS;    
    margin:35px 0px 10px 0px;
}
.infoContent strong{
    font-weight:normal;
    color:#b01c24;
}

.inst{
    float:left;
    margin:0px 25px 25px 0px;
    position:relative;

}

.instLista{
    margin:0px 0px 0px 50px;
}

.instListaCls{
    list-style:none;
    margin:0px;
}

.instLista li{
    color:#b01c24;
    margin:35px 0px 0px;
}

.instLista h4{
    font:18px Trebuchet MS;
    color:#333;
}

.instLista li span
{
    color:#333;
    font-size:11px
}



.servLista{
    color:#b01c24;
    margin:20px;
}

.impressBar{
    margin:50px 0px 0px 0px;
    height:30px;
    width:100%;
    background: url(../images/lineLinks.gif) no-repeat right center;
    text-align:right;
    overflow:hidden;
}
.impressBar a{
    color:#b01c24;
    text-decoration:none;
    line-height:20px;;
    float:right;
}

.impressBar a.indiqueBtn{
    padding:0px 20px;
    height:16px;
    background: url(../images/icoIndique.gif) no-repeat left top;
    line-height:15px;
}

.impressBar a.imprimirBtn{
    padding:0px 20px;
    height:16px;
    background: url(../images/icoImprima.gif) no-repeat left top;
    line-height:15px;    
}

.clientList{
    overflow:hidden;
    margin:50px 0px;
    width:640px;
}

.clientList li{
    float:left;
    display:inline;
    margin:2px;
    width:156px;
    text-align:center;
}

.clientList li.kanguru{ width:300px; margin:10px 1px; }

.clientList li a{
    display:block;
}

.clientList li a img{ border:none; }

.servBox{
    display:block;
    margin:30px 0;
    overflow:hidden;
}    

.servBox img{
    float:left;
    padding:10px 10px 10px 10px;
    margin:8px;
    border-right:1px dotted #AAA;
}

.prodBox{
    background:url(../images/bkgAbaSelecionada.gif) repeat-x left top;
    padding:25px;
}

.prodBox h3{ margin:0px 0 13px;width:100%}

.prodBox p {padding:0 0 35px;}

#parc{ 
    margin-bottom:10px;
    overflow:hidden;
    clear:both;
}
.parcBox p{
    width:110px;
    margin:auto;
}
.parcBox{
    float:left;
    width:200px;
}
.parcBox blockquote{
    margin:0 auto;
    width:100px;
    padding:0 0 0 20px;
}
.parcBox div{
    height:80px;
    text-align:center;
}
.parcBox h3{
    width:100px;
    margin:0px auto;
    clear:both;
}

.parcBox img{
    margin:10px auto;
}

.enken img{ border:none;}


/* inicio - Revendedor */

.CadastroRevendedor{
    clear:both;
}

#revendedorVantagens
{
    width:300px;
    margin:30px 0 0 0;
    float:left;
    font-size:11px;
}
#revendedorVantagens h3
{
    margin:0;
    font: italic 18px Trebuchet MS, Verdana, Arial, Sans-Serif;
}

#revendedorVantagens .instLista li{
    color:#b01c24;
    margin:10px 0px 0px;
}
#revendedorVantagens .instLista
{
    padding-left:18px;
    margin:0
}

#formLogin
{
    background: url(../images/bgLoginRevendedor.jpg) no-repeat;
    width:252px;
    height:130px;
    float:left;
    margin:30px 0 0 70px;
}


/* fim - Revendedor */
/* inicio - Fale conosco */

#abaFormulario
{
    width:162px;
    background: url('../images/abaFormulario.gif') no-repeat left top;
    height:25px;
    float:left;
}

#formFaleConosco
{
    float:left;
    background: url('../images/bkgFaleConosco.gif') no-repeat 0px 25px;
    margin-top:25px;
    min-height:443px;
}

span.red{color:red; font-size:11px;}

#tableFormContato
{
    float:left;
    margin:0 50px;
}

label.labalForm
{
    font-size:11px;
}

.msgError div
{
    border:1px solid #ccc;
    font-size:12px;
    padding:2px 10px;
    margin-bottom:20px;
}

.msgError div ul{
    list-style:none;
    width:400px;
}
/* fim - Fale conosco */

/* inicio - Cadastre */

#abaFormulario
{
    width:162px;
    background: url('../images/abaFormulario.gif') no-repeat left top;
    height:25px;
    float:left;
}

#formCadastrese
{
    float:left;
    background: url('../images/bkgAbaSelecionada.gif') no-repeat 0px 5px;
    margin-top:25px;
}

#formCadastrese div
{
    float:left;    
}



/* fim - Cadastre-se */

/* inicio - EnviarPagina */

    *{
        margin:0px;
        padding:0px;
        font-family:Verdana;
    }
    
    #mainForm{
        width:550px;
        margin:auto;
    }
    
    #headerForm{
        height:100px;
        background:url(../images/bkgHeaderPopup.gif) no-repeat;
        padding:25px;
    }
   
    #headerForm h1{
        background:url(../images/lgoTPApopup.gif) no-repeat;
        height:50px;
        text-indent:-9000px;
    }
    
    .lblLabel{
        font-size:11px;
        color:#b01c24;
        padding:15px 5px;
    }

    .txtInput{
        border:1px solid #AAA;
        margin:0px 0 10px 0;
    }

    #mainForm p{
        font-size:11px;
   }

    #mainForm p.txtPrgr{
         width:400px;
         margin:0 auto 32px;
   }

    #mainForm p cite{
        color:#b01c24;
    }

    .imgBtn{
        margin-top: 15px;
    }
    
    #footerForm{
        background:url(../images/bkgRodapePopup.gif); 
        height:50px;
        text-align:center;
        color:#AAA;       
    }

    #footerForm p{
        padding:30px 0 0;
    }
    
    .disableJs{
        text-align:center;
        margin:10px;
    }

/* fim - EnviarPagina */
 
 
#divEvento{
    display:none;
}

#divEvento div{
    width:150px;
    background:#FFF;
    border:1px solid #AAA;
    display:none;
    padding:5px;
}

#divEvento div p{
    font-size:11px;
    margin:0px;
    padding:0px;
}
#divEvento div p strong{
    font-weight:bold;
    color:#b01c24;
}


/*Form Login*/

#formLogin{
    width:252px;
    height:130px;
    background:url(../images/bgLoginRevendedor.jpg) no-repeat;

}

#formLoginContent{
    margin:15px 20px;

}

#formLogin label{
        text-align:right;
        float:left;
        margin:0 5px;
        display:block;
        width:40px;
        font-size:11px;
        /*color:#b01c24;*/
        color:#555555;
        line-height:18px;
}

#formLogin .txtInput{
        float:left;
        width:110px;
        margin:0px 5px 0 0;
}

#formLogin .txtInputLogin{
        width:140px;
        margin:0 0 10px;
        border:1px solid #AAA;
}

#formLogin .imgButton{
    float:left;
    display:block;
    margin:0 2px;
    
}

#formLogin .imgButtonCadastre{
    text-align:center;
    display:block;
    padding:5px 0px 0;
    clear:both;
}
#formLogin hr{
    border:1px solid #555;

}
#formLogin a{
    float:left;
    line-height:20px;
    display:block;
    font-size:11px;
    text-align:right;
    color:#333;
    text-decoration:none;
}

#formLogin .lineHr{
    display:block;
    height:1px;
    width:90px;
    float:left;
    margin:10px 5px;
    border-bottom:1px solid #AAA;
}
#usuario{
    font-size:11px;
    font-style:italic;
    text-align:center;
    margin:30px 25px;
}

#usuario strong{
    font-weight:bold;
}
#usuario .LogoutBtn{
    width:40px;
    margin:20px 10px;
    text-align:center;    
    background:#333;
    color:#FFF;
    font-style:normal;
    background:url(../images/btnSair.gif) no-repeat center;    
}

#usuario .DownBtn{
    width:75px;
    margin:20px 0 5px 35px ;
    background:url(../images/btnDownloads.gif) no-repeat center;    
}

#usuario .DownBtn span{
    text-indent:-90000px;
}

.LoginInvalido{
    margin:auto;
    padding:50px 0;
    font-size:11px;
    font-weight:bold;
    color:#b01c24;
    text-align:center;
}

.lnkVoltar{
    width:49px;
    background:url(../images/voltar.gif) no-repeat center;  
    margin:20px 100px;
}
#DownMain{
    display:block;
    height:150px;
}

.DownContent{
    float:left;
    width:150px;
    margin:10px;
    padding:0 0 0 50px;
    background:url(../images/icoPDF.gif) no-repeat 5px center;    
}

.DownContent h3{
    font-size:12px;
    font-style:normal;
    color:#000;
    margin:0px 5px;
}

.DownContent a{
    display:block;
    width:100px;
    background:url(../images/Arrow-Down.gif) no-repeat 5px center;    
    font-size:11px;
    padding:0px 0 0 35px;
    height:31px;
    color:#a7241b;
    text-decoration:none;
    line-height:31px;
}


#LoginRevendedor li a{
    background:url(../images/line.gif) no-repeat 15px center !important;
    color:#a7241b !important;
    padding-left:50px !important;
}

#LoginRevendedor li a:hover{
    background:url(../images/line.gif) no-repeat 15px center !important;
    color:#a7241b !important;
    padding-left:50px !important;
}

.revChb td {padding:0 9px 0 0}
.revChb td label {margin:0 0 0 4px}
