* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}
body {
	padding-bottom: 10px;
	color: #333;
	font: 9pt Tahoma, sans-serif;
	background: #039 url("img/bg_body.png") repeat-x center top;
	}
div#sombra {
	width: 830px;
	margin: 0 auto;
	padding: 0 20px;
	background: url("img/bg_sombra.png") repeat-x center top;
	}
div#tudo {
	width: 830px;
	background: white url("img/bg_conteudo.jpg") no-repeat center top;
	}
div#navegacao {
	height: 130px;
	}
div#rodape {
	height: 100px;
	text-align: center;
	}

/* ==== RODAPÉ ==== */
#rodape a:hover {text-decoration: underline;}
#rodape div#conteudo_rdp {
	float: left;
	width: 810px;
	}
#rodape div#canto_esquerdo {
	float: left;
	width: 10px;
	height: 100px;
	}
#rodape div#canto_direito {
	float: right;
	width: 10px;
	height: 100px;
	}
#rodape ul {
	margin: 1em 0;
	}
#rodape li {
	display: inline;
	}
#rodape li a {
	padding: 0 5px;
	color: #333;
	}
#rodape #copyright {
	color: #f90;
	}
#rodape #copyright a {
	text-decoration: underline;
	color: #f90;
	}
#rodape #copyright a:hover {
	text-decoration: none;
	color: #f60;
	}
/* ==== NAVEGAÇÃO ==== */
#navegacao div#menu {
	display: table;
	}
#menu div#lado_esquerdo {
	float: right;
	width: 317px;
	height: 36px;
	}
#menu div#lado_direito {
	float: right;
	display: inline;
	width: 9px;
	height: 36px;
	margin-right: 5px;
	}
#menu ul#nav {
	float: right;
	width: auto;
	height: 36px;
	}
#nav li {
	display: inline;
	}
#nav li a {
	float: left;
	display: block;
	width: auto;
	padding: 8px 8px 12px;
	font: 10pt sans-serif;
	color: #003;
	}
#nav li a:hover {
	color: #fff;
	}
body#home a#lnk_home,
body#empresa a#lnk_empresa,
body#servicos a#lnk_servicos,
body#clientes a#lnk_clientes,
body#dicas a#lnk_dicas,
body#localizacao a#lnk_localizacao,
body#contato a#lnk_contato {
	background: url("img/bg_link_nav.jpg") no-repeat bottom;
	}
#navegacao div#logo {
	margin-left: 25px;
	}

/* ==== CONTEÚDO ==== */
#conteudo div#principal {
	padding: 20px;
	}
#conteudo h1 {
	margin-bottom: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	font-size: 26px;
	text-align: right;
	color: #21507f;
	border-bottom: 1px solid #9cf;
	}
#conteudo #principal h2 {
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	margin-bottom: 10px;
	font-size: 14pt;
	font-weight: normal;
	text-align: right;
	color: #f90;
	border-bottom: 1px solid;
	}
#conteudo h3 {
	font-size: 14px;
	padding: 1em 1.5em;
	color: #09f;
	}
#conteudo #principal p {
	width: 90%;
	margin: 0 auto 1em;
	font-size: 11pt;
	text-align: justify;
	}
/* === Home Page === */
#conteudo div#imagem {
	position: relative;
	height: 284px;
	}
#imagem div#slide {
	position: absolute; top: 17px; left: 0;
	width: 575px;
	height: 255px;
	}
#conteudo div#destaques {
	padding-top: 25px;
	height: 215px;
	}
/* destaques */
#destaques div.box_destaque {
	float: left;
	display: inline;
	width: 30%;
	margin-left: 20px;
	}
#destaques h2 a {
	display: block;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	margin-bottom: 10px;
	font-size: 14pt;
	font-weight: normal;
	text-align: right;
	color: #036;
	border-bottom: 1px solid;
	}
#destaques h2 a:hover {
	color: #06c;
	}
#destaques p a {
	display: block;
	width: 95%;
	padding: 5px;
	color: #333;
	}
