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

/*A estrutura CSS é formada de tres coisas, seletor, propriedade, valor.
Seletor = parte do html escolhida
propriedade = onde e o que o seletor recebe como caracteristica
valor = é a característica

seletor{ propriedade: e o valor;}

se o seletor for ID=#
se o seletor for CLASS= .
se o valor for numérico pode ter px, se for cor(#)
para responsivo a taxa numerica será em porcentagens (%)
*/

*{
	margin: 0px;
	padding: 0px;
	border-color: #000000;
	}
body{
	background:url(image/top-park.jpg) top center no-repeat;
	background-size:100%;
	height:1500px;
	background-attachment:fixed;
	
	}
			
{
font-family: 'Yanone Kaffeesatz', sans-serif;
font-family: 'Syncopate', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Poiret One', cursive;
font-family: 'Cinzel', serif;
font-family: 'Coda', cursive;
}


#tudo{
	margin:auto;
	background-color:rgba(0,0,0,0.30);
	width:1000px;
	height:1500px;
	
}

#cabecalho{
	width:1000px;
	height:210px;
	background-image:url(image/logo.png);
	background-color:rgba(0,0,0,0.30);
	
	
}
	#logo{
		width:1000px;
		height:80px;			
		}
#menu{
		width:1000px;
		height:50px;
	
		margin:10px 0; 
		}
	#menu ul{
	width: 550px;
	height: 40px;
	background-color:rgba(0,0,0,1.00);
	margin-left:200px;
	border-radius: 15px 0px 0px 15px;
}
			#menu a li {
				width:110px;
				height:40px;
				float:left;
				margin:0px 0px;
				font-size:20px;
				font-family:Yanone Kaffeesatz, sans-serif;
				color:#FFFFFF;
				text-align:center;
				line-height:30px;
				} 
				ul{
				list-style:none;
				padding:0;
				}
				#menu a li:hover {
					color:#33CB00;
					}
					
					
		#search {
		width:250px;
		height:40px;
		background-color:rgba(0,0,0,1.00);
		float:right;
		margin:0px 0px;
		font-size:20px;
		font-family:Yanone Kaffeesatz, sans-serif;
		color:#FFF;
		text-align:center;
		line-height:40px;
		} 
		#search input{
			margin:0px;
			}
		#btn_search{
			border-radius:10px;
			}

#conteudo{
	position:inherit;
	float: right;
	width: 1000px;
	height:1600px;
	background-color:rgba(0,0,0,0.30);
}
	#topo{
		width:1000px;
		height:720px;
		background-color:rgba(0,0,0,0.30);
		}
		
			#slider{
				position: relative;
				top:60px;
				width:1000px;
				height:600px;
				background-color:rgba(0,0,0,0.10);
				}
	
	#base{
		width:1000px;
		height:800px;
		position: relative;
		background-color:rgba(0,0,0,0.30);
		
		}
							#titulo{
							width:340px;
							height:40px;
							top:780px;
							background-color:rgba(0,0,0,1.00);
							border-radius: 0px 15px 0px 0px;
							letter-spacing: 1px;
							}

		
			#caixa{   
				width:1000px;
				height:680px;
				background-color:rgba(0,0,0,0.20);
				margin:0px 0px;
				top:0px;
				left:40px;		
				}
	
					.coluna{
					width:290px;
					height:590px;
					background-color:rgba(71,109,61,0.72);
					position: relative;
					float:left;
					top:30px;
					margin:0 2px 12px 31px ;
					}
					
					
						.imagema{				
							width:290px;			
							height:300px;		
							background-color:#000000;
							border-radius: 15px 15px 15px 15px;
							top:40px;	
							margin-bottom:20px;
							}
							.imagemb{				
							width:290px;			
							height:300px;		
							background-color:#000000;
							border-radius: 15px 15px 15px 15px;
							top:40px;	
							margin-bottom:20px;	
							}
							.imagemc{				
							width:290px;			
							height:300px;		
							background-color:#000000;
							border-radius: 15px 15px 15px 15px;
							top:40px;	
							margin-bottom:20px;	
							}
							#caixa img{
					border-radius: 15px 15px 15px 15px;
					border: 4px solid rgba(71,109,61,0.72);
					}
									

					.texto{
					width:270px;
					height:200px;
					font-size:14px;
					font-family:Titillium Web, sans-serif;
					color:#FFF;
					text-align:justify;
					padding:10px 10px
					}
					
							#titulo h1{
							color:#FFFFFF;
							font-family:Yanone Kaffeesatz, serif;
							font-size:32px;
							text-align:center;
							padding:10px; 
							}
											
								.texto h2{
								font-family:Cinzel, serif;
								color:#CD6C01;
								}
									.texto h3{
									font-family:Cinzel, serif;
									color:#FFFFFF;
									}
					#link{
						width:90px;
						height:25px;
						background-color:rgba(64,108,49,1.00);
						border-radius: 0px 8px 8px 0px;
						margin:10px 0px;
						}
							#link ul{
							width:60px;
							height:20px;
							position:relative;
							}
									#link a li{
									width:60px;
									height:20px;
									margin:0px 10px;
									font-size:15px;
									font-family:Yanone Kaffeesatz, sans-serif;
									color:#FFFFFF;
									text-align:center;
									line-height:25px;
									float:left;
									}

	#rodape{
	width:1000px;
	height:450px;
	background-color:rgba(64,108,49,1.00);
	position:relative;
	margin:1500px 0px;	
}

#menubotton{
	width:520px;
	height:50px;
	top:10px;
	margin:0px 240px;
}
	#menubotton ul{
				width:520px;
				height:30px;
				position:relative;
				top:-90px;
				}
			#menubotton a li {
				width:90px;
				height:20px;
				margin:0px 0px 0px 10px;
				font-size:20px;
				font-family:Yanone Kaffeesatz, sans-serif;
				color:#FFFFFF;
				text-align:center;
				line-height:20px;
				float:left;
				} 
				ul{
				list-style:none;
				padding:0;
				}
				#menubotton a li:hover {
					color:#FF8600;
					}

#endereco{
	width: 500px;
	height: 30px;
	text-align: left;
	float: center;
	font-size: 14px;
	font-family: Titillium Web, sans-serif;
	color: #FFFFFF;
	text-align: center;
	line-height:10px;
	float: center;
}

#redes{
	width:200px;
	height:50px;
	margin:10px 410px;
	}
	.image5{				
		width:30px;			
		height:30px;		
		background-color:#FFF;
		margin:10px 10px;
		float:right;
		}
			.image6{				
				width:30px;			
				height:30px;		
				background-color:#FFF;
				margin:10px 10px;
				float:right;
				}
				
				.image7{				
					width:30px;			
					height:30px;		
					background-color:#FFF;
					margin:10px 10px;
					float:right;
					}
		
		.image8{				
				width:30px;			
				height:30px;		
				margin:10px 10px;
				float:right;
				}			
	#email{
	width:320px;
	height:25px;
	float:left;
	margin: 0px 355px;
	position:relative;}
	
		#email ul{
					width: 200px;
					height:20px;
					position:relative;
					float:;left;
					}				
						#email a li{  
						width: 310px;
					    height:20px;
						float:left;
						text-align: center;
						font-family: Titillium Web, sans-serif;
						font-size: 15px;
						color: #FFF;
						text-decoration:none;
						}

				
	
					
.copyright{
	width: 500px;
	height: 30px;
	text-align: center;
	margin: 0px 255px;
	float: right;
	font-size: 14px;
	font-family: Titillium Web, sans-serif;
	color: #FFFFFF;
	text-align: center;
	line-height:10px;
	float: left;
	}