html {
	margin:0;
	padding:0;
	height:100%;
	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #4D4747;
	scrollbar-base-color: #B6B3A0;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-highlight-color: #B6B3A0;
	scrollbar-3dlight-color: #B6B3A0;
	scrollbar-darkshadow-color:#B6B3A0;
	scrollbar-track-color: #B6B3A0;
}

body {
	background-color: #B6B3A2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;

}

div {
	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #4D4747;
	scrollbar-base-color: #B6B3A0;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-highlight-color: #B6B3A0;
	scrollbar-3dlight-color: #B6B3A0;
	scrollbar-darkshadow-color:#B6B3A0;
	scrollbar-track-color: #B6B3A0;
}

td,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#fundo {
	height:590px;
	background-image: url(imagens/fundo.gif);
	background-repeat:repeat;
	background-color: #000000;
}

#main {
	position:relative;
	width:920px;
	margin:0 auto;
	
}

#topo {
	position:relative;
	width:920px;
	height:120px;
}

#logo {
	float:left;
	position:relative;
	width:360px;
	height:100px;
	left:0;
	top:20px;
}


#menu_topo {
	float:right;
	position:relative;
	width:418px;
	height:23px;
	top:97px;
}




#esquerda {
	position:relative;
    float:left;
    width:215px;
    text-align:left;
	left:0px;
	height:320px;
	display:table;
	background-color:#D0CDC4;
}

#menu {
	position:relative;
	height:370px;
	width:215px;
	padding:0;
	top:20px;
	margin:0;
	color:#000;
	overflow:auto;
}

#menu  ul{
	list-style-type: none;
	margin-left:-30px;
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	padding-left:40px;
}

#menu  a{
	text-decoration:none;
}

#menu  ul li a{
	color:#000;
}

#menu  ul li a:active{
	color:#000;
}

#menu  ul li a:hover{
	color:#000;
	text-decoration:underline;
}

#menu  ul li a:visited{
	color:#000;
	font-weight:normal;
}

/* submenu */

#menu  ul li ul{
	padding-top:10px;
	margin-top:0;
	margin-left:-28px;
}

#menu  ul li ul li{
	color:#000;
	list-style-image: url("imagens/marcador.jpg");
	
	padding:3px 0 3px 3px;

}

#menu  ul li ul li:hover{
	color:#000;
	list-style-image: url("imagens/marcador.jpg");
	background-color:#B6B3A2;
}

#menu  ul li ul li a{
	color:#000;
}

#menu  ul li ul li a:active{
	color:#000;
}

#menu  ul li ul li a:hover{
	color:#000;
	text-decoration:underline;
}

#menu  ul li ul li a:visited{
	color:#000;
}

.dica {
	list-style-type: none;
	margin-left:-30px;
	padding-top:0;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	padding-left:40px;
}

.dica li{
	color:#000;
	list-style-image: url("imagens/marcador2.jpg");
	padding:3px 0 3px 3px;

}

#contentwrapper {
    width:920px;
	height:400px;
	overflow:hidden;
	background-color:#FFFFFF;
	background-image: url(imagens/fundo_menu.jpg);
	background-position:left;
	background-repeat:repeat-y;	
	display:table;
}

#home {
	float:left;
	margin-left:0;	
}




#menu_2 {
	height:320px;

	padding:0;
	
	margin:0;
	color:#000;
}

#menu_2  div {
	position:relative;
	top:18px;
	left:5px;
	width:204px;
	padding:5px;
	margin:0;
	color:#000;
	/*background-color:#B5B2A3;*/
}



#conteudo {
	position:relative;
	float:left;
    text-align:left;
    width:680px;
	left:15px;
	margin-top:20px;
	height:380px;
	overflow:hidden;
}

#conteudo_scroll {
	position:relative;
	float:left;
    text-align:left;
    width:680px;
	left:15px;
	margin-top:20px;
	height:370px;
	
	overflow:auto;
}

.titulo {
	color:#000;
	font-size: 15px;
	margin-top:0;
	padding-top:0;
	height:30px;
	font-weight:bold;
}

.titulo_novidade {
	color:#000;
	font-size: 17px;
	padding-bottom:10px;
}

.titulo_oferta {
	color:#AB2D22;
	
	padding-bottom:10px;
}

.titulo_loja {
	color:#000;
	font-size: 17px;
	padding-bottom:3px;
}

.titulo_tour {
	color:#000;
	font-size: 14px;
	padding-bottom:3px;
}

.titulo2 {
	color:#AB2D22;
	font-size: 13px;
	margin-top:0;
	padding-top:0;
	padding-bottom:10px;
}

.titulo22 {
	color:#000;
	font-size: 12px;
	margin-top:0;
	padding-top:0;
	padding-bottom:10px;
}


.titulo3 {
	color:#000;
	font-size: 10px;
	margin-top:0;
	padding-top:0;
	padding-bottom:10px;
}



.nome_produto {
	color:#AB2D22;
	padding:5px 0 5px 0;
}

.titproduto {
	background-image: url(imagens/marcador_titu.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	
}





#form {
	position:relative;
	left:30px;
	top:10px;
}

