*{margin: 0; padding: 0; list-style: none; text-decoration: none;outline: none;}
body{background: url(../img/textura.jpg) repeat top}
.up{text-transform: uppercase;}
img{border: 0;}
img a, a img{border: 0}


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

}




header
{
	float: left;
	width: 100%;
	height: 202px;
	margin: 0px;
	background: url(../img/fundo_menu.png) no-repeat bottom center #000000;
}

.container_
{
	width: 1000px;
	margin: auto;
}

.caixa_logo
{
	float: left;
	width: 187px;
	height: 294px;
	background: #000;
	margin: 2px 0px 0px 21px;
	-webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg);
}

.logo_topo
{
	float: left;
	width: 242px;
	height: 144px;
	margin: 60px 0px 0px -62px;
	-webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.menu_topo
{
	float: left;
	width: 732px;
	margin: 49px 0px 0px 58px;
	padding: 0px;
}

/*.menu_topo1 
{
	float: left;
	margin: 0px 36px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
}*/

.menu_topo1 a
{
	float: left;
	margin: 0px 36px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
}

.menu_topo1 a:hover
{
	float: left;
	margin: 0px 36px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
	text-decoration: none;
}
/*

.menu_topo2
{
	float: left;
	margin: 0px 36px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
}*/

.menu_topo3 a
{
	float: left;
	margin: 0px 0px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
	
}

.menu_topo3 a:hover
{
	float: left;
	margin: 0px 0px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
	text-decoration: none;
}

.sub_menu
{
	float: left;
	width: 122px;
	display: none;
	height: auto;
	margin: 0px;
	border: 0px;
	position: absolute;
	z-index: 200;
	margin: 33px 0 0 0;
}

.sub_menu li
{
	float: left;
	margin: 12px 0px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
}

.sub_menu li a
{
	float: left;
	margin: 0px 0px 0px 0px;
	font: normal 30px 'bebas_neueregular';
	color: #fff;
}

.menu_topo1:hover .sub_menu
{
	display: block;

}

.fundo_banner
{
	float: left;
	width: 100%;
	height: 645px;
	margin: 0px;
	background-position: center;
}

.borda_top
{
	float: left;
	width: 100%;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background: url(../img/borda_top.png) no-repeat center;
}

.caixa_intro_empresa
{
	float: left;
	width: 100%;
	/*height: 500px;*/
	padding-bottom: 50px;
}

.caixa_principal_links
{
	float: left;
	width: 307px;
	margin: 35px 0px 0px 0px;
	text-align: center;
}

.caixa_principal_links_
{
	float: left;
	width: 307px;
	margin: 35px 38px 0px 38px;
	text-align: center;
}

.titulo_link
{
	float: left;
	font: normal 66px 'bebas_neueregular';
	color: #3b3b3b;
	width: 300px;

}

.intro_link_principal
{
	float: left;
	width: 262px;
	font: normal 25px 'roboto';
	color: #3b3b3b;
	margin: 0px 0px 0px 22px;
}

/* ----------- rodapé -----------*/
.borda_bottom
{
	float: left;
	width: 100%;
	height: 64px;
	margin: 0px;
	padding: 0px;
	background: url(../img/borda_bottom.png) no-repeat bottom center;
}

.fundo_rodape
{
	float: left;
	width: 100%;
	background: #242424;
	height: 450px;
}

.caixa_maior_links_rodape
{
	float: left;
	width: 236px;
	height: 345px;
	border-right: 2px dotted #999;
	margin: 34px 0px 0px 0px;
}

.caixa_topo_rodape
{
	float: left;
	width: 142px;
	height: 52px;
	background: #cc3539;
}

.links_rodape
{
	float: left;
	font: normal 35px 'Oswald';
	color: #fff;
	margin: 0px 0px 0px 32px;
}

.menu_rodape
{
	float: left;
	width: 140px;
	height: 270px;
	margin: 10px 0px 0px 0px;
}

.menu_rodape li a
{
	float: left;
	/*width: 140px;*/
	font: normal 22px 'Oswald';
	color: #fff;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
}

.caixa_maior_links_rodape2
{
	float: left;
	width: 350px;
	height: 345px;
	border-right: 2px dotted #999;
	margin: 34px 0px 0px 27px;
}

.caixa_topo_rodape2
{
	float: left;
	width: 142px;
	height: 52px;
	background: #cc3539;
}

.contato_rodape
{
	float: left;
	font: normal 35px 'Oswald';
	color: #fff;
	margin: 0px 0px 0px 13px;
}

.caixa_localizacao
{
	float: left;
	width: 316px;
	margin: 27px 0px 0px 0px;
}

.caixa_localizacao img
{
	float: left;
	width: 46px;
	height: 60px;
}

.caixa_localizacao p
{
	float: left;
	width: 236px;
	font: normal 20px 'Oswald';
	color: #fff;
	text-transform: uppercase;
	margin: 3px 0px 0px 26px;
}

.caixa_telefone
{
	float: left;
	width: 316px;
	margin: 27px 0px 0px 0px;
}

.caixa_telefone img
{
	float: left;
	width: 34px;
	height: 59px;
}

.caixa_telefone p
{
	float: left;
	width: 236px;
	font: normal 20px 'Oswald';
	color: #fff;
	text-transform: uppercase;
	margin: 12px 0px 0px 40px;
}

.caixa_email
{
	float: left;
	width: 316px;
	margin: 27px 0px 0px 0px;
}

.caixa_email img
{
	float: left;
	width: 56px;
	height: 48px;
}

.caixa_email p
{
	float: left;
	width: 232px;
	font: normal 20px 'Oswald';
	color: #fff;
	text-transform: uppercase;
	margin: 6px 0px 0px 21px;
}

.caixa_maior_links_rodape3
{
	float: left;
	width: 350px;
	height: 345px;
	margin: 34px 0px 0px 27px;
}

.caixa_topo_rodape3
{
	float: left;
	width: 312px;
	height: 52px;
	background: #cc3539;
}

.curta_rodape
{
	float: left;
	font: normal 35px 'Oswald';
	color: #fff;
	margin: 0px 0px 0px 13px;
}

.final_rodape
{
	float: left;
	width: 100%;
	height: 56px;
	border-top: 2px dotted #999;
	margin: 15px 0px 0px 0px;
}

.texto_final_rodape
{
	float: left;
	width: 355px;
	margin: 21px 0px 0px 305px;
	font: normal 14px 'roboto';
	color: #fff;
}

.desenvolvido
{
	float: left;
	margin: 18px 0px 0px 70px;
	font: normal 16px 'roboto';
	color: #fff;
}

.logo_oasis
{
	float: right;
	margin: 11px 70px 0px 10px;
}

/* -------- Estrutura ----------- */

.caixa_texto_estrutura
{
	float: left;
	width: 495px;
	margin: 90px 40px 0px 0px;
	padding-bottom: 60px;
}

.titulo_estrutura
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
	text-transform: uppercase;
}

