/* Documento - Site Disigual - In-Meta Agência Digital */

/* FRAMEWORK */
.fl{
    float:left;
}

.debug1{border: 1px dashed red}

.cb {
    clear:both;
}

.fr{float:right}


.ml5{
    margin-left:5px;
}

.ml3{
    margin-left:3px;
}

.ml7{
    margin-left:7px;
}
.mt1{
    margin-top:1px;
}
.pt5{
    padding-top:5px;
}

.debug{
    border:1px dashed red;
}

/* FRAMEWORK */

* {
	margin:0;
	padding:0;
	border:0;
}

body{
  	font-family:"Trebuchet MS";
    background-image: url(../images/textura-site.jpg);
    /*background-image: url(../images/fundoGeral.jpg);*/
    background-position: center top;
    background-color: #FFFFFF;
}

#geral{
    width: 961px;
	margin: 0 auto 0 auto;
    background-color: #FFFFFF;
}

address{
    font-style: normal;
}

#topoBusca{
    float: left;
    width: 961px;
    height: 25px;
    background-image: url(../images/fundoTopoBusca.gif);
    background-repeat: repeat-x;
}

#topoBusca ul{
    float: left;
    list-style:none;
    color: #FFFFFF;
    font-size: 11px;
    height: 21px;
}

#topoBusca ul li{
    float: left;
    border-right: 1px solid #02264B;
    padding: 4px 15px 0 15px;
    height: 21px;
}

#topoBusca img{
    float: left;
    margin-right: 7px;
    margin-top: -1px;
}

#topoBusca a{
    text-decoration: none;
    color: #FFFFFF;
}


#entradaBusca{
    float: left;
    width: 210px;
    height: 15px;
    border: 1px solid #B7C9DD;
    margin: 4px 0 0 0;
}

#botaoBusca{
    float: right;
    width: 67px;
    height: 17px;
    margin: 4px 11px 0 10px;;
}

#auxiliarTopo{
    float: left;
    width: 961px;
    height: 8px;
    background-image: url(../images/fundoAuxiliar.jpg);
    background-repeat: repeat-x;
}

#topoLogo{
    float: left;
    width: 961px;
    height: 105px;
    background-image: url(../images/div-topo-bg.jpg);
    background-repeat: repeat-x;
}
#topo-laranja{
    float:right;
    margin-left:0;
    height:34px;
    padding-right:10px;
    background-image: url(../images/topo-laranja.jpg);
    background-repeat: repeat-x;
}
.titulo-topo{
    font-family: Trebuchet MS;
    font-size: 16px;
    width:570px;
    color:black;
    margin-left:16px;
}

#buscador{
    float:right;
    width:310px;
    height:20px;
}


.topo-laranja-links{
    font-family: Trebuchet MS;
    font-size: 12px;
    margin-right:10px;
    text-transform: uppercase;
    font-weight:bold;
    color:white;
    margin-top:6px;
}


#menuHorizontal{
    float: left;
    width: 961px;
    height: 30px;
    background-color: #566F8D;

}

#menuHorizontal ul{
    float: left;
    width: 675px;
    height: 26px;
    background-image: url(../images/fundoMenuHorizontal.jpg);
    background-repeat: repeat-x;
    list-style: none;
}

#menuHorizontal p{
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 7px 3px 0 5px;
}

#menuHorizontal ul li{
    float: left;
    padding: 3px 22px 0 22px;
    border-right: 1px solid #6F8198;
    font-size: 13px;
    color: #494A49;
    height: 23px;
}

#menuHorizontal a{
    text-decoration: none;
    color: #494A49;
}

#cidadeSite{
    float: left;
    width: 135px;
    height: 17px;
    margin: 6px 5px 0 0;
    border: 1px solid #B7C9DD;
    font-size: 11px;
    font-family: Trebuchet MS;
    color: #333333;
}

#botaoCidadeSite{
    float: left;
    margin-top: 6px;
}


