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

@font-face {font-family: Aller; src: url('../fontes/Aller_Rg.ttf')}
.aller {font-family:Aller}
body {background-color:#FFF; color:#727376; background-image: url('../imagens/layout/bg.jpg'); font-family:Aller, Tahoma, Arial, Sans-Serif}
body, .txtPesquisa, .TextBox, .DropDownList, 
footer #footer .pesquisa .campo-pesquisa  {font-size:13px; font-family:Trebuchet, Tahoma, Arial, Sans-Serif}

a:link, a:visited, a:active {text-decoration: none; color: #727376}
a:hover, #conteudo #tags a:hover {text-decoration: underline; color: #727376}



p {padding-top:10px; line-height:140%; text-align:justify}
p:first-of-type {padding-top:0px}

#header {width:100%; background-image: url('../imagens/layout/bg-header.gif'); background-repeat:repeat-x; display:table; height:190px}
#header a:link, #header a:visited, #header a:active, #footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #FF974B}
#header a:hover, #footer a:hover {text-decoration: underline; color: #FF974B}
#header .header {width:1000px; margin-left:auto; margin-right:auto; height:190px; background-image: url('../imagens/layout/separador-header.png'); background-repeat:no-repeat; background-position:100px 160px}
#header .header .kontabilidade {position:absolute; margin-left:343px; margin-top:44px}
#header .header .atendimento {position:absolute; margin-left:800px; margin-top:14px; width:192px; height:82px; background-image: url('../imagens/layout/atendimento.png'); display:block}
#header .header .menu {position:absolute; margin-left:86px; margin-top:136px}
#header .header .menu .home {position:absolute; list-style-type:none; margin-left:0px; margin-top:0px}
#header .header .menu .empresa {position:absolute; list-style-type:none; margin-left:109px; margin-top:0px}
#header .header .menu .servicos {position:absolute; list-style-type:none; margin-left:241px; margin-top:0px}
#header .header .menu .modelos-de-documentos {position:absolute; list-style-type:none; margin-left:376px; margin-top:0px}
#header .header .menu .clientes {position:absolute; list-style-type:none; margin-left:637px; margin-top:0px}
#header .header .menu .contato {position:absolute; list-style-type:none; margin-left:769px; margin-top:0px}

#conteudo {width:100%}
#conteudo h1 {color:#FF974B; font-size:18px; font-weight:normal; margin-bottom:10px}
#conteudo #centro {width:880px; margin-left:auto; margin-right:auto; overflow:hidden; min-height:400px; padding:0px 10px 0px 10px}
#conteudo a:link, #conteudo a:visited, #conteudo a:active {text-decoration: none; color: #FF974B}
#conteudo a:hover {text-decoration: underline; color: #FF974B}
#conteudo small {font-size:11px; line-height:150%}
#conteudo .verde {color:#FF974B}
#conteudo h2 {font-size:15px; font-weight:normal; padding:10px 0px 10px 0px}
#conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6 {font-size:14px; font-weight:normal; padding:10px 0px 10px 0px}
#conteudo #centro .texto ul {padding-left:18px; padding-top:5px; list-style-type:circle}

.txt-pesquisa {float: left; width: 181px; height: 26px; display:block; background-image: url('../imagens/layout/txt-pesquisa.jpg'); background-repeat:no-repeat}
.TextBoxPesquisa {border:none; background-color:transparent; padding:5px; color:#727376}
.btn-pesquisa {float: left; width: 29px; height: 26px; display:block}
.seta {list-style-image: url('../imagens/layout/seta.png')}

.categoria-produto {text-align: left; list-style-type: none; margin-bottom: 10px; margin-top: 10px;color: #727376; font-weight: bold; font-size: 15px}
#conteudo .categoria-produto a:link, #conteudo .categoria-produto a:visited, #conteudo .categoria-produto a:active {text-decoration: none; color: #727376}
#conteudo .categoria-produto a:hover {text-decoration: underline; color: #727376}

#galeria-produtos {overflow:hidden; margin-left:0px; margin-top:20px}
#galeria-produtos li {list-style-type:none; float:left; width:71px; height:71px; padding-right:9px; padding-bottom:9px}


#navegacao {color:#000; padding-bottom:10px; width:496px; float:left; padding-right:23px; line-height:215%; font-size:11px}
#navegacao a:link, #navegacao a:visited, #navegacao a:active {text-decoration: none; color: #000}
#navegacao a:hover {text-decoration: underline; color: #000}

.hproduct {width:230px; height:210px; background-color:#FFF; float:left; border:solid 1px #FFF; 
                list-style-type:none; margin-bottom:16px}
.hproduct span.titulo {width:230px; color:#FF974B; font-size:13px; text-align:center; text-transform:uppercase; 
                         height:40px; vertical-align:middle; display:table-cell} 
.hproduct span.imagem {width:100%; height:150px; text-align:center; padding-top:0px; float:inherit} 
.hproduct span.detalhes {width:100%; text-align:right; padding-top:0px; float:inherit} 
.hproduct a:link, .listaProdutos a:visited, .listaProdutos a:active {text-decoration: none; color: #000}
.hproduct a:hover {text-decoration: underline; color: #000}

#produtos h2, #produtos .tituloH, #indique {font-weight:normal; font-size:17px; letter-spacing:1px; color:#523F7E; padding-left:23px; padding-bottom:10px}
#indique {padding-left:0px}

#produto {padding-left:0px; width:254px; float:left}
#produto .imagemPrincipal {width:229px; height:150px; border: solid 1px #FFF; background-color:#FFF; overflow:hidden; margin-bottom:10px; display:block}
#produto .imagensSecundarias ul {list-style-type:none}
#produto .imagensSecundarias li {list-style-type:none; margin-right:12px; width:67px; height:67px; border: solid 1px #FFF; background-color:#FFF; float:left}

.verde {color:#A9CE42}

#footer {width:100%; background-image: url('../imagens/layout/bg-footer.gif'); background-repeat:repeat-x; height:262px; display:table; background-position:0px 224px; font-size:12px}
#footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #FF974B}
#footer a:hover {text-decoration: underline; color: #FF974B}
#footer .footer {width:1000px; margin-left:auto; margin-right:auto; height:262px}
#footer .footer .contabilidade {position:absolute; margin-left:22px; margin-top:21px; display:block}
#footer .footer .abertura-de-empresas {position:absolute; margin-left:292px; margin-top:21px; display:block}
#footer .footer .links-uteis {position:absolute; margin-left:587px; margin-top:21px; display:block; height:173px; width:170px; background-image: url('../imagens/layout/links-uteis-footer.png'); background-repeat:no-repeat; padding-top:30px; padding-left:30px}
#footer .footer .certidoes {position:absolute; margin-left:818px; margin-top:21px; display:block; height:133px; width:170px; background-image: url('../imagens/layout/certidoes-footer.png'); background-repeat:no-repeat; padding-top:70px; padding-left:30px; list-style-type:circle}
#footer .footer .links-uteis li, #footer .footer .certidoes li {list-style-image: url('../imagens/layout/seta.gif'); padding-bottom:3px}
#footer .footer .copyright {position:absolute; margin-left:0px; margin-top:243px; font-size:11px; width:990px; text-align:right}


.TextBox, .DropDownList {background-color:#FFF; border:solid 1px #DDD; padding:2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#666}
.Button{background-color:#CCC; border:solid 1px #DDD; padding:2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}

.mensagem .sucesso {background-image: url('../imagens/layout/sucesso.png'); width:20px; height:20px}
.mensagem .erro {background-image: url('../imagens/layout/erro.png'); width:20px; height:20px}

#carregando {position:absolute; top:0px; bottom:0px; left:0px; right :0px; overflow:hidden; padding:0; margin:0;
    /*background-image: url( '../Imagens/Layout/overlay.png' );*/z-index:3000;} 
#carregando .carregando {width: 100px;height: 30px;position: fixed; top: 250px; left:50%; margin-left: -50px; margin-top: 0px; margin-bottom: 0px;
    margin-right: 0px; border-style: solid; border-width: 1px; border-color: #C4CAD0; background-color: #FFFFFF; z-index: 5000;}
#carregando .carregando .esquerda {float: left; width: 22px; margin-left: 7px; margin-top: 7px}
#carregando .carregando .direita {float: left; width: 68px; line-height:26px}