/* CSS Document */
body {	background:url(../imagens/bg1.png) repeat-x;
		background-color:#FFFFFF;}
		
#geral {	width: 960px;
			margin:auto;}
/* ------------------------------------------------Início do Topo ---------------------------------------------- */
#topo {	width: 960px;
		height: 150px;}
		
#logo {	width: 87px;
		height: 150px;
		float: left;
		margin-left:6px;}
#logo a{border: 0px;}

#logoarte {	width: 110px;
			height: 150px;
			float: right;
			margin-right:50px;}

		
#meufuturo {	width: 600px;
				height: 110px;
				margin-left:100px;
				background-image:url(../imagens/meu_futuro_minha_escola.png);
				float: left;}
		
#menutopo {	width: 400px;
			height: 30px;
			float:right;
			padding:5px;
			margin-right:100px;}
			
#menutopo ul, #menutopo li {display:inline;}

#menutopo li {	list-style: none;
				float:left;}
			
#menutopo li a {	font: 12px Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#FFFFFF;
					padding: 5px;
					margin-left: 5px;}
				
#menutopo ul li a:hover {	background:#ffffff;
							color:#3366ff;}
/* ------------------------------------------------ Início Menu Esquerda ---------------------------------------------- */
#menuesquerda {	width: 160px;
				background-color:;
				float: left;
				margin-top:5px;}

#menuesquerda ul, #menutopo li {display:inline;}

#menuesquerda ul li {	list-style: none;
					float:left;}
			
#menuesquerda ul li a {	width: 150px;
						height: 20px;
						background-color:#ffffff;
						border-bottom: 1px solid #3366FF;
						font: 12px Verdana, Arial, Helvetica, sans-serif;
						color: #000000;
						text-decoration: none;
						text-align: left;
						float: left;
						padding: 5px;}
				
#menuesquerda ul li a:hover {	background:url(../imagens/boton.png);
								color:#FFFFFF;}
/* ------------------------------------------------Início do Conteudo ---------------------------------------------- */
#conteudo { margin-left: 170px;
			background-color:;}

#conteudo a {	font: 12px Verdana, Arial, Helvetica, sans-serif;
				border-bottom:0px;
				color:#06F;
				padding:5px;
				text-decoration:none;
				}
				
#conteudo a:hover{	font: 12px Verdana, Arial, Helvetica, sans-serif;
					border-bottom:0px;
					color:#666;
					padding:5px;
					text-decoration:none;
					}
				
#conteudo ul li a:hover {	background:url(../imagens/boton.png);
								color:#FFF;}

#conteudo img {border:0px;}
							
			
.texto {	width:545px;
			background-color:;
			margin:5px;
			border: 0px dashed #0066FF;
			padding: 5px;
			float:left;}
			
.texto h1 {	font: 18px Verdana, Arial, Helvetica, sans-serif;
			border-bottom: 1px solid #0066FF;
			color: #0066FF;
			font-weight:bold;}
			
.texto h2 {	font: 14px Verdana, Arial, Helvetica, sans-serif;
			color: #FF6600;
			font-weight:bold;
			text-indent:35px;}
			
.texto h3 {	font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #0066FF;
			text-decoration:underline;
			font-weight:bold;
			text-indent:35px;}
			
.texto p {	font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #333333;
			text-align: justify;
			text-indent:35px;
			}

.texto ul li{	list-style:none;
				float:left;
				font:12px Verdana, Arial, Helvetica, sans-serif;
				display:list-item;
				}
				
	

			
#conteudo img {	float: left;
				margin:5px;
				margim: 5px;}

				
.menuconteudo {	width: 250px;
				background-color:;
				float: left;
				margin:35px;}


.menuconteudo ul, .menuconteudo li {display:inline;}

.menuconteudo li {	list-style: none;
					float:left;}
			
.menuconteudo ul li a {	width: 250px;
						height: 20px;
						background-color:;
						border-bottom: 1px solid #ff6600;
						font: 12px Verdana, Arial, Helvetica, sans-serif;
						color: #000000;
						text-decoration: none;
						text-align: left;
						float: left;
						padding: 5px;}
				
.menuconteudo ul li a:hover {	background:url(../imagens/boton.png);
								color:#FFF;}
/* ------------------------------------------------ Menu Fique por dentro ---------------------------------------------- */
#fiquepordentro {	width: 450px;
				background-color:;
				float: left;
				margin:35px;}


#fiquepordentro ul, #fiquepordentro li {display:inline;}

#fiquepordentro li {	list-style: none;
					float:left;}
			
#fiquepordentro ul li a {	width: 450px;
						height: 20px;
						background-color:;
						border-bottom: 1px solid #ff6600;
						font: 12px Verdana, Arial, Helvetica, sans-serif;
						color: #000000;
						text-decoration: none;
						text-align: left;
						float: left;
						padding: 5px;}
				
#fiquepordentro ul li a:hover {	background:url(../imagens/boton.png);
								color:#FFFFFF;}
				
/* ------------------------------------------------Início do Menu Direita ---------------------------------------------- */
#menudireita {	width: 220px;
				background-color:;
				float: right;}

#menudireita img {	width: 200px;
					margin-top:5px;
					margin-left: 10px;
					margin-right: 10px;
					margin-bottom: 5px;
					border:0px;
					}

/* ------------------------------------------------Início do Rodapé ---------------------------------------------- */

#rodape {	width: 960px;
			border-top: 1px ridge #0066FF;
			clear: both;}
			
#rodape p{	font: 11px Arial, Helvetica, sans-serif;
			text-align: center;}
			
/* ------------------------------------------------Início do Formulário ---------------------------------------------- */
#formulario	{	width: 700px;
				margin:20px;
				display:none;}

#formulario h1 {	font: 24px Arial, Helvetica, sans-serif;
					color: #06F;}
					
#formulario h2 {	font: 12px Arial, Helvetica, sans-serif;
					color: #666;}
					
#formulario label {font: 12px Arial, Helvetica, sans-serif;}

#formulario .caixa {background-image:url(../imagens/bgformulario.jpg);
					border: 1px solid #999;
					background-repeat:repeat-x;
					margin-bottom:5px;
					}

#formulario .caixa2 {background-image:url(../imagens/bgformulario01.jpg);
					border: 1px solid #999;
					background-repeat:repeat-x;
					}

#formulario legend { font: 16px Arial, Helvetica, sans-serif;
					color:#F60;}
					
#formulario .caixa:hover {	border: 1px solid #000;}


fieldset{ padding: 5px; }

label { width: 100px;
	text-align: right;
	float: left;
	margin: 2px;} 


.fotos {	width:170px;
			height:170px;
			padding:4px;
			margin-bottom:5px;
			float:left;}
		
.fotos p{	text-align:center;}

.fotos .img{	border:none;
				float:;}

.fotos a{	font: 12px Tahoma, Geneva, sans-serif;
			color:#333;
			text-align:center;
			text-decoration:none;}

.fotos a:hover{	font: 12px Tahoma, Geneva, sans-serif;
					color:#333;}

.fotos2 {	width:120px;
			height:120px;
			padding:2px;
			margin-bottom:5px;
			float:left;}


.albumfotos {	width:150px;
			height:150px;
			margin:6px;
			float:left;}
		
.albumfotos p{	text-align:center;}

.albumfotos .img{	border:none;
				float:;}

.albumfotos a{	font: 12px Tahoma, Geneva, sans-serif;
			color:#333;
			text-align:center;
			text-decoration:none;}

.albumfotos a:hover{	font: 12px Tahoma, Geneva, sans-serif;
					color:#333;}