#migalhas{
    float: left;
    width: 941px;
    height: 21px;
    border-bottom: 1px solid #D7D7D7;
    font-size: 11px;
    color: #494A49;
    padding: 4px 0 0 20px;
}

#migalhas a{
    color: #0000FF;
}

#abas {
    width: 957px;
    padding-left:3px;
    float:left;
    clear: both;
}
.abaGeneral {
    width:476px;
    float:left;
}

.abaTop {
    float:left;
    clear:both;
    width:476px;
    height:10px;
    background-image: url(../images/abaTop.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.abaContainer {
    float:left;
    clear:both;
    width:476px;
    height:179px;
    background-image: url(../images/abaContainer.jpg);
    background-repeat: repeat-y;
}
.abaContainer ul {
    width:467px;
    float:left;
    margin-left:7px;
}

.abaContainer ul li {
    float:left;
    width:154px;
    height:27px;
    border-right:1px solid #CCCCCC;
    list-style: none;
    background-image: url(../images/abaClosed.jpg);
    cursor:pointer;
    text-align:center;
}
.abaContainer ul li h1{
    margin:5px 0 0 0;
    font-size:12px;
    color:#C52921;
}

.abaConteudo {
    width: 463px;
    height: 150px;
    float: left;
    margin: 0 0 0 6px;
}

.abaConteudo p{
    width: 443px;
    height: 105px;
    float: left;
    font-size: 12px;
    margin: 9px 0 0 6px;
}

.abaConteudoImg{
    border:1px solid #94D6EF;
    float: right;
    margin: 3px 0 10px 10px;
}

.botaoLeiaMais{
    float: left;
    margin: 15px 0 0 5px;
    cursor: pointer;
}

.linkLeiaMais{
    float: left;
    margin: 15px 0 0 6px;
    font-size: 12px;
}

.linkLeiaMais a{
    color: #0000FF;
}


.abaBase {
    float:left;
    clear:both;
    width:476px;
    height:10px;
    background-image: url(../images/abaBottom.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

#locais{
    float: left;
    width: 950px;
    margin: 4px 0 0 6px;
}

#locaisTopoUm{
    float: left;
    background-image: url(../images/topoLocais.jpg);
    background-repeat: no-repeat;
    width: 213px;
    height: 34px;
}

#locaisTopoDois{
    float: left;
    background-image: url(../images/topoLocaisLinha.gif);
    background-repeat: repeat-x;
    width: 732px;
    height: 34px;
}

#locaisTopoDois p{
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #006BD7;
    margin: 9px 7px 0 13px;
}

#cidadePaineis{
    float: left;
    width: 135px;
    margin: 8px 7px 0 0;
    border: 1px solid #B7C9DD;
    font-size: 11px;
    font-family: "Trebuchet MS";
    color: #333333;
}

#botaoCidadePaineis{
    float: left;
    margin-top: 7px;
}


.locaisCidades{
    float: left;
    width: 308px;
    margin: 5px 13px 0 0;

}

.locaisCidadesTopo{
    float: left;
    background-image: url(../images/topoCidades.jpg);
    background-repeat: no-repeat;
    width: 308px;
    height: 30px;
}

.locaisCidadesTopo p{
    float: left;
    font-size: 13px;
    color: #333738;
    padding: 7px 0 0 18px;
    text-transform: uppercase;
}

.locaisCidadesTopo img{
    float: right;
    margin: 2px 15px 0 0;
}

.locaisCidadesEsquerda{
    float: left;
    width: 3px;
    height: 117px;
    background-image: url(../images/sombraMenorCidades.gif);
    background-repeat: repeat-y;
}

.locaisCidadesMeio{
    float: left;
    width: 298px;
    height: 117px;
    background-image: url(../images/fundoCidades.jpg);
    background-repeat: repeat-x;
}

.locaisCidadesMeio p{
    float: right;
    font-size: 12px;
    color: #333333;
    margin: 17px 0 0 3px;
    line-height: 150%;
    width: 290px;
    height: 75px;
}

