/* ALFREDO & CARVALHIDO, LDA - CSS */


html, body { height: 100%; margin: 0; background-image:url(imagens/fundo_padrao8.jpg); }




/* DIVERSOS */
.banner { background-color: #a63300; }

.rodape { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:9px; }

.area { border-left-color:#214F92; border-left-width:1px; border-left-style:solid; }

.titulo { background-color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; text-indent:15px; text-transform:uppercase; font-weight:bold; }

.legenda { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; }

.ambiente_trabalho { background-color:#E2E2E2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666; }

.barra_fundo { background-color:#000000; }

.area_texto { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:20px; }

.coluna_link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#a63300; }

.border_imagem { border-style:solid; border-color:#000000;  border-width:1px; }

.form { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:20px; background-color:#d8d8d8; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:1px; border-left-style:none; border-right:none; border-top:none; }

.botao { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height:20px; background-color:#000000; border:solid; border:#000000; border:thin; }


/* PONTOS */
.ponto { font-size:1px; color:#214F92; }

.ponto_br { font-size:1px; color:#214F92; }

.ponto_cinza { font-size:1px; color:#dddddd; }

.ponto_fundo { font-size:1px; color:#E2E2E2; }




/* LINKS */
a.link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000; margin-bottom:3px; text-align:left; text-decoration:none; text-transform:uppercase; }
a.link:hover { color:#787878; }

a.xis { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#E1E1E1; text-decoration:none; }
a.xis:hover { color:#ffffff; }

a.link_1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#62a66c; margin-bottom:3px; text-align:left; text-decoration:none; }
a.link_1:hover { color:#787878; }

.inactivo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#787878; margin-bottom:3px; text-align:left; text-decoration:none; text-transform:uppercase; cursor:default; }

.home { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; font-weight:bold; text-decoration:none; cursor:pointer; text-transform:uppercase; }

.home_inactivo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; font-weight:bold; text-decoration:none; cursor:default; text-transform:uppercase; }

a.seta { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#BBBBBB; font-size:12px; font-weight:bold; text-decoration:none; }
a.seta:hover { background-color:#000000; color:#FFFFFF; text-decoration:none; }

.seta_inactiva { font-family:Verdana, Arial, Helvetica, sans-serif; color:#A7A7A7; background-color:#D3D3D3; font-size:12px; font-weight:bold; text-decoration:none; cursor:default; }


/* GRELHAS DE IMAGENS */
.tectos { background-image:url(imagens/tectos.jpg); background-repeat:no-repeat; }

.mobiliario { background-image:url(imagens/mobiliario.jpg); background-repeat:no-repeat; }

.particulares { background-image:url(imagens/particulares.jpg); background-repeat:no-repeat; }

.particulares_exteriores { background-image:url(imagens/particulares_exteriores.jpg); background-repeat:no-repeat; }

.publicas { background-image:url(imagens/publicas.jpg); background-repeat:no-repeat; }

.publicas_exteriores { background-image:url(imagens/publicas_exteriores.jpg); background-repeat:no-repeat; }

.publicas_pontes { background-image:url(imagens/publicas_pontes.jpg); background-repeat:no-repeat; }

.construcao { background-image:url(imagens/construcao.jpg); background-repeat:no-repeat; }

.piscinas { background-image:url(imagens/piscinas.jpg); background-repeat:no-repeat; }

.telhados { background-image:url(imagens/telhados.jpg); background-repeat:no-repeat; }




/* MENU */
.menutitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; font-weight:bold; cursor:pointer; margin-bottom:1px; background-color:#000000; width:170px; padding:5px; text-align:left; text-indent:8px; text-transform:uppercase; }

.menutitle_contactos1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; font-weight:bold; cursor:pointer; margin-bottom:1px; background-color:#000000; width:180px; padding:5px; text-align:left; text-indent:8px; text-transform:uppercase; }

.menutitle1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff; font-weight:bold; cursor:default; margin-bottom:1px; background-color:#000000; width:170px; padding:5px; text-align:left; text-indent:8px; text-transform:uppercase; }

.submenu { line-height:25px; }



/* GALERIA */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited { background: url(galeria/images/prevlabel.gif) left 103% no-repeat; }
#nextLink, #nextLink:visited{ background: url(galeria/images/nextlabel.gif) right 103% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }