@charset "utf-8";

@import url("reset.css");

body {
	background: url(../images/background.png) repeat-x 0 150px;
	font: 62.5%/20px Tahoma, Geneva, sans-serif;
	color: #3a3a3a;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: lowercase;
}

p, ul, ol, dl {
	font-size: 1.1em;	
}

p, ul, ol, dl {
	margin-top: 20px;	
}

a {
	color: #3a3a3a;
	text-decoration: none;
}

a:focus, a:hover, a.active {
	color: #6b446c;
	text-decoration: underline;
}

a:visited, a:active {
}

form {
	width: 360px;
	overflow: hidden;
	margin-top: 30px;
}

form p {
	margin: 0 0 4px 0;
}

form input, form textarea {
	color: #3a3a3a;
	font: 1em Tahoma, Geneva, sans-serif;
	margin: 0;
	display: block;
	width: 338px;
	border: 1px solid #f2ebf2;
}

form input {
	line-height: 30px !important;
	height: 28px;
	padding: 0 10px;
}

form input[type="hidden"] {
	display: none;
}

form textarea {
	padding: 5px 10px;
}

form button {
	background: #e0cee0;
	color: #fff;
	border: none;
	line-height: 30px;
	height: 30px;
	float: right;
	cursor: pointer;
	margin-top: 30px;
}

form button:hover, form button:focus {
	background: #6b446c;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

p.mensagem {
	background: #f2ebf2;
	display: block;
	position: absolute;
	width: 418px;
	height: 38px;
	line-height: 40px;
	padding: 0 20px;
	left: 50%;
	margin-left: -220px;
	border: 1px solid #6b446c;
	font-weight: bold;
}

.error {
	border: 1px solid #6b446c;	
}

form p label.error {
	display: none !important;
}

ul.menu, ul.menu ul {
	margin: 0;
}

#container {
	padding: 0 40px;
	width: 720px;	
	position: relative;
	left: 50%;
	margin-left: -400px;
}

/* Topo */

/* Logo */

#topo h1 {
	width: 200px;
	height: 110px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -100px;
}

#topo h1 a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	width: 200px;
	height: 110px;
	text-indent: -9999em;
}

/* Fim do logo */

#topo {
	position: relative;
	height: 210px;
	z-index: 9999;
}

#topo ul {
	position: absolute;
	top: 150px;
}

#topo ul li {
	display: block;
	float: left;
	width: 180px;
	height: 60px;
}

#topo ul li a {
	background: url(../images/menu.png) no-repeat;
	display: block;
	width: 180px;
	height: 60px;
	text-indent: -9999em;
}

#topo .empresa {
	background-position: 0 0;	
}

#topo .empresa.active, #topo .empresa:hover, #topo .empresa:focus {
	background-position: 0 -60px;	
}

#topo .produtos {
	background-position: -180px 0;	
}

#topo .produtos.active, #topo .produtos:hover, #topo .produtos:focus {
	background-position: -180px -60px;	
}

#topo .parceiros {
	background-position: -360px 0;	
}

#topo .parceiros.active, #topo .parceiros:hover, #topo .parceiros:focus {
	background-position: -360px -60px;	
}

#topo .contato {
	background-position: -540px 0;	
}

#topo .contato.active, #topo .contato:hover, #topo .contato:focus {
	background-position: -540px -60px;	
}

/* Submenu */

#topo .perfil {
	background-position: 0 -120px;
}

#topo .perfil.active, #topo .perfil:hover, #topo .perfil:focus {
	background-position: 0 -160px;	
}

#topo .ambientes {
	background-position: -180px -120px;
}

#topo .ambientes.active, #topo .ambientes:hover, #topo .ambientes:focus {
	background-position: -180px -160px;	
}

#topo .orcamento {
	background-position: -360px -120px;
}

#topo .orcamento.active, #topo .orcamento:hover, #topo .orcamento:focus {
	background-position: -360px -160px;	
}

#topo .cadastre {
	background-position: -540px -120px;
}

#topo .cadastre.active, #topo .cadastre:hover, #topo .cadastre:focus {
	background-position: -540px -160px;	
}