.img_titulo_estrutura
{
	float: left;
	width: 40px;
	height: 40px;
	margin: 18px 0px 0px 15px;
}

.caixa_texto_estrutura p
{
	float: left;
	width: 479px;
	text-align: justify;
	font: normal 23px 'roboto';
	color: #7f7f7f;
	margin: 23px 0px 0px 0px;
}

#imagem_estrutura
{
	float: right;
	width: 450px;
	height: 450px;
	margin: 150px 0 0 0;
}

/* --------- Sobre -------- */

.caixa_texto_sobre
{
	float: left;
	width: 495px;
	margin: 90px 35px 0px 0px;
	padding-bottom: 60px;
}

.titulo_sobre
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
	text-transform: uppercase;
}

.img_titulo_sobre
{
	float: left;
	width: 67px;
	height: 40px;
	margin: 18px 0px 0px 15px;
}

.caixa_texto_sobre p
{
	float: left;
	width: 479px;
	text-align: justify;
	font: normal 23px 'roboto';
	color: #7f7f7f;
	margin: 23px 0px 0px 0px;
}

#imagem-sobre{
	float: right;
	width: 470px;
	height: 500px;
	margin: 200px 0 0 0;
}
.imagem_sobre
{
	float: right;
	margin: 50px 0px 0px 0px;
}

/* -------- Tecnologia -------- */

.caixa_texto_tecnologia
{
	float: left;
	width: 495px;
	margin: 90px 40px 0px 0px;
	padding-bottom: 44px;
	text-transform: uppercase;
}

.titulo_tecnologia
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
}

.img_titulo_tecnologia
{
	float: left;
	width: 55px;
	height: 40px;
	margin: 18px 0px 0px 15px;
}