.locaisCidadesMeio img{
    float: left;
    margin-right: 8px;


}   
.locaisCidadesDireita{
    float: right;
    width: 7px;
    height: 117px;
    background-image: url(../images/sombraMaiorCidades.jpg);
    background-repeat: repeat-y;
}

.locaisCidadesRodape{
    float: left;
    width: 308px;
    height: 13px;
    background-image: url(../images/rodapeCidades.jpg);
    background-repeat: no-repeat;
}

.locaisCidadesVer{
    float: left;
    margin: 5px 0 0 116px;
}

.separadorCidades{
    float: left;
    width: 12px;
    height: 160px;
}

#dicas{
    float: left;
    width: 950px;
    margin: 4px 0 0 6px;
}

#dicasTopoUm{
    float: left;
    background-image: url(../images/topoDicas.jpg);
    background-repeat: no-repeat;
    width: 213px;
    height: 34px;
}

#dicasTopoDois{
    float: left;
    background-image: url(../images/topoDicasLinha.gif);
    background-repeat: repeat-x;
    width: 732px;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    color: #006BD7;
}

#dicasTopoDois form{
    float: left;
}

#dicasTopoDois fieldset{
    float: left;
    margin: 3px 0 0 12px;
}

#newsletterInput{
    border: 1px solid #B7C9DD;
    margin-left: 3px;
    width: 200px;
    float: left;
}

#newsletterBotao{
    float: left;
}

.dica{
    float: left;
    width: 227px;
    height: 188px;
    margin: 9px 12px 0 0;
}

.dicaTopo{
    float: left;
    width: 227px;
    height: 25px;
    background-image: url(../images/topoDica.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
}

.dicaTopo p{
    margin: 0 auto;
    font-size: 18px;
    color: #CB423B;
    width: 160px;
    background-color: #FFFFFF;
}

.dicaMeio{
    float: left;
    width: 223px;
    height: 150px;
    border-left: 1px solid #9DBFDA;
    border-right: 1px solid #9DBFDA;
    margin-left: 2px;
    background-image: url(../images/fundoDicas.jpg);
    background-repeat: repeat-x;
}

.dicaMeio p{
    float: left;
    font-size: 12px;
    color: #666666;
    line-height: 200%;
    margin: 5px 0 6px 6px;
    width: 211px;
    height: 120px;
}

.dicaMeio img{
    float: left;
    margin-left: 6px;
    cursor: pointer;
}


.dicasRodape{
    float: left;
    width: 227px;
    height: 14px;
    background-image: url(../images/rodapeDicas.jpg);
    background-repeat: no-repeat;
}

#linha{
    clear:both;
    float: left;
    width: 961px;
    height: 5px;
    background-image: url(../images/linha.gif);
    background-repeat: repeat-x;
    margin: 19px 0 11px 0;
}

#rodape{
    float: left;
    width: 961px;
    height: 120px;
    margin: 0 0 30px 0;
}

#rodapeEsquerdo{
    float: left;
    width: 16px;
    height: 122px;
    margin-left: 8px;
    background-image: url(../images/fundoEsquerdoRodape.jpg);
    background-repeat: no-repeat;
}

#rodapeConteudo{
    float: left;
    width: 910px;
    height: 122px;
    background-image: url(../images/fundoMeioRodape.jpg);
    background-repeat: repeat-x;
}

#rodapeConteudo address{
    float: left;
    font-size: 11px;
    color: #666666;
    text-align: center;
    margin-top: 6px;
}

#rodapeConteudo address img{
    margin: 8px 0 2px 0;
}

.rodapeLinks{
    float: left;
    text-align: center;
    margin-top: 4px;
    width: 910px;
}

.rodapeLinks a{
    color: #0000FF;
}

#rodapeDireito{
    float: left;
    width: 16px;
    height: 122px;
    background-image: url(../images/fundoDireitoRodape.jpg);
    background-repeat: no-repeat;
}

#colunaUm{
    float: left;
    width: 207px;
    margin: 12px 12px 0 15px;
}

