/* FORMATA CSS */
html, body, form, fieldset { margin: 0; padding: 0; color: #555; font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; line-height: 16px; overflow: hidden; }
html { background-color: #dee8eb; }
input, select, textarea { font-size: 100%; font-family: inherit; border: none; margin: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
li, dd, blockquote { margin-left: 1.7em; }
form label { cursor: pointer; }
fieldset { border: none; }

/* for FF */
button[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; } 

/*for IE8 */ 
button[type="button"]:focus { outline: none; }   
input[type="submit"]:focus, input[type="button"]:focus { outline: none; }


        
p { text-shadow: 0px 1px #f5f8f9; line-height: 24px; }


img { outline: none; border: 0; }
	img a:hover { text-decoration: none; }

a, object { outline: none; border: 0; color: #0099cc; text-decoration: none; }
	a:hover { text-decoration: none; color: #005781; }
	a:focus { outline: none;  }

hr { border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #f5f8f9; }

.clear {clear: both; }
.bold { font-weight: bold; }

h1, h2, h3, h4 { font-family: Clan, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;  }
h1 { font-size: 21px; color: #0099cc; letter-spacing: -1px; margin-bottom: 16px; font-weight: lighter; }
h2 { font-size: 19px; color: #ff8544; margin-bottom: 16px; font-weight: bold; line-height: 24px;}


	
/* DIV'S */
#imagensFundo { height: 445px; border-bottom: 1px solid #eff4f5; z-index: 0; overflow: hidden; }
/* .imagemBg { position: absolute; z-index: 1; height: 445px; } */
.imagemBg { position: absolute; z-index: 1; height: 445px; width: 1800px; margin-left: -900px; left: 50%; }

#contentor { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-x: hidden; overflow-y /*\**/: scroll\9; z-index: 2; } 


#pagina { width: 970px; margin-left: -485px; left: 50%; top:0; float: left; position: absolute; z-index: 3; background: transparent url("../_gi/light.png") no-repeat center 446px; }
#paginaInterior { width: 970px; margin-left: -485px; left: 50%; top:0; float: left; position: absolute; z-index: 3; background: transparent url("../_gi/light.png") no-repeat center 257px; }

#topo { width: 970px; height: 113px; float: left; }
#logo { width: 137px; height: 113px; float: left; }

#menu { width: 729px; height: 57px; clear: right; float: right; margin-top: 56px; margin-top /*\**/: 0\29; } /* for IE8 */
	#menu ul { list-style-type: none; margin: 0; padding: 0; }
	
	#menu li { margin: 0; padding: 0; display: block; float: left; height: 57px; }
		#menu li a { display: block; float: left; cursor: pointer; height: 57px; margin: 0 0 0 1px; background-position: 0 0; }
		#menu li a:hover { background-position: 0 -57px; }
		#menu li a.active { background-position: 0 -57px; }
		#menu li a span { display: none; }

	#apresentacao { float: left; display: block; width: 168px; background: url("../_gi/mnuApresentacao.png") no-repeat 0 0; }
	#coberturas { float: left; display: block; width: 187px; background: url("../_gi/mnuCoberturas.png") no-repeat 0 0; }
	#recomendacoes { float: left; display: block; width: 200px; background: url("../_gi/mnuRecomendacoes.png") no-repeat 0 0; }
	#contacto { float: left; display: block; width: 169px; background: url("../_gi/mnuContacto.png") no-repeat 0 0; }


#destaque { width: 970px; height: 356px; float: left; margin-top: 39px; border-bottom: 1px solid #eff4f5; }

ul.ulImagens { position: relative; padding: 0; margin: 0; }
.ulImagens li {	list-style-type: none; position: absolute; margin: 0; padding: 0; }

ul.ulImagensFundo { position: relative; padding: 0; margin: 0; }
.ulImagensFundo li { list-style-type: none; margin: 0; padding: 0; }

#controlos { width: 100px; position: absolute; margin: 306px 0 0 880px; }
.btnAnterior { width: 35px; height: 35px; float: left; cursor: pointer; background: url("../_gi/btnAnt.png") no-repeat 0 0; border: 0; }
	.btnAnterior:hover { background-position: 0 -35px; }

.btnProximo { width: 35px; height: 35px; float: left; cursor: pointer; background: url("../_gi/btnProx.png") no-repeat 0 0; border: 0; margin-left: 1px; }
	.btnProximo:hover { background-position: 0 -35px; }

.btnSaberMais { width: 194px; height: 35px; position: absolute; margin-top: 306px; cursor: pointer; background: url("../_gi/btnSaberMais.gif") no-repeat 0 0; }
	.btnSaberMais:hover { width: 194px; background-position: 0 -35px; }
	.btnSaberMais span { display: none; }
	

#conteudoHome { width: 938px; float: left; margin: 30px 0 50px 32px; }
#conteudoInterior { width: 970px; float: left; margin-bottom: 20px; }
	#conteudoInterior img { border: 5px solid #fff; float: right; margin: 5px 0 5px 10px; }
	
#video { width: 252px; float: left; }
	#video a.btnVideo { width: 252px; height: 162px; float: left; background: url("../_usr/videos/apresentacao/preview.jpg") no-repeat 0 0; }
	#video a.btnVideo:hover { background-position: 0 -162px; }


a.btnVideoCoberturas { width: 140px; height: 105px; float: right; border: 5px solid #fff; background: url("../_usr/videos/coberturas/preview.jpg") no-repeat 0 0; }
a.btnVideoCoberturas:hover { background-position: 0 -105px; }

#descricao { width: 240px; margin: 38px 0 0 39px;  float: left; }
	ul.desc { margin: 0 0 0 16px; padding: 0; }
	.desc li {margin: 0; padding: 0; font-size: 16px; color: #535353; list-style-image: url("../_gi/bullet.png"); height: 24px; }

#novidades { width: 366px; float: left; margin-left: 39px; }
	#novidades p { font-size: 11px; }
	.novidade { height: 72px; float: left; background: url("../_gi/separador.png") no-repeat -10px 60px; }	
	.novidade2 { height: 52px; float: left; margin-top: 13px; }
	
	.data { width: 40px; height: 52px; padding-right: 8px; float: left; border-right: 1px solid #d0dadc; }
		.nr { clear:both; float:left; font-size: 26px; letter-spacing: -1px; color: #ff8544; width: 35px; text-align: center; margin-top: 6px; }
		.mes { clear:both; float:left; font-size: 15px; color: #535353; width: 35px; text-align: center; text-transform: uppercase; }
	
	.resumo { width: 286px; height: 49px; float: left; border-left: 1px solid #ebf1f3; padding: 3px 0 0 12px; }
		.resumo p { line-height: 14px; }
		.resumo a { margin-top: 2px; float: left; font-size: 11px; }

#footer { width: 1018px; height: 200px; margin-left: -24px; float: left; background: url("../_gi/footer.png") no-repeat 0 0; overflow-x: hidden; }
	.contactar { font-size: 22px; float: right; margin: 37px 173px 0 0; }
		.contactar a { color: #fff; }
	.assinatura { width: 400px; font-size: 10px; font-weight: bold; float: left; margin: 48px 0 0 53px; }
	

#blak { width: 31px; height: 14px; float: right; margin: 54px 45px 0 0; }
	#blak ul { list-style-type: none; margin: 0; padding: 0; }
	#blak li { margin: 0; padding: 0; display: block; float: left; height: 14px; }	
		#blak li a { display: block; float: left; cursor: pointer; height: 14px; background-position: 0 0; }
		#blak li a:hover { background-position: 0 -14px; }
		#blak li a span { display: none; }

	#logo { float: left; display: block; width: 31px; background: url("../_gi/blak.png") no-repeat 0 0; }

	
		
		
/* INTERIOR */	
		
#imagensFundoInterior { width: 1800px; height: 257px; margin-left: -900px; float: left; position: absolute; left: 50%;  border-bottom: 1px solid #eff4f5; z-index: 0; overflow: hidden; }
.imagemBgInterior { position: absolute; z-index: 1; height: 257px; }
		
#seccao { width: 251px; height: 105px; margin-top: 39px; float: left; background: url("../_gi/seccaoBg.png") no-repeat; }	
	#seccao h1 { font-size: 32px; color: #fff; margin-bottom: 1px;  }	
	.seccaoTitulo { margin: 25px 0 0 22px; }


#subMenu { width: 251px; float: left; background: transparent url("../_gi/subMenuLinha.png") no-repeat scroll bottom right; padding-bottom: 100px; }
	#subMenu ul { list-style-type: none; }

	#subMenu li { width: 251px; height: 50px; float: left; top: 0; }
		#subMenu li a { width: 100%; height: 100%; float: left; text-decoration: none; top: 0; cursor: pointer; }
		#subMenu li.act { width: 100%; height: 100%; float: left; text-decoration: none; top: 0; cursor: pointer; }
		#subMenu li a span { display: none; }

	
	/* Submenu Coberturas */ 
	#tiposCoberturas { margin: 0; background: transparent url('../_gi/subMenuCoberturas.png') no-repeat scroll 0 0;}
	#tiposCoberturas:hover, #tiposCoberturas.active { background-position: 0 -50px; }

	#sistemaSeguranca { margin: -6px 0 0 0; background: url('../_gi/subMenuCoberturas.png') no-repeat -251px 0; }
	#sistemaSeguranca:hover, #sistemaSeguranca.active { background-position: -251px -50px; }

	#aquecimento { margin: -6px 0 0 0; background: transparent url('../_gi/subMenuCoberturas.png') no-repeat -502px 0; }
	#aquecimento:hover, #aquecimento.active { background-position: -502px -50px; }

	#caixas { margin: -6px 0 0 0; background: transparent url('../_gi/subMenuCoberturas.png') no-repeat scroll -753px 0;}
	#caixas:hover, #caixas.active { background-position: -753px -50px; }

	#sistemaLimpeza { margin: -6px 0 0 0; background: transparent url('../_gi/subMenuCoberturas.png') no-repeat -1004px 0;}
	#sistemaLimpeza:hover, #sistemaLimpeza.active { background-position: -1004px -50px; }
	
	#grandesDimensoes { margin: -6px 0 0 0; background: transparent url('../_gi/subMenuCoberturas.png') no-repeat -1255px 0;}
	#grandesDimensoes:hover, #grandesDimensoes.active { background-position: -1255px -50px; }
	



#area { width: 655px; float: left; margin: 30px 0 40px 44px; }
	#area ul { color: #555; text-shadow: 0px 1px #f5f8f9; margin-left: 10px; line-height: 22px; }
	
#areaNormal { width: 930px; float: left; margin: 44px 0 40px 30px; }

#areaTelefone { width: 500px; float: left; }
	#areaTelefone p { line-height: 18px; }
	
#areaFormulario { width: 370px; float: left; margin-left: 60px; }
	#formulario { width: 370px; float: left; margin-left: -4px; }
	#formulario .inputNormal { width: 340px; height: 13px; background-color: #fff; border: 1px solid #d8e3e5; margin: 4px; padding: 10px; }
		#formulario textarea { width: 340px; background-color: #fff; border: 1px solid #d8e3e5; margin: 4px; padding: 10px; color: #c6d6db; }
		#formulario input[value]  { color: #c6d6db; }
	
	.btnEnviar { width: 134px; height: 35px; margin: 3px 4px 0 5px; margin-top: 5px; clear: both; float: right; background: transparent url("../_gi/btnEnviar.gif") no-repeat; cursor: pointer; }


label { float: left; }
label.error { float: left; padding: 0 0 5px 16px; vertical-align: top; color: red; font-size: 11px; text-shadow: 0px 1px #fff4f4; }

.etiqueta { width: 70px; float: left; color: #ff8544; }

#imagensGrupo { float: left;  }
	#imagensGrupo img { float: left; margin: 15px 15px 0 0; }