@charset "utf-8";
/* CSS Document */
    
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
  
.centro{ max-width:960px; margin:0 auto; position: relative;}
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}

@font-face {
    font-family: 'swis721_cn_btroman';
    src: url('fonts/tt0009m_-webfont.eot');
    src: url('fonts/tt0009m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0009m_-webfont.woff') format('woff'),
         url('fonts/tt0009m_-webfont.ttf') format('truetype'),
         url('fonts/tt0009m_-webfont.svg#swis721_cn_btroman') format('svg');
font-weight: normal; font-style: normal;} 
 
html#internal {background: #fffdfa url(../img/bg/bg-html.png) repeat-x; } 
body{background:url(../img/bg/bg.jpg) repeat-x top center; }
#header{height:185px; background:url(../img/bg/header.png) no-repeat center -35px; position:relative; float:left; width:100%; }
.logo{ width:173px; display:block; margin:10px 0 0 400px; z-index: 100;}
 
 .fone{ float: right; margin: 60px 0 0 0;}

.suport-top {display: none;}
.barra-top {display: none; position: relative; z-index: 10000;}
.pull {display: none; background: url(../img/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px;}

/********************** Inicio Menu *******************************/

.sec-menu {background: url(../img/bg/bg-menu.png) repeat-x 0 0; height: 57px; width:100%;  margin:0 auto; padding:0px; clear:both;}
	
@media (min-width: 961px) {
	#menu ul {
	    display: flex;
	    justify-content: space-around;
	}
}

#menu{ height:51px; margin: 0 auto; max-width:960px; /*width:100%; float: left; */ /* background: #f9f8f6 url(../img/bg/menu.jpg) repeat-x; */ /* top:199px; position:absolute; z-index:99; */
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
#menu ul{}
#menu ul li{ float:left; height: 51px; position:relative;}
#menu ul li a{color: #fff; font-size:14px; display: block; font-weight: bold; height: 51px; padding: 0px 9px; font-family:'swis721_cn_btroman', Arial, sans-serif; line-height: 51px; text-transform: uppercase;} 
#menu ul li a:hover{background: #6d0204; } 

#menu ul li i{background:url(../img/icone/coracao.png) no-repeat top center; width:17px; height:15px; float:left; margin-top:14px;}
.separador{float:left; width:1px; height:35px; margin-top:3px; background:url(../img/icone/separador.png) no-repeat top center; }

/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 51px; left:0px; display: none; width:180px; background:#EA7E0F; border-top:5px solid #F09112; margin-left:0px;}
#menu li ul li {font-size:14px; height:auto; width:180px; background:#EA7E0F; font-family: 'swis721_cn_btroman', Arial, sans-serif; color:#fff; line-height:31px; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px;padding: 6px 10px; color:#FFF; font-size:13px; background: #EA7E0F; display:block; border-bottom:1px dotted #FDFDFD}
#menu li ul li a:hover{background: #E2620C;}
/********************** Inicio titulos *******************************/ 

