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

html, body { min-height: 100%; height: 100% }
body {
	position:relative;
	background-color:#18263b;	
	font-family:Arial, Helvetica, sans-serif;
	color:#103e00;
	font-size:14px;
	margin:0;
	padding:0;
}
* html body { height: 100%; }

a { color: #84CA00; text-decoration: underline; font-weight:bold; }
a:hover { color: #6f0067; text-decoration: underline; }
a:focus, object { outline: none; }
img {border:0; }

/******************************************
	CLASSES GENÉRICAS
******************************************/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.nospace { margin: 0; padding: 0; }
.Mostra {display:block !important; }
.Esconde{display:none !important; }
.margens{margin:0 15px; }
.formiguinha{ font-size:9px; color:#0265a5; font-weight:bold; padding-left:15px; }
.destaque{ color:#1c6e00; }
li { list-style-image:url(../img/bullet-laranja.png); margin-bottom:8px; }

/******************************************
	ESTRUTURA PRINCIPAL
******************************************/
.largura{ width:970px; }

#global{
	position:relative;
	width:100%;
	min-width:100%;
	height:934px;
	min-height:934px;
	margin:0;
	padding:0;
	background-image:url(../img/bg-body.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	overflow:hidden;
}
	.fundo{
		position:absolute;
		width:2000px;
		min-width:100%;
		height:770px;
		margin:0;
		padding:0;
		top:1500px;
		left:-15%;
		
		background-image:url(../img/bg-global.jpg);
		background-repeat:no-repeat;
		background-position: 0 0;
	}
#Principal {
	position:relative;
	margin:0 auto;
	height:725px;
	padding:0;
	z-index:40;
}
#carometro-facebook{
	float:left;
	width:350px;
	margin: -40px 0 0 0;
	height:auto;
}
		.carometroFacebookIframe{ height:220px; background-color:#FFF; }
#cabecalho{
	position:absolute;
	width:100%;
	height:115px;
	top:0;
	left:0;
	margin:0;
	padding:0;
	
	background-image:url(../img/bg-cabecalho.png);
	background-repeat:repeat-x;
	background-position:0 0;
	z-index:50;
}
	#cabecalho .container{
		position:relative;
		margin:0 auto;
		padding:0;
	}
	.menus-dir, .menus-esq{
		position:relative;
		width:390px;
		margin:0;
	}
	.menus-esq{ float:left; }
	.menus-dir{ float:right; } 
	.menus-centro{
		float:left;
		position:relative;
		width:180px;
		margin:0;
	}
	#cabecalho ul{
		position:relative;
		margin:0;
		padding:0;
		text-align:center;
	}
	#cabecalho li{
		float:left;
		list-style:none;
		list-style-image:none;
		padding:45px 15px 10px 15px;
	}
	#cabecalho li a{
		color:#000;
		text-decoration:none;
	}
	#cabecalho li a.ativo{
		color:#1c6e00;
		cursor:text;
	}
	#cabecalho li.separador{
		background-image:url(../img/menus-separador.png);
		background-repeat:no-repeat;
		background-position:center 47px;
		text-indent:-99999px;
	}
	#cabecalho li.logo{
		width:180px;
		padding:0;
		margin:0;
	}
	#cabecalho li.logo a{
		position:absolute;
		top:0;
		left:0;
		width:179px;
		height:202px;
		background-image:url(../img/logo-bougainville.png);
		background-repeat:no-repeat;
		background-position:0 0;
		text-indent:-99999px;
		padding:0;
		margin:0;
	}

#rodape{
	position:absolute;
	width:100%;
	left:0;
	top:802px;
	margin:0;
	padding:0;
	
	background-image:url(../img/bg-rodape.jpg);
	background-repeat:repeat-x;
	background-position:50% 50%;
	font-size:12px;
	color:#000;
	font-weight:bold;
	border-top:2px solid #FFF;
	z-index:60;
}
	#rodape .container{
		position:relative;
		margin:0 auto;
		padding:10px;
		height:110px;
	}
	#rodape .telefone{ font-size:18px; }
	#rodape .logo-cbm{
		float:right;
		width:147px;
		height:72px;
		background-image:url(../img/logo-cbm.png);
		background-repeat:no-repeat;
		text-indent:-99999px;
		margin-left:20px;		
	}
	.redes-sociais{
		float:right;
		min-height:72px;
		margin:15px 20px 0 0;		
		color:#000;
		padding-right:20px;
		border-right:1px dashed #cccccc;
	}
	#toolbox-social{
		display:block;
		clear:both;
	}
	
