body{
		color:#000000; 
		font-size:0.75em; 
		font-family: Tahoma; 
		margin: 0;
	}
	a{text-decoration: none; color:#000000;}
	h2{ display: none;}
	
	h3{
		font-size: 14px;
		color: #919191;
		margin-bottom:10px;
		margin-top:-5px;
		margin-left:7px;
	}
	/**************
	 *estilo para página
	 */
	 /*div criada para agrupar a div geral2 e o rodape, deixando a pagina centralizada, 
	 com as bordas laterais e a linha do menu*/
	#geral, #copyright{
		margin-left: auto;
		margin-right: auto;
		width: 758px; 
		border: 1px solid #000000;
		border-top: none;
		overflow: hidden;
	}
	#copyright{
		border:none;
		text-align:right;
		padding-right:5px;		
	}
	#geral2{
		margin-bottom: 3px;
		width: 758px; 
		overflow: hidden;
		background: url(../imgs/linha-menu-div-geral.jpg) repeat-y;		
	}
	/**************
	 *estilo para topo da pagina
	 */
	#topo{
		float: left;
	}
	#topo-logo{
		float: left;
		width: 254px;
		height: 183px;
		border-top: 1px solid #000000;
		background: url(../imgs/topo-logo.jpg) no-repeat;
		cursor: pointer;
	}

	#topo-logo p{
		text-align: center;
		font-weight: bold;
		margin-top: 140px;
	}

	#animacao{
		float: left;
		width: 504px;
		height: 177px; 	
		overflow:none;
		background:url(../imgs/baixo-animacao.jpg) no-repeat bottom;
	}
	/**************
	 *estilo para menu
	 */
	#menu-lateral{
		float: left; 
		width: 245px; height: 353px; 
		padding-top: 21px;
	}
	#menu-lateral ul {padding: 0; margin: 0 17px 0 9px; list-style: none;}
	#menu-lateral ul li{  
		background: url(../imgs/seta.jpg) left no-repeat;
		padding: 0 0 0 28px;
		line-height: 32px;
		border-bottom: 3px solid #eaeaea;
	}	
	#menu-lateral ul li a:hover{ font-weight: bold;}
	
	/**************
	 *estilo para conteudo da pagina
	 */
	#conteudo{	
		float: left; 
		width: 489px; 
		line-height: 25px;
		padding: 0px 10px;
	}
	
	#novidade {
		margin: 0 0 0 10px;
		float: left;  
		background: url(../imgs/fundo-conteudo.jpg) no-repeat;
		width: 469px;
		height: 157px;
	}
	#novidade dl dt img{float: left; margin-top: 5px;}
	#novidade dl dt p{float: left; font-weight: bolder;}	
	/**************
	 *estilo para rodapé da pagina
	 */	
	#rodape{
		height: 50px;
		width: 758px;
		border-top: 5px solid #d9d9d9;
		border-bottom: 5px solid #d9d9d9;
	}
	#rodape-esquerdo{
		float: left;
		width: 249px;
		height: 50px;
		background: url(../imgs/linha-lateral-rodape.jpg) right center no-repeat;
	}
	#rodape-esquerdo ul {list-style: none;	margin: 18px 0 0 50px;}
	#rodape-esquerdo ul li{display: inline;}	
	#rodape-direito{float: left;width: 509px;height: 50px;}
	#rodape-direito p{text-align: center; margin: 5px 10px;}
	
	/**
	 *estilo para listar representantes
	 */
	#lista-representantes{
		width: 450px;
		margin: auto;
		border: 1px solid #000000;
	}
	#lista-representantes ul{ list-style: none; margin-bottom: 10px;}
	#lista-representantes ul li{ line-height: 17px;}
	#lista-representantes h2{
		background: #e6e6e6; 
		display: block;
		text-align: center;
	}
	/**
	 *estilo para listar os produtos
	 */
	#lista_materiais{width: 445px;	margin:auto;}
	#lista_materiais ul {list-style: none;}
	#lista_materiais ul li {
		float: left; 
		margin-right: 20px; 
		width: 180px; 
		height: 230px;
	}
	#lista_materiais ul li a{ display: block;}
	#lista_materiais ul li a p{ 
		line-height: 15px; 
		text-align: center; 
		font-weight: bold;
		border-bottom: 1px dashed #000000; 
	}
	/**
	 *lista para modelos dos produtos
	 */
	#lista_modelos{width: 548px; margin: auto;}
	#lista_modelos ul{list-style: none;}
	#lista_modelos ul li{
		float: left; 
		border: 1px solid #efefef;	
		margin: 0 6px 6px 0;
		width: 140px;
		height: auto;	
		background: #efefef;
	}
	#lista_modelos ul li a {display: block;}
	#lista_modelos ul li a p {text-align: center; line-height: 18px;}
	#lista_modelos ul li a img{	border-top: 1px dashed  #000000;}
	/*
	 *lista para Cores dos produtos
	 */		
	#lista_cores_dobradica{
		float: left; 
		width:217px; 
		margin-left: 4px;
		background: url(../imgs/fundo_menu_cores.jpg) repeat-y;
	}
	#lista_cores_dobradica #nm_cor_dobradica{font-weight: bold; text-align: center;}
	#lista_cores_dobradica #img_cor_dobradica{text-align: center;}
	#lista_cores_dobradica #img_cor_dobradica img{border: 1px solid;}
	#lista_cores_dobradica a{cursor: pointer;}
	#menu_cores_dobradicas{
		width: 217px;
		background: url(../imgs/fundo_final_menu_cores.jpg) no-repeat bottom;
	}
	#menu_cores_dobradicas ul{
		list-style: none; 
		padding: 0 0 0 10px; 
		padding-bottom: 10px;
	}
	#menu_cores_dobradicas ul li {line-height: 18px; }
	#menu_cores_dobradicas ul li a{font-weight: bold;}

	/*estilo para tabela de referencias de modelos*/
	#tab_ref_modelos {float: left; margin-left: 6px;}
	#tab_ref_modelos table { border: 1px solid #8d8d8d;}
	#tab_ref_modelos table td { border: 1px solid #8d8d8d;}
	
	p.botoes-voltar-topo{
		padding-top: 5px;
	}
	
	/*formulario de contato/orçamento*/
	#f_contato {width: 480px; }	
	#f_orcamento{width: 460px; }	
	#f_contato legend, #f_orcamento legend{
		font-size: 18pt;
		font-weight: bold;
		display: inline;
	}
	#f_contato .information, #f_orcamento .information{
		padding-left: 20px;
	}
	#f_contato label, #f_orcamento label{
		width: 105px;
		float:left;
		color:#333;	
	}
	#f_contato select, #f_orcamento select{font-size: 12pt;}
	#f_contato label.information, #f_orcamento label.information {background-position:5px;}
	#f_contato button, #f_orcamento button{
		float:right; margin-right:70px;	color:#666;
		background:#FFF; cursor: pointer;
		border: 1px solid #999999;
	}
	
	/*estilo para todos os h2 do site*/
	#dobradicas, #orcamento, #contato, #representante, #localizacao, #dobradicas-gubler{text-indent: -5000px; margin-bottom: 10px; display: block}
	#dobradicas{ background: url(../imgs/tit-dobradicas.jpg) no-repeat;}
	#orcamento{	background: url(../imgs/tit-orcamento.jpg) no-repeat;}
	#contato{ background: url(../imgs/tit-contato.jpg) no-repeat;}
	#representante{	background: url(../imgs/tit-representantes.jpg) no-repeat;}
	#localizacao{background: url(../imgs/tit-localizacao.jpg) no-repeat;}
	#dobradicas-gubler{background: url(../imgs/tit-dobradicas-gubler.jpg) no-repeat;}