.tit{background: #490303 url(../img/icone/tt.jpg) top repeat-x; padding-left:10px; line-height:38px; color:#fff;font-family:'swis721_cn_btroman', Arial, sans-serif; border-left:4px solid #f17611; font-size:20px; font-weight:bold; text-transform:uppercase;}
.tt-obj{font-size:14px; margin-bottom:-10px;}
/********************** Inicio Conteiner *******************************/

.conteiner {padding-top:20px;}
.conteiner p {line-height: 18px;}

.container-boxe-home {margin-bottom: 20px;}
.mg{ margin:0 18px;}
.boxe-home{ float:left; width:308px; margin-bottom: 20px;}
.boxe-home h2{background:url(../img/bg/box-home.png) no-repeat 0px 35px; color:#780c0e; font-size:26px; margin-bottom:10px; font-family:'swis721_cn_btroman', Arial, sans-serif; padding:5px 15px;}
.boxe-home p{ font-size:12px; color:#780c0e; padding:5px 15px;} 
.boxe-home a.botao{float:left; width:99px; height:42px; margin:10px 0 0 10px; background:#780c0e; color:#fff; text-align:center; line-height:42px;}
.boxe-home a.botao:hover{ text-decoration:underline}

.row {background:url(../img/bg/row2.png) repeat-x top; height:332px; display:block;  }
.row .centro{position:relative; z-index:555}
.bg-row{background:url(../img/bg/row-home2.jpg) no-repeat top left; z-index:-1; position:absolute; top:0px; left: 0; width:960px; height:332px;} 
.qm-box{float:left; width:315px; margin:63px 0 0 0}
.qm-box p{font-size:14px;}
.qm-box h3, .box-eq h3{ color:#780c0e; font-family:'swis721_cn_btroman', Arial, sans-serif; font-size:26px;}

.box-eq{float:right; width:305px; margin:63px 0 0 0;}
.box-eq h3 span{display:block; font-size:16px; }
.box-eq ul{margin:15px 0 0 55px;}
.box-eq li{font-size:18px;font-family:'swis721_cn_btroman', Arial, sans-serif; list-style-image:url(../img/icone/lista-h.jpg); margin-bottom:8px; line-height:16px;}



/* Internas */
.col-main {background: #fff; max-width: 920px; padding: 35px 20px 35px; font-size: 12px; position: relative; z-index: 1; clear:both;}
.col-main p {margin-bottom:18px; line-height: 18px; }
.col {width: 450px; position: relative;}

.tt {background: url(../img/ico-tt.png) no-repeat 0 3px; border-bottom: 1px solid #7be1fe; font-family: 'swis721_cn_btroman', Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; color: #dc751a; margin: 0 0 30px 0; padding: 0 0 0 25px;}
.risco img {position: relative; z-index: 100; margin-left: -10px;}

/* Mapa */
.mapa {width: 690px; height: 330px; float: left; border: 1px solid #780c0e; padding: 3px;}
.end  {float: right; width: 200px;}
.end li {margin: 0 0 15px; list-style-image: url(../img/ico-cicle.jpg)}

/* Quem Somos */
.list {margin: 0 0 3px 0;}
.list li {margin: 0 0 0 25px; list-style-image: url(../img/ico-cicle.jpg)}
.topicos {font-size: 14px; text-decoration: uppercase; color: #0e509a; border-bottom: 1px solid #333; margin-top: 20px; font-weight: bold; font-family: 'swis721_cn_btroman', Arial, sans-serif;}

/* Serviços */
.tt-serv,
.notas h3 {font-size: 16px; color: #540405; font-family: 'swis721_cn_btroman', Arial, sans-serif; font-weight: bold;}
.bb-serv {border-bottom: 3px solid #9be7fd; padding: 0 0 2px 0; }
.slogan {color: #540405; font-size: 16px; font-family: 'swis721_cn_btroman', Arial, sans-serif; font-weight: bold; margin: 18px 0 0; font-style: italic;}


.bx-serv {width: 295px; min-height: 200px; margin: 0 17px 20px 0; position: relative; float: left;}
.bx-serv h3 {position: absolute; left: 0; top: 114px; background: #480303; padding:8px 10px; color: #fff; text-transform: uppercase; font-size: 13px;font-family: 'swis721_cn_btroman';}
.bx-serv h4 {margin-top: 5px;}
.mr0 {margin-right: 0;}
.destaque img{border:1px solid #9e0808}
.destaque h3 {background: #9e0808 !important;}

/* Cursos */
.notas li {float: left; width: 100%; border-bottom: 1px solid #ccc; padding:0 0 15px 0; margin-bottom:15px;}
.notas li:last-child {border-bottom: 0;}
.notas p {padding-top: 5px; margin-bottom:0px;}
/* .notas h3 {margin-left: 75px} */
.datas {height: 45px; width: 65px; background: url(../img/bg-data.png); float: left; color: #fff; font-size: 14px; text-align: center; padding: 10px 0;}


.list-curso h3 {background: #e9e9e9; padding: 10px; font-weight: bold; font-size: 14px;}
.list-curso li {border-bottom: 1px solid #bcbbbb; margin: 0 0 20px; padding: 0 0 10px; float: left; width: 100%}
.list-curso li p {float: left;width: 330px;}
.btn {cursor: pointer;background: #780c0e;color: #fff;border: none;font-family: 'swis721_cn_btroman', Arial, sans-serif;width: 78px;font-size: 14px;height: 42px;padding: 0 10px;display: block; line-height: 42px;text-transform: uppercase; margin: 22px 0 0; float: right;}

.fotos{float:left; width:100%;}
.fotos li{float:left; margin:0 1% 2% 1%; width:23%;}
.fotos li img{padding:5px; border:1px solid #bcbbbb; width:93%;}
/*---------------------- Formulários --------------------*/
#form {width: 593px; float: left; padding: 0px 0 0 0;}
#form label{display: block; float: left; padding: 0 0 16px 0; min-height: 50px; font-family: 'swis721_cn_btroman', Arial, sans-serif; }
#form input,#form textarea{font-size:14px; background: #f6f2f0; border: 1px solid #780c0e;  font-size:14px}
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 12px; font-family: 'swis721_cn_btroman', Arial, sans-serif; text-transform: uppercase;  }
#form input[type=text],
#form textarea, 
#form input[type=email], 
#form input[type=tel],
#form input[type=file] { padding: 5px; width: 410px; }

#form textarea{  height:160px; max-width: 577px; }
#form input[type=submit]{ cursor:pointer; background:#780c0e; color:#fff; border:none; font-family: 'swis721_cn_btroman', Arial, sans-serif; 
width: 78px; font-size:16px; height:42px; float:left; text-transform:uppercase}

/*Footer Rodapé*/
#footer{ background:#490303 url(../img/bg/bg-rodape-x.png) repeat-x top; height:123px; color:#FFF; padding:10px 0;}

.bx-end {float: left; margin-top: 30px;}

#footer address{  margin-top:5px; background:url(../img/icone/ico-end.png) no-repeat left top; font-family: Arial, sans-serif; font-size:12px;
padding:0px 0px 10px 35px; margin: 0 0 10px;}

#footer .txt-tel {background: url(../img/icone/ico-tel.png) no-repeat; padding:4px 0px 10px 35px; color: #fff;}

#footer a {color: #fff;}
.face {margin: 30px 0 0 110px; float: left;}

.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px; margin-top: 60px;}
.autor{ float:right;margin: 25px 0 0 0; font-size:12px; width:173px;}
/********************** Inicio Interna *******************************/

.detalhes {padding:10px; background:#f1f1f1; float:left; width:902px; margin:15px 0px 10px 0px; clear:both}
.boxe{background:#fff; padding:10px; width:260px; float:left; height:100px;}
.boxe p{margin:0 0 10px 0; padding:0px;}
.boxe li{ padding-left:10px; background:url(../img/icone/lista.jpg) no-repeat 0 5px; margin-bottom:5px;}
.sep{background:url(../img/icone/sep.png) center no-repeat; float:left; width:1px; height:118px; margin:0 15px;}
.linha{border-bottom:1px solid #dad7d7; width:100%; height:1px; margin:5px 0 20px 0; float:left;}
.btnfale{padding:10px; border:1px solid #4a0404; float:right; color:#4a0404; font-size:16px; font-family: 'swis721_cn_btroman', Arial, sans-serif;}
.btnfale:hover{background:#4a0404; color:#fff;}

/********************** Classes úteis *******************************/
.bt-efeito:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
/* INICIO PAGINAÇÕES */
#paginacao {margin: 0px 0 0 0;	clear:both;	padding: 5px; width:100%; height:20px;text-align:center; vertical-align:middle;	float:left;}
#paginacao a{color:#333; text-decoration: none;	border:1px solid #740a07; line-height:20px;	padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao a.anterior{margin-left:0;}
#paginacao p {padding: 0;}
#paginacao strong{background:#740a07;border:1px solid #740a07;line-height:0;padding:3px 6px;margin-left:3px;color:#fff;}
/* FIM PAGINAÇÕES */


.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}



.mobile {display: none;}
img {max-width: 100%;}

/* clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.mobile{display: none !important;}

@media screen and (max-width: 992px) {
	.centro {margin: 0 20px;}
	body {background-position: 0 36px; -webkit-background-size: auto 162px;
	background-size: auto 162px;}
	.logo {margin: 15px auto 0; width: 140px;}
	.suporte {float: left; padding: 10px; color: #fff;}

	.fone {display: none;}

	#header {padding: 36px 0 0px; height: auto;}

	#head #box-nav-top {display: none;}

	.suport-top {float: left; display: block; font-size: 1.4em; color: #fff; padding: 10px 0 0;}
	.barra-top {background: #e2620c; background: linear-gradient(to top, #e2620c, #f19312);  display: block; position: fixed; left: 0; top: 0; padding: 0 10px; width: 100%; }
	.barra-top span {float: right; line-height: 36px; font-size: 1.2em; color: #fff;}

	/* Menu */
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.sec-menu {height: 1px;}
	#menu ul,
	#menu ul li {width: auto; margin: 0; height: auto;}
	#menu {background: #e2620c; position: fixed; left: -100%; top: 0; z-index: 90000; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0; padding: 0; border-radius: 0;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom: 1px solid #f09112;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.4em; text-indent: 0px; line-height:40px; width: auto; height: auto; padding: 0 0 0 10px; border-bottom: 0; border-radius: 0; }
	#menu ul li span {display: none;}
	#menu ul li a:hover {background: #f19312; color: #fff; border-bottom: 0;}
	#menu ul li.separador {display: none;}
	#menu li ul{top: 38px;}
	#menu li ul, #menu li ul li{width: 100%;}
	#menu.off-canvas {left: 0;}
	.bgplb {background-position: right bottom;}

	.mobile {display: block;}

	/* .face {margin: 0; position: fixed; right: 100px; top: 5px; z-index: 10001; width: 25px;} */

	.boxe-home {background: #ffe1b7; float: none; width: auto; margin: 0 0 30px 0; height: auto; padding: 10px; border-radius: 10px;}
	.boxe-home:nth-of-type(3n+0){margin-bottom: 15px;}

	.bg-row {display: none;}

	.row {height: auto; padding: 20px 0 0;}
	.qm-box,
	.box-eq {float: none; width: auto; margin: 0 0 20px;}

	#footer {height: auto;}
	.face {margin: 10px 0; float: none;}
	.pratica {margin: 0;}

	.col-main {margin-top: 20px; border-radius: 10px;}

	.col,
	.detalhes,
	.boxe {float: none; width: auto; margin: 0 0 20px; height: auto;}

	.bx-serv {width: auto !important; float: none; margin: 0 0 20px; border-bottom: 2px dotted #ccc; padding: 0 0 10px; height: auto; min-height: 0;}

	.tit {margin: 0 0 20px;}

	.sep {display: none;}
	.btnfale,
	.linha {float: none;}

	.tit{background: #490303;}
	
	.mapa {width: 100%; float: none; margin: 0 0 20px;}
	.end {float: none; width: auto; margin: 0 0 0 20px;}

	#form,
	#form label {float: none; width: auto;}

	#form input[type=text], 
	#form textarea, 
	#form input[type=email], 
	#form input[type=tel], 
	#form input[type=file] {width: 90%; max-width: 90%;}
	.col-main{padding-bottom: 0;}
	.bx-serv:last-of-type{border-bottom: none; margin-bottom: 20px;}
	.fotos{margin-bottom: 20px;}

}

@media screen and (max-width: 600px) {
	.fotos li {width: 46%;}

.desktop{display: none !important;}
.mobile{display: block !important;}
}


.wa img { max-width: 40px; margin-top: 4px; vertical-align: middle;}
.wa {color: #fff; display: block;}
.wa:hover {background: #41a79d;}

.wa {position: fixed; left: 40px; width: 50px; height: 50px; bottom: 30px; padding: 5px; vertical-align: middle; text-align: center;
border-radius: 50%; background: #0ba360; z-index: 1000; z-index: 2000;}
.wa::after,
.wa::before{content: ''; position: absolute; opacity: 0; border: 4px solid #0ba360; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.wa::after{animation-delay: .5s;}
@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}