/*
CSS Document 
Desenvolvido por Thomaz S. Cia - thomaz@thomazcia.com
Alteração e Otimização - AP1! Comunicação - www.ap1comunicacao.com.br
*/

body {
	background:url(../imgs/fundo_site.jpg) #fafdf4 repeat-x top;
	border:none;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#666666;
	line-height: 17px;
	}
	
img { border:none;}
	
ul {
	list-style-image: url("../imgs/setinha.gif");
	}
	
li {
	line-height:18px;
	}

#geral {
	width: 762px;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	}
	
#topo {
	width:762px;
	height:153px;
	}
	
#banner_intro {
	width: 732px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom: 10px;
	}
	
	
#box_intro {
	width:354px;
	padding-left:15px;
	padding-bottom:15px;
	float:left;
	}
	
#produtosIntro {
	width: 732px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom: 10px;
	}
	
.boxProdIntro {
	float:left;
	width:180px;
	height:265px;
	margin-right:3px;
	text-align:center;
}

.boxProdIntro h3 a { font-size:14px; color:#3ba136; text-decoration:none;}
.boxProdIntro h3 a:visited { font-size:14px; color:#3ba136; text-decoration:none;}
.boxProdIntro h3 a:hover { font-size:14px; color:#030; text-decoration:underline;}

.boxProdPordutos {
	float:left;
	width:180px;
	height:230px;
	margin-right:3px;
	text-align:center;
}

.boxTxtDescricao {
		color:#666;
		font-size:11px;
		line-height:13px;
}

.boxProdPordutos a { font-size:14px; color:#3ba136; text-decoration:none;}
.boxProdPordutos h3 a:visited { font-size:14px; color:#3ba136; text-decoration:none;}
.boxProdPordutos h3 a:hover { font-size:14px; color:#030; text-decoration:underline;}
	
#box_sala {
	width:354px;
	padding-right:15px;
	padding-bottom:15px;
	float:right;
	}
	
#rodape {
	width: 762px;
	height: 43px;
	clear:both;
	padding-top:1px;
	background-image:url(../imgs/rodape.jpg);
	background-repeat:  no-repeat;
	}
	
#info {
	width: 732px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom: 10px;
	text-align: left;
	}
	
#imagen_new { /* Div onde entra a imagem a direta dos textos */
	width:250px;
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	text-align:center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	
#parceiroBox { /* Div onde entra os logos dos parceiros */
	width:200px;
	float:left;
	margin-left:13px;
	margin-right:30px;
	_margin-right:25px;
	margin-bottom:35px;
	text-align:center;
	}

#parceiroBox h1 {
	color:#006633;
	font-size:14px;
	text-align:left;
	background-color: #FFFFEA;
 }
 
#clear {clear:both; float:none;}

#produtoNovo {
		float:left;
		width:410px;
		height:auto;
		text-align:left;
}

a.LinkProd { color:#060; text-decoration:none;}
a.LinkProd:visited { color:#093; text-decoration:none;}
a.LinkProd:hover { color:#390; text-decoration:none;}

#iconsReciclaveis { float:right; }

#iconsReciclaveis img {margin-right:25px; margin-bottom:4px;}


#boxProdutosRelacionados li { margin-left:-20px; list-style-image:url(../imgs/icon_recycle.gif)}
#boxProdutosLinhas li { margin-left:-20px; list-style-image:url(../imgs/icon_recycle.gif)}

#boxProdutosRelacionados {
	width:354px;
	float:left;
	}
	
#boxProdutosLinhas {
	width:354px;
	float:right;
	}

hr { width:100%; height:1px; color:#CCC; margin-bottom:15px;}

#produtosShow { /* Div onde entra os produtos thumbs */
	width:350px;
	float:left;
	text-align:left;
	padding-left:15px;
	}
	
	
#produtosShow h1, h2, h3, h4{ /* Títulos dos produtos */
	color: #009900;
	margin: 0px;
	padding-bottom: 10px;
	font: bold 100% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
	line-height:18px;
	}
	
	
#prod {
	width:732px;
	height:195px;
	float:left;
	}
	
#prod01 {
	width:732px;
	float:left;
	}
	
#prod h6 { /* Títulos dos produtos */
	color: #009900;
	margin-bottom:10px; 
	padding-bottom: 2px; 
	border-bottom: 1px dotted #669966;
	font: normal 160% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
	}
	
#prodSub {
	float:left;
	width:358px;
	padding-right:4px;
	}
	
#prodSubImg {
	float:left;
	padding-right:15px;
	}
	
#produtosMostra {
	width:240px;
	float:left;
	height:225px;
	padding-right:2px;
	text-align:center;
	}
	
	
#produtosMostra img{
	border:none;
	margin-bottom:5px;	}
	
.ProdCodigo {
	background: #f1f1f1;
	padding:2px 2px 2px 2px;
	border: solid 1px #CCCCCC;
	}

 
#produtosBox { /* Div onde entra os produtos thumbs */
	width:731px;
	float:left;
	text-align:left;
	clear:both;
 	margin-top:-30px;
	*margin-top:10px;
	_margin-top:10px;
	}
	
	
.TituloProd {
	font-size: 12px;
	text-align:center;
	font-weight: bold;
	color: #009900;
}

 
#produtosBox h1, h2, h3, h4{ /* Títulos dos produtos */
	color: #009900;
	margin: 0px;
	padding-bottom: 10px;
	font: normal 160% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
	}
	
#imagen_prod_box { 
	width:180px;
	float:right;
	margin-left:15px;
	text-align:center;
	}
	
#info h5, h6 { /* Títulos dos produtos */
	color: #009900;
	margin-bottom:10px; 
	padding-bottom: 2px; 
	border-bottom: 1px dotted #669966;
	font: normal 160% Tahoma, Arial, sans-serif;
	clear:both;
	text-transform:none;
	}
	
/* INICIO - Cód do formulário na pag contato */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #009933;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px; /* tamanho de largura*/
	border: solid 1px #CCCCCC;
}

.cssform textarea{
	width: 250px;
	height: 70px;
	border: solid 1px #CCCCCC;
}

.bot {
	background: #f1f1f1;
	margin: 15px 0px 0px 0px;
	border: solid 1px #CCCCCC;
	}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* FIM - Cód do formulário na pag contato */
	

.rodapeTXT {
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	}
	
p.top {
	margin-top:6px; /* Faz o objeto se deslocar 30pixels do topo, referente a ele mesmo */ 
	}

.titulo_new {
	font-weight: bold;
	color: #333333;
	}

.icone_new {
	font-weight: bold;
	color: #006600;
	}
	
a.mais_new {	color:#009933;	text-decoration:none;	size:9px;	}
a.mais_new:hover {	border-bottom:1px dashed #006600;	color:#006600;	}
	
a.link {	text-decoration:none;	color:#666666;	}
a.link:hover {	border-bottom:1px dashed #006600;	color:#006600;	}
	
a.img:link { text-decoration:none; }
a.img:hover { text-decoration:none;	}

.Subtitulo {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #009900;
}

.fonte_noticia {
	font-weight: normal;
	color: #666666;
	font-size: 10px;
}

.msg_ok {

	font-weight: bold;
	color: #FF0000;
	font-size: 12px;
}

#fotogrande {
	width:500px;
	height:376px;
	float:left
	}

#fotothumbs {
	width:200px;
	height:376px;
	float:right;
	text-align:center;
	overflow: auto;
	}
	
#fotothumbs img {
	padding-left:8px;
	padding-bottom:8px;
	}