/******************************************
	Telas
******************************************/
.telas{
	display:none;
	position:relative;
	top:84px;
	width:auto;
}
/******************************************
	Projeto
******************************************/
#home{
	width:100% !important;
	height:700px;
	padding:0;
	margin:0;
}

/******************************************
	Projeto
******************************************/
#projeto{
	padding:130px 0 0 170px;
}
	#projeto .colEsq{
		position:relative;
		float:left;
		width:400px;
		margin:0;
		padding:0;
		color:#003;
		font-size:1.2em;
		text-align:right;
	}
	#projeto .colEsq .destaque{ color:#039; }
	#projeto .colDir{
		position:relative;
		float:right;
		width:45%;
		margin:0;
		padding:0;
	}


/******************************************
	Ficha Técnica
******************************************/
#fichaTecnica{
	padding:130px 0 0 0 !important;
	border:none !important;
	background:none !important;
	color:#103e00 !important;
}
	#fichaTecnica li{ color:#103e00 !important; }

/******************************************
	Galeria
******************************************/
#galeria{
	width:935px;
	height:578px;
	margin:130px 0 0 0;
	padding:0 0 0 0;
	background-image:url(../img/box-galeria.png);
	background-repeat:no-repeat;
}
.galeria-thumb{
	display:inline-block;
	width:90px;
	height:85px;
	margin:8px 0 0 8px;
}
.galeria-desc{
	display:inline-block;
	width:90px;
	margin:10px 7px 0 7px;
	color:#103e00;
	text-align:center;
	font-size:11px;
}
#galeria .container{
	float:right;
	position:relative;
	width:720px;
	height:565px;
	margin:0 50px 0 0;
}
	#galeria .container h4{
		float:left;
		width:100%;
		margin:20px 0 0 0;
		font-size:18px;
		color:#103e00;
	}
	#galeria .planta{
		position:relative;
		clear:left;
		float:left;
	}
.lupa{
	position:absolute;
	bottom:0px;
	right:5px;
	width:66px;
	height:60px;
	background-image:url(../img/ico-lupa.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-99999px;
} 
.lupa:hover{ background-position:0 -63px; }

/******************************************
	Localização
******************************************/
#localizacao{
	width:762px;
	height:580px;
	margin:130px 0 0 206px;
	padding:0 0 0 0;
	background-image:url(../img/box-localizacao.png);
	background-repeat:no-repeat;
}
	#localizacao .container{
		float:left;
		position:relative;
		width:722px;
		height:540px;
		margin:20px;
	}
	
	#localizacao .tit{ font-size:18px; }
	#localizacao li{
		float:left;
		width:30%;
		margin-right:7px;
	}
	.GoogleMaps{
		position:relative;
		float:left;
		width:100%;
	}

/******************************************
	Vendas
******************************************/
#vendas{
	width:100%;
	height:580px;
	margin:130px 0 0 0;
	padding:0 0 0 0;
}
	#vendas .form{
		float:left;
		position:relative;
		width:550px;
		margin:0;
	}
	#vendas .infor{
		float:right;
		position:relative;
		width:275px;
		margin:0 50px 0 0;
		border-left:1px dotted #fff;
		padding-left:20px;
	}
	
	#vendas form{ margin-left:20px; }
	#vendas input, #vendas textarea{
		border:1px solid #fff;
		background-color:#95b7e3;
		font-family:Arial, Helvetica, sans-serif;		
	}
	#vendas label{ display:block; font-weight:bold; margin-top:10px; }
	.btn-enviar,
	.btn-limpar{
		float:left;
		margin:30px 7px 0 0;
		width:83px;
		height:32px;
		background-image:url(../img/botoes.png);
		background-repeat:no-repeat;
		text-indent:-99999px;
	}
	.btn-enviar{ background-position:0 0; }
	.btn-limpar{ background-position:0 -32px; }
	.btn-enviar:hover{ background-position:0 -64px; }
	.btn-limpar:hover{ background-position:0 -96px; }
	
	#vendas h4{ font-size:18px; }
	#vendas p{ margin-left:20px; }
	#vendas .telefone{ font-size:18px; color:#17820c; }