body {
	
	background-color:#0000CD;
}

/*231 por 175 -> Objeto de bot�o */


#pagina {	
	z-index: 3;
	width:100%;
	height:100%;
}
#flash {	
	z-index: 1;
}
#prepage{
	background-repeat: no-repeat;
	position: fixed;
	font-family:arial; 
	font-size:16; 
	left:0px; 
	top:0px; 
	layer-background-color:white; 
	height:100%; 
	width:100%;
	font-size: small;
	background-color: #000080;
	z-index: -1;
}
#geral{	
	-webkit-border-radius:15px 15px 15px 15px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 15px 15px 15px;
	position: relative;
	width:900px;
	height:700px;
	margin:0;
	background-color:#FFFAFA;
	left: 0px;
	top: 15px;
	border: 4px solid #CDC9C9;  /*#CD3333;*/
}
#rodape{	
	-webkit-border-radius:15px 40px 15px 40px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 40px 15px 40px;
	position: relative;
	width:900px;
	height:60px;
	font-weight: 10px;
	background-color:#FFFAFA;
	left: 0px;
	top: 30px;
	border: 4px solid #CDC9C9;  /*#CD3333;*/
}
#rodape p{
	font-size: 13px;
	font-style: italic;
}
#rodape a{
	padding: 0 0 0 0;	
	color:#0000FF;
	text-decoration:none;
	line-height:100%;
}
#rodape a:hover{
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
}
#quadrado1{	
	background-image: url("fotos/fundo.png");
	-webkit-border-radius:15px 30px 15px 30px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 30px 15px 30px;
	position: absolute;
	width:24%;
	height:18%;
	top: 72%;
	left: 0%;
}


#quadrado2 {
	
	background-image: url("fotos/fundo2.png");
	position: absolute;
	-webkit-border-radius:15px 30px 15px 30px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 30px 15px 30px;
	
	position: absolute;
	width:24%;
	height:18%;
	top: 72%;
	left: 25%;
}

#quadrado3 {

	background-image: url("fotos/fundo3.png");
	position: absolute;
	-webkit-border-radius:15px 30px 15px 30px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 30px 15px 30px;
	position: absolute;
	width:24%;
	height:18%;
	top: 72%;
	left: 50%;


}

#quadrado4 {
	
	background-image: url("fotos/fundo4.png");
	position: absolute;
	-webkit-border-radius:15px 30px 15px 30px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 30px 15px 30px;
	position: absolute;
	width:24%;
	height:18%;
	
	
	top: 72%;
	left: 75%;

}


/*#quadrado5 {

	background-image: url("fotos/fundo5.png");
	position: absolute;
	-webkit-border-radius:15px 30px 15px 30px; /* Safari, Google Chrome, etc */
	/*-moz-border-radius: 15px 30px 15px 30px;
	
	width:24%;
	height:15%;
	
	
	top: 77%;
	left: 75%;

}*/


#opiniao {
	color: #FFE4E1;
	font-style: italic;
	font-weight: bold;
	font-size: 9px;
	background-image: url("fotos/fundo_0.png");
	-webkit-border-radius:15px 15px 15px 15px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 15px 15px 15px;
	opacity: 0.7;
	-opacity: 0.7;
	*opacity: 0.7;
	position: absolute;
	filter: alpha(opacity=70);
	width:49%;
	height:9%;
	top: 91%;
	left: 0%;	
}

#opiniao:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#opiniao .oqueachou {
	position: absolute;
	left: 2%;
	top: 4%;
	filter: alpha(opacity=70);
		
}

#opiniao select {
	width: 41%;
	position: absolute;
	left: 2%;
	top: 31%;
}
#opiniao .textarea {
	position: absolute;
	left: 45%;
	top: 40%;
	
}

#opiniao input.botao{
	position:absolute;
	top: 65%;
	left: 2%;

}

#opiniao textarea {
	width: 220px;
	height: 32px;
}
#opiniao .mande {
	position: absolute;
	left: 45%;

}
#opiniao .botao{
	border: 1px color: #FFE4E1;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	border: 0px;
	width: 178px;
	padding: 3px;
	
}

#opiniao .botao:hover{
	
	border: 1px color: #FFE4E1;
	color: #0000FF;
	background-color: #7CFC00;
}

#restrito {
	color: #FFE4E1;
	font-style: italic;
	font-weight: bold;
	font-size: 9px;
	background-image: url("fotos/fundo_0.png");
	-webkit-border-radius:15px 15px 15px 15px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 15px 15px 15px;
	opacity: 0.7;
	-opacity: 0.7;
	*opacity: 0.7;
	filter: alpha(opacity=70);
	width:24%;
	position: absolute;
	height:9%;
	top: 91%;
	left: 75%;
}

#restrito:hover{
	opacity: 1.0;
	-opacity: 1.0;
	*opacity: 1.0;
	filter: alpha(opacity=100);
}

#newsletter .restrito {
	position: absolute;
	top: 8%;
	left: 7%;
	
}
#newsletter input.um {
	position: absolute;
	top: 36%;
	left: 7%;
	width: 135px;
	
}
#newsletter input.botao {

	position: absolute;
	top: 35%;
	left: 73%;
	border: 1px color: #FFE4E1;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	border: 0px;
	width: 42px;
	height: 18px;
	
}
#newsletter input.botao:hover {
	border: 1px color: #FFE4E1;
	color: #0000FF;
	background-color: #7CFC00;
	}

#restrito .botao{
	position: absolute;
	top: 55%;
	left: 62%;
	border: 1px color: #FFE4E1;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	border: 0px;
	width: 30px;
	height: 12px;
	
	width: 44px;
	padding: 3px;
}

#restrito .botao:hover{
	border: 1px color: #FFE4E1;
	color: #0000FF;
	background-color: #7CFC00;
}



#newsletter {
	color: #FFE4E1;
	font-style: italic;
	font-weight: bold;
	font-size: 9px;
	background-image: url("fotos/fundo_0.png");
	-webkit-border-radius:15px 15px 15px 15px; /* Safari, Google Chrome, etc */
	-moz-border-radius: 15px 15px 15px 15px;
	opacity: 0.7;
	-opacity: 0.7;
	*opacity: 0.7;
	filter: alpha(opacity=70);
	width:24%;
	position: absolute;
	height:9%;
	top: 91%;
	left: 50%;
}

#newsletter:hover{
	opacity: 1.0;
	-opacity: 1.0;
	*opacity: 1.0;
	filter: alpha(opacity=100);
}

#newsletter input.email{
	margin: 15% 0 0 -17%;
}
#loading:{
	margin: 15% 0 0 -17%;
}

#geral input{
	
	font-style: italic;   
}