#form input, textarea, select {
	border:1px solid #000;
	width:200px;
	
}

#form select {
	border:1px solid #000;
	width:204px;
	
}

.botao {
	font-size:11px;
	color:#ffffff;
	padding:4px 7px 4px 7px;
	border:1px solid #CCCCCC;
	background-color:#D71921;
	text-decoration:none;
}

.botao:hover {
	color:#ffffff;
	background-color:#A6131B;
	text-decoration:none;
}

.preco {
	color:#AB2D22;
	font-weight:bold;
	font-size: 13px;
	margin-top:0;
	padding-top:0;
}

#fim {
    clear:both;
	text-align:left;
	width:920px;
	height:0;
}

#base {
    clear:both;
	text-align:left;
	width:920px;
	height:60px;
	margin:0 auto;
}

#menu_inferior {
	float:left;
	position:relative;
}

#redes {
	float:right;
	position:relative;
	border:0px solid #FFF;
	margin-top:3px;
}

#redes div{
	color:#FFF;
	float:left;
	margin-left:5px;
}

#redes #siganos{
	margin-top:5px;
	margin-right:5px;
}

#rodape {
    clear:both;
	text-align:left;
	height:20px;
	background-color:#B6B3A2;
	font-size:11px;
	color:#FFFFFF;
}

#rodape_bloco {
	font-size: 13px;
	text-align:left;
	width:920px;
	padding:0 0 0 0;
	margin:0 auto;
}

.fones_home {
	float:left;
	font-size: 13px;
	text-align:left;
	width:680px;
	padding:5px 0 0 0;
}

.fones_home2 {
	float:right;
	font-size: 13px;
	text-align:right;
	width:200px;
	padding:5px 0 0 0;
}


#rodape  td{
	color:#FFFFFF;
}

#rodape  a{
	color:#FFFFFF;
}



a {
	color:#666666;
}

a:hover {
	color:#666666;
	text-decoration:none;
}
a:visited {
	color:#666666;
}


ul {
	list-style-image: url("imagens/marcador.gif");	
	margin-left:15px;
}

ul li {
	padding-bottom:6px;
}


#mensagemok {
  color:#FFFFFF;
  text-align:center;
  margin-left:100px;
  background-color:#E66300;
  width:300px;
  padding:10px;
}

#destaque1 {
	margin:0;
	padding:0;
	height:180px;
	margin-bottom:20px;
	background-image: url(imagens/fundo_box.jpg);
}

#destaque2 {
	margin:0;
	padding:0;
	float:left;
	width:242px;
	height:180px;
	background-image: url(imagens/fundo_box.jpg);
}

#destaque3 {
	margin:0;
	padding:0;
	float:right;
	width:242px;
	background-image: url(imagens/fundo_box.jpg);
}

#novidades {
	margin:0;
	padding:0;
	float:left;
	width:211px;
	height:180px;
	margin-left:2px;
	background-image: url(imagens/fundo_box.jpg);
}

#curso {
	margin:0;
	padding:0;
	height:180px;
	margin-bottom:20px;
}

.texto {
	margin:0;
	padding:0;
	margin-left:20px;	
	margin-top:15px;
	height:120px;
}

.texto1 {
	margin:0;
	padding:0;
	margin-left:20px;	
	margin-top:15px;
	line-height:15px;
}


.link {
	margin:0;
	padding:0;
	margin-left:20px;	
	margin-top:2px;	
}

.link  a {
	color: #E66300;
}

.cabecalho  div{
	margin:0;
	padding:0;
	margin-left:30px;
	/*margin-top:2px;*/
	color:#FFFFFF;
	font-size:15px;
}

.infodata {
	font-size:10px;
	color: #666666;
}

#texto {
	float:left;
	width:400px;
}

#imagem {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

#produto {
	height:200px;
	width:670px;
}

#detalhe_foto {
	position:relative;
	text-align:center;
	float:right;
	border:0 solid #000;
	width:200px;
	text-align:center;
	right:30px;
}
#detalhe_orcamento {
	position:relative;
	float:right;
	padding-left:10px;
	z-index:20;
	text-align:right;
	top:140px;
}

#detalhe_descricao {
	float:left;
	position:relative;
	max-width:320px;
	height:auto !important;
	width:320px;
	top:65px;
	text-align:right;
}


#detalhe_descricao_dica {
	float:left;
	position:relative;
	max-width:360px;
	height:auto !important;
	width:360px;
	text-align:left;
}



#linha {
	background-color:#BFBBAC;
	position:relative;
	float:right;
	width:500px;
	clear:both;
	height:2px;
	top:-20px;
	margin:0;
	padding:0;
}

#linha_novidades {
	background-color:#BFBBAC;
	position:relative;
	float:right;
	width:500px;
	clear:both;
	height:2px;
	padding:0;
	margin:5px 0 5px 0;
}

#linha_oferta {
	background-color:#BFBBAC;
	position:relative;
	float:left;
	width:650px;
	clear:both;
	height:2px;
	padding:0;
	margin:5px 0 5px 0;
}

#extra_novidade {
	clear:both;
	position:relative;
	float:right;
}