.topoColunaLateral{
    float: left;
    background-image: url(../images/topoNavegueAqui.jpg);
    background-repeat: no-repeat;
    width: 207px;
    height: 32px;
}

.meioColunaLateral{
    float: left;
}

.meioColunaLateral ul{
    float: left;
    list-style: none;
    width: 207px;
    background-image: url(../images/fundoUlColunaUm.jpg);
    background-repeat: repeat-y;
}

.meioColunaLateral ul li{
    float: left;
    font-size: 14px;
    color: #333;
    width: 185px;
    height: 26px;
    margin-left: 8px;
    padding-top: 7px;
    border-top: 1px solid #E8E6E3;
}

.meioColunaLateral a{
    text-decoration: none;
    color: #333;
}

.meioColunaLateral img{
    float: left;
    margin: 3px 6px 0 8px;
}


.rodapeColunaLateral{
    float: left;
    width: 207px;
    height: 12px;
    background-image: url(../images/rodapeColunaUm.gif);
    background-repeat: no-repeat;
}

#colunaDois{
    float: left;
    width: 500px;
    margin: 12px 12px 0 0;
}


#topoColunaDois{
    float: left;
}

#topoUpColunaDois{
    float: left;
    background-image: url(../images/fundoTopoColunaDois.jpg);
    background-repeat: no-repeat;
    width: 500px;
    height: 33px;
}

#topoUpColunaDois img{
    float: left;
    margin: 15px 15px 0 21px;
}

#topoUpColunaDois h2{
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    margin-top: 6px;
}

#meioColunaDois{
    float: left;
    width: 464px;
    background-image: url(../images/fundoColunaDois.jpg);
    background-repeat: repeat-y;
    padding: 15px 21px 0 15px;
    font-size: 12px;
    color: #333;
    line-height: 160%;
}

.meioColunaDoisImgLeft{
    float: left;
    margin: 5px 5px 5px 0;
}

.meioColunaDoisImgRight{
    float: right;
    margin: 5px 0 5px 5px;
}

#meioColunaDois ul{
    margin: 5px 5px 5px 15px;
}

#meioColunaDois ol{
    margin: 5px 5px 5px 25px;
}

#meioColunaDois table{
    float: left;
    padding: 5px 5px 5px 0;
}

#meioColunaDois h1{
    font-size: 14px;
}

#meioColunaDois h2{
    font-size: 13px;
}
#meioColunaDois h3{
    font-size: 12px;
}

#meioColunaDois h4{
    font-size: 14px;
    color: #494A49;
}

#meioColunaDois h5{
    font-size: 13px;
    color: #494A49;
}

#meioColunaDois h6{
    font-size: 12px;
    color: #494A49;
}

#rodapeColunaDois{
    float: left;
    width: 500px;
    height: 13px;
    background-image: url(../images/rodapeColunaDois.jpg);
    background-repeat: no-repeat;
}

#colunaTres{
    float: left;
    width: 207px;
    margin-top: 12px;
}

.conteudoTextBottom{
    float: left;
    margin: 12px 0 0 20px;
    font-size: 1px;
    height: 17px;
}

.conteudoTextBottom img{
    cursor: pointer;
}

.textField{
    float: left;
    border:1px solid #D7D7D7;
}

#contact{
    float: left;
    margin-left: 10px;
}

.zend_form{
   float: left;
}

dd{
    float:left;
    margin-top:7px;
    width: 320px;
}
dt{
    margin-top:6px;
    float:left;
    clear:both;

}
dt label{
    font-size:12px;
    float:left;
    width:110px;
    text-align:right;
    padding:1px 5px 0 0;
    color: #666666;
}

.contatoTextarea{
    float: left;
    border:1px solid #D7D7D7;
}

#amostra{
    float: left;
    width: 465px;
    margin-bottom: 15px;
}

.itemAmostra{
    float: left;
    width: 120px;
    margin: 15px 0 0 30px;
    border: 1px solid #E8E6E3;
}

