@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


*/





html {
	margin:0 auto 0 auto;
	height: 100%;
	overflow: hidden;
}
body {
	margin:0 auto 0 auto;
	height: 100%;
	overflow: hidden;
}
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #677986;
	line-height:15px;
}
div#escondetudo {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0 auto 0 auto;
}
div#bgfundao {
	background: url(../img/bg_repeat_x.jpg) top left repeat-x;
	background-color:#f1f1f1;
}
div#zoomdetalhe {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	margin: 0 auto;
}
div#detalheportifolio {
	width:569px;
	height:429px;
	display: none;
	position: absolute;
	top:50%;
	left:48%;
	z-index:9999;
	margin:-220px 0 0 -250px;
	text-align:left;
}
a:link {
	text-decoration:none;
	color: #677986;
}
a:visited {
	text-decoration:none;
	color: #677986;
}
a:hover {
	text-decoration:underline;
	color:#333;
}
* {
	margin:0;
	padding:0;
}
h1 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#407eab;
	margin:0;
	padding:0;
}
h2 {
	font:bold 20px"Trebuchet MS";
	color:#0d324e;
	margin:0;
	padding:0;
	line-height:20px;
}
h3 {
	font:bold 20px"Trebuchet MS";
	color:#7fc01c;
	margin:0;
	padding:0;
}
h4 {
	font:10px Arial, Helvetica, sans-serif;
	color:#7aadda;
	margin:0;
	padding:0;
}
h5 {
	font:10px Arial, Helvetica, sans-serif;
	color:#7aadda;
	margin:0;
	padding:0;
}
h1 a:link {
	text-decoration:none;
	color:#407eab;
}
h1 a:visited {
	text-decoration:none;
	color:#407eab;
}
h1 a:hover {
	text-decoration:none;
	color:#333;
}
h2 a:link {
	text-decoration:none;
	color:#0d324e;
}
h2 a:visited {
	text-decoration:none;
	color:#0d324e;
}
h2 a:hover {
	text-decoration:none;
	color:#81c01a;
}
h3 a:link {
	text-decoration:none;
	color:#7fc01c;
}
h3 a:visited {
	text-decoration:none;
	color:#7fc01c;
}
h3 a:hover {
	text-decoration:none;
	color:#0d324e;
}
h4 a:link {
	text-decoration:none;
	color:#7aadda;
}
h4 a:visited {
	text-decoration:none;
	color:#7aadda;
}
h4 a:hover {
	text-decoration:none;
	color:#333;
}
h5 a:link {
	text-decoration:none;
	color:#7aadda;
}
h5 a:visited {
	text-decoration:none;
	color:#7aadda;
}
h5 a:hover {
	text-decoration:none;
	color:#81c01a;
}
#bg-home {
	width:100%;
	display:table;
	background:url(../img/bg_home.jpg) no-repeat top center;
	margin:0;
	padding:0;
}
#bg-interno {
	width:100%;
	display:table;
	background:url(../img/bg_interno.jpg) no-repeat top center;
	margin:0;
	padding:0;
}
#tudo {
	width:900px;

	margin:0 auto 0 auto;
	padding:0;
}
div#box-icones {
	width:855px;
	float:left;
	padding:0 0 10px 45px;

}
ul#icones {
	width:125px;
	float:left;
	list-style:none;
	padding:100px 0 0 0;
	margin:0;
}
ul#icones li {
	float:left;
	padding:0 5px 5px 0;
}
ul#icones li.titulo {width:125px; padding:0 0 10px 0;}


div.topico-tag {
	width:210px;
	float:left;
	padding:0 0 15px 30px;
	color:#7fc01c;
	font-size:14px;
	font-weight:bold;
}
ul#nuvem-tags {
	width:210px;
	float:left;
	list-style:none;
	padding:0 0 0 30px;
}
ul#nuvem-tags li {
	height:22px;
	float:left;
	padding:0 8px 0 0;
	color:#7aadda;
}
ul#nuvem-tags li.um {
	font-size:10px;
	font-weight:bold;
}
ul#nuvem-tags li.dois {
	font-size:12px;
}
ul#nuvem-tags li.tres {
	font-size:14px;
	font-weight:bold;
}
ul#nuvem-tags li.quatro {
	font-size:16px;
}
ul#nuvem-tags li.cinco {
	font-size:18px;
	font-weight:bold;
}
ul#nuvem-tags li a:link {
	text-decoration:none;
	color:#7aadda;
}
ul#nuvem-tags li a:visited {
	text-decoration:none;
	color:#7aadda;
}
ul#nuvem-tags li a:hover {
	text-decoration:none;
	color:#4e79b6;
}
/* -------------- página interna ------------------- */





