@charset "utf-8";
/* CSS Document design by Alexandre Mattos

Colors:

verde claro : #69953E
verde escuro: #4B6A2D

*/
*{
	
	padding: 0;
	margin: auto;
	font-family: Lucida Sans Unicode;
	outline: none;
	}

body {
	background: #181818;
	}



#align{
	margin: auto;
	width: 1000px;
	}

/* Header, logo, barra e menu */
	#header{
		
		}
		
		#header .logo{
			height: 55px;
			padding: 20px 0 30px 10px;
			}
			
			#header a img{
				float: left;
				border: 0;
				}
				
			#header a:link span,
			#header a:visited span{
				float: left;
				padding: 24px;
				font-size: 18px;
				}
				
				#header a:hover span{
				float: left;
				padding: 24px;
				font-size: 18px;
				color: #69953E;
				}
		
		#header .logo a:link, #header .logo a:visited{
			color: #E8E8E8;
			font-size: 18px;
			text-decoration:none;
			}
		#header .logo a:hover {
			color: #69953E;
			text-decoration:none;
			}
		
		#header .bar{
			background: #69953E url("../images/bg.png") left bottom repeat-x;
			height: 270px;
			
			}
		
		#menu{
			
			}		
/* Content, conteúdo e sidebar */

	#content{
		width: 1000px;
		background:#cccccc;
		font-size: 14px;
		
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
				
		-khtml-border-bottom-left-radius: 3px; 
		-khtml-border-bottom-right-radius: 3px;
				
		-webkit-border-bottom-left-radius:3px; 
		-webkit-border-bottom-right-radius:3px;
		
		}
		
		#content .left{
			float: left;
			width: 685px;
			background: none;
			padding: 5px;
			margin: 1px;
			-moz-border-radius-topleft: 3px;
			-khtml-border-top-left-radius: 3px; 
			-webkit-border-top-left-radius:3px; 

			}
			
			#content .left h1{
				color:#4B6A2D;
				font-size: 30px;
				text-shadow: 1px 1px 0px #333;
				}
				
			#content .left h2{
				color:#333;
				font-size: 15px;
				}
				
			#content .left p{
				color:#333333;
				font-size: 14px;
				}
				
			#content .left img{
				padding: 8px;
				border: 1px solid #999;
				background: #ccc;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				-moz-border-radius-bottomleft: 3px;
				-moz-border-radius-bottomright: 3px;
					
				-khtml-border-top-right-radius:3px; 
				-khtml-border-top-left-radius: 3px;
				-khtml-border-bottom-left-radius: 3px; 
				-khtml-border-bottom-right-radius: 3px;
					
				-webkit-border-top-right-radius:3px; 
				-webkit-border-top-left-radius:3px;
				-webkit-border-bottom-left-radius:3px; 
				-webkit-border-bottom-right-radius:3px;

				}
				
			#content .left a:hover img{
				border: 1px solid #4B6A2D;
				
				box-shadow:1px 1px 10px #818181;
				/* implementação para o firefox */
				-moz-box-shadow:1px 1px 10px #818181;
				/* implementação para safari */
				-webkit-box-shadow:1px 1px 10px, #818181;
				
				}
				
		#content .right{
			float: right;
			width: 300px;
			background: none;
			}
			
			#content .right .side-destaque {
				background:#4b6a2d;
				margin: 0 ;
				padding: 5px;
				
				-moz-border-radius-bottomleft: 3px;
				-moz-border-radius-bottomright: 3px;
						
				-khtml-border-bottom-left-radius: 3px; 
				-khtml-border-bottom-right-radius: 3px;
						
				-webkit-border-bottom-left-radius:3px; 
				-webkit-border-bottom-right-radius:3px;
				}
				
			#content .right .side-outros {
				
				padding: 5px;
				color:#000000;
				}
			
		.clear{
			clear: both;
			}

