/* CSS Document Campestre Piscinas | Brane Inteligência em Internet */

body {
	background-image:url(imagens-layout/plano-de-fundo.jpg); font:12px Arial; margin:0px;
}

h1, h1.projetos, h2 { font: bold 12px "Arial"; color:#009; text-align:left; text-transform:uppercase; margin-left:10px;margin-top:15px;}
h1.projetos {text-align:center}
h2 { font-size:11px; color:#333;}


p, ul {
	font:11px Arial; color:#222;
	text-align:left;
	padding-left:10px;
	padding-right:10px;

}


a{color:#000000;}
a:visited{color:#000000;}
a:hover{color:#444444;}

ul.lista {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; color:333333px;
	font-weight:bold;
	font-style:italic;
}

.p-azul {color:#3300CC;}
.p-fundo {background-color:#000099; color:#FFFFFF}


#bordaFotos { width:auto; height:auto;}

.foto {background:#FFF; width:88px; height:auto; padding:4px; display:compact;}
.foto:hover {background:#F90;}

.foto span {display:none;}
.foto:hover span {background:#FFF; padding:5px; position:absolute; left:105px; top:0px; z-index:auto; display: block;}
.fotoBase {background:#FFF; padding:5px; position:absolute; left:105px; top:0px;}




#bordaSite {
	background-color:#FFFFFF;
	width:780px;
	height:auto;
	position:relative; margin:0 auto;
}


.baseConteudo {
	background-color:#FFFFFF;
	width:780px;
	height:auto;
	padding-bottom:30px;
	position:relative; float:left;
}

.ccentro-coluna-1, .ccentro-coluna-2 { float:left; position:relative; text-align:center;} 
.ccentro-coluna-1 { width:330px; height:auto;}
.ccentro-coluna-2 { width:450px; height:auto; }


.baseRodape {
	background-image:url(imagens-layout/rodape.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:29px;
	position:relative; float:left; margin:0 auto;
	}

.bordaMenu {
	width:780px; background:#FFF;
	border-top:2px #96B3DF solid;
	height:50px;
	float:left;
	position:relative;
}

.borda-produtos {position:relative; float:left; width:100%; height:auto; margin-bottom:20px;}
.borda-produtos div {width:108px; height:auto; float:left; margin-right:5px;}


#menuTopo {
	font:11px Arial;color:#003399;
	font-weight:700;
	text-align:center;
	width:auto;
	margin-top:0px;
}

#menuTopo a{
	color:#333;
	text-decoration:none;
	background-color:#DDEBFF;
	padding: 3px 4px;
	line-height:22px;
	margin:1px;
	border:1px #96B3DF solid; border-top:0px;

	
}
#menuTopo a:visited{color:#333;}
#menuTopo a:hover{
	color:#333333;
	background-color:#FFFFFF;
	border:1px #FFF solid;
}
.planilha td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:333333px;
	text-align:left;
	border:1px; border-style:solid; border-color:#CCCCCC; 
	border-left:10px; border-left-style:solid; border-left-color:#E9E9E9;
	padding-left:4px;
}
.style7 {color: #0000FF; font-weight: bold; }


/* Galeria de Fotos */
#borda { position:relative; float:left; width:510px; float:left; margin-left:15px; margin-top:228px;}

.foto {width:96px; height:auto; background:#9C3; padding:1px; margin:0px 2px; float:left; }
.foto:hover {background:#000;}
.foto span {display:none;}
.foto:hover span {position:absolute; top:-230px; left:4px; padding:6px; background:#9C3; display:block; z-index:3}

.fotoBase {background:#9C3; padding:6px; position:absolute; left:4px; top:-230px;}

#area-scrol  {
overflow: scroll; 
width:510px; 
overflow-y: hidden;
scrollbar-3dlight-color: #000;
scrollbar-shadow-color: #000;
scrollbar-arrow-color:#000;
scrollbar-base-color: #FFF;
scrollbar-darkshadow-color: #FFF;
scrollbar-face-color: #9C3;
scrollbar-highlight-color:#DFEFEC;
SCROLLBAR-TRACK-COLOR: #f3F3F3;
	}
 #scroll{ padding:2px; background:#FFF;  width:2244px; height:50px; }