@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; outline:none !important;} 
.padding1 { padding: 16px; } .padding0 { padding: 0 !important; } .padding1-1 { padding: 10%; }
.txt-center { text-align: center !important; }

body { font-family: "Trebuchet MS"; }
p { margin: 0 !important; }

.header_fixo { position: fixed; top: 0; width: 100%; height: 80px; background: #F2F3E5; -webkit-box-shadow: 0px 10px 19px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 19px -7px rgba(0,0,0,0.75); box-shadow: 0px 10px 19px -7px rgba(0,0,0,0.75); display: none; z-index: 333; }
.img_fixed { width: 100px; margin: 23px 0 0 20px; }
a.linkTrab:link, a.linkTrab:hover, a.linkTrab:active, a.linkTrab:visited { color:#fff !important; text-decoration:none !important;}
header { position: relative; width: 100%; height: 280px; clear: both; background: #F2F3E5; padding: 20px 0 0 0; -webkit-box-shadow: 0px 10px 19px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 19px -7px rgba(0,0,0,0.75); box-shadow: 0px 10px 19px -7px rgba(0,0,0,0.75); z-index: 10000; }
header img { width: 290px; display: block; margin: 55px auto 0; }
.classe_centraliza { position: relative; width: 100%; height: auto; margin: 0 auto 0; }
nav { display: none !important; }
.ContatoHeader { position: relative; width: 100%; height: auto; text-align: center; color: #606060; margin-top: 20px; }
.emailHeader { font-size: 16px; } .telefoneHeader { font-size: 30px; font-weight: bold; }

/*Menu Mobile*/
.MenuMobile { position: absolute; display:block; width: auto; height: 40px; font-size: 22px; padding: 0 10px 0 10px; background: #A00003; text-align:  center; line-height:41px; color: #fff !important; cursor:pointer; right: 20px; top: 20px; z-index: 100000000; }
.MenuMobile:active{ background-color: #860002;}
.MenuCompletoMobile{ width: 100%; height: 100%; position:absolute; background-color:#fff; z-index:10000000000; top:0; left: -20000px;}
.headerMenuMobileCompleto{ width: 100% !important; background-color: #A00003; border-bottom: 6px solid #CC0F13; height:65px; position:relative; text-align:center; line-height:10px; padding-top:5px; z-index: 999999999999999; }
.FechaMenuMobile{ width: 30px; height:30px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; background-color:#FFF; color:#B10508; line-height:34px; text-align:center; font-size:16px; right: 12px; top: 15px; position:absolute;}
.FechaMenuMobile:active{ background-color:#CCC;}
.navegue_abaixo { font-family: "Century Gothic" !important; font-size: 19px; }
.tituloMobile { color: #FFF; font-size: 23px; padding-top: 10px; position: relative;  float: left; left: 20px; }
.ConteudoMenuMobile, .SubmenuMobileCompleto{ width: 100%; margin: 5px 0 0 0; padding: 0 0 0 0; }
.SubmenuMobileCompleto{ display:none;}
.ConteudoMenuMobile p{ font-family:"Humanst521 BT"; font-size: 16px; color:#404040; border-bottom: 2px solid #CCC; background-color: #EEE; padding-left: 10px; line-height:50px; }
a.linkMenuMobile:link, a.linkMenuMobile:visited{ font-size:16px; background-color:#fff; color:#666; float:left; width: 100%; padding-left: 15px; line-height:45px; border-bottom: 1px dotted #ccc; text-decoration:none;}
a.linkMenuMobile:active{ background-color:#EEEEEE;}

a.linkMenuMobileBtn:link, a.linkMenuMobileBtn:visited { font-size: 16px; background-color: #FFF; color: #656565; float: left; width: 100%; padding-left: 15px; line-height: 45px; border-bottom: 1px solid #CCC; text-decoration: none; }
a.linkMenuMobileBtnSel:link, a.linkMenuMobileBtnSel:visited { font-size: 16px; background-color: #EEE; color: #656565; float: left; width: 100%; padding-left: 15px; line-height: 45px; border-bottom: 1px solid #CCC; text-decoration: none; }
a.linkMenuMobileBtn:active { background-color: #EEE; }

/*Rodapé*/
.cima { border-radius: 100%; position: absolute; z-index: 10000; float: right; width: 40px; height: 40px; line-height: 35px; text-align: center; background: #E7E8EE; top: -40px; right: 30px; }
a.link_cima:link, a.link_cima:visited { outline: none; text-decoration: none; color: #929397; display: block; font-size: 23px; }
footer { position: relative; width: 100%; height: auto; clear: both; padding: 1em 1em 0 1em; color: #595959; background: url("../imagens/footer.jpg"); color: #FFF; }
footer::after { position: absolute; content: ""; background: url("../imagens/risco.png"); width: 100%; height: 2px; top: 10px; left: 0; }
.footer1, .footer2, .footer4 { position: relative; width: 100%; height: auto; text-align: center; font-size: 16px; }
.footer2 { margin: 20px 0 20px 0; }
.footer4 { font-size: 12px; } .tcf { font-size: 18px; padding-top: 10px; }
.titulofooter { font-size: 25px; font-weight: bold; }
.titulofooter2 { font-size: 18px; font-weight: bold; }
.imgAtendimento { position: relative; display: block; margin: 20px auto 0; }
.DireitosReservados { width: 100%; height: auto; line-height: 40px; background: #FFF; color: #9F0002; text-align: center; }
.reservadoP { position: relative; top: -10px; font-size: 17px; height: auto; overflow: hidden; } 
.direitostexto { width: 100% !important; height: auto; line-height: 20px; text-align: center; } 
.textfooter { width: 100% !important; height: auto; line-height: 20px; text-align: center; }
.vbwp { position: relative; top: -8px; }

/*ESTILO GERAL*/
.titulo_titulo, .titulo_titulo_branco { position: relative; text-align: center; color: #616161; font-size: 40px; z-index: 1; }

.titulo_titulo::after { position: absolute; content:""; float: left; left: 0; width: 15%; height: 2px; background: #F90; z-index: -1; background: url("../imagens/risco.png"); top: 30px; }
.titulo_titulo::before { position: absolute; content:""; float: right; right: 0; width: 15%; height: 2px; background: #F90; z-index: -1; background: url("../imagens/risco.png"); top: 30px; }

.titulo_titulo_branco::after { position: absolute; content:""; float: left; left: 0; width: 15%; height: 2px; background: #F90; z-index: -1; background: url("../imagens/risco.png"); top: 30px; }
.titulo_titulo_branco::before { position: absolute; content:""; float: right; right: 0; width: 15%; height: 2px; background: #F90; z-index: -1; background: url("../imagens/risco.png"); top: 30px; }

.titulo_titulo_branco { color: #FFF; } .sub_titulo { position: relative; top: -10px; color: #FFF; text-align: center; }
.creasp { display: block; position: relative; margin: 10px auto 10px; }
.titulo2 { color: #39B273; font-size: 20px; padding-top: 20px; }


/*HOMEPAGE*/
.centralizapg { position: relative; width: 320px; margin: 0 auto 0; height: auto; }
.conteudo { height: 470px; }


/*EMPRESA*/
.textoEmpresa { font-size: 16px; color: #868686; text-align: center !important; margin-bottom: 30px; }

.tituloEmpresa { font-size: 20px; font-weight:  bold; }
.borda_baixo { border-bottom: 1px solid #CCC; }

/*SERVICOS*/
.fundo_servico { position: relative; top: -5px; width: 100%; height: auto; background: url("../imagens/fundoservico.jpg"); background-size: cover; overflow: hidden;  }
.ServicoDV { position: relative; width: 270px; height: 200px; margin: 5px auto 10px; overflow:hidden; border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; }
.FotoServico { width: 100%; height: 135px; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; } 
.img_servico { width: 100%; transition:1s; -webkit-transition:1s; -moz-transition:1s;  }
.TextoServicoDV { width: 100%; height: 65px; background: #A00003; color: #FFF; text-align: center; line-height: 65px; font-size: 18px; font-weight: bold; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
a.servnew:link, a.servnew:hover, a.servnew:active, a.servnew:visited{ text-decoration:none;}
.ServicoDV:hover > .portfolio_dvmais{ display:block;}
.ServicoDV:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);  }
.portfolio_dvmais{ position: absolute; width: 100%; opacity: 1; transition: 0.5s; color:#fff; z-index:2; font-size:18px; height:135px; padding-top:45px; display:none; background-color:rgba(0,0,0,0.6); border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px; text-align:center; }

/*CONTATO*/
.contato_div { width: 100%; padding: 1em; }
.titulo_form { line-height: 25px; color: #FF6600; } .paddingtop { padding-top: 10px; }

.formulario { width: 100%; height: 40px; border: 1px solid #AAAAAA; padding: 0 0 0 20px; border-radius: 5px; outline: none; }
.ddd, .telefone { position: relative; float: left; margin-bottom: 20px; }
.ddd { width: 15%; padding: 0 0 0 9px; margin-right: 2%; } .telefone { width: 83%; }

.mensagem_form { width: 100%; min-width: 100%; max-width: 100%; height: 70px; max-height: 200px; border: 1px solid #AAA; padding: 5px 0 0 20px; border-radius: 5px; outline: none; }
.botao_form { position: relative; width: 100%; background: #A00003; color: #FFF; outline: none; text-decoration: none; line-height: 40px; margin: 0 0 1em 0; border-radius: 10px; }
.img_contato { display: none; }

/*CLIENTES*/
.fundo_clientes { position: relative; top: -10px; width: 100%; height: 400px; background: url("../imagens/fundo_vertical.jpg") no-repeat; background-size: 100% 100%; text-align: center; }
.img_cliente { position: relative; width: 38%; border-radius: 10px; margin: 0 10px 10px 0; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; filter: gray; -webkit-filter: grayscale(100%); }
.img_cliente:hover { filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; }
.img_cliente:nth-child(4) {  }

#avisosNews{ color:#D3580E; }
/**/
@media only screen and (min-width: 400px) {

	/*CLIENTES*/
	.fundo_clientes { height: 423px; background: url("../imagens/fundo_vertical2.jpg") no-repeat; background-size: 100% 100%; }
	.img_cliente { max-width: 130px; margin: 0 5px 10px 0; }
	.centralizaimg { position: relative; margin: 0 auto 0; width: 380px; height: auto; padding: 0 0 0 20px; }
	
	/*ESTILOS GERAL*/
	.titulo_titulo::after { width: 25%; } .titulo_titulo::before { width: 25%; }
	.titulo_titulo_branco::after { width: 25%; } .titulo_titulo_branco::before { width: 25%; }

}

/**/
@media only screen and (min-width: 480px) {
	.classe_centraliza { width: 480px; }
	header { height: 300px; }
	
	.titulofooter { font-size: 30px; }
	.footer1, .footer2 { font-size: 20px; }
	.footer6 { width: 100%; }
    
	.DireitosReservados { position: relative; height: 80px; clear: both; }
    .DireitosCompartilhe { width: 100%; height: auto; }
    .compartilheTextoFooter { position: relative; width: 22%; top: 8px; text-align: right; float: left; padding:  0 10px 0 0; }
    .sharingDiv { position: relative; float: left; text-align: left; height: 20px; padding: 0; margin-top: 17px; }

    .reservadoP { position: relative; clear: both; font-size: 14px; top: 10px; } 
    .direitostexto { position: relative; width: 100% !important; float: left; padding-top: 10px; } 
    .textfooter { position: relative; width: 100% !important; float: left; }
    .vbwp { position: absolute; z-index: 1000; top: 12px; right: 15px; float: right; }
    
    header img { width: 315px; }
    .centralizapg { width: 480px; }
    .emailHeader { font-size: 22px; }
	
	/*CLIENTES*/
	.fundo_clientes { background: url("../imagens/fundo_vertical3.jpg") no-repeat; background-size: 100% 100%; }
}

/**/
@media only screen and (min-width: 667px) {
    .classe_centraliza { width: 667px; }
	.conteudo { height: 570px; }
    .texto_faixa { top: 100px; }
    .vbwp { right: 10%; }
	
	.direitostexto { width: 50% !important; padding: 0 5px 0 0; text-align: right; top: 3px; } 
    .textfooter { width: 50% !important; text-align: left; padding: 0 0 0 5px; top: 3px; }
    
    /*HOMEPAGE*/
    .faixa { height: 300px; }
    .centralizapg { width: 667px; }
    .centralizafaixa { width: 667px; }
    footer { border: none; height: 270px;}
	.footer1, .footer2 { position: relative; width: 50%; float: left; font-size: 15px; margin: 0 0 10px 0; }
	.footer4 { width: 50%; float: left; top: 50px; right: 50%; }
	
	/*EMPRESA*/
	.creasp { position: relative; float: right; margin: 0 15px 15px 15px; }
	
	/*SERVIÇOS*/
	.ServicoDV { float: left; margin: 2.5% 0  2.5% 5%; }
	
	/*CLIENTES*/
	.fundo_clientes { background: url("../imagens/fundo_vertical4.jpg") no-repeat; background-size: 100% 100%; }
    
}
    
/**/
@media only screen and (min-width: 768px) {
    header { height: 270px; }
	.classe_centraliza { width: 768px; }
	
	/*Rodapé*/
    footer { position: relative; width: 100%; height: 270px; clear: both; padding: 1em 1em 0 1em; border-top: none; }
    .DireitosReservados { width: 100%; height: 55px; }
    
	.footer1, .footer2 { float: none; width: 100%; text-align: left; margin: 15px 0 0 0; font-size: 20px; line-height: 32px; }
	.footer2 { top: 35px; font-size: 15px; line-height: 20px; } .titulofooter { font-size: 30px; }
	.footer4 { position: absolute; right: 0; top: 135px; width: 150px; }
	.imgAtendimento { margin: -4px 0 0 0; }
	
    .imgAtendimento { position: absolute; z-index: 1000; display: block; top: 80px; right: 20px; width: 250px; }
    .centralizapg { width: 768px; }
    .centralizafaixa { width: 768px; }
    .texto_faixa { width: auto; text-align: right; right: 10px; top: 70px; }
    
    .img_rotate { opacity: 100; -moz-opacity: 100; filter: alpha(opacity=100); left: 5%; display: block; }
    a.link_cronograma:link, a.link_cronograma:visited { width: 40%; margin: 0; float: right; text-align: center; }
    .img_rotate_treino { opacity: 100; -moz-opacity: 100; filter: alpha(opacity=100); }
    .texto_faixa_treino { left: 20px; }

	.compartilheTextoFooter, .sharingDiv { width: 100%; text-align: center; }
	.sharingDiv { position: relative; top: -20px; }

	.DireitosCompartilhe { position: relative; float: left; width: 124px; height: 90px; }

    .reservadoP { clear: none; float: left; width: 600px; font-size: 13px; top: 35px; padding-left: 20px; } 
    .direitostexto { width: 45% !important; padding: 0 5px 0 0; } 
    .textfooter { width:55% !important; padding: 0 0 0 5px; }
    .vbwp { position: absolute; z-index: 1000; top: 30px; right: 15px; float: right; }
    
    .emailHeader { position: relative; width: 59.9%; height: 40px; padding-top: 10px; float: left; } 
	.telefoneHeader { position: relative; float: left; width: 40%; height: 40px; }
	
	.tcf::after { right: 100px; }
	
	/*ESTILOS GERAL*/
	.titulo_titulo::after { width: 35%; } .titulo_titulo::before { width: 35%; }
	.titulo_titulo_branco::after { width: 35%; } .titulo_titulo_branco::before { width: 35%; }
	
	/*SERVIÇOS*/
	.ServicoDV {margin: 2.5% 6% 2.5% 6%; }
	
	/*CLIENTES*/
	.mgt_cliente { position: relative; top: 20px; } .sub_titulo { top: 9px; }
	.fundo_clientes { height: 423px; background: url("../imagens/fundo_grande.jpg") no-repeat; background-size: 100% 100%; }
	.img_cliente { max-width: 117px; margin: 0 5px 10px 0; }
	.img_cliente:nth-child(4) { margin-left: 0; } 
	.centralizaimg { position: relative; top: 40px; margin: 0 auto 0; width: 100%; max-width: 768px; height: 120px; padding: 0 0 0 4px; }
	
	/*CONTATO*/
	.img_contato { position: relative; float: right; width: 50%; height: 400px; display: block; text-align: center; }
	.formulario { width: 45%; height: 47px; }
	.ddd { width: 6%; padding: 0 0 0 9px; margin-right: 2%; } .telefone { width: 37%; }
	.mensagem_form { width: 45%; min-width: 45%; max-width: 45%; height: 168px; max-height: 250px; }
	.botao_form { width: 15%; margin: 0 0 1em 30%; }
	
	#avisosNews{ width: 330px;}
}

/**/
@media only screen and (min-width: 990px) {
	.padding1{ padding-left: 0px;}
    .conteudo { height: 630px; }
    .MenuMobile{ display: none; }
	header { height: 200px; }
    .classe_centraliza { width: 990px; }
	
	.top_menu { top: 0; }
	.img_fixed { width: 100px; margin: 20px 0 0 20%; }

    header img { margin: 20px 0 0 19px; float: left; }
    
	.ContatoHeader { width: auto; clear: none; margin: 10px 0 0 0; float: right; }
    .emailHeader { position: relative; float: left; font-size: 18px; width: 305px; padding-right: 10px; } 
	.telefoneHeader { position: relative; float: left; font-size: 30px; width: 260px; }
	nav { width: 640px; position: absolute; top: 80px; right: 0; float: right; display: block !important; text-align: center; z-index: 1; }
    nav ul { position: relative; height: 80px; margin: 0 auto 0; list-style: none; }
    nav ul li { display: inline-block; }
    nav ul li a:link, a:visited { font-size: 14px; color: #616161; display: block; line-height: 80px; padding: 0 20px 0 20px; margin: 0 10px 0 10px; transition: 1s; text-decoration: none; font-weight: bold; }
    nav ul li a:hover { background: #A00003; color: #FFF; }
	nav ul li :hover::before { position: relative; content: ""; background: url("../imagens/vertical.png"); width: 2px; height: 80px; float: left; right: 15px; }
	nav ul li :hover::after { position: relative; content: ""; background: url("../imagens/vertical.png"); width: 2px; height: 80px; float: right; left: 15px; }
    
    
	/*RODAPÉ*/
	.DireitosCompartilhe { width: 250px; height: 50px; }
	.compartilheTextoFooter, .sharingDiv { position: relative; width: 40%; float: left; }
	.compartilheTextoFooter { top: 11px; }.sharingDiv { top: -6px; width: 60%; }
	
    .reservadoP { clear: none; float: left; width: 600px; font-size: 13px; top: 19px; padding-left: 20px; } 
    .direitostexto { padding: 0 10px 0 0; } .textfooter { padding: 0 0 0 10px; }
    .vbwp { position: absolute; z-index: 1000; top: 12px; right: 15px; float: right; }
	
    .centralizapg { width: 990px; }
    .centralizafaixa { width: 990px; }
    .texto_faixa { top: 60px; }
	.footer4 { right: 0; top: 155px; width: 150px; }
    .tcf::after { right: 150px; }
    
    /*ESTILOS GERAL*/
	.titulo_titulo::after { width: 40%; } .titulo_titulo::before { width: 40%; }
	.titulo_titulo_branco::after { width: 40%; } .titulo_titulo_branco::before { width: 40%; }
	.titulo2 { font-size: 30px; font-weight: bold; }
	
	/*EMPRESA*/
	.creasp { margin: 0 15px 15px 22px; }
	
	/*SERVIÇOS*/
	.ServicoDV { width: 46%; margin: 1% 1% 2% 0; }
	.ServicoDV:nth-child(5) { }
	
	/*CLIENTES*/
	.fundo_clientes { height: 423px; background: url("../imagens/fundo_grande.jpg") no-repeat; background-size: 100% 100%; }
	.img_cliente { max-width: 154px }
	.centralizaimg { top: 50px; max-width: 990px; height: 200px; }
	.sub_titulo { font-size: 22px; }
	
	#avisosNews{ width: 410px;}
	
}