
@font-face {
  font-family: MuseoSans;
  src: url(assets/MuseoSans_500.otf);
}

@font-face {
  font-family: futura;
  src: url(assets/futura-bt.ttf);
}

@font-face {
  font-family: great;
  src: url(assets/GreatVibes-Regular.ttf);
}

html, body {
	height: 100%;
	margin: 0px;
}

* html {
	height: 100%;
}

p {
	margin: 0;
}

a{
	text-decoration:none;
	color:#ffffff;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a:hover{
	color:#FF6600;
}

.flex-centralizado {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	margin: 0 auto;
}

.flex-centralizado2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    justify-content: center;
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	margin: 0 auto;
}

.doit{
	width:25px;
	height:21px;
	background:transparent;
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.form {
	border: 0px solid #333333;
	padding: 20px 20px;
	color: #333333;
	height:55px;
	line-height:15px;
	background-color: #ffffff;
	font-family: MuseoSans;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	outline:none;	
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-radius: 0px;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
} 

.form::-webkit-input-placeholder {
    color: #333333;
}
.form::-moz-placeholder {
    color: #333333;
}
.form:-ms-input-placeholder {
    color: #333333;
}
.form:-moz-placeholder {
    color: #333333;
}

.separa-down{
	position: absolute;
	width: 120%;
	height: 100px; 
	bottom:-75px;
	left:-5%;
	-webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg); 
    transform: rotate(-2deg);
	z-index:100;
}

.separa-up{
	position: absolute;
	width: 120%;
	height: 100px; 
	top:-70px;
	left:-5%;
	-webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg); 
    transform: rotate(-2deg);
	z-index:100;
}

.separa-up2{
	position: absolute;
	width: 120%;
	height: 100px; 
	top:-70px;
	left:-5%;
	-webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg); 
	-moz-transform: rotate(2deg); 
    transform: rotate(2deg);
	z-index:100;
}

@-webkit-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}
@-moz-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}
@-o-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}
@-ms-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}

