/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{background:#83add7;}

#menu {
	/* position:fixed; */
	z-index:100;
	top:0;
	background:#ffffff;
	height:60px;
	width:100%;
	-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;
	}
	
#menu-content {
	width:100%; /* 940px; */
	align:center;
	margin:0 auto;
	font-family:'Oswald';
	font-size:14pt;
	}

#menu-content ul {
font-weight:700;
padding:0px;
margin:0px;
list-style:none;
	}

#menu-content ul li {display:inline; line-height:60px;}

#menu-content ul li a {
padding:0 27px;
display: inline-block;
color:#8fa74f;
text-decoration:none;
-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#menu-content ul li a:hover {
display: inline-block;
text-decoration:none;
background-color:#dde7c2;
-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#banner {
	position:relative;
	height:300px;
	width:960px;
}

#banner-content {
	width:100%;
	margin-left: 310px;
	margin-right: 200px; /* 940px; */
	-moz-box-shadow: 0px 2px 5px #000000;
	-webkit-box-shadow: 0px 2px 5px #000000;
	box-shadow: 0px 2px 5px #000000;
	}

#bg-main {
width:960px;
margin:0 auto;
background:#adc274 url('../images/bg-leao.jpg')top center no-repeat;
-moz-box-shadow: 0px 0px 8px #000000;
-webkit-box-shadow: 0px 0px 8px #000000;
box-shadow: 0px 0px 8px #000000;
	}
	
#bg-main-pages {
width:960px;
margin:0 auto;
background-color:#adc274;
-moz-box-shadow: 0px 0px 8px #000000;
-webkit-box-shadow: 0px 0px 8px #000000;
box-shadow: 0px 0px 8px #000000;
	}

#main {
height:3700px;
}

#main-pages {
padding-top:200px;
}

#mainframe {
	width:728px;
	margin:0 auto;
	padding-top:153px;
	}

#frame-left, #frame-right {
	width:360px;
/*	background-color: rgba(255, 255, 255, 0.2);*/
	}
	
	#frame-left img, #frame-right img {
	margin-bottom:2px;
	}
	
#frame-left {
	margin-left:0;
	margin-right:8px;
	float:left;
	text-align:right;
	}

#img-left {
	width:inherit;
	text-align:left;
	}

#frame-right {
	margin-right:0;
	float:right;
	padding-top:360px;
	}
	
.txt-block {
	width:176px;
	height:176px;
	background-color:#4598eb;
	color:#ffffff;
	padding:10px;
	text-align:left;
	float:right;
	font-family:'Oswald';
	font-size:10pt;
	overflow:hidden;
	margin-bottom:8px;
	}
	
.aspas {
	font-size:40pt;
	line-height:30px:
	}

.top-align {
	margin-top:-8px;
	}
	
	#mapa {
width:100%;
height:350px;
POSITION:absolute;
z-index:10;
margin-top:3100px;
background-color:#ffffff;
}



#mapa-card {
position:absolute;
z-index:20;
width:250px;
height:180px;
float:right;
margin-top:3200px;
right:50px;
background-color: rgba(54, 109, 155, 0.7);
color:#ffffff;
padding:15px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family:'Oswald';
text-shadow: 1px 1px 0 #767676;

}

#mapa-card span {
font-weight:100;
color:#ffffff;
text-shadow: 1px 1px 0 #767676;
}

#footer {
	width:100%;
	height:70px;
	background-color:#b6b6b6;
	line-height:70px;
	text-align:center;
	padding-top:10px;
	}

/* #Page Styles
================================================== */

/*o-zoo.html*/
#menu-o-zoo {
	position:fixed;
	z-index:100;
	top:0;
	background:#ffffff;
	height:155px;
	width:100%;
	-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;
}

#logo-paginas-internas {
width:940px;
margin:0 auto;
padding-top:10px;
}


.conteudo {
padding-top:200px;
margin:0 10px;
}

.conteudo h2 {
color:#ffffff;
font-size:30px;
text-shadow:2px 2px 2px #707e4b;
font-family:Oswald;
}

.conteudo img {
padding:35px;
}

/*pagina contato*/
#mapa-contato {
width:940px;
height:350px;
POSITION:absolute;
z-index:10;
margin-top:0px;
background-color:#ffffff;
}

p.space {
padding-top:400px;
}

.inner-content {
padding-top:200px;
margin:0 10px;

}

.inner-content h4 {
color:#ffffff;
font-size:20px;
font-family:Oswald;
}

.inner-content h2 {
color:#ffffff;
font-size:30px;
text-shadow:2px 2px 2px #707e4b;
font-family:Oswald;
}

.linha {
width:800px;
height:250px;
margin:10px auto;
margin:20px;
position:relative;
}

.divisor {
height:30px;
}

.thumb-animais {
width:200px;
height:200px;
overflow:hidden;
float:left;
}

.thumb-animais img {
margin-top:25px;
margin-bottom:70px;
}

.txt-animais {
width:580px;
float:right;
padding-left:20px;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */