@charset "utf-8";
/* CSS Document */
html, body{
	height: 100%;	
}
body{
	/*background-color: #3792CF;*/
	background-color:#3793CF;
	background-image: url(../imagens/bg_cima.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

/* A propriedade abaixo serve para remover a dotted border que aparece
	à volta dos swfs no Firefox	*/

object{ 
	outline:none; 
	z-index:1000;
}

#menu{
	height: 30px;
	width: 1003px;
	padding: 0px;
	top: 144px;
	margin-left: -501px;
	left: 50%;
	position: absolute;
	background-color:#F00;
}

#header{
	width: 1003px;
	height: 144px;
	margin-left: -501px;
	left: 50%;
	top: 0px;
	position:fixed;
	background-color:#4097D2;
	z-index: 2;
}

#contents{
	width:1003px;
	top: 144px;
	bottom: 187px;
	position: absolute;
	margin-left: -501px;
	left: 50%;
	padding: 0;
	color: #639;
}

#spacer{
	width:1003px;
	height: 500px;
	position:absolute;
	margin-top: -500px;
	display:block;
}
#main { position: relative; min-height: 100% }


#footer{
	display: table-cell;
	width: 1003px;
	height: 187px;
	vertical-align: bottom;
	margin-left: -501px;
	left: 50%;
	position: fixed;
	z-index: 1000;
	padding: 0;
	bottom: 0px;

}

#background-bottom{
	width: 100%;
	height: 187px;
	position: fixed;
	bottom: 0px;
	background-image:url(../imagens/bg_baixo.png);
	background-repeat: repeat-x;
	z-index: 5;
	padding: 0;
	margin: 0;
}

#separador{
	position:fixed;
	width: 1003px;
	height: 13px;
	text-align: center;
	float:left;
	bottom: 187px;
	z-index: 10;
	margin-left: -501px;
	left: 50%;
}

#background-top{
	width: 100%;
	height: 412px;
	position: fixed;
	top: 0px;
	background-image:url(../imagens/bg_cima.png);
	background-repeat: repeat-x;
	z-index: -1;
	padding: 0;
	margin: 0;
}
#wrapperFrames{
	width: 1003px;
	position: absolute;
	top: 10px;
	margin-left: -501px;
	left: 50%;
}
#conteudosDir{
	position: relative;
	width: 623px;
	float:left;
	margin-left: 20px;
}
#conteudosEsq{
	margin-left: 50px;
	position: relative;
	width: 623px;
	float:left;
}
#fotos{
	margin-left: 50px;
	width: 903px;
	position: relative;
	float: left;
	}
	
#loading{
	margin-left: 50px;
	width: 903px;
	position: relative;
	float: left;
	display: none;
	}
	
#fotos img{
	border: #06C solid 1px;
	padding: 5px;	
}

#fotos ul{
	list-style: none;
	}
	
#fotos ul li{
	display: inline;
	position: relative;
	float: left;
	}
	
#fotos a{
	display: block;
	/*width: 300px;*/
	padding:10px;
	}
	
#imagemDir{
	margin-left: 20px;
	position: relative;
	width: 260px;
	height: 260px;
	float:left;
}
#imagemEsq{
	margin-left: 50px;
	position: relative;
	width: 260px;
	height: 260px;
	float:left;
}
#imagemEsq img{
	border: #06C solid 1px;
	padding: 5px;
	}

#imagemDir img{
	border: #06C solid 1px;
	padding: 5px;
	}

#textoContactos{
	margin-left: 50px;
	position: relative;
	width: 600px;
	float:left;
}


.titulos{
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size:16px;
	font-weight:bold;
}
.textos{
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size:12px;
	line-height: 150%;
	text-align: justify; 
}
.textos a{
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size:12px;
	line-height: 150%;
	text-align: justify; 
}
.textosCentro{
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size:12px;
	line-height: 150%;
	text-align: center; 
}
.destaques{
	text-align: center;
	color: #21618D;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	line-height: normal;	
}
#rodapeFrames{
	display: block;
	position:relative;
	width: 1003px;
	height: 200px;
	float: left;
	}