@media only screen and (min-width:1280px){
	.desktop{display:block}
	.mobile{display:none}
	#width {
		width: 1000px;
		margin: auto;
		position: relative;
		z-index:10;
	}
	.fonte-titulo {
		font-family: MuseoSans;
		font-weight:bold;
		font-size:25px;
		color:#ffffff;
		line-height:30px;
		text-align:center;
	}
	.fonte-subtitulo {
		font-family: MuseoSans;
		font-size:12px;
		color:#ffffff;
		line-height:12px;
		letter-spacing: 5px;
		text-align:center;
	}
	.fonte-texto {
	    font-family: MuseoSans;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: fixed;
		width: 100%;
		height:90px;
		z-index:999;
		background: transparent;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu {
		position: absolute;
		width: 30px;
		height:18px;
		top:36px;
		right:0px;
		z-index:300;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-1 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:0px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-2 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:8px;
		left:0px;
		z-index:300;
		border-radius:10px;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-3 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:16px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu:hover .menu-1 {
		background:#FF6600;
	}
	.menu:hover .menu-2 {
		background:#FF6600;
	}
	.menu:hover .menu-3 {
		background:#FF6600;
	}
	.logo{
		position:absolute;
		top:20px;
		left:0px;
		z-index:300;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.logo img{
		height:50px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: MuseoSans;
		font-size:50px;
		color:#ffffff;
		line-height:50px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#FF6600;
	}
	#banner {
		position: fixed;
		top:0px;
		left:0px;
		width: 100%;
		height: 650px; 
		margin: auto 0;
		padding: 0px;
		z-index:2;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 650px;
		z-index:5;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 650px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-box .banner-fundo{
		position: absolute;
		top:50%;
		margin-top:-70px;
		left:10%;
		width: 80%;
		height: 140px;
	}
	#banner .banner-box .banner-fundo .banner-titulo{
		font-family: MuseoSans;
		font-weight:bold;
		font-size:90px;
		color:#ffffff;
		line-height:100px;
		text-align:center;
		letter-spacing: 10px;
	}
	#banner .banner-box .banner-fundo .banner-texto{
		font-family: MuseoSans;
		font-size:15px;
		color:#6C7995;
		line-height:20px;
		text-align:center;
		letter-spacing: 5px;
	}
	#trabalhos{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px;
		background:#FF6600;
		z-index:5;
	}
	#trabalhos2{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:5;
		background:#333333;
	}
	.trabalho-box{
		position:relative;
		width:50%;
		height:500px;
		overflow:hidden:
	}
	.trabalho-box a .trabalho-img{
		position:relative;
		width:100%;
		height:500px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
	}
	.trabalho-box a .trabalho-fundo{
		position:absolute;
		top:0px;
		left:50%;
		width:0%;
		height:500px;
		background:#FF6600;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-fundo{
		left:0%;
		width:100%;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.trabalho-box a .trabalho-texto{
		position:absolute;
		top:0px;
		left:0%;
		width:100%;
		height:500px;
		opacity: 0;
		font-family: MuseoSans;
		font-size:20px;
		color:#ffffff;
		text-transform: uppercase;
		line-height:500px;
		text-align:center;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-texto{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:80px 0px 100px 0px;
		background:#EBECED;
		z-index:5;
	}
	#contato{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 120px 0px;
		background:#333333;
		z-index:5;
		overflow:hidden;
	}
	#clientes{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 150px 0px;
		background-size: cover;
		z-index:5;
		overflow:hidden;
	}
	.clientes-box{
		position:relative;
		width:100%;
		height:70px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	.clientes-box:hover{
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
	#espaco-down{
		height:540px;
		background:transparent;
		z-index:1;
	}
	#espaco-top{
		height:650px;
		background:transparent;
		z-index:1;
	}
	.icon{
		width:25px;
		height:25px;
		opacity: 1.0;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a:hover{
		width:25px;
		height:25px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a img{
		width:25px;
		height:25px;
	}
	#down{
		position: fixed;
		bottom:0px;
		left:0px;
		width: 100%;
		height: auto;
		padding:0px 0px 50px 0px;
		background:#000000;
		z-index:1;
	}
	#boxmenu{
		width:100%;
		left:0px;
		top:0px;
		height:100%;
		position:fixed;
		background:#000000;
		z-index:888;
		padding:180px 0px;
		-webkit-transition:all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}
	#view{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #333333;
		z-index:5;
	}
	#botao{
		position: relative;
		width: calc(100% - 80px);
		z-index:5;
		padding: 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		text-align:center;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	#botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	#sobre{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #000000;
		z-index:5;
	}
	#dados{
		position: relative;
		width: 100%;
		height: auto;
		padding:150px 0px 150px 0px;
		background: #333333;
		z-index:5;
		overflow:hidden;
	}
	.galeria{
		position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
	}
	.galeria a div{
		position:relative;
		width:100%;
		height:100px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.galeria a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.video iframe{
		width:100%;
		height:250px;
	}
	.botao{
		padding: 20px 40px 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 20px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	.botao2{
		padding: 20px 40px 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao2:hover{
		background: #ffffff;
		color: #FF6600;
	}
}@media only screen and (max-width:1279px){
	.desktop{display:block}
	.mobile{display:none}
	#width {
		width: 800px;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: MuseoSans;
		font-weight:bold;
		font-size:25px;
		color:#ffffff;
		line-height:30px;
		text-align:center;
	}
	.fonte-subtitulo {
		font-family: MuseoSans;
		font-size:12px;
		color:#ffffff;
		line-height:12px;
		letter-spacing: 5px;
		text-align:center;
	}
	.fonte-texto {
	    font-family: MuseoSans;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: fixed;
		width: 100%;
		height:90px;
		z-index:999;
		background: transparent;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu {
		position: absolute;
		width: 30px;
		height:18px;
		top:36px;
		right:0px;
		z-index:300;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-1 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:0px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-2 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:8px;
		left:0px;
		z-index:300;
		border-radius:10px;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-3 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:16px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu:hover .menu-1 {
		background:#FF6600;
	}
	.menu:hover .menu-2 {
		background:#FF6600;
	}
	.menu:hover .menu-3 {
		background:#FF6600;
	}
	.logo{
		position:absolute;
		top:20px;
		left:0px;
		z-index:300;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.logo img{
		height:50px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: MuseoSans;
		font-size:50px;
		color:#ffffff;
		line-height:50px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#FF6600;
	}
	#banner {
		position: fixed;
		top:0px;
		left:0px;
		width: 100%;
		height: 550px; 
		margin: auto 0;
		padding: 0px;
		z-index:2;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:5;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-box .banner-fundo{
		position: absolute;
		top:50%;
		margin-top:-70px;
		left:10%;
		width: 80%;
		height: 140px;
	}
	#banner .banner-box .banner-fundo .banner-titulo{
		font-family: MuseoSans;
		font-weight:bold;
		font-size:90px;
		color:#ffffff;
		line-height:100px;
		text-align:center;
		letter-spacing: 10px;
	}
	#banner .banner-box .banner-fundo .banner-texto{
		font-family: MuseoSans;
		font-size:15px;
		color:#6C7995;
		line-height:20px;
		text-align:center;
		letter-spacing: 5px;
	}
	#trabalhos{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px;
		background:#FF6600;
		z-index:5;
	}
	#trabalhos2{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:5;
		background:#333333;
	}
	.trabalho-box{
		position:relative;
		width:50%;
		height:500px;
		overflow:hidden:
	}
	.trabalho-box a .trabalho-img{
		position:relative;
		width:100%;
		height:500px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
	}
	.trabalho-box a .trabalho-fundo{
		position:absolute;
		top:0px;
		left:50%;
		width:0%;
		height:500px;
		background:#FF6600;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-fundo{
		left:0%;
		width:100%;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.trabalho-box a .trabalho-texto{
		position:absolute;
		top:0px;
		left:0%;
		width:100%;
		height:500px;
		opacity: 0;
		font-family: MuseoSans;
		font-size:20px;
		color:#ffffff;
		text-transform: uppercase;
		line-height:500px;
		text-align:center;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-texto{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:80px 0px 100px 0px;
		background:#EBECED;
		z-index:5;
	}
	#contato{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 120px 0px;
		background:#333333;
		z-index:5;
		overflow:hidden;
	}
	#clientes{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 150px 0px;
		background-size: cover;
		z-index:5;
		overflow:hidden;
	}
	.clientes-box{
		position:relative;
		width:100%;
		height:70px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	.clientes-box:hover{
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
	#espaco-down{
		height:540px;
		background:transparent;
		z-index:1;
	}
	#espaco-top{
		height:550px;
		background:transparent;
		z-index:1;
	}
	.icon{
		width:25px;
		height:25px;
		opacity: 1.0;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a:hover{
		width:25px;
		height:25px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a img{
		width:25px;
		height:25px;
	}
	#down{
		position: fixed;
		bottom:0px;
		left:0px;
		width: 100%;
		height: auto;
		padding:0px 0px 50px 0px;
		background:#000000;
		z-index:1;
	}
	#boxmenu{
		width:100%;
		left:0px;
		top:0px;
		height:100%;
		position:fixed;
		background:#000000;
		z-index:888;
		padding:180px 0px;
		-webkit-transition:all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}
	#view{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #333333;
		z-index:5;
	}
	#botao{
		position: relative;
		width: calc(100% - 80px);
		z-index:5;
		padding: 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		text-align:center;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	#botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	#sobre{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #000000;
		z-index:5;
	}
	#dados{
		position: relative;
		width: 100%;
		height: auto;
		padding:150px 0px 150px 0px;
		background: #333333;
		z-index:5;
		overflow:hidden;
	}
	.galeria{
		position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
	}
	.galeria a div{
		position:relative;
		width:100%;
		height:100px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.galeria a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.video iframe{
		width:100%;
		height:250px;
	}
	.botao{
		padding: 20px 40px 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 20px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	.botao2{
		padding: 20px 40px 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao2:hover{
		background: #ffffff;
		color: #FF6600;
	}
}@media only screen and (max-width:1023px) and (orientation:portrait){
	.desktop{display:none}
	.mobile{display:block}
	#width {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: MuseoSans;
		font-weight:bold;
		font-size:25px;
		color:#ffffff;
		line-height:30px;
		text-align:center;
	}
	.fonte-subtitulo {
		font-family: MuseoSans;
		font-size:12px;
		color:#ffffff;
		line-height:12px;
		letter-spacing: 5px;
		text-align:center;
	}
	.fonte-texto {
	    font-family: MuseoSans;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: fixed;
		width: 100%;
		height:90px;
		z-index:999;
		background: transparent;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu {
		position: absolute;
		width: 30px;
		height:18px;
		top:36px;
		right:0px;
		z-index:300;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-1 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:0px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-2 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:8px;
		left:0px;
		z-index:300;
		border-radius:10px;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-3 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:16px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu:hover .menu-1 {
		background:#FF6600;
	}
	.menu:hover .menu-2 {
		background:#FF6600;
	}
	.menu:hover .menu-3 {
		background:#FF6600;
	}
	.logo{
		position:absolute;
		top:20px;
		left:0px;
		z-index:300;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.logo img{
		height:50px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: MuseoSans;
		font-size:30px;
		color:#ffffff;
		line-height:30px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#FF6600;
	}
	#banner {
		position: fixed;
		top:0px;
		left:0px;
		width: 100%;
		height: 550px; 
		margin: auto 0;
		padding: 0px;
		z-index:2;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:5;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-box .banner-fundo{
		position: absolute;
		top:50%;
		margin-top:-70px;
		left:10%;
		width: 80%;
		height: 140px;
	}
	#banner .banner-box .banner-fundo .banner-titulo{
		font-family: MuseoSans;
		font-weight:bold;
		font-size:90px;
		color:#ffffff;
		line-height:100px;
		text-align:center;
		letter-spacing: 10px;
	}
	#banner .banner-box .banner-fundo .banner-texto{
		font-family: MuseoSans;
		font-size:15px;
		color:#6C7995;
		line-height:20px;
		text-align:center;
		letter-spacing: 5px;
	}
	#trabalhos{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px;
		background:#FF6600;
		z-index:5;
	}
	#trabalhos2{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:5;
		background:#333333;
	}
	.trabalho-box{
		position:relative;
		width:100%;
		height:500px;
		overflow:hidden:
	}
	.trabalho-box a .trabalho-img{
		position:relative;
		width:100%;
		height:500px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
	}
	.trabalho-box a .trabalho-fundo{
		position:absolute;
		top:0px;
		left:50%;
		width:0%;
		height:500px;
		background:#FF6600;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-fundo{
		left:0%;
		width:100%;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.trabalho-box a .trabalho-texto{
		position:absolute;
		top:0px;
		left:0%;
		width:100%;
		height:500px;
		opacity: 0;
		font-family: MuseoSans;
		font-size:20px;
		color:#ffffff;
		text-transform: uppercase;
		line-height:500px;
		text-align:center;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-texto{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:80px 0px 100px 0px;
		background:#EBECED;
		z-index:5;
	}
	#contato{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 120px 0px;
		background:#333333;
		z-index:5;
		overflow:hidden;
	}
	#clientes2{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 150px 0px;
		background-size: cover;
		z-index:5;
		overflow:hidden;
	}
	.clientes-box{
		position:relative;
		width:100%;
		height:70px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	.clientes-box:hover{
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
	#espaco-down{
		height:530px;
		background:transparent;
		z-index:1;
	}
	#espaco-top{
		height:550px;
		background:transparent;
		z-index:1;
	}
	.icon{
		width:20px;
		height:20px;
		opacity: 1.0;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a:hover{
		width:20px;
		height:20px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a img{
		width:20px;
		height:20px;
	}
	#down{
		position: fixed;
		bottom:0px;
		left:0px;
		width: 100%;
		height: auto;
		padding:0px 0px 50px 0px;
		background:#000000;
		z-index:1;
	}
	#boxmenu{
		width:100%;
		left:0px;
		top:0px;
		height:100%;
		position:fixed;
		background:#000000;
		z-index:888;
		padding:85px 0px;
		-webkit-transition:all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}
	#view{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #333333;
		z-index:5;
	}
	#botao{
		position: relative;
		width: calc(100% - 80px);
		z-index:5;
		padding: 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		text-align:center;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	#botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	#sobre{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #000000;
		z-index:5;
	}
	#dados{
		position: relative;
		width: 100%;
		height: auto;
		padding:150px 0px 150px 0px;
		background: #333333;
		z-index:5;
		overflow:hidden;
	}
	.galeria{
		position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
	}
	.galeria a div{
		position:relative;
		width:100%;
		height:100px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.galeria a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.video iframe{
		width:100%;
		height:250px;
	}
	.botao{
		padding: 15px 20px 15px 20px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	.botao2{
		padding: 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao2:hover{
		background: #ffffff;
		color: #FF6600;
	}
}@media only screen and (max-width:1023px) and (orientation:landscape){
	.desktop{display:none}
	.mobile{display:block}
	#width {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: MuseoSans;
		font-weight:bold;
		font-size:25px;
		color:#ffffff;
		line-height:30px;
		text-align:center;
	}
	.fonte-subtitulo {
		font-family: MuseoSans;
		font-size:12px;
		color:#ffffff;
		line-height:12px;
		letter-spacing: 5px;
		text-align:center;
	}
	.fonte-texto {
	    font-family: MuseoSans;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: fixed;
		width: 100%;
		height:90px;
		z-index:999;
		background: transparent;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu {
		position: absolute;
		width: 30px;
		height:18px;
		top:36px;
		right:0px;
		z-index:300;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-1 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:0px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-2 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:8px;
		left:0px;
		z-index:300;
		border-radius:10px;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-3 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:16px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu:hover .menu-1 {
		background:#FF6600;
	}
	.menu:hover .menu-2 {
		background:#FF6600;
	}
	.menu:hover .menu-3 {
		background:#FF6600;
	}
	.logo{
		position:absolute;
		top:20px;
		left:0px;
		z-index:300;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.logo img{
		height:50px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: MuseoSans;
		font-size:30px;
		color:#ffffff;
		line-height:30px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#FF6600;
	}
	#banner {
		position: fixed;
		top:0px;
		left:0px;
		width: 100%;
		height: 350px; 
		margin: auto 0;
		padding: 0px;
		z-index:2;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:5;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-box .banner-fundo{
		position: absolute;
		top:50%;
		margin-top:-70px;
		left:10%;
		width: 80%;
		height: 140px;
	}
	#banner .banner-box .banner-fundo .banner-titulo{
		font-family: MuseoSans;
		font-weight:bold;
		font-size:90px;
		color:#ffffff;
		line-height:100px;
		text-align:center;
		letter-spacing: 10px;
	}
	#banner .banner-box .banner-fundo .banner-texto{
		font-family: MuseoSans;
		font-size:15px;
		color:#6C7995;
		line-height:20px;
		text-align:center;
		letter-spacing: 5px;
	}
	#trabalhos{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px;
		background:#FF6600;
		z-index:5;
	}
	#trabalhos2{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:5;
		background:#333333;
	}
	.trabalho-box{
		position:relative;
		width:100%;
		height:350px;
		overflow:hidden:
	}
	.trabalho-box a .trabalho-img{
		position:relative;
		width:100%;
		height:350px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
	}
	.trabalho-box a .trabalho-fundo{
		position:absolute;
		top:0px;
		left:50%;
		width:0%;
		height:350px;
		background:#FF6600;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-fundo{
		left:0%;
		width:100%;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.trabalho-box a .trabalho-texto{
		position:absolute;
		top:0px;
		left:0%;
		width:100%;
		height:350px;
		opacity: 0;
		font-family: MuseoSans;
		font-size:20px;
		color:#ffffff;
		text-transform: uppercase;
		line-height:350px;
		text-align:center;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-texto{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:80px 0px 100px 0px;
		background:#EBECED;
		z-index:5;
	}
	#contato{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 120px 0px;
		background:#333333;
		z-index:5;
		overflow:hidden;
	}
	#clientes2{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 150px 0px;
		background-size: cover;
		z-index:5;
		overflow:hidden;
	}
	.clientes-box{
		position:relative;
		width:100%;
		height:70px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	.clientes-box:hover{
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
	#espaco-down{
		height:530px;
		background:transparent;
		z-index:1;
	}
	#espaco-top{
		height:350px;
		background:transparent;
		z-index:1;
	}
	.icon{
		width:20px;
		height:20px;
		opacity: 1.0;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a:hover{
		width:20px;
		height:20px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a img{
		width:20px;
		height:20px;
	}
	#down{
		position: fixed;
		bottom:0px;
		left:0px;
		width: 100%;
		height: auto;
		padding:0px 0px 50px 0px;
		background:#000000;
		z-index:1;
	}
	#boxmenu{
		width:100%;
		left:0px;
		top:0px;
		height:100%;
		position:fixed;
		background:#000000;
		z-index:888;
		padding:85px 0px;
		-webkit-transition:all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}
	#view{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #333333;
		z-index:5;
	}
	#botao{
		position: relative;
		width: calc(100% - 80px);
		z-index:5;
		padding: 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		text-align:center;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	#botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	#sobre{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #000000;
		z-index:5;
	}
	#dados{
		position: relative;
		width: 100%;
		height: auto;
		padding:150px 0px 150px 0px;
		background: #333333;
		z-index:5;
		overflow:hidden;
	}
	.galeria{
		position:relative;
		width:100%;
		height:100px;
		overflow:hidden;
	}
	.galeria a div{
		position:relative;
		width:100%;
		height:100px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.galeria a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.video iframe{
		width:100%;
		height:250px;
	}
	.botao{
		padding: 15px 20px 15px 20px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	.botao2{
		padding: 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao2:hover{
		background: #ffffff;
		color: #FF6600;
	}
}@media only screen and (max-width:600px) and (orientation:portrait){
	.desktop{display:none}
	.mobile{display:block}
	#width {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: MuseoSans;
		font-weight:bold;
		font-size:20px;
		color:#ffffff;
		line-height:25px;
		text-align:center;
	}
	.fonte-subtitulo {
		font-family: MuseoSans;
		font-size:12px;
		color:#ffffff;
		line-height:12px;
		letter-spacing: 5px;
		text-align:center;
	}
	.fonte-texto {
	    font-family: MuseoSans;
		font-size:12px;
		color:#ffffff;
		line-height:15px;
	}
	#menu {
		position: fixed;
		width: 100%;
		height:90px;
		z-index:999;
		background: transparent;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu {
		position: absolute;
		width: 30px;
		height:18px;
		top:36px;
		right:0px;
		z-index:300;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-1 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:0px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-2 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:8px;
		left:0px;
		z-index:300;
		border-radius:10px;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu-3 {
		position: absolute;
		width: 30px;
		height:2px;
		background:#ffffff;
		top:16px;
		left:0px;
		z-index:300;
		border-radius:10px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.menu:hover .menu-1 {
		background:#FF6600;
	}
	.menu:hover .menu-2 {
		background:#FF6600;
	}
	.menu:hover .menu-3 {
		background:#FF6600;
	}
	.logo{
		position:absolute;
		top:20px;
		left:0px;
		z-index:300;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.logo img{
		height:50px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: MuseoSans;
		font-size:30px;
		color:#ffffff;
		line-height:30px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#FF6600;
	}
	#banner {
		position: fixed;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px; 
		margin: auto 0;
		padding: 0px;
		z-index:2;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:5;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-box .banner-fundo{
		position: absolute;
		top:50%;
		margin-top:-25px;
		left:0%;
		width: 100%;
		height: 50px;
	}
	#banner .banner-box .banner-fundo .banner-titulo{
		font-family: MuseoSans;
		font-weight:bold;
		font-size:30px;
		color:#ffffff;
		line-height:35px;
		text-align:center;
		letter-spacing: 5px;
	}
	#banner .banner-box .banner-fundo .banner-texto{
		font-family: MuseoSans;
		font-size:12px;
		color:#6C7995;
		line-height:15px;
		text-align:center;
		letter-spacing: 5px;
	}
	#trabalhos{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px;
		background:#FF6600;
		z-index:5;
	}
	#trabalhos2{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:5;
		background:#333333;
	}
	.trabalho-box{
		position:relative;
		width:100%;
		height:300px;
		overflow:hidden:
	}
	.trabalho-box a .trabalho-img{
		position:relative;
		width:100%;
		height:300px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
	}
	.trabalho-box a .trabalho-fundo{
		position:absolute;
		top:0px;
		left:50%;
		width:0%;
		height:300px;
		background:#FF6600;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-fundo{
		left:0%;
		width:100%;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.trabalho-box a .trabalho-texto{
		position:absolute;
		top:0px;
		left:0%;
		width:100%;
		height:300px;
		opacity: 0;
		font-family: MuseoSans;
		font-size:20px;
		color:#ffffff;
		text-transform: uppercase;
		line-height:300px;
		text-align:center;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.trabalho-box a:hover .trabalho-texto{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:80px 0px 100px 0px;
		background:#EBECED;
		z-index:5;
	}
	#contato{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 120px 0px;
		background:#333333;
		z-index:5;
		overflow:hidden;
	}
	#clientes2{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 150px 0px;
		background-size: cover;
		z-index:5;
		overflow:hidden;
	}
	.clientes-box{
		position:relative;
		width:100%;
		height:70px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-ms-filter: grayscale(1);
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	.clientes-box:hover{
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
	#espaco-down{
		height:530px;
		background:transparent;
		z-index:1;
	}
	#espaco-top{
		height:300px;
		background:transparent;
		z-index:1;
	}
	.icon{
		width:20px;
		height:20px;
		opacity: 1.0;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a:hover{
		width:20px;
		height:20px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.icon a img{
		width:20px;
		height:20px;
	}
	#down{
		position: fixed;
		bottom:0px;
		left:0px;
		width: 100%;
		height: auto;
		padding:0px 0px 50px 0px;
		background:#000000;
		z-index:1;
	}
	#boxmenu{
		width:100%;
		left:0px;
		top:0px;
		height:100%;
		position:fixed;
		background:#000000;
		z-index:888;
		padding:85px 0px;
		-webkit-transition:all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
	}
	#view{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #333333;
		z-index:5;
	}
	#botao{
		position: relative;
		width: calc(100% - 80px);
		z-index:5;
		padding: 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:20px;
		border-radius: 0px;
		text-align:center;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	#botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	#sobre{
		position: relative;
		width: 100%;
		height: auto;
		padding:100px 0px 100px 0px;
		background: #000000;
		z-index:5;
	}
	#dados{
		position: relative;
		width: 100%;
		height: auto;
		padding:150px 0px 150px 0px;
		background: #333333;
		z-index:5;
		overflow:hidden;
	}
	.galeria{
		position:relative;
		width:100%;
		height:80px;
		overflow:hidden;
	}
	.galeria a div{
		position:relative;
		width:100%;
		height:80px;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.galeria a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.video iframe{
		width:100%;
		height:200px;
	}
	.botao{
		padding: 15px 20px 15px 20px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao:hover{
		background: #ffffff;
		color: #FF6600;
	}
	.botao2{
		padding: 20px 40px;
		border: 0px solid #262221;
		background:#FF6600;
		font-family: MuseoSans;
		font-size: 15px;
		color: #ffffff;
		cursor: pointer;
		letter-spacing: 5px;
		line-height:15px;
		border-radius: 0px;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.botao2:hover{
		background: #ffffff;
		color: #FF6600;
	}
}