.caixa_texto_produto
{
	float: left;
	width: 990px;
	margin: 0px 15px 0px 0px;
	padding-bottom: 60px;

}
.caixa_texto_produto p
{
	font: normal 18px 'roboto';
	color: #7f7f7f;

}
.caixa_texto_produto p img{
	margin: 0 0 20px 20px;
}
.caixa_imagens_tecnologia
{
	float: right;
	width: 472px;
	margin: 8px 10px 0px 0px;
}

.img_tec1
{
	float: left;
	width: 386px;
	height: 260px;
	margin: 20px 0px 30px 34px;
}

.img_tec2
{
	float: left;
	width: 446px;
	height: 240px;
	margin: 0px 0px 30px 0px;
}


/* -------- Clientes -----  */

.caixa_texto_clientes
{
	float: left;
	width: 495px;
	margin: 90px 40px 0px 0px;
	padding-bottom: 60px;
}

.titulo_clientes
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
}

.img_titulo_clientes
{
	float: left;
	width: 37px;
	height: 38px;
	margin: 18px 0px 0px 15px;
}

.caixa_clientes_maior
{
	float: left;
	width: 100%;
	padding-bottom: 46px;
}

.caixa_clientes
{
	float: left;
	width: 217px;
	height: 327px;
	margin: 0px 32px 20px 0px;
}

.caixa_clientes_ultimo
{
	float: left;
	width: 217px;
	height: 327px;
	margin: 0px 0px 0px 0px;
}

.caixa_logo_cliente
{
	float: left;
	width: 218px;
	height: 218px;
	border: 1px solid #a9a9a9;
	text-align: center;
	
}


.nome_cliente
{
	float: left;
	width: 218px;
	font: normal 32px 'Oswald';
	color: #a8a8a8;
	line-height: 39px;
	margin: 14px 0px 0px 0px;
	text-transform: uppercase;
}

/*---------- Portfolio -------- */

.caixa_texto_portfolio
{
	float: left;
	width: 495px;
	margin: 90px 40px 0px 0px;
	padding-bottom: 60px;
}

.titulo_portfolio
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
}

.img_titulo_portfolio
{
	float: left;
	width: 41px;
	height: 41px;
	margin: 18px 0px 0px 15px;
}

.caixa_total_portfolio
{
	float: left;
	width: 100%;
	padding-bottom: 60px;
}


.jm-item {
	/*padding: 10px;*/
	display: inline-block;
	text-align: left;
	position: relative;
	margin: 0px;
}
.jm-item-wrapper {
	display: inline-block;
	text-align: left;
	position: relative;
	/*padding: 7px;*/
	/*background: #E8D7B6;*/
}
.jm-item-image {
	position: relative;
	overflow: hidden;
}
.imagem_portfolio{
	display: block;
	opacity: 0.6;
	/*-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
	filter: grayscale(100%);*/
}

.jm-item-image img:hover {
	display: block;
	opacity: 1.0;
}

.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}

.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-title {
	left: -100%;
}
.second .jm-item-description {
	position: absolute;
	width: 100%;
	height: 51px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(0,0,0,0.7);
	color: #fff;
	top: 100%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
	
}

.second .jm-item-description p
{
	font: normal 16px 'Oswald';
	margin: -5px 0px 0px 0px;
}

.second .jm-item-wrapper:hover .jm-item-description {
	top: 197px;
}

#slide_portfolio{
	width: 1000px;
	height: 285px;
	overflow: hidden;
	margin: 0 0 20px 0;
}
#slide_portfolio h4{
	font: normal 22px 'Oswald';
}
.carrossel{
	float: left !important;

    overflow:hidden;
}
/* -------- Contato  ----- */

#form{
	width: 990px;
	height: 110px;
	margin: 0 auto 50px auto;
	clear: both;
}
#form input[type="text"]{
	width: 315px;
	padding: 5px;
	border: 1px solid #7d7d7d;
	float: left;
	margin: 0 15px 0 0;
}
#form textarea{
	width: 645px;
	height: 60px;
	padding: 5px;
	margin: 15px 0 0 0;
	border: 1px solid #7d7d7d;
	float: left;
}
#form input[type="submit"]{
	border: 0;
	float: left;
	margin: 15px;
	padding: 16px 114px;
	background: #292929;
	font: normal 18px 'Oswald';
	color: #fff;
}
.caixa_texto_contato
{
	float: left;
	width: 495px;
	margin: 90px 40px 0px 0px;
	padding-bottom: 60px;
}

.titulo_contato
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
}

.img_titulo_contato
{
	float: left;
	width: 49px;
	height: 41px;
	margin: 18px 0px 0px 15px;
}

