@import "reset.css";
@import "fontes.css";

body{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000; background:url(../img/body-fundo.jpg) left top repeat;}
.clear{clear: both;}
#tudo{ background:url(../img/tudo-fundo.jpg) left top repeat-x; width: 100%; min-height: 100%; padding-top: 50px;}
#tudo2{ width: 900px; margin-left: auto; margin-right: auto; background:url(../img/tudo2-fundo.png) left top repeat; padding:8px;}
#pagina{background: #fff url(../img/pagina-fundo.jpg) left top no-repeat; padding: 8px 24px;}

#topo{ height: 142px; background:url(../img/fundo-direita.jpg) right 68px no-repeat; position:relative;}
#topo .logo{ float: left; padding-top: 28px; width: 358px;}
#topo #menu{ float: left; padding-left: 4px; width: 430px; padding-top: 44px;}
#topo #menu ul{ background: url(../img/menu-fundo.jpg) left top no-repeat; padding: 10px; width: 420px;height: 60px; }
#topo #menu ul li{ float: left; border-right: 1px solid #dbdbea; }
#topo #menu ul li.ultimo{ border: none; padding-top: 0px; padding-right: 2px; }
#topo #menu ul li a { float:left; font-family: "FuturaBdCnBTBold"; font-size: 20px; color: #31313F; text-decoration: none; padding-top: 22px; padding-left: 19px; padding-right:19px; display: block; height: 37px;}
#topo #menu ul li:hover,#topo #menu ul li.selecionado{ background:url(../img/menu-fundo-hover.jpg) left top repeat-x; }
#topo #menu ul li:hover a,#topo #menu ul li.selecionado a{ color: #fff;}
#topo .data{ width: 55px; height: 40px; text-align: center; color: #0b4e24; top: 8px; right: -12px; display: block; position: absolute; }

#banner{ height: 290px; background:url(../img/banner-fundo.jpg) left top no-repeat; padding-top: 18px;}
#banner #slider{ width: 832px; height: 261px}

#conteudo{ margin: 8px 0px;}
#conteudo h1{ color: #0b4e24; font-family: FuturaBdCnBTBold; padding-left: 28px; font-size: 22px; background: url(../img/ico-h1.jpg) left center no-repeat; margin: 8px 0px; text-transform: uppercase; }

.conteudo-empresa { background-image:url(../img/fundo-empresa.jpg); background-position:right top; background-repeat:no-repeat; height:320px; }
.conteudo-servicos { background-image:url(../img/fundo-servicos.jpg); background-position:right top; background-repeat:no-repeat; }
.conteudo-contato { background-image:url(../img/fundo-contato.jpg); background-position:right top; background-repeat:no-repeat; }

.esquerda{ float: left; width: 356px; padding: 0px 16px; }
.direita{ float: right; width: 356px; padding: 0px 16px; }

.contato{
	width: 356px;
	height: 80px;
	padding-top: 0px;
	background-color: #E0E0E0;
	background-image: url(../img/contato.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contato p{
	margin-left: 140px;
	font-size: 15px;
}

#contato { width:380px; background-image:url(../img/contato-fundo.jpg); background-repeat:repeat-y; padding:10px; float:left; }
#contato_dir { float:right; width:400px; margin-top:240px; text-align:right; }
#contato_dir strong { font-size:18px; color:#04451B; }

label { display:block; float:left; width:80px; text-align:right; margin-right:4px; }
input, textarea { display:block; float:left; width:250px; border:solid 1px #ccc; padding:6px; margin-bottom:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
input:hover, textarea:hover, input:focus, textarea:focus { background-color:#F0F0F0; }
#botoes { float:right; margin-right:28px; }
input#botao_submit,input#botao_reset  { width:70px; background-color:#04451B; color:#FFF;  border:0px; margin-right:4px; padding:4px; cursor:pointer;}
input#botao_submit:hover, input#botao_submit:focus,input#botao_reset:hover, input#botao_reset:focus { background-color:#80C021; }


#rodape{ height: 91px; background: #333; }
#rodape #logo{ float: left; background: url(../img/planeja-vale-rodape.png) center center no-repeat; width: 209px; height: 61px; margin-top: 18px; margin-left: 18px; margin-right: 120px; } 
#rodape .guiataubate{ float: right; margin-top: 30px; margin-right: 18px;}
#rodape .menu{ float: left; color: #fff; margin-top: 30px; width: 300px; display: block; text-align: center; }
#rodape .menu ul{ margin-left: auto; margin-bottom: 4px; display: block; width: 260px; margin-right: auto; }
#rodape .menu ul li{ float: left; padding: 0px 4px; display: block;  }
#rodape .menu ul li a{ color: #fff; text-decoration:none; }
#rodape .menu ul li a:hover{ text-decoration:underline;}

p { line-height: 24px; }
#esq { line-height: 24px; display: block; text-align: justify; width: 440px; }


.fonte18{font-size: 18px;}
.fonte20{font-size: 20px;}

a { color:#000; text-decoration:underline;}
a:hover { color:#667E1D; }
a.leiamais { float: right; color: #667E1D; font-weight: bold; text-decoration:none;}
a.leiamais:hover { text-decoration:underline; }

ul.lista{line-height: 20px;}
ul.lista li{ background: #f3f3f3 url(../img/lista-square.gif) 6px 12px no-repeat; padding: 4px 8px 4px 18px; margin-bottom: 1px;}
ul#servicos { display: block; width: 440px; text-align: justify; }


ul#servicos li { background: url(../img/lista-square.gif) 6px 9px no-repeat; line-height: 24px; padding-left: 18px; text-align: justify; }

h2 { font-size:18px; }