div#topo-interno {
	width:884px;
	height:125px;
	float:left;
	padding:0 0 0 7px;
}
div#titulo-topos {
	width:407px;
	height:125px;
	float:left;
}
div#topo-categorias {
	width:145px;
	height:125px;
	padding:0 0 0 332px;

	background:url(../img/bg_topo_interno.jpg);
	float:left;
}
div#topo-categorias h2 {
	width:143px;
	height:57px;
	float:left;
	color:#fff;
	line-height:19px;
	padding:35px 0 0 0;
}
div#topo-categorias h5 {
	width:143px;
	float:left;
}
div#box-categorias {
	width:200px;
	float:left;
	padding:50px 0 0 25px;
}
div#box-categorias h2 {
	padding:0 0 15px 0;
	line-height:20px;
}
div#box-categorias h1 {
	width:200px;
	padding:0 0 10px 0;
	float:left;
}
div#box-categorias h1 img {
	float:left;
	padding:0 8px 0 0;
}
div#lightbox {
	width:512px;
	height:371px;
	background-color:#FFFFFF;
	padding:9px;
	font:11px Arial, Helvetica, sans-serif;
}
div#lightbox .conteudo {
	width:513px;
	height:345px;
	float:left;
	background:url(../img/bg_lightbox.jpg) top center no-repeat;
}
div#lightbox .fechar {
	width:513px;
	height:28px;
	float:left;
	background-color:#dfe6e9;
	text-align:right;
}
div#lightbox .thumb {
	width:266px;
	float:left;
	text-align:center;
	padding:15px 0 0 0;
}
div#lightbox .textos {
	width:230px;
	float:left;
	padding:15px 0 0 0;
}
div#lightbox h1 {
	width:230px;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#346e9b;
	padding:0 0 10px 0;
}
div#lightbox .resumo {
	width:230px;
	float:left;
	color:#596c7b;
	padding:0 0 15px 0;
}
div#lightbox .url {
	width:230px;
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#7cc20a;
	padding:0 0 15px 0;
	border-bottom:1px solid #d6dddf;
	margin:0 0 15px 0;
}
div#lightbox .url a:link {
	text-decoration:none;
	color:#7cc20a;
}
div#lightbox .url a:visited {
	text-decoration:none;
	color:#7cc20a;
}
div#lightbox .url a:hover {
	text-decoration:none;
	color:#666;
}
div#lightbox .tecno {
	width:230px;
	float:left;
	color:#596c7b;
	padding:0 0 10px 0;
	font:bold 11px Arial, Helvetica, sans-serif;
}
div#lightbox .descricao {
	width:230px;
	float:left;
	color:#596c7b;
}

div.box-mobile {
	width:330px;
	float:left;
	padding:0 0 0 140px;

}
div.box-mobile .texto {
	width:150px;
	float:left;
	font-size:10px;
	color:#8a8888;
	text-align:right;
	padding:100px 15px 0 0;

}
div.box-mobile span {
	color:#7fc01c;
	font-weight:bold;
}
div.box-mobile img {
	float:left;
}


div#lightbox .conteudo-qrcode {
	width:513px;
	height:345px;
	float:left;
}
div#lightbox .textos-qrcode {
	width:215px;
	float:left;
	padding:34px 0 0 15px;
}
div#lightbox .thumb-qrcode {
	width:266px;
	float:left;
	text-align:center;
	padding:30px 0 0 0;
}
div#lightbox .textos-qrcode span {
	color:#a4da14;
	font-size:14px;
	font-weight:bold;
}