@charset "utf-8";
/* CSS Document */

body { background: #28280E url(SITEUNIAO/logoglobo/fnd-pagina.png); }

a { color: #FFF; text-decoration: none; }



/* PÁGINA, CONTAINER PARA TUDO
----------------------------------- */

#div-pagina { 
position: absolute; top: 4%; left: 50%; margin-left: -350px; 
display: block; width: 700px;}



	/* ELEMENTOS CONTIDOS EM PÁGINA
	------------------------------------ */

	#div-topo {
		float: left;
		display: block; width: 700px; height: 50px;
		background: url(SITEUNIAO/animacoes/uniaoanim.gif) no-repeat top center; }

	#div-col-esq {
		float: left;
		display: block;
		width: 150px;
		height: 290px;
		background: #333;
		padding-top: 10px;
		background-image: url(SITEUNIAO/logoglobo/sarda.png);
		background-repeat: no-repeat;
		background-position: bottom;}

	#div-col-miolo {
		float: left;
		display: block; width: 400px; height: 300px;
		background: url(SITEUNIAO/logoglobo/maosmarg.png) center bottom; 
		background-repeat: no-repeat;}

	#div-col-dir {
		float: left;
		display: block;
		width: 150px;
		height: 290px;
		background: #333;
		padding-top: 10px;
		background-image: url(SITEUNIAO/logoglobo/arte-por-toda-parte.png);
		background-repeat: no-repeat;
		background-position: bottom;}
		
		


	/* ELEMENTOS CONTIDOS EM DIV-COL-ESQ
	----------------------------------------- */

	#span-texto-esq-1 {
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color: #FC0;
		font-size: 14px;
		font-weight: bold;
		display: block;
		padding-left: 10px;
		width: 140px;}

	.texto-esq-link {
		width: 130px;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color: #FF0;
		font-size: 14px;
		margin-left: 10px;
		position: relative;
		display: block;
		position: relative;}

	#toggle-span-texto-esq-inst  {
	display: none;
	width: 130px;
	padding-top: 5px; padding-bottom: 5px;
	background-image: url(SITEUNIAO/logoglobo/fnd-pagina.png);}
	
	#toggle-span-texto-esq-inst  a {
	width: 130px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
}

#toggle-span-texto-esq-inst  a:hover {
	color: #6F0;
}

#toggle-span-texto-esq-art  {
	display: none;
	width: 130px;
	padding-top: 5px; padding-bottom: 5px;
	background-image: url(SITEUNIAO/logoglobo/fnd-pagina.png);}
	
	#toggle-span-texto-esq-art  a {
	width: 130px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
}

#toggle-span-texto-esq-art  a:hover {
	color: #6F0;
}