#destaques p a:hover {
	color: #666;
	}
#destaques a.destaque_imagem {
	display: block;
	width: auto;
	height: 105px;
	}
#destaques a.destaque_imagem#primeiro {
	background: url("img/destaque01.jpg") no-repeat center top;
	}
#destaques a.destaque_imagem#primeiro:hover {
	background: url("img/destaque01.jpg") no-repeat center -105px;
	}
#destaques a.destaque_imagem#segundo {
	background: url("img/destaque02.jpg") no-repeat center top;
	}
#destaques a.destaque_imagem#segundo:hover {
	background: url("img/destaque02.jpg") no-repeat center -105px;
	}
#destaques a.destaque_imagem#terceiro {
	background: url("img/destaque03.jpg") no-repeat center top;
	}
#destaques a.destaque_imagem#terceiro:hover {
	background: url("img/destaque03.jpg") no-repeat center -105px;
	}

/* === Empresa === */
#empresa div#galeria {
	display: table;
	width: 75%;
	margin: auto;
}
#empresa #galeria a {
	display: block;
	float: left;
	display: inline;
	width: 80px;
	height: 60px;
	margin: 0 14px 20px;
	padding: 4px;
	border: 1px solid #ccc;
}
#empresa #galeria a:hover {border: 1px solid #999;}
#empresa p a {
	text-decoration: underline;
	color: #257;
}
#empresa p a:hover {
	text-decoration: none;
	color: #06f;
}

/* === Serviços === */
#servicos #principal ul {
	width: 80%;
	margin: auto;
	list-style: inside;
	text-transform: uppercase;
	font-weight: bold;
	}
#servicos #principal ul li {
	padding: 10px;
	}
#servicos #principal li.destaque {
	background: #fe9;
	}

/* === Clientes === */
#clientes div#portifolio {
	display: table;
	width: 80%;
	margin: auto;
	}
#clientes #principal p.centro {
	text-align: center;
	}
#clientes #portifolio div.cliente {
	float: left;
	display: inline;
	width: auto;
	margin: 0 19px 15px;
	padding: 5px;
	text-align: center;
	background: white;
	border: 1px solid #cde;
	}
#clientes #portifolio div.logo {
	width: 160px;
	height: 110px;
	}
#clientes #portifolio img {
	vertical-align: middle;
	}
#clientes #portifolio img.valign {
	width: 0;
	height: 100%;
	}
#clientes #portifolio a.link {
	display: block;
	clear: both;
	padding: 4px 0;
	color: #9ab;
	}
#clientes #portifolio a.link:hover {
	color: #09c;
	}

/* === Dicas === */
#dicas #principal div#tabela_simbolos {
	width: 540px;
	margin: 0 auto;
	border: 1px solid #cde;
	}

/* === Localização === */
#localizacao #principal p.endereco, #contato #principal p.endereco {
	padding: 2em 0;
	text-align: center;
	color: #069;
	border: 1px dotted #abc;
	}
#localizacao div#map {
	display: block;
	width: 580px; 
	height: 340px;
	margin: auto;
	border: 1px solid #789;
	}

/* === Contato === */
#contato form {
	width: 80%;
	margin: 0 4%;
	}
#contato form span {
	color: #0af;
	}
#contato form div.legend {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	}
#contato input, #contato label, #contato textarea  {
	float: right;
	width: auto;
	}
#contato label {
	display: block;
	width: 75px;
	padding: 5px;
	text-align: right;
	color: #06f;
	}
#contato input {
	width: 180px;
	height: 15px;
	margin-bottom: 15px;
	padding: 5px;
	color: #333;
	border: 1px solid #9cf;
	background: none;
	}
#contato textarea {
	width: 445px;
	height: 130px;
	padding: 10px;
	margin-bottom: 15px;
	color: #333;
	border: 1px solid #9cf;
	background: none;
	}
#contato input.botao {
	clear: both;
	width: 150px;
	height: 30px;
	border: 1px solid #ddd;
	}