@charset "utf-8";

/* CSS Document */



/* AGÊNCIA BAMBOO BRASIL 

www.agenciabamboo.com.br | (62) 3091.5373

CSS Por: Regiane Oliveira

*/

div#fundo{

	width:958px;

	background: url(../img/background-content.png) repeat-y;

	float:left;

}

div.banner{

	float:left;

	width:950px;

	height:352px; 

	background: #FFF;

	border:1px solid #dee1e3;

	border-bottom:none;

	border-top:none;



}

div.baixo{ 

	background:url(../img/rodape-imagem.jpg) no-repeat ; 

	float:left; 

	height:16px; 

	width:950px;

}

div.boxbanner-um{

	background:url(../img/background-banner.jpg) repeat-x bottom ;

	width:288px;

	height:324px;

	float:left;

	margin:28px 0 0 0;

	padding:0 0 0 20px;

}

div.boxbanner-dois{

	float:left; 

	height:334px; 

	width:618px; 

	background:#fff;

	padding:9px 8px;

}

div.boxbanner-dois img{border:1px solid #e2e2e2; float:left; text-align:center }

h2.titulo-banner{	

	width:283px; 

	border-bottom:1px solid #e2e2e2; 

	padding: 0 0 10px 0;

}

ul.destaque{

	width:267px; 

	float:left; 

	margin:20px 0 0 0; 

	list-style:none;

}

ul.destaque li.texto a:link{ text-decoration:none; color:#666666;}

ul.destaque li.texto a:visited{ text-decoration:none; color:#666666;}

ul.destaque li.texto a:hover{ text-decoration:none; color:#333;}



ul.destaque li.img{

	width:83px; 

	height:70px; 

	float:left; 

	background:#fff; 

	border:1px solid #e1e4e6; 

	margin:0 16px 0 0;

}
ul.destaque li.texto{float:left; width:158px;}
ul.destaque li.titulo{
	font:bold 12px Arial, Helvetica, sans-serif; 
	float:left;
	color:#333;
	width:158px;
}
div.box-destaque{ width:267px; height:267px; float:left;}

div.numeracao{ 



	margin:0px 0 0 0; 

	float:right; 



}

ul.numeracao-ul{ 

	list-style: none; 

	float:left;

}

ul.numeracao-ul li{

	float:left; 

	background: url(../img/numeracao.jpg) no-repeat; 

	width:25px; 

	height:20px; 

	text-align:center; 

	font:bold 12px Arial, Helvetica, sans-serif;

	border:1px solid #e2e2e2;

	color:#838281;

	padding:5px 0 0 0;

	margin:0 5px 0 0;

}

ul.numeracao-ul li a{text-decoration:none; color:#838281}

ul.numeracao-ul li a:hover{text-decoration:none; color:#4073c3}



ul.numeracao-ul li.atual a{text-decoration:none; color:#4073c3}

ul.numeracao-ul li.atual a:hover{text-decoration:none; color:#4073c3}



ul.numeracao-ul li.des{

	font:11px Arial, Helvetica, sans-serif; 

	color:#6f7d8a; 

	background:none;

	width:70px;

	border:none;

}

div#produtos{ 

	width:957px; 

	float:left; 

}

div.prod{ 

	background: url(../img/meio-texto-1.jpg) repeat-y; 

	width:336px; 

	float:left;

	height:205px;

}

div.saiba{	

	width:171px; 

	float:left;  

	color:#075dbd; 

	padding:5px 0 0 155px;

}

div.saiba a:link{text-decoration:none; color:#075dbd;}

div.saiba a:visited{text-decoration:none; color:#075dbd;}

div.saiba a:hover{text-decoration:underline; color:#075dbd;}



div.saiba img{padding:0 3px 0 0;}

div.coluna-um{ float:left; width:336px;}

div.coluna-dois{ float:left; width:303px;margin:0 4px 0 6px;}

div.coluna-tres{ float:left; width:305px;}



div.cabecalho-um{ background: url(../img/cabecalho-texto-1.jpg) top no-repeat; width:318px; height:53px; padding:0 0 0 18px;}

h2.titulo-campo{ width:275px; padding:12px 0 0 0;}

ul.prod-slim{ 

	float:left; 

	list-style:none; 

	width:311px;

	padding:0 0 0 18px;

}

ul.prod-slim li{ width:140px;float:left;}

ul.prod-slim li.img{ 

	width:120px; 

	float:left; 

	padding:10px 15px 0 0;

}

ul.prod-slim li.titulo{ 

	font:bold 12px Arial, Helvetica, sans-serif; 

	color:#333; 

	width:156px;

	margin:5px 0 0 0;

}

ul.prod-slim li.titulo a{ 

	font:bold 12px Arial, Helvetica, sans-serif; 

	color:#333; 

	width:156px;

	margin:5px 0 0 0;

	text-decoration:none;

}

ul.prod-slim li.titulo a:hover{ text-decoration:underline;}
ul.prod-slim li.selo{ 
	padding:7px 0 0;
}
ul.prod-slim li.texto{

	font:11px Arial, Helvetica, sans-serif; 

	color:#666666; 

	margin:5px 0 0 0; 

	width:156px; 

}

div.rodape-um{width:336px; float:left; height:5px; background:url(../img/rodape-texto-1.jpg) no-repeat bottom;}



div.prod-dois{  

	float:left; 

	background: url(../img/meio-texto-2.jpg) repeat-y;

	width:303px;

	height:205px;

	

}

div.cabecalho-dois{ 

	background: url(../img/cabecalho-texto-2.jpg) top no-repeat; 

	float:left;

	width:285px; 

	height:53px; 

	padding:0 0 0 18px;

}

ul.como{ 

	float:left;

	width:260px; 

	list-style:none; 

	padding:0 0 0 18px;

}

ul.como li{ float:left; widtH:260px;}

ul.como li.titulo{

	font:bold 12px Arial, Helvetica, sans-serif; 

	color:#333;

	margin:5px 0 0 0;

}

ul.como li.texto{

	font:11px Arial, Helvetica, sans-serif; 

	color:#666; 

	margin:5px 0 5px 0;

}

ul.como li.link{

	font:11px Arial, Helvetica, sans-serif; 

	color:#075dbd;

	margin:0 0 8px 0;

}

ul.como li.link img{ padding:0 3px 0 0;}



ul.como li.link a:link{ text-decoration:none; color:#075dbd;}

ul.como li.link a:visited{ text-decoration:none; color:#075dbd;}

ul.como li.link a:hover{ text-decoration:underline; color:#075dbd;}



div.rodape-dois{

	width:303px; 

	float:left; 

	height:5px; 

	background:url(../img/rodape-texto-2.jpg) no-repeat;

}

div.prod-tres{ 

	float:left;

	width:305px; 

	height:205px;

	background:  url(../img/meio-texto-3.jpg) repeat-y;

	

}

div.cabecalho-tres{ 

	background: url(../img/cabecalho-texto-3.jpg) top no-repeat; 

	float:left;

	width:284px; 

	height:53px; 

	padding:0 0 0 20px;

}

div.texto-tres{

	float:left; 

	padding:0 0 0 20px; 

	width:263px; 

	font:11px Arial, Helvetica, sans-serif; 

	color:#666666;

	margin:5px 0 0 0;

}

ul.lista-tres{ 

	float:left; 

	padding:0 0 0 22px; 

	list-style:none; 

	width:255px;

	margin:4px 0 0 0;

}

ul.lista-tres li{

	float:left; 

	width:259px; 

	font:bold 11px Arial, Helvetica, sans-serif; 

	color:#333; 

	padding:4px 0;

}

ul.lista-tres li a:link{text-decoration:none; color:#333;}

ul.lista-tres li a:visited{text-decoration:none; color:#333;}

ul.lista-tres li a:hover{text-decoration: underline; color:#333;}



ul.lista-tres li img{ padding:0 3px 0 0;}

div.rodape-tres{

	width:305px; 

	float:left; 

	height:5px; 

	background:url(../img/rodape-texto-3.jpg) no-repeat;

}

