@charset "utf-8";

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PT Sans') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PT Sans Bold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#PT Sans Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PT Sans Caption';
    src: url('../fonts/PTC55F-webfont.eot');
    src: url('../fonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTC55F-webfont.woff') format('woff'),
         url('../fonts/PTC55F-webfont.ttf') format('truetype'),
         url('../fonts/PTC55F-webfont.svg#PT Sans Caption') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
	margin:0;
	border:0;
	padding:0;	
	list-style:none;
	outline:0;	
	box-sizing: border-box;
}

header, nav, figure, footer, section, aside, article, hgroup {
	display: block;
}

p{
	margin-bottom:1em;	
}

body{
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    background-color: #f6f6f6;    
	color:#000;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

a{
	color: #000;
}

#wrap-site{
	min-height:100%;
	position:relative;
}

#bgheader{	
	/* background: #000000; 
	background: -moz-linear-gradient(left,  #000000 30%, #000000 30%, #f6f6f6 30%);
	background: -webkit-linear-gradient(left,  #000000 30%,#000000 30%,#f6f6f6 30%);
	background: linear-gradient(to right,  #000000 30%,#000000 30%,#f6f6f6 30%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f6f6f6',GradientType=1 ); */
}

	#header{
		width:100%;
		max-width: 1000px;
		margin: 0 auto;
		margin-bottom: 50px;
		position: relative;
	}

		#header-border{
			width:200px;
			border-right: 150px solid transparent;
			border-top: 200px solid #000;
			height: 0px;
			box-sizing: content-box;
		}

		#header-social-media{ 
			display:flex; 
			align-items: center;
			height: 30px;
		}
			#header-social-media:before{ 
				content:''; 
				border-left: 25px solid transparent;
				border-bottom: 30px solid #000;
			}
			#header-social-media:after{ 
				content:''; 
				border-right: 25px solid transparent;
				border-top: 30px solid #000;
			}
			#header-social-media .social-medias{
				display: flex;
				flex-grow: 1;				
				height: 30px;			
				align-items: center;	
				justify-content: flex-end;
				font-size: 1.3rem;			
				color: #fff;
				background-color: #000;
				text-decoration: none;
				padding-right: 20px;
			}

				#header-social-media .social-medias a{ color: #fff; }
				#header-social-media .social-medias a:hover{ color: #ccc; }


		#logo{
			display: block;
			text-align: center;
			padding: 20px;
		}
			#logo img{ width: 100%; max-width: 615px;}

		#menu{
			background: #fff;
			width: 100%;
			max-width: 1070px;
		}
			#menu:before{ 
				position: absolute;
				left: -35px;
				content:''; 
				border-left: 35px solid transparent;
				border-bottom: 40px solid #fff;
			}
			#menu:after{ 
				position: absolute;
				right: -35px;
				content:''; 
				border-right: 35px solid transparent;
				border-top: 40px solid #fff;
			}

				#menu .toggle-menu{
					font-size: 1.5rem;
					margin: 10px 10px;
					cursor: pointer;
				}

				#menu .item-menu{
					display: block;					
					font-family: "PT Sans Caption";
					text-transform: uppercase;					
					text-decoration: none;
					cursor: pointer;
				}

					#menu .item-menu:hover{
						color:#008331;
					}

					#menu .with-sub-menu.active .subMenu{ display: block; }

				#menu .subMenu{
					display: none;
					position: absolute;
					top:40px;
					left:0;
					z-index: 1;
					background-color: #fff;
					padding-bottom: 5px;
					box-shadow: 0px 3px 10px rgba(0,0,0,0.15);
				}

					#menu .subMenu a{
						display: block;
						padding: 5px 10px;
						line-height: 25px;
						white-space: nowrap;
						text-decoration: none;
					}

						#menu .subMenu a:hover{
							color:#008331;
						}
#container{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

	#container a{
		text-decoration: none;	
	}

	#container a:hover{
		text-decoration: underline;			
	}


#bgFooter{
	background-color: #000;
	margin-top: 30px;
   	width:100%;
}

	#footer{
		width: 100%;
		max-width:1000px;
		margin:0 auto;
		padding: 10px 0;
		position: relative;
	}

		#footer .logo{ width: 100%; max-width: 100px;}


		#copyright{
			color:#fff;
			font-family: "PT Sans Bold";
		}

		#desenvolvedor{
			color:#dcdcdc;
			text-decoration: none;
			font-size: 80%;
			align-self: flex-end;
		}

			#desenvolvedor strong{
				color: #fff;
			}

		#desenvolvedor:hover{
			text-decoration: underline;			
		}



/*CLASSES*/

.clear{
	clear:both;	
	height: 0;
	margin: 0;
}

.floatLeft{
	float:left;
	margin-right:10px;	
}

.floatRight{
	float:right;
	margin-left:10px;	
}