.itemAmostraConteudo{
    float: left;
    width: 120px;
    text-align: center;
    text-transform: uppercase;
    border-top: 2px solid #E8E6E3;
}

.itemAmostraConteudo a{
    color: #666666;
    text-decoration: none;
}

.itemAmostra img{
    padding: 10px 10px 5px 10px;
}

#amostra ul{
    float: left;
    list-style: none;
    margin: 0;
}

#amostra ul li{
    float: left;
    margin: 15px 0 0 0;
}

.itemAmostraTexto{
    margin: 0;
    border: 1px solid #E8E6E3;
    width: 339px;
    height: 95px;
    padding: 5px;
}

.itemAmostraTexto p{
    float: left;
    width: 337px;
    height: 57px;
}

.itemAmostraTexto h3{
    float: left;
}

.itemAmostraTexto a{
    float: left;
    color: #0000FF;
    margin-right: 10px;
}

.itemAmostra2{
    float: left;
    width: 112px;
    height: 105px;
    border: 1px solid #E8E6E3;
}

.itemAmostra2 img{
    padding: 15px 5px 8px 6px;
}

.quadradoSemBorda{
    float: left;
    width: 150px;
    margin: 0 0 15px 4px;
}

.quadradoSemBordaImg{
    float: left;
    width: 90px;
    padding-left: 30px;
    margin-bottom: 3px;
}

.quadradoSemBordaImg img{
    float: left;
}

.quadradoSemBordaNome{
    float: left;
    width: 150px;
    height: 15px;
    text-align: center;
    font-size: 13px;
    line-height: 100%;
}

#escondido{
    float: left;
    width: 465px;
    margin-top: 15px;

}

.linkColunaMeio a{
    color: #0000FF;
}

.abaContainer form{
    float: left;
    width: 440px;
    padding: 10px;
    font-size: 14px;
    /*height: 55px;*/
}
.spanAbaFtp{
    float:left;
    font-size:14px;
}


.abaContainer fieldset{
    width: 200px;
    float:left;
}

.abaContainer input{
    border: 1px solid #B7C9DD;
    float: left;
    margin-bottom: 3px;
    font-size: 13px;
}

#ab5 a{
    color: #0000FF;
    font-size: 12px;
    margin-left: 10px;
}

/* EXTRANET */
.topo-extranet{
    width:100%;
    height:20px;
    background-image: url(../images/bg-topo-extranet.jpg);
    background-repeat: repeat-x;
    border-left:1px solid gray;
    border-right:1px solid gray;
    font-size:12px;
    font-family: Trebuchet MS;
}
.topo-arquivos{
    width:100%;
    height:20px;
    background-image: url(../images/bg-topo-extranet.jpg);
    background-repeat: repeat-x;
    font-size:12px;
    font-family: Trebuchet MS;
    float:left;
    clear:both;
}
.ftp-logado{
    position:absolute;
    background-color:white;
    width:463px;
    min-height: 132px !important;
    font-size:12px;
    border:1px solid gray;
    border-top:0;
    background-image: url(../public/images/bg-ftp.jpg);
    background-repeat:no-repeat;
    background-position:top right;
}
#upload-file{
    width:100%;
    height:113px;
    float:left;
    background-image: url(../images/bg-upload-div.gif);
    background-position:top right;
    background-repeat: no-repeat;
}
#arquivos{
    width:100%;
    float:left;
    background-image: url(../images/my-files.jpg);
    background-position:top right;
    background-repeat: no-repeat;
    padding-bottom:6px;
}
.arquivo{
    height:27px;
    float:left;
    clear:both;
    margin:5px 0 0 5px;
    background-color: #FFFFF0;
    border: 1px solid #FDE7B3;
}
.arquivo-img{
    float:left;
    margin:3px;
}
.arquivo-actions{
    float:left;
    border-left: 1px solid #FDE7B3;
    height:100%;
}
.arquivo-actions-img{
    float:left;
    margin:6px;
    margin-bottom:0;
}
.file-name {
    float:left;
    margin:6px;
}



/* EXTRANET */