/* CSS Document */
html, body {
    margin: 0;
    padding: 0;
}

#header {
    width: 100%;
    height: 700px;
    background-color: #f15a2b;
}

#topo {
    width: 1000px;
    height: 700px;
    margin: 0 auto;
	position:relative;
}


#menu {
    overflow: hidden;
    width: 100%;
    height: 80px;
    background: #FFF;
    margin: -25px auto;
    padding: 0 0 4px 0;
    border-radius: 20px 20px 0 0;
    display: block;
}

#menu ul.normal {
    padding: 0;
    margin: 0;
}

#menu ul.normal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#menu ul.normal li a {
    text-decoration: none;
    font-size: 1.2em;
    color: #f15a2b;
    font-family: 'PT Sans', sans-serif;
    float: left;
    text-transform: uppercase;
    padding: 30px 40px 25px 40px;
    margin: 0;
    transition: background 0.3s;
}

ul.normal .principal {
    border-bottom: 4px solid #f7f193;
}

ul.normal .institucional {
    border-bottom: 4px solid #f7b994;
}

ul.normal .produto {
    border-bottom: 4px solid #e2ae26;
}

ul.normal .midias {
    border-bottom: 4px solid #a4ce3a;
}

ul.normal .contato {
    border-bottom: 4px solid #51c0ad;
}

ul.normal .principal:hover {
    background: #f7f193;
    border-radius: 20px 0 0 0;
}

ul.normal .institucional:hover {
    background: #f7b994;
}

ul.normal .produto:hover {
    background: #e2ae26;
}

ul.normal .midias:hover {
    background: #a4ce3a;
}

ul.normal .contato:hover {
    background: #51c0ad;
}

#banner {
    width: 100%;
    height: 400px;
    margin: 25px 0 0 0;
    background: #0F3;
}
#banner img{
	width:100%;
}
#midias ul{
	padding:0;
	margin:0;
}
#midias{
	position:absolute;
	top:15px;
	right:10px;
}
.selo50{
	position:absolute;
	top:15px;
	right:145px;
}
#midias ul li{
	list-style-type:none;
	display:inline;
}
#midias ul li a{
	width:41px;
	height:41px;
	float:right;
	background:url(../img/layout/redes-sociais.png) no-repeat;
	margin:0 10px;
}
#midias ul li a.find{
	background-position:right top;
}
#menu .respo{
	display:none;
}

#rodape{
	width:100%;
	height:420px;
}
.rodape-top{
	background:#1a1a1a;
	width:100%;
	height:340px;
}
.rodape-bottom{
	width:100%;
	height:80px;
	background:#222222;
}

.rodape-top-inn{
	width:1000px;
	height:340px;
	margin:0 auto;
}
.rodape-top-inn .faleconosco{
	width:350px;
	height:340px;
	float:left;
	font-family: 'PT Sans', sans-serif;
	color:#FFF;
}

.rodape-top-inn .faleconosco h4{
	font-size:1.6em;
	color:#FFF;
}

.rodape-top-inn .faleconosco a{
	color:#FFF;
	text-decoration:none;
	padding:10px;
	border:1px solid #FFF;
	margin:35px 0;
	width:120px;
	display:block;
	font-weight:bold;
}

.socios{
	font-family: 'PT Sans', sans-serif;
	margin:0 0 0 30px;
	width:250px;
	height:340px;
	float:left;
}
.socios h4{
	font-size:1.6em;
	color:#FFF;
}
.socios a{
	text-decoration:none;
	width:300px;
	float:left;
	margin:0 0 10px 0;
	color:#FFF;
	font-size:0.9em;
}
.socios a span{
	color:#999;
	font-size:0.8em;
}

.rodape-contato{
	font-family: 'PT Sans', sans-serif;
	color:#fff;
	width:300px;
	height:340px;
	float:right;

}
.rodape-contato h4{
	font-size:1.6em;
	color:#FFF;
}

.rodape-midias a{
	width:46px;
	height:46px;
	background:url(../img/layout/icon-face.jpg) no-repeat;
	display:block;
}

.rodape-bottom-inn{
	width:1000px;
	height:80px;
	margin:0 auto;
}
.rodape-bottom-inn p{
	font-family: 'PT Sans', sans-serif;
	float:left;
	color:#666;
}
.rodape-bottom-inn p span{
	color:#CCC;
}

.menu-rodape{
	float:right;
	margin:15px 0;
}
.menu-rodape a{
	text-decoration:none;
	display:inline-block;
	margin:0 10px;
	color:#999;
}

.clearfix {
  overflow: auto;
}
#content h1{
	margin:-45px auto 0 210px;
	width:900px;
	padding:0 135px;
	display:block;
	font-family: 'Chango', cursive;
	font-weight: 400; 
	color:#FFF;
	background:url(../img/layout/background-h4.jpg) no-repeat left center;
}
@media screen and (max-width: 767px) {
    header #topo {
        width: 75%;
    }
	#menu .normal{
		display:none;
	}
	#menu .respo{ display:block;}
	#menu{
		position:absolute;
		width:118px;
		height:36px;
		background:url(../img/layout/menu-responsivo.png) no-repeat;
		right:0;
		top:80px;
		padding:0;
		margin:0;
		border-radius:0;
	}
	#menu:hover{
		background-position:bottom;
	}
	#menu .respo li{
		display:none;
	}

}