.fundo_contato
{
	width: 100%;
	height: 383px;
	float: left;
	background: url(../img/fundo_contato2.png) repeat-y center top;

}

.fundo_contato2
{
	width: 100%;
	height: 383px;
	float: left;
	background: url(../img/fundo_contato2.png) repeat-y center top;
	margin: 34px 0px 70px 0px;
}

.caixa_endereco_contato
{
	float: left;
	width: 488px;
	margin: 15px 0px 0px 0px;
}

.lado_contato
{
	float: left;
	margin: 0px 0px 0px 14px;
	z-index: 999;
}

.localizacao_contato
{
	float: left;
	width: 46px;
	height: 60px;
	margin: 12px 0px 0px 0px;
}

.local
{
	float: left;
	font: normal 57px 'Oswald';
	color: #ffc602;
	margin: 0px 0px 0px 15px;
}

.local_endereco
{
	float: left;
	width: 380px;
	margin: 0px 0px 0px 66px;
	font: normal 29px 'roboto';
	color: #a1a1a1;
}

.local_endereco2
{
	float: left;
	width: 345px;
	margin: 0px 0px 0px 66px;
	font: normal 29px 'roboto';
	color: #a1a1a1;
}

.linha_tracejada
{
	float: left;
	width: 476px;
	border-top: 2px dashed #a1a1a1;
	margin: 28px 0px 28px 0px;
}

.telefone_contato
{
	float: left;
	width: 25px;
	height: 45px;
}

.telefone_endereco
{
	float: left;
	width: 400px;
	margin: 2px 0px 5px 44px;
	font: normal 29px 'roboto';
	color: #a1a1a1;
}

.email_contato
{
	float: left;
	width: 46px;
	height: 40px;
	margin: 28px 0px 0px 0px;
}

.email_endereco
{
	float: left;
	width: 369px;
	margin: 22px 0px 0px 26px;
	font: normal 29px 'roboto';
	color: #a1a1a1;
}

.mapa
{
	float: left;
	width: 472px;
	height: 384px;
	margin: 0px 0px 0px 0px;
	z-index: -99;
}

/* ----------- Serviços ---------*/

.caixa_texto_servicos
{
	float: left;
	width: 495px;
	margin: 90px 40px 0px 0px;
	padding-bottom: 60px;
}

.titulo_servicos
{
	float: left;
	font: normal 49px 'Oswald';
	color: #292929;
	margin: 0px;
}

.img_titulo_servicos
{
	float: left;
	width: 36px;
	height: 42px;
	margin: 18px 0px 0px 15px;
}

.caixa_listagem_servicos
{
	float: left;
	width: 488px;
}

.caixa_servicos
{
	float: left;
	width: 475px;
	padding: 5px;
	background: #f6f6f6;
	margin: 15px 0px 0px 0px;
}

.nome_servico
{
	float: left;
	font: bold 22px 'bebas_neueregular';
	color: #545454;
	margin: 0px;
}

.seta_mais
{
	float: right;
	margin: 5px;
}


#servico-desc
{
	float: right;
	width: 445px;
	height: auto;
	margin: 175px 0px 60px 0px;

}
#servico-info{
	float: left;
	display: block;
	width: 445px;
	height: auto;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;

}


.info_servicos
{
	float: left;
	width: 455px;
	margin: 10px 0px 0px 10px;
	/*height: 40px;*/
}



#accordion section, #accordion .pointer{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#accordion {
  margin-bottom:30px;
  width: 500px;
}

#accordion .nome_servico
{
	float: left;
	font: bold 22px 'bebas_neueregular';
	color: #545454;
	margin: 0px;
}

#accordion .seta_mais {
  line-height:1.2;
  font-size:20px;
 /* background-color:rgba(255,0,0,0.3);*/
  margin:0;
  padding: 10px 10px 10px 30px;
}

#accordion section {
  overflow:hidden;
  /*height:220px;*/
  /*border:1px #333 solid;*/
  width: 500px;
}


#accordion section.ac_hidden {
  height: 60px;

}
/*
#accordion section:not(.ac_hidden) h1 {
  background-color:rgba(255,0,0,0.7);
}*/

#accordion section:not(.ac_hidden) .seta_mais {
  display:block;
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
  padding:0;
  margin: 6px 10px 0px 0px;
}

.descricao_servico
{
	float: left;
	font: normal 18px 'roboto';
	color: #7f7f7f;
}