@charset "utf-8";
/* CSS Document */


/* AGÊNCIA BAMBOO BRASIL 
www.agenciabamboo.com.br | contato@agenciabamboo.com.br
CSS Por: Walter André | andre@agenciabamboo.com.br
*/


div#flash {
	width:884px;
	padding:0 0 0 7px;
	float:left;
}

ul.pag {
	width:884px;
	padding:3px 0 0 7px;
	list-style:none;
	float:left;
}
ul.pag li {width:20px; height:18px; float:left; cursor:pointer; padding:3px 0 0 1px; margin:0 5px 0 0; background:url(../img/bg_pag.jpg); text-align:center; color:#7aadda; font:bold 11px Arial, Helvetica, sans-serif;}
ul.pag li.atual {color:#F58E18;}

ul.pag li a:link {text-decoration:none; color:#7aadda;}
ul.pag li a:visited {text-decoration:none; color:#7aadda;}
ul.pag li a:hover {text-decoration:none; color:#87d90b;}


div#conteudo {
	width:900px;
	height:320px;
	float:left;
	margin:40px 0 0 0;
}


/* --------------------- box sobre a bamboo e o portfolio na home ---------------------  */


div#box1 {
	width:350px;
	float:left;
	padding:0 0 0 55px;
}
div#box1 h3 { height:34px; float:left; padding:5px 40px 0 0;}
div#box1 img.twitter {float:left;}
div#box1 h2 {width:350px; float:left; padding:0 0 4px 0;}
div#box1 .conheca {width:350px; float:left;}
div#box1 #texto-bamboo {
	padding:10px 0 20px 0;
}

ul#lista-portifa {
	width:320px;
	float:left; 
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
ul#lista-portifa li {
	width:66px; 
	height:57px; 
	background:url(../img/bg_thumb.jpg); 
	float:left; 
	padding:14px 0 0 14px;
}

div#mais {
	width:110px;
	float:left;
	padding:10px 0 0 210px;
}
div#mais img {float:left; padding:0 5px 0 0;}
div#mais h4 {padding:5px 0 0 0;}


div#box1 ul.post {
	width:330px;
	float:left;
	list-style:none;
	padding:0 0 20px 0;
}
div#box1 ul.post li {width:330px; float:left; padding:5px 0 5px 0; border-top:1px solid #e2e2e2; font:11px Arial, Helvetica, sans-serif; color:#5b758a;}
div#box1 ul.post li span {font:10px Arial, Helvetica, sans-serif; color:#4bc1de; float:left; padding:5px 0 0 0;}


/* ------------------------------------- fim -------------------------------------- */




/* --------------------- box soluções na home ---------------------  */


div#box2 {
	width:165px;
	float:left;
	padding:40px 0 0 60px;
}
div#recesso {
	width:190px;
	float:left;
	padding:40px 0 0 35px;
}

div#box2 h2#ico-solucoes {
	width:130px;
	height:35px;
	float:left;
	padding:10px 0 0 20px;
}

div#box2 h1 { width:150px; padding:0 0 10px 0; float:left;}	
div#box2 h1 img {float:left; padding:0 8px 0 0;}

div.mais-solucoes {
	width:150px;
	float:left;
	padding:10px 0 0 18px;
}
div.mais-solucoes img {float:left; padding:0 5px 0 0;}
div.mais-solucoes h4 {padding:5px 0 0 0;}	


/* ------------------------- fim ---------------------------- */


div#box3 {
	width:245px;
	float:left;
	padding:10px 0 0 20px;
}
div#box3 h2#ico-forno {
	width:170px;
	height:35px;
	float:left;
	padding:10px 0 0 35px;
	margin:0 0 0 10px;
	background:url(../img/ico_forno.jpg) no-repeat left;
}

ul#saindo-forno {
	width:205px;
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
}
ul#saindo-forno li { width:205px; float:left;}
ul#saindo-forno li.texto {padding:0 0 10px 15px; font-size:11px;}
ul#saindo-forno li.site {padding:0 0 10px 15px; font:11px Arial, Helvetica, sans-serif; color:#7fc01c; word-spacing:14px;}
ul#saindo-forno li.foto { width: 219px; height:66px; background:url(../img/bg_thumb_forno.jpg); padding:13px 0 0 13px; margin:0 0 0 5px;}

ul#saindo-forno a:link {text-decoration:none; color:#7fc01c;}
ul#saindo-forno a:visited {text-decoration:none; color:#7fc01c;}
ul#saindo-forno a:hover {text-decoration:none; color:#333;}