/* Footer, rodapé, links, endereço, direitos */

	#footer{
		color: #a1a1a1;
		font-weight: normal;
		font-size: 14px;
		}
		
		#footer #links{
			width: 800px;
			float: left;
			padding: 2px;
			margin: 2px;
			background: none;
			
			}
		
		#footer .endereco{
			padding: 10px;
			text-align: left;
			
			
			}
		
		#footer .direitos{
		
			text-align: right;
			padding: 10px;
			}
		#footer .final {
			border-top: 1px solid #333;
			}

/* outros */

.arredondar {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;

	-khtml-border-top-right-radius:3px; 
	-khtml-border-top-left-radius: 3px;
	-khtml-border-bottom-left-radius: 3px; 
	-khtml-border-bottom-right-radius: 3px;

	-webkit-border-top-right-radius:3px; 
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px; 
	-webkit-border-bottom-right-radius:3px;
}

/* menu */

#menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	font-weight:normal;
	}
#menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#menu li{
		float:left;
		padding:0px;
		}
	#menu li a{
		background:#333333 url("../images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#menu li a:hover, #menu ul li:hover a{
			background: #4B6A2D;
			color:#FFFFFF;
			text-decoration:none;
			text-shadow: 1px 1px 1px #333;
			
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			
			-khtml-border-top-left-radius: 3px; 
			-khtml-border-top-right-radius: 3px;
			
			-webkit-border-top-left-radius:3px; 
			-webkit-border-top-right-radius:3px;
			
			}
	#menu li ul{
		/* background:#333333; */
		background: #4B6A2D;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		box-shadow:5px 5px 10px #000;
			/* implementação para o firefox */
			-moz-box-shadow:5px 5px 8px #000;
			/* implementação para safari */
			-webkit-box-shadow:5px 5px 8px, #000;
		/*top:1em;
		/*left:0;*/
		}
	#menu li:hover ul{
		display:block;
		
		}
	#menu li li {
		background: #4B6A2D;
		display:block;
		float:none;
		margin:0px;
		width:225px;
		}
		
	#menu li ul:last-child{
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-bottomright: 3px;
			
			-khtml-border-top-right-radius: 3px;
			-khtml-border-bottom-left-radius: 3px; 
			-khtml-border-bottom-right-radius: 3px;
			
			-webkit-border-top-right-radius: 3px;
			-webkit-border-bottom-left-radius:3px; 
			-webkit-border-bottom-right-radius:3px;
		}
	#menu li:hover li a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:35px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		margin: 4px;
		}
		#menu li ul a:hover, #menu li ul li:hover a{
			background:#69953E;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			text-shadow: 1px 1px 1px #000;
			
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-bottomright: 3px;
			
			-khtml-border-top-right-radius:3px; 
			-khtml-border-top-left-radius: 3px;
			-khtml-border-bottom-left-radius: 3px; 
			-khtml-border-bottom-right-radius: 3px;
			
			-webkit-border-top-right-radius:3px; 
			-webkit-border-top-left-radius:3px;
			-webkit-border-bottom-left-radius:3px; 
			-webkit-border-bottom-right-radius:3px;
			margin: 4px;
			}
	#menu p{
		clear:left;
		}	

	#menu .mark {
		background:#69953E;
		color: #FFF;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
			
		-khtml-border-top-left-radius: 3px; 
		-khtml-border-top-right-radius: 3px;
			
		-webkit-border-top-left-radius:3px; 
		-webkit-border-top-right-radius:3px;
		}
	#menu .mark:hover{
		background:#69953E;
		color: #FFF;
		}
	
	.estilizado {
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 3px;
			
		-khtml-border-top-right-radius:0px; 
		-khtml-border-top-left-radius: 3px;
		-khtml-border-bottom-left-radius: 0px; 
		-khtml-border-bottom-right-radius: 3px;
			
		-webkit-border-top-right-radius:0px; 
		-webkit-border-top-left-radius:3px;
		-webkit-border-bottom-left-radius:0px; 
		-webkit-border-bottom-right-radius:3px;
		}