#novidade_descricao {
	position:absolute;
	z-index:2;
	bottom:20px;
	right:10px;
	text-align:right;
}

.esquerda_oferta{
	position:relative;
	float:left;
	width:200px;
	text-align:right;
	margin-top:60px;
}

.imagem_oferta{
	position:relative;
	float:left;
	width:250px;
	text-align:center;
	left:10px;
	
}

.direita_oferta{
	position:relative;
	float:right;
	width:200px;
	margin-top:60px;
	margin-bottom:10px;
}

#corporativa div {
	position:relative;
	float:left;
	top:10px;
	left:10px;
	width:90px;
	height:70px;
}

#loja_foto_maior {
	position:relative;
	background-color:#000;
	width:668px;
	height:200px;
	margin-bottom:15px;
	border:1px solid #000;
	overflow:hidden;
}

#loja_foto_menor {
	position:relative;
	float:left;
}

#loja_foto_menor img{
	border:1px solid #000;
}

.telefone_loja {
	color:#990000;
	font-size: 12px;
}

#loja_descricao {
	position:relative;
	float:left;
	left:10px;
	top:50px;
	text-align:left;
}

#lista_produtos {
	margin:0;
	padding:0;
	max-height:145px;
	height:auto !important;
	height:145px;
	overflow:auto;
}

.miniatura {
	text-align:center;
	float:left;
	height:65px;
	margin:0;
	padding:5px;
	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #F5F5F5;
	/* a largura é definida pelo BD */
}

.miniatura:hover {
	border:1px solid #999999;
}

ul{
	margin-left:-20px;
	padding-left:40px;
}

#fotos {
	text-align:center;
	float:right;
	margin-right:10px;
	width:255px;
	margin-top:-30px;
}

#dica_completa {
	height:auto;
	width:660px;
	display:table;
}


#fotos  a:link img {opacity: .6; filter: alpha(Opacity=60);}
#fotos  a:visited img { opacity: .6; filter: alpha(Opacity=60); }
#fotos  a:hover img {opacity: 1; filter: none; }

#cabecalho_promocoes {
	margin-bottom:30px;
	padding:5px;
	border:1px solid #AB2D22;
}

#cabecalho_promocoes  a, a:visited {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
#cabecalho_promocoes  a:hover {
	text-decoration:underline;
}

#banner {
	text-align:center;
	margin:0;
	padding:0;
	margin-top:20px;
	margin-bottom:10px;
}
#banner  img{
	margin:0;
	padding:4px;
	border:1px solid #CCCCCC;
}

#destaque {
	float:left;
	text-align:left;
	margin:0;
	padding:0;
	margin-top:23px;
	margin-left:20px;
	margin-bottom:30px;
}
#destaque  img{
	margin:0;
	padding:4px;
	border:1px solid #CCCCCC;
}

.foto_arquiteto{
	margin:0;
	padding:4px;
	border:1px solid #CCCCCC;
	margin-top:10px;
	margin-bottom:10px;
}

.titulo_destaque{
	width: 205px;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
}



#dicas  a:visited{
	color:#666666;
	text-decoration:underline;
}



/*   ANIMAÇÃO  */


#slider {
	POSITION: relative
}
.scroll {
	CLEAR: left; OVERFLOW: hidden; WIDTH: 670px; POSITION: relative; HEIGHT: 200px;
}
.scrollContainer {
	 
}
.scrollContainer .panel {
	FLOAT: left; POSITION: relative
}
.scrollContainer .panel SPAN {
	FONT-WEIGHT: bold; FONT-SIZE: 1.5em; COLOR: #000; TEXT-ALIGN: left
}
.scrollContainer .panel STRONG {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 2em; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px; TEXT-ALIGN: left
}
ul.navigation {
	font-family: Verdana, Arial;
	font-size:10px;
	PADDING-RIGHT: 12px; PADDING-LEFT: 0px; Z-INDEX: 2; RIGHT: -3px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 168px;
}
ul.navigation li {
	FLOAT: left; WIDTH: 10px; MARGIN-RIGHT: 10px; HEIGHT: 20px;
	
}
ul.navigation li a {
	PADDING: 5px;  FONT-WEIGHT: 700; COLOR: #ffffff; LINE-HEIGHT: 20px;  TEXT-DECORATION: none;
	background-color: #666;
}
ul.navigation a:hover {
	color:#000000;
}
ul.navigation a.selected {
	/*background-color: #B12621;*/

	background-color: #fff;
	color:#666;
}
ul.navigation A:focus {
	outline: none
}
.scrollButtons {
	display:none;
	Z-INDEX: 1100; CURSOR: pointer; POSITION: absolute; TOP: 7px
}
.left.scrollButtons {
	RIGHT: 35px
}
.right.scrollButtons {
	RIGHT: 15px
}
.hide {
	DISPLAY: none! important
}
.panel DIV {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 1000; PADDING-BOTTOM: 10px; BOTTOM: 0px; PADDING-TOP: 10px; POSITION: absolute
}
.panel IMG {
	WIDTH: 670px; HEIGHT: 200px; BORDER:0;
}