#topo .faleconosco {
	background-position: 0 -200px;
}

#topo .faleconosco.active, #topo .faleconosco:hover, #topo .faleconosco:focus {
	background-position: -360px -200px;
}

#topo .localizacao {
	background-position: -180px -200px;
}

#topo .localizacao.active, #topo .localizacao:hover, #topo .localizacao:focus {
	background-position: -540px -200px;
}

#topo .produtossub {
	background-position: 0 -240px;
}

#topo .produtossub.active, #topo .produtossub:hover, #topo .produtossub:focus {
	background-position: -360px -240px;
}

#topo .servicos {
	background-position: -180px -240px;
}

#topo .servicos.active, #topo .servicos:hover, #topo .servicos:focus {
	background-position: -540px -240px;
}

#topo ul li ul li a {
	background: url(../images/menu.png) no-repeat;
	display: block;
	width: 180px;
	height: 40px;
	text-indent: -9999em;
}

#topo .sub {
	display: none;
	position: absolute;
	top: 60px;
	z-index: 9999;
}

#topo .sub li {
	height: 40px;
	float: none;
}

#topo ul li:hover ul, #topo ul li a:focus + ul {
	display: block;	
}

/* Conteudo */

#conteudo {
	background: #fff;
	overflow: hidden;
	min-height: 370px
}

#conteudo .interno {
	padding: 60px 40px 0 40px;
	float: left;
}

.coluna {
	width: 180px;
	float: left;
	min-height: 370px;
}

/* Home */

.slide img {
	display: none;	
}

#container.conteudo .container{
	padding: 40px 40px 0 40px;
	float: left;
	width: 460px;
}

/* ------------------------------- Perfil / Orçamento ------------------------------- */

.perfil #conteudo, .orcamento #conteudo {
	text-align: justify;	
}

/* ------------------------------- Produtos ------------------------------- */

.produtos #conteudo .container {
	width: 540px;
	height: 370px
}

.produtos #conteudo .coluna {
	background: #e0cee0;
}

.produtos #conteudo .coluna ul {
	margin: 0;
}

.produtos #conteudo .coluna ul a {
	display: block;
	padding: 7px 20px;
	border-bottom: 1px solid #d5c3d5;
	text-decoration: none;
	color: #6b446c;
}

.produtos #conteudo .coluna ul a:hover {
	text-decoration: underline;
}

.produtos #conteudo .coluna ul a.active {
	background: #eddbed;
}

#slider {
	width: 720px;
	margin: 0 auto;
	position: relative;
}
.scroll {
	height: 370px;
	overflow: auto;
	position: relative;
}
.scrollContainer div.painel {
	position: relative;
	height: 370px;
	width: 540px;
}

#prev, #next {
	background: url(../images/setas.png) no-repeat;
	width: 40px;
	height: 370px;
	display: block;
	position: absolute;
	z-index: 9999;
	text-indent: -9999em;
}

#prev {
	background-position: 0 0;
	left: 180px;
}

#next {
	background-position: -40px 0;
	right: 0;
}

/* ------------------------------- Parceiros ------------------------------- */

.parceiros ul.parceiros {
	margin: 10px -10px 0 -10px;
}

.parceiros ul.parceiros li {
	display: block;
	float: left;
	margin-top: 10px;
}

/* ------------------------------- Localização ------------------------------- */

.localizacao .mapa {
	position: relative;	
	margin-top: 30px;
}

.localizacao .mapa p {
	display: none;	
}

.localizacao .mapa:hover p {
	display: block;
	position: absolute;
	z-index: 999;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.localizacao .mapa .ampliar {
	background: url(../images/ampliar.png) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	text-indent: -9999em;
}

/* ------------------------------- Cadastro ------------------------------- */

.cadastro form button {
	margin-top: 8px;
}

/* Footer */

#footer {
	padding: 40px 0 0 0;
	text-transform: lowercase;
}

#footer p {
	margin: 0;	
}

#footer .right ul li {
	display: inline;
}

#footer .right ul li a {
	padding: 0 5px;	
}