/* CSS Document
*
* @autor Vorax - Soluções Interativas
* @data abr2017
* @ref style.css
*
*/

*{margin:0;padding:0;font-family: 'Oswald', sans-serif;font-weight:300}
body{color:#727376;font-size:15px}

.btn{color:#fff;font-weight:400;font-size:30px;text-transform:uppercase;line-height:70px;padding:0 60px 0 20px;border:none;text-decoration:none;outline:none;display:inline-block;background:url(../images/icones/bullet.png) no-repeat right center;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
.btn.azul{background-color:#80C3D3}
.btn.laranja{background-color:#FF8454}
.btn.focus, .btn:focus, .btn:hover{color:#fff;filter: brightness(115%);-webkit-transition: ease-in .3s;transition: ease-in .3s;}

@media (min-width:767px) and (max-width:992px) {
	.btn{font-size:22px}
}

@media (max-width:766px) {
	.btn{font-size:18px;line-height:50px}
}

.data{display:block;color:#848688;font-size:12px}
.data.data-big{font-size:100%;}
.data i{font-style:normal;display:block}
.data u {text-decoration:none;color:#D2D3D5}

a:hover{text-decoration:none}

h2{font-weight:600;font-size:35px;margin:0 0 20px;cursor:default}
h2.menor{font-size:25px;margin-top:30px}
h2.roxo{color:#C67BD0}
h2.laranja{color:#FF8454}
h2.verde{color:#88C87B}
h2.rosa{color:#F06277}
h2.rosa2{color:#FCD3C2}
h2.branco{color:#fff}
h2.azul{color:#80C3D2}
h2.vermelho{color:#FF8454}
h2.amarelo{color:#F0CD3A}
h2.marrom{color:#E4C99A}

@media (min-width:767px) and (max-width:992px) {
	h2{font-size:30px}
}

img {max-width:100%}

#header{width:100%;height:auto;float:left;clear:both;padding:10px 0}
#header .logos{display:flex;justify-content:space-between;align-items:center}
#header .logo-mobile{display:none}
#header .logo-mobile  img{max-height:150px}
#header .acesso{float:right;font-weight:400;margin-top:30px;padding-left:30px;background:url(../images/icones/cadeado.png) no-repeat left center;color:inherit;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#header .acesso small{display:block;font-weight:200;font-size:13px}
#header .acesso:hover{filter: brightness(115%);-webkit-transition: ease-in .2s;transition: ease-in .2s;}
#header #menuDropDown{display:none;float:right;margin-top:25px}

@media (max-width:766px) {
	#header .logos{display:none}
	#header .logo-mobile{display:table;margin:auto;height:100px}
	#header .acesso{float:left;height:20px;display:table;margin:20px 0 0}
	#header #menuDropDown{display:block}
}

#nav{width:100%;height:80px;float:left;clear:both;border-top:7px solid #E6E7E8}
#nav ul{display:table;margin:auto}
#nav ul li{display:block;vertical-align:bottom;height:73px;border-right: 1px solid #efefef;float:left}
#nav ul li.logo{position:relative;z-index:999}
#nav ul li.logo a{border:none;margin-top:-100px;height:auto}
#nav ul li a{display:block;padding:0 10px;color:#727376;font-size:14px;text-align:center;line-height:73px;height:81px;margin-top:-7px;border-top:7px solid;-webkit-transition: ease-in .3s;transition: ease-in .3s;overflow:hidden}
#nav ul li a:hover,#nav ul li a.ativo{color:#fff;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#nav ul li a.azul{border-color:#80C3D2}
#nav ul li a.azul:hover,#nav ul li a.azul.ativo{background:#80C3D2}
#nav ul li a.vermelho{border-color:#FF8454}
#nav ul li a.vermelho:hover,#nav ul li a.vermelho.ativo{background:#FF8454}
#nav ul li a.amarelo{border-color:#F0CD3A}
#nav ul li a.amarelo:hover,#nav ul li a.amarelo.ativo{background:#F0CD3A}
#nav ul li a.verde{border-color:#88C87B}
#nav ul li a.verde:hover,#nav ul li a.verde.ativo{background:#88C87B}
#nav ul li a.roxo{border-color:#C67BD0}
#nav ul li a.roxo:hover,#nav ul li a.roxo.ativo{background:#C67BD0}
#nav ul li a.marrom{border-color:#E4C99A}
#nav ul li a.marrom:hover,#nav ul li a.marrom.ativo{background:#E4C99A}
#nav ul li a.rosa{border-color:#FCD3C2}
#nav ul li a.rosa:hover,#nav ul li a.rosa.ativo{background:#FCD3C2}
#nav ul li a.azul{border-color:#80C3D2;width:107px}
#nav ul li a.azul:hover,#nav ul li a.azul.ativo{background:#80C3D2}
#nav ul li a.azul,#nav ul li a.vermelho,#nav ul li a.amarelo,#nav ul li a.verde{width:107px}

@media (min-width:992px) and (max-width:1170px) {
	#nav ul li a{font-size:10px;padding:0 5px}
	#nav ul li a.azul,#nav ul li a.vermelho,#nav ul li a.amarelo,#nav ul li a.verde{width:93px}
}

@media (min-width:767px) and (max-width:992px) {
	#nav ul li.logo a{margin-top:-35px;width:150px}
	#nav ul li a{    padding: 0 5px;font-size: 10px;}
	#nav ul li a.azul,#nav ul li a.vermelho,#nav ul li a.amarelo,#nav ul li a.verde{width:73px}
	#nav ul li a.roxo,#nav ul li a.marrom{width:63px}
}

@media (max-width:766px) {
	#nav{height:auto}
	#nav ul{display:none;margin:auto;text-align:left}
	#nav ul.ativo{display:block}
	#nav ul li{height:auto;width:100%;float:none;border:none}
	#nav ul li.logo{display:none}
	#nav ul li a{height:auto;margin:0;line-height:normal;width:auto !important;border:none;display:inline-block;padding:10px}

}

#banner{width:100%;height:auto;float:left;clear:both}
#banner .owl-theme .owl-controls{margin:0}
#banner .owl-prev {position: absolute;z-index: 10;left: 100px;top: 50%;margin-top:-16px;width:32px;height:32px;background:url(../images/icones/seta-esquerda.png) no-repeat center}
#banner .owl-next {position: absolute;z-index: 10;right: 100px;top: 50%;margin-top:-16px;width:32px;height:32px;background:url(../images/icones/seta-direita.png) no-repeat center}
#banner .item {height:450px;background-size:cover;background-position:center;background-repeat:no-repeat}

@media (min-width:767px) and (max-width:992px) {
	#banner .item{height:300px}
}

@media (max-width:766px) {
	#banner .item{height:250px}
	#banner .owl-prev{left:10px}
	#banner .owl-next{right:10px}
}

#menu {width:100%;height:auto;float:left;clear:both;padding:40px 0}
#menu.azul{background:#80C3D2}
#menu.vermelho{background:#FF8454}
#menu.amarelo{background:#F0CD3A}
#menu.verde{background:#88C87B}
#menu.roxo{background:#C67BD0}
#menu.marrom{background:#E4C99A}
#menu.rosa{background:#FCD3C2}
#menu ul{margin:0}
#menu ul li{display:inline-block;padding:0 20px;border-left:1px solid #fff}
#menu ul li a{color:#fff;-webkit-transition: ease-in .2s;transition: ease-in .2s}
#menu ul li a:hover,#menu ul li a.ativo{opacity:0.6;-webkit-transition: ease-in .2s;transition: ease-in .2s}

#conteudo{width:100%;height:auto;float:left;clear:both;padding:40px 0 80px;background:url(../images/fundos/5.png) repeat top center}
#conteudo h2{display:block;margin:30px 0 50px}
#conteudo cite{font-style:normal;padding:50px 20px 0 70px;background:url(../images/icones/aspas.png) no-repeat left 50px;display:block}
#conteudo cite h3{font-size:22px;line-height:30px;margin-bottom:20px;cursor:default}
#conteudo cite p{color:#E4C99A;cursor:default}
#conteudo .texto{display:block;margin-top:50px;cursor:default}
#conteudo .scroll{display:block;width:100%;overflow:auto}
#conteudo .tb{width:100%;border-collapse:collapsed;border:4px solid #9acbe5}
#conteudo .tb tr th{padding:10px;color:#fff;background:#4c92b8;font-size:18px;cursor:default;text-align:center}
#conteudo .tb tr td{padding:10px;background:#edf6fb;width:20%;text-align:center}
#conteudo .tb tr:nth-child(2n) td{background:#fff;font-size:14px}
#conteudo .tb tr th:first-child,#conteudo .tb tr td:first-child{text-align:left}
#conteudo .servico{display:flex;justify-content:space-between;border-bottom:5px solid #E4C99A;margin-bottom:40px}
#conteudo .servico img{height:250px;margin-right:20px}
#conteudo .servico h3{margin:0 0 20px}
#conteudo .servico p{min-height:150px;overflow:hidden}
#conteudo .servico .data{display:flex;justify-content:flex-start;-webkit-transition:ease-in .3s;transition: ease-in .3s	}
#conteudo .servico .data i{color:#B1D792}
#conteudo .servico .data i:first-child{margin-right:20px;color:#F5874F}
#conteudo .servico .data:hover{filter: brightness(95%);-webkit-transition:ease-in .3s;transition: ease-in .3s}
#conteudo .redes img{display:inline-block;margin:30px 20px 20px 0;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#conteudo .redes img:hover{opacity:0.7;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#conteudo form.atendimento{display:block;width:100%;height:600px;margin-top:40px;background:url(../images/icones/form.png) no-repeat right center;padding:55px 250px 20px 30px}
#conteudo form.atendimento h4{color:#008C99;font-size:30px;cursor:default}
#conteudo form.atendimento p{font-size:18px;cursor:default;margin:10px 0 30px}
#conteudo form.atendimento .input{width:100%;height:45px;line-height:45px;padding-left:20px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;outline:none}
#conteudo form.atendimento .textarea{width:100%;height:185px;line-height:25px;padding:20px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;outline:none}
#conteudo form.atendimento input[type=submit]{width:110px;height:55px;color:#fff;font-size:18px;background:#008C99;cursor:pointer;border:none;border-radius:5px;-webkit-transition: ease-in .3s;transition: ease-in .3s}
#conteudo form.atendimento input[type=submit]:hover{filter: brightness(115%);-webkit-transition: ease-in .3s;transition: ease-in .3s}

@media (min-width:767px) and (max-width:992px) {
	#conteudo form.atendimento .textarea{height:135px}
}

@media (max-width:766px) {
	#conteudo{padding:30px 0;margin:0}
	#conteudo .servico{display:block;padding-bottom:20px}
	#conteudo .servico img{height:200px;margin-bottom:10px}
	#conteudo .servico p{min-height:inherit}
	#conteudo form.atendimento{height:auto;background:none;padding:0}
}

#mapa {width:100%;height:auto;float:left;clear:both}
#mapa iframe{width:100%;height:400px;display:block}

#itens{margin:-75px 0 50px;display:block}
#itens .itens{display:flex;justify-content:space-between;text-align:center}
#itens a{width:155px;height:155px;line-height:155px;position:relative;display:inline-block;vertical-align:middle;border-radius:500px;color:#fff;font-size:22px;-webkit-transition:ease-in .3s;transition: ease-in .3s;}
#itens a:after{content:'';width:0;height:0;position:absolute;z-index:10;left:50%;-webkit-transition:height .3s;transition: height .3s;}
#itens a.unidade{background:#E4C99A}
#itens a.unidade:after{width:122px;height:0;background:url(../images/itens/1.png) no-repeat center;bottom:126px;margin-left:-61px}
#itens a.unidade:hover:after{height:103px;-webkit-transition:height .3s;transition: height .3s;}
#itens a.unidade:hover{filter: brightness(92%);-webkit-transition:ease-in .3s;transition: ease-in .3s;}
#itens a.ingresso{background:#C67BD0}
#itens a.ingresso:after{width:138px;height:0;background:url(../images/itens/2.png) no-repeat center;bottom:110px;margin-left:-69px}
#itens a.ingresso:hover:after{height:112px;-webkit-transition:height .3s;transition: height .3s;}
#itens a.ingresso:hover{filter: brightness(92%);-webkit-transition:ease-in .3s;transition: ease-in .3s;}
#itens a.app{background:#88C87B}
#itens a.app:after{width:59px;height:0;background:url(../images/itens/3.png) no-repeat center;bottom:110px;margin-left:-30px}
#itens a.app:hover:after{height:116px;-webkit-transition:height .3s;transition: height .3s;}
#itens a.app:hover{filter: brightness(92%);-webkit-transition:ease-in .3s;transition: ease-in .3s;}
#itens a.regulamento{background:#80C3D2}
#itens a.regulamento:after{width:90px;height:0;background:url(../images/itens/4.png) no-repeat center;bottom:110px;margin-left:-45px}
#itens a.regulamento:hover:after{height:113px;-webkit-transition:height .3s;transition: height .3s;}
#itens a.regulamento:hover{filter: brightness(92%);-webkit-transition:ease-in .3s;transition: ease-in .3s;}
#itens a.ensino{background:#F0CD3A}
#itens a.ensino:after{width:110px;height:0;background:url(../images/itens/5.png) no-repeat center;bottom:110px;margin-left:-55px}
#itens a.ensino:hover:after{height:100px;-webkit-transition:height .3s;transition: height .3s;}
#itens a.ensino:hover{filter: brightness(95%);-webkit-transition:ease-in .3s;transition: ease-in .3s;}

@media (max-width:766px) {
	#itens{height:auto;margin:0;padding:20px 0}
	#itens .itens{display:block}
	#itens a{margin:120px auto 10px;display:block}
	#itens a.unidade:after{height:103px}
	#itens a.ingresso:after{height:112px}
	#itens a.app:after{height:116px}
	#itens a.regulamento:after{height:113px}
	#itens a.ensino:after{height:100px}
}

#noticias{width:100%;height:auto;float:left;clear:both;background:#B1D792 url(../images/fundos/1.png) no-repeat center 150px;padding:0 0 100px}
#noticias h2{text-align:center;margin-bottom:50px}
#noticias .noticias{display:flex;justify-content:space-between;align-items:center}
#noticias .noticias a{display:block;color:inherit;background:#fff;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#noticias .noticias a img{display:block;width:100%;height:280px}
#noticias .noticias a .texto{display:block;width:100%;border-top:5px solid #E4C99A;padding:30px;height:285px}
#noticias .noticias a .texto big{display:block;font-size:20px;margin-bottom:20px;font-weight:300;height:56px;overflow:hidden}
#noticias .noticias a .texto b{display:block;font-size:16px;margin-bottom:20px;font-weight:300;height:22px;overflow:hidden}
#noticias .noticias a .texto span{display:block;height:65px;overflow:hidden}
#noticias .noticias a .texto .data{display:flex;font-weight:200;justify-content:space-between;margin-top:20px}
#noticias .noticias a .texto .data i{color:#B1D792}
#noticias .noticias a .texto .data i:first-child{color:#F5874F}
#noticias .noticias a .img{display:block;width:100%;position:relative}
#noticias .noticias a .img:after{content:'';border:30px solid transparent;border-bottom-color:#E4C99A;position:absolute;z-index:1;bottom:0;left:50%;margin-left:-30px}
#noticias .noticias a:first-child + a .texto{border-top:none;border-bottom:5px solid #E4C99A}
#noticias .noticias a:first-child + a .img:after{bottom:inherit;top:0;border-bottom-color:transparent;border-top-color:#E4C99A}
#noticias .noticias a:hover{opacity:0.7;-webkit-transition: ease-in .3s;transition: ease-in .3s;}

@media (min-width:992px) and (max-width:1170px) {
	#noticias .noticias a .texto { padding: 20px; }
}

@media (min-width:767px) and (max-width:992px) {
	#noticias .noticias a img{height:180px}
	#noticias .noticias a .texto{height:185px;padding:20px}
	#noticias .noticias a .texto big{height:auto}
	#noticias .noticias a .texto b,#noticias .noticias a .texto span{display:none}
	#noticias .noticias a .texto .data{display:block}
}

@media (max-width:766px) {
	#noticias .noticias{display:block}
	#noticias .noticias a{display:flex;justify-content:space-between;border-bottom:5px solid #E4C99A}
	#noticias .noticias a img{height:auto}
	#noticias .noticias a .img{width:50%}
	#noticias .noticias a .texto{border:none !important;height:auto;width:50%}
	#noticias .noticias a .texto big{height:auto}
	#noticias .noticias a .texto b,#noticias .noticias a .texto span{display:none}
}

@media (max-width:560px) {
	#noticias .noticias a{display:block;margin-bottom:10px}
	#noticias .noticias a .img,#noticias .noticias a .texto{width:100%}
}

#comunicados{width:100%;height:auto;float:left;clear:both;background:url(../images/fundos/6.png) no-repeat top center;padding:100px 0;margin-top:-40px}
#comunicados h2{text-align:center;margin-bottom:40px}
#comunicados .comunicados a{display:block;color:inherit;padding-left:70px;background:url(../images/icones/aspas.png) no-repeat left top;-webkit-transition:ease-in .3s;transition: ease-in .3s}
#comunicados .comunicados a big{display:block;font-size:22px;margin:10px 0;font-weight:600}
#comunicados .comunicados a span{display:block;font-size:14px;margin:10px 0}
#comunicados .comunicados .data i:first-child{display:block;color:#FAABB0;text-decoration:underline;margin-bottom:10px}
#comunicados .comunicados a:hover{opacity:0.7;-webkit-transition:ease-in .3s;transition: ease-in .3s	}

@media (min-width:767px) and (max-width:992px) {
	#comunicados .comunicados a big{font-size:18px}
}

@media (max-width:766px) {
	#comunicados{padding:30px 0;margin-top:0}
	#comunicados .comunicados a{margin-top:30px}
}

#imagens{width:100%;height:auto;float:left;clear:both}
#imagens img{width:20%;float:left}

@media (max-width:766px) {
	#imagens img{width:25%}
	#imagens img:last-child{display:none}
}

#tv{width:100%;height:auto;float:left;clear:both;background:url(../images/fundos/5.png) no-repeat top center;padding:90px 0}
#tv h3{margin:40px 0 30px}
#tv iframe{width:100%;height:300px}
#tv .ultimos a{color:#727376;-webkit-transition: ease-in .3s;transition: ease-in .3s;display:block}
#tv .ultimos a b{margin:20px 0;display:block}
#tv .ultimos a:hover{opacity:0.6;-webkit-transition: ease-in .3s;transition: ease-in .3s;}

@media (min-width:767px) and (max-width:992px) {
	#tv .ultimos a{margin:20px 0}
}
@media (max-width:766px) {
	#tv{padding:30px 0;margin-top:0}
	#tv h2{margin-top:20px}
	#tv h2.menor{margin-top:30px}
	#tv h3{margin:20px 0}
	#tv .ultimos a{margin:20px 0}
}

#informacoes{width:100%;height:auto;min-height:230px;float:left;clear:both;background:url(../images/fundos/2.png) no-repeat center;padding:80px 0 30px;color:#fff;margin-top:-40px}
#informacoes h2{font-size:40px;margin:0 0 20px;cursor:default}
#informacoes .btn{margin-top:15px}

@media (max-width:766px) {
	#informacoes{text-align:center;background:#80C3D3;padding:30px 0;margin-top:0}
}

#destaque{width:100%;height:auto;float:left;clear:both;background:url(../images/fundos/3.png) no-repeat center;padding:50px 0 30px;text-align:center}
#destaque .btn{margin-top:15px}
#destaque .destaque{border-radius:500px}
#destaque .item{padding-left:40px;padding-right:40px}
#destaque .owl-prev {position: absolute;z-index: 10;left: 0;top: 50%;margin-top:-70px;width:32px;height:32px;background:url(../images/icones/seta-esquerda.png) no-repeat center}
#destaque .owl-next {position: absolute;z-index: 10;right: 0;top: 50%;margin-top:-70px;width:32px;height:32px;background:url(../images/icones/seta-direita.png) no-repeat center}

@media (max-width:766px) {
	#destaque{padding:30px 0}
	#destaque h2.laranja{margin-top:40px}
}

#newsletter{width:100%;height:auto;float:left;clear:both;background:url(../images/fundos/4.png) no-repeat top center;padding:60px 0 30px;color:#fff;margin-top:-40px}
#newsletter h2{font-size:15px;margin:0 0 20px;cursor:default;display:flex;justify-content:space-between;align-items:center}
#newsletter h2 span{font-size:20px}
#newsletter h3{font-weight:600;font-size:26px;margin:20px 0;cursor:default}
#newsletter .redes img{display:inline-block;margin:0 20px 20px 0;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#newsletter .redes img:hover{opacity:0.7;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#newsletter .logo{display:block;margin:20px auto 0}
#newsletter form{display:block;margin-top:10px}
#newsletter form input[type=text],
#newsletter form input[type=email],
#newsletter form input[type=tel]{display:block;width:100%;height:50px;line-height:50px;font-size:14px;padding-left:35px;color:#727376;border-radius:5px;border:none;outline:none;margin-bottom:5px}
#newsletter form input[type=text]{background:#fff url(../images/icones/user.png) no-repeat 10px center}
#newsletter form input[type=email]{background:#fff url(../images/icones/mail.png) no-repeat 10px center;padding-right:100px}
#newsletter form input[type=tel]{background:#fff url(../images/icones/phone.png) no-repeat 10px center}
#newsletter form input[type=submit]{display:block;width:90px;height:50px;font-size:14px;color:#fff;border-radius:0 5px 5px 0;border:none;outline:none;margin:-55px 0 0;background:#008C99;cursor:pointer;float:right;-webkit-transition: ease-in .3s;transition: ease-in .3s;}
#newsletter form input[type=submit]:hover{filter: brightness(115%);-webkit-transition: ease-in .3s;transition: ease-in .3s;}

@media (min-width:767px) and (max-width:992px) {
	#newsletter .logo{margin-top:75px}
}
@media (max-width:766px) {
	#newsletter{background:#F5886C;padding:30px 0;margin:0;text-align:center}
	#newsletter h2,#newsletter h2 span{display:block}
}

#footer{width:100%;height:auto;float:left;clear:both;padding:20px 0;background:#fff}
#footer p{color:#96989A;font-size:11px;cursor:default;margin:20px 0}
#footer .col-md-3 img{margin-top:30px}

@media (min-width:767px) and (max-width:992px) {
	#footer{text-align:center}
	#footer .col-md-3 img{margin-top:0}
}

@media (max-width:766px) {
	#footer{text-align:center}
}