/* BASE HTML ELEMENTS */

* { margin: 0; padding: 0; }
body { background: url( ../_images/site/bg.png ) top left repeat; text-align: center; }
body, td { font: normal 12px Verdana; line-height: 17px; color: #4d4b47; }
a { color: #244a76; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 span, h2 span, h3 span { display: none; }

/* CONTROL CLASSES */

.hidden { display: none; }
.visible { display: normal; }
.clear_all { clear: both; }

/* ESTRUTURA BASICA */

div.top { background: url( ../_images/site/top_bg.png ) top center no-repeat; width: 100%; height: 130px; text-align: center; }
div.top div.logotipo { width: 835px; margin: 0 auto 0 auto; text-align: left; }
div.top div.logotipo img { position: absolute; margin: 0 0 0 -60px; cursor: pointer; cursor: hand; z-index: 99; }
div.top table.menu { width: 835px; height: 48px; margin: 0 auto 0 auto; }
div.top table.menu td { text-align: center; }
div.top table.menu td a { color: #525c23; font-weight: bold; display: block; padding: 15px 0 15px 0; }
div.top table.menu td.coluna_1 { background: url( ../_images/site/bg.png ) top left repeat; width: 166px; text-align: left; }
div.top table.menu td.coluna_2 { background: url( ../_images/site/menu_tab.png ) top left repeat-x; width: 167px; }
div.top table.menu td.coluna_3 { background: url( ../_images/site/menu_tab.png ) top left repeat-x; width: 167px; }
div.top table.menu td.coluna_4 { background: url( ../_images/site/menu_tab.png ) top left repeat-x; width: 167px; }
div.top table.menu td.coluna_5 { background: url( ../_images/site/menu_tab.png ) top left repeat-x; width: 168px; }
div.top table.menu td.selecionado { background: url( ../_images/site/menu_tab_h.png ) top left repeat-x; }
div.top table.menu td.selecionado a { color: white; }

div.top table.frase { width: 835px; height: 82px; margin: 0 auto 0 auto; }
div.top table.frase td { vertical-align: middle; font: normal 16px Verdana; color: #626a39; line-height: 20px; }
div.top table.frase td p { margin-left: 311px; width: 445px; text-align: center; }

div.home_fotos { margin: 0 auto 0 auto; width: 835px; }
div.home_fotos img.home_fotos_cantos_arredondados { position: absolute; z-index: 999; }
div.home_fotos div.thumbs { text-align: left; background: url( ../_images/site/home_thumbs_bg.png ) top left no-repeat; position: absolute; z-index: 999; width: 835px; height: 98px; margin-top: 252px; }
div.home_fotos div.thumbs p { width: 180px; margin: 20px 14px 0 30px; float: left; }
div.home_fotos div.thumbs img.thumb { float: left; margin: 13px 0 0 10px; border: 3px solid white; }
div.home_fotos div.thumbs img.thumb:hover { border: 3px solid green; }
div.home_fotos img.imagem_aberta { position: relative; z-index: 7; }

div.novo_endereco { margin: 30px auto 0 auto; width: 835px; height: 230px; background: white; text-align: left; }
div.novo_endereco div.texto { margin: 30px 0 0 30px; width: 400px; float: left; }
div.novo_endereco div.texto h3 { color: #626a39; font: bold 14px Verdana; padding-bottom: 12px; }
div.novo_endereco div.texto p { padding-bottom: 12px; width: 340px; }
div.novo_endereco div.mapa_fotos { }
div.novo_endereco div.mapa_fotos img { margin: 0 0 0 120px; position: relative; top: -20px; z-index: 99; }

div.interna { margin: 0 auto 0 auto; padding: 0 0 60px 0; width: 835px; background: white; text-align: left; }
div.interna h1 { width: 835px; height: 100px; background: url( ../_images/site/h1_interna.jpg ) top left no-repeat; margin-bottom: 40px; }
div.interna h1 span { display: block; margin: 0 0 0 500px; padding-top: 35px; color: white; width: 335px; text-align: center; font: normal 28px Georgia; text-shadow: 0 1px #333 }
div.interna h2 { margin: 40px 0 0 30px; font: normal 20px Georgia; color: #5f682e; }
div.interna div.texto { margin: 0 30px 0 30px; clear: both; }
div.interna div.texto h3 { color: #626a39; font: bold 14px Verdana; padding: 0 0 12px 0; }
div.interna div.texto p { padding-bottom: 30px; }
div.interna div.texto img.esquerda { float: left; margin-right: 30px; }
div.interna div.texto img.direita { float: right; margin-left: 30px; }

div.interna table.formulario_contato { width: 775px; margin: 0 30px 0 30px; }
div.interna table.formulario_contato td { vertical-align: top; padding-bottom: 40px; }
div.interna table.formulario_contato td.esquerda { width: 65%; }
div.interna table.formulario_contato td.direita { }
div.interna table.formulario_contato td.direita p { padding-bottom: 12px; }
div.interna table.formulario_contato td.direita img { border: 1px solid #bbb; margin: 0; }

div.texto_inicial { margin: 0 30px 0 30px; }
div.interna table.portfolio { width: 775px; margin: 30px 30px 0 30px; }
div.interna table.portfolio td { vertical-align: top; padding-bottom: 50px; }
div.interna table.portfolio td.esquerda { width: 240px; }
div.interna table.portfolio td.esquerda ul { width: 210px; list-style: none; border-top: 1px solid #cdcdcd; }
div.interna table.portfolio td.esquerda ul li { padding: 10px 0 10px 0; border-bottom: 1px solid #cdcdcd; background: url( ../_images/site/li.png ) right 12px no-repeat; }
div.interna table.portfolio td.esquerda ul li a { }
div.interna table.portfolio td.esquerda img.banner_solicite_orcamento { margin-top: 30px; }
div.interna table.portfolio td.direita { }
div.interna table.portfolio td.direita img.anterior { position: absolute; z-index: 999; }
div.interna table.portfolio td.direita img.proxima { position: absolute; z-index: 999; margin-left: 262px; }
div.interna table.portfolio td.direita p.legenda { margin-top: 10px; }

div.form { width: 400px; margin: 0 0 0 20px; }
div.form form { padding: 0 0 0 0; width: 400px; }
div.form form p { padding-bottom: 8px; }
div.form form p.error { color: red; font-weight: bold; padding-bottom: 20px; }
div.form form p.success { color: green; font-weight: bold; padding-bottom: 20px; }
div.form form label { display: block; padding-bottom: 3px; }
div.form form input.text { padding: 3px 0 0 3px; border: 1px solid #d9d8d8; border-top: 1px solid gray; height: 23px; }
div.form form textarea { border: 1px solid #d9d8d8; border-top: 1px solid gray; }
div.form form .small { width: 100px; }
div.form form .medium { width: 250px; }
div.form form .big { width: 410px; }
div.form form .tall { height: 180px; }
div.form form select.normal { padding: 3px 0 0 0; border: 1px solid #d9d8d8; border-top: 1px solid gray; width: 250px; height: 23px; }
div.form form p.botoes { margin: 10px 0 0 0; padding: 0; }
div.form form p.botoes input.botao { }

div.rodape { margin: 0 auto 0 auto; width: 835px; height: 120px; text-align: center; }
div.rodape p { margin-top: 70px; }
div.rodape p a { color: #525c23; }