@charset "utf-8";

/*			    Cliente: Instituto Antena Verde				*/
/*		Produção: Panda Comunicação - www.panda.art.br		*/
/* 				  Contato: panda@panda.art.br 				*/

* {
	margin:0;
	padding:0 auto;
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	}
	
body {
	margin:20px 0 20px 0;
	background-color:#86c217;
	}
	
#site {
	margin:0 auto;
	width:1000px;
	background:url(../images/fundo-normal.png) center repeat-y;
	}


/* Caso precise centralizar alguma coisa com ID, usar essa classe e vice-versa */	
.cntrlzr {margin:0 auto;}
#cntrlzr {margin:0 auto;}
	
/* Topo */

#topo {
	text-align:left;
	height:140px;
	}
	
#logo {
	margin:15px 0 10px 60px;
	border:0px;
	}
	
/* Menu */

#menu {
	font-size:12px;
	height:auto;
	width:auto;
	text-align:center;
	color:#333;
	font-weight:bolder;
	margin-bottom:20px;
	}
	
#menu ul {
	line-height:22px;
	padding-left:0;
	}
	
#menu ul li {
	display:inline;
	padding:5px 10px 5px 10px;
	margin:0 5px 0 5px;
	text-align:center;
	}
	
	#menu ul li a, a:visited, a:active {
		color:#333;
		text-decoration:none;
		}
		
	#menu ul li a:hover {
		color:#000;
		text-decoration:none;
		}	
		
	/* coloca fundo redondinho nas opções do menu */
	
	li.opc01:hover {background:url(../images/fundo-menu-01.png) center no-repeat;}
	li.opc02:hover {background:url(../images/fundo-menu-02.png) center no-repeat;}
	li.opc03:hover {background:url(../images/fundo-menu-03.png) center no-repeat;}

/* Banner */

#banner {
	width:910px;
	height:300px;
	margin:0 auto;
	}

/* Conteúdo */

#conteudo {
	width:900px;
	xheight:250px;
	margin:0 auto;
	margin-top:20px;
	}
	
	/* conteúdo da página inicial (3 blocos) */
	
	.bloco {
		margin-left:2px;
		float:left;
		width:33%;
		font-size:13px;
		}
		
	#conteudo .bloco h2 {
		font-size:15px;
		letter-spacing:1px;
		color:#090;
		margin:0 0 10px 20px;
		}
		
	#conteudo .bloco p {
		text-align:justify;
		margin:5px 10px 5px 10px;
		line-height:20px;
		color:#333;
		}
		
		#conteudo .bloco p.leia {
			text-align:right;
			line-height:24px;
			color:#333;
			font-size:12px;
			}
			
			p.leia a {
				color:#090;
				text-decoration:none;
				}
				
			p.leia a:hover, a:active, a:visited {
				color:#090;
				text-decoration:underline;
				}
				
			.fotoLegendada {
				margin:0 auto;
				width:600px;
				text-align:center;
				color:#666;
				font-size:11px;
				padding:15px 0 15px 0;
				}	
								
			/* fim do conteúdo da página inicial*/
	
/* paginas unitárias institucionais */

#conteudo h1 {
		width:100%;
		font-size:18px;
		margin:10px 0 10px 0;
		color:#090;
		letter-spacing:1px;
		text-align:center;
		}
		
	p.coluna {
		padding:10px 5px 2px 5px;
		font-size:13px;
		text-align:justify;
		text-indent:30px;
		line-height:20px;
		word-spacing:3px;
		}
		
	ul.coluna {
		font-size:13px;
		line-height:20px;
		word-spacing:3px;
		line-height:25px;
		}
		
	#conteudo a, a:active, as:visited {
		text-decoration:none;
		color:#666;
		}
		
	#conteudo a:hover {
		text-decoration:underline;
		color:#000;
		}

#conteudo #galeria img {
	margin:0 2px 0 2px;
	border:0px solid #FFF;	
	}

/* fim das páginas unitárias */
	
/* mini-menu e conteúdo em texto da página dos 8 movimentos */

#indexmovimentos {
	margin:0 20px 0 50px;
	width:150px;
	float:left;
	text-align:right;
	font:12px "Trebuchet MS", Verdana, Tahoma, Arial normal;
	}
	
	#indexmovimentos ul {
		margin:0;
		padding:0;
		}
	
	#indexmovimentos ul li {
		list-style:none;
		line-height:20px;
		}
		
	#indexmovimentos a, a:active, a:visited {
		text-decoration:none;
		color:#666;
		}
		
	#indexmovimentos a:hover {
		text-decoration:underline;
		color:#000;
		}
				
	#indexmovimentos ul li strong {
		color:#007500;
		}
		
#conteudomovimentos {
	margin-top:-20px;
	float:left;
	width:620px;
	font:12px "Trebuchet MS", Verdana, Tahoma, Arial normal;
	text-align:justify;
	}
	
	#conteudomovimentos p {
		text-indent:30px;
		line-height:20px;
		word-spacing:3px;
		margin-top:7px;
		color:#333;
		}
	
	#conteudomovimentos h1 {
		font-size:16px;
		margin:0 0 5px 0;
		color:#090;
		}
		
	.fotofloatl {
		float:left;
		margin:2px 2px 2px 2px;
		}
		
	.fotofloat2 {
		float:right;
		margin:2px 2px 2px 2px;
		}	
/* fim do css para os 8 movimentos */

/* começa tuning do formulário */

input, textarea {
	border:1px solid #ccc;
	margin:5px 5px 5px 5px;
	background-color:#FFF;
	font:12px "trebuchet ms" normal;
	padding:2px 2px 2px 2px;
	} 
	
input:hover, textarea:hover {
	border:1px solid #009933;
	margin:5px 5px 5px 5px;
	font:12px "trebuchet ms" normal;
	padding:2px 2px 2px 2px;
	} 
	
#googlemap {
	float:left;
	}
	
#EuAmoATerra {
	float:left;
	text-align:center;
	}
	
	form {
		width:450px;
		float:right;
		}
		
		form ul li {
			list-style:none;
			}
			
		form p {
			font-size:12px;
			margin:5px 0 10px 5px;
			}
			
form#assinatura {
	float:left;
	width:90%;
	}

/* termina tuning do formulário */

/* Carrossel de Fotos */

#carrossel {
	margin:5px 0 0 45px;
	height:110px;
	width:900px;
	float:left;
	color:#FFF;
	}
	
#carrossel img {
	border:0px solid #FFF;
	}
	
#carrossel a {
	color:#FFF;
	}

/* Rodapé */

#rodape {
	background:url(../images/fundo-rodape.png) center repeat-x;
	height:83px;
	width:955px;
	margin-top:20px;
	margin-left:20px;
	text-align:right;
	float:left;
	}
	
	#minicontato {
		font-size:12px;
		margin:15px 5px 5px 15px;
		float:left;
		letter-spacing:0.2px;
		color:#111;
		width:400px;
		text-align:left;
		}
		
	#selopanda {
		margin:18px 10px 5px 15px;
		float:right;
		}
		
		#selopanda img {
			border:0px solid #0C0;
			}
			
#bordafundo {
	margin:0 0 -10px 0;
	}