#span-texto-esq-2 {
	display: block;
	width: 130px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #993;
	text-align: center;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}




	/* ELEMENTOS CONTIDOS EM DIV-COL-MIOLO
	----------------------------------------- */

	#span-texto-miolo-1 {
		text-align: center;
		display: block;
		width: 400px;
		height: 50px;
		background-image: url(SITEUNIAO/logoglobo/projetos-artisticos.png);
		background-repeat: no-repeat;
		background-position: center center;
		padding-top: 20px;}

	#span-texto-miolo-2 {
		text-align: center;
		display: block;
		width: 400px;
		height: 120px;
		background-image: url(SITEUNIAO/logoglobo/acoplan.png);
		background-repeat: no-repeat;
		background-position: center top;
		margin-top: -15px;
		text-indent: -9999px;}

	/* MENU DO RODAPE 
	--------------------------*/
		
	#span-pe-miolo {
		display: block; width: 340px; height: 40px;
		background-image:url(SITEUNIAO/logoglobo/fnd-pagina.png);
		border: 1px dotted  #00FF00;
		margin-left: auto; margin-right: auto; margin-top: 30px;
		text-align: center;}
		
	#span-pe-miolo a { 
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 10px; color: #FFF;
		text-decoration: none; line-height: 120%;}
	
	#span-pe-miolo a:hover { color: #6F0; text-decoration: none;}
	
	#a-composicao {
		float: left;
		display: block; width: 100px; height: 37px;
		border-right: 1px solid #999;
		border-left: 1px solid #999;
		padding-top: 10px;
		margin-left: 18px;}
		
	#a-blogue {
		float: left;
		display: block; width: 100px; height: 30px;
		border-right: 1px solid #999;
		padding-top: 10px}
		
	#span-mensagem {
		float: left;
		display: block; 
		width: 100px; 
		height: 30px;
		border-right: 1px solid #999;
		padding-top: 10px; 
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
		font-size: 10px; 
		color: #FFF;
		text-decoration: none; line-height: 120%;}
		
		
	/* TOGGLE FORMULÁRIO DE MENSAGEM
	------------------------------------------- */
        
    	#toggle-form-mensagem { 
		display: none; 
		position: absolute; 
		top: 361px; 
		left: 0px;
		z-index: 999;
		width: 700px; 
		height: 150px;}
		
		#span-topo-mensagem {
		display: block; 
		width: 700px; 
		height: 15px; 
		background-image: url(SITEUNIAO/logoglobo/topo-form-menu2.gif); 
		background-position: 0 0px;}
		
		#span-texto-mensagem { 
		display: block;
		width: 700px;
		padding-bottom: 10px;
		background-color: #333333;
		font-family: segoe ui;
		font-size: 10px;
		color: #30C0FF;}
		
		#toggle-form-mensagem form {
			display: block; 
			background-color: #333333; 
			text-align: center; }
			
		#input-apagar {
			background: #333333; 
			font-family: courrier new; 
			color: red; 
			font-size: 12px; 
			margin-bottom: 5px; }
			
		#input-nome-do-visitante {
			background: #333333 url(SITEUNIAO/logoglobo/fnd-pagina.png); 			
			font-family: courrier new; 
			color: #ffffff; 
			font-size: 12px; 
			margin-bottom: 5px; }
			
		#input-endereco-eletronico {
			background: #333333 url(SITEUNIAO/logoglobo/fnd-pagina.png); 			
			font-family: courrier new; 
			color: #ffffff; 
			font-size: 12px; 
			margin-bottom: 5px; }
			
		#input-enviar {
			background: #333333; 
			font-family: courrier new; 
			color: green; 
			font-size: 12px; 
			font-weight: bold; 
			margin-bottom: 5px; }
			
		#textarea-mensagem {
			background: #333333 url(SITEUNIAO/logoglobo/fnd-pagina.png); 			
			font-family: courrier new; 
			color: #ffffff; 
			font-size: 12px; }
			
		#span-obrigado {
			display: block; 
			width: 700px; 
			font-family: palatino linotype; 
			font-size: 14px; 
			color: #C3C3C3; }
			
		#span-pe-mensagem {
			display: block; 
			width: 700px; 
			height: 15px; 
			background-image: url(SITEUNIAO/logoglobo/pe-form-menu2.gif); 
			background-position: 0 15px; }
			
		
		
	/* ELEMENTOS CONTIDOS EM DIV-COL-DIR
	----------------------------------------- */
	
	#span-fundo-musical {
		display: block; 
		width: 150px; 
		height: 25px;
		border-bottom: #1452b3 1px dotted; 
		font-family: palatino linotype; 
		font-size: 12px; color: #fff; 
		text-align: center;
		position: relative; }

	#span-fundo-musical a {
		color: #ff8000; 
		text-decoration: none;
}

	#span-fundo-musical a:hover {
		color: #6F0;
}
		
	#span-fundo-musical span { 
		 display: none; 
		 width: 70px; 
		 border: 1px dotted  #00ff00; 
		 padding: 10px;		 
		 background-image: url(SITEUNIAO/logoglobo/fnd-pagina.png); 
		 font-family: segoe ui; 
		 font-size: 12px; color: #fff; 
		 text-align: left;}
	
	#span-fundo-musical:hover span {
		 display: block;		 
		 position: absolute; 
		 top: 5px; 
		 left: -70px; }
		 
	#span-manifesto {
		display: block;
		width: 150px;
		height: 35px;
		border-bottom: #1452b3 1px dotted;
		text-align: center;
}
		 
	#span-manifesto a {		 
		 font-family: palatino linotype; 
		 font-size: 12px; 
		 color: #fff; 
		 text-decoration: none; }
		 
	#span-manifesto a:hover { color: #6F0; }
	
	
	#div-creditos {
		position: relative;
		top: 377px;
		left: 50%;
		margin-left: -350px;
		display: block;
		width: 700px;
		height: 170px;
		text-align: center;}
	
	
	
	/* ELEMENTOS DO BOX CREDITOS
	------------------------------------ */
	
	#span-topo-mensagem-fundo { 
		display: block; 
		width: 700px; 
		height: 15px; 
		background-image: url(SITEUNIAO/logoglobo/topo-form-menu2.gif); 
		background-position: 0 0px;}
	
	#span-miolo-creditos-fundo {
		padding-top: 15px;
		display: block;
		width: 700px;
		height: 105px;
		background-color:  #333;
		font-family: arial;
		font-size: 10px;
		color: #717171;}
		
		#span-pe-mensagem-fundo { 
			display: block; 
			width: 700px; 
			height: 15px; 
			background-image: url(SITEUNIAO/logoglobo/pe-form-menu2.gif); 
			background-position: 0 15px; }