@charset "utf-8";

#paginas { float:left; width: 100%; min-height: 400px; padding: 0 0 40px;}
#paginas h1 { padding: 20px 0 12px; background-color: #F6CF7A; margin-bottom: 30px; text-transform: uppercase; text-align: center; font-size: 2.5em;}
#paginas h1 b { padding: 14px 20px 10px; border: 2px solid #C5A255; color: #504631;}
#paginas .tituloh1 { float: left; width: 100%;  padding: 27px 0 20px; background-color: #F6CF7A; margin-bottom: 30px; text-transform: uppercase; text-align: center; font-size: 2.5em;}
#paginas .tituloh1 b { padding: 14px 20px 10px; border: 2px solid #C5A255; color: #504631;}
#paginas h3 { float: left; width: 60%; padding: 20px 20% 0; text-align: center; font-size: 1.5em; line-height: 1.4em; color: #333333;}
#paginas h5 { text-align: justify; font-size: 1em; line-height: 1.5em;}
#paginas h5 strong { font-size: 1.2em;}
#paginas h5.centralizado { text-align: center;}
#paginas .imgser { float: left; max-width: 100%;}
#paginas .whatsapp { padding: 14px 80px; background-color: #00C13B; background-image: url(../imagens/whatsapp.png); background-repeat: no-repeat; background-position: 50%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#paginas .whatsapp:hover { background-color: #009C2F;}

#paginas .contato { float: left; width: 100%;}
#paginas .contato h5 { width: 40%; margin-top: 10px;}
#paginas .contato form { float: left; width: 50%; margin-left: 5%;}
#paginas .contato form h5 { text-align: center;}
#paginas .contato form .todos { height: 45px; padding:4px 1% 0; margin-top: 10px; background-color: #FFFFFF; border: 1px solid #8C8167; font-family: 'Asap', sans-serif; font-size:1.1em; outline:0;}
#paginas .contato form .c1 { float: left; width: 98%; }
#paginas .contato form .c2a { float: left; width: 58%;}
#paginas .contato form .c2b { float: right; width: 35%;}
#paginas .contato form .textarea { width: 98%; height:100px; padding:10px 1%;}
#paginas .contato form .botao { padding:13px 10px 10px; margin-top:8px; background-color:#000000; font-weight:bold; font-size:1.2em; color:#FFEB00; cursor:pointer; outline:0; border:0;}
#paginas .contato form .botao:hover { color: #FFFFFF;}
#paginas .imagem1 { float: left; width: 100%; padding: 0 0 20px;}
#paginas .imagem1 h5 { width: 60%;}
#paginas .imagem1 img { float: right; width: 35%;}
#paginas .divisao { float: left; width: 100%; margin: 20px 0; height: 1px; background-color: #AAAAAA;}


#comprar { float: left; width: 320px; margin: 20px 0;}
#comprar .form { float: left; width: 90%; padding: 5%; -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);}
#comprar .form .c1 { float: left; width: 100%; margin: 0 0 15px;}
#comprar .form .nomecampo { float: left; width: 100%; margin: 0 0 2px; font-size: 1.2em;}
#comprar .form .nomecampo em { font-style: normal; color: rgb(200 0 0);}
#comprar .form .campo { float: left; width: 96%; height: 40px; padding: 0 2%; outline: 1px solid rgb(100 100 100 / 60%); font-size: 1.2em; border: 0;}
#comprar .form .campo:focus { outline: 1px solid rgb(0 150 255); -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 5px 0 rgb(0 0 0 / 20%);}
#comprar .form .submit { float: left; padding: 15px 20px; background-color: #00B741; text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: #FFFFFF; cursor: pointer; border: 0; outline: 0;}
#comprar .form .submit:hover { background-color: #009C2F;}


#pagamento { float: left; width: 100%; font-size: 1.1em;}
#pagamento .centro { margin: 0 auto; width: 400px; max-width: 90%;}
#pagamento .qrcode { float: left; width: 100%;}
#pagamento .qrcode .instrucao { float: left; width: 100%; margin: 10px 0; text-align: center;}
#pagamento .qrcode .imagem { float: left; width: 100%; outline: 1px solid rgb(100 100 100 / 40%); text-align: center; font-size: 0;}
#pagamento .qrcode .imagem img { max-width: 100%;}
#pagamento .copiaecola { float: left; width: 100%;}
#pagamento .copiaecola .copiar { float: left; width: 100%; padding: 12px 0 10px; margin: 10px 0 0; background-color: rgb(25 141 77); text-transform: uppercase; text-align: center; font-weight: bold; color: rgb(255 255 255); cursor: pointer;}
#pagamento .copiaecola .copiar:hover { background-color: rgb(19 128 47);}
#pagamento .rapidez { float: left; width: 100%; margin: 20px 0 0; line-height: 1.4;}
#pagamento .rapidez b { float: left; width: 100%; text-align: center; font-weight: normal;}
#pagamento .rapidez b a { color: rgb(0 100 200);}
#pagamento .rapidez b a:hover { text-decoration: underline;}


#caesavenda { float: left; width: 100%;}
#caesavenda .meio { margin: 0 auto; width: 1000px; max-width: 90%;}
#caesavenda .tab { float: left; width: 96%; padding: 20px 2%; margin: 0 0 10px; outline: 1px solid rgb(100 100  100 / 10%); background-color: rgb(100 100  100 / 5%);}
#caesavenda .tab .imagem { float: left; width: 38%;}
#caesavenda .tab .imagem img { float: left; width: 94%; padding: 3%; -webkit-box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%); box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);}
#caesavenda .tab .nome { float: right; width: 60%;}
#caesavenda .tab .nome h2 { float: left; width: 100%; font-size: 1.2em;}



#pop { position: fixed; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 500;}
#pop .fundo { position: absolute; width: 100%; height: 100%; left: 0;}
#pop .fundo .fechar1 { position: absolute; width: 100%; height: 100%; left: 0; z-index: 50;}
#pop .fundo .fechar2 { position: absolute; width: 40px; height: 40px; top: 65px; right: -8%; background-image: url(../imagens/icoPop.png); cursor: pointer; z-index: 150;}
#pop .fundo .conteudo { margin: 0 auto; width: 590px; max-width: 90%; position: relative; z-index: 100;}
#pop .fundo .conteudo .tab { float: left; width: 96%; padding: 2%; margin: 65px 0 0; background-color: #FFFFFF;}
#pop .fundo .conteudo .tab .img { float: left; width: 100%;}
#pop.desativado { left: -100%;}

#zap { position: fixed; width: 50px; height: 50px; right: 20px; bottom: 20px; padding: 5px; background-color: #00C13B; background-image: url(../imagens/whatsapp.png); background-size: 100%; background-repeat: no-repeat; background-position: 50%; z-index: 550;}
#zap:hover { background-color: #009C2F;}

#banner { float:left; width:100%; position:relative;}
#banner .slides, .slides > li, .flex-control-nav { margin:0; padding:0; list-style: none;}
#banner .slides > li { display:none;}
#banner .slides > li img { float: left; width: 100%;}
#banner .flex-direction-nav { display: none;}
#banner .flex-control-nav { position: absolute; width: 100%; bottom: 20px; text-align: center; z-index: 200;}
#banner .flex-control-nav li { margin:0 2px; display:inline-block; zoom: 1; }
#banner .flex-control-paging li a { width: 12px; height:12px; background-color:#000000; display:block; cursor:pointer; font-size:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#banner .flex-control-paging li a:hover { background-color:#FFFFFF; color: #000000;}
#banner .flex-control-paging li a.flex-active { background-color:#FFFFFF; color: #000000;}

#destacando { float:left; width:100%; margin: 20px 0 0; position:relative;}
#destacando .meio { margin: 0 auto; width: 500px; max-width: 90%;}
#destacando .slides, .slides > li, .flex-control-nav { float: left; width: 100%; margin:0; padding:0; list-style: none;}
#destacando .slides > li { display:none;}
#destacando .slides > li img { float: left; width: 100%;}
#destacando .flex-direction-nav { display: none;}
#destacando .flex-control-nav { position: absolute; width: 100%; bottom: -20px; text-align: center; z-index: 200;}
#destacando .flex-control-nav li { margin:0 2px; display:inline-block; zoom: 1; }
#destacando .flex-control-paging li a { width: 12px; height:12px; background-color:#000000; display:block; cursor:pointer; font-size:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#destacando .flex-control-paging li a:hover { background-color:#888888; color: #000000;}
#destacando .flex-control-paging li a.flex-active { background-color:#888888; color: #000000;}

#depoimentos { float: left; width: 100%; padding: 20px 0 0;}
#depoimentos .subtitulo { float: left; width: 100%;}
#depoimentos .subtitulo h2 { float: left; width: 90%; padding: 8px 5% 6px; background-color: #FFAC00; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; color: #000000;}
#depoimentos .subtitulo h3 { float: left; width: 90%; padding: 8px 5% 6px; background-color: #000000; text-align: center; font-weight: bold; font-size: 1.5em; color: #FFFFFF;}
#depoimentos .tab { float: left; width: 70%; padding: 35px 15% 30px;}
#depoimentos .tab .video { float: left; width: 38%; padding: 1%; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2); box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);}
#depoimentos .tab .video .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#depoimentos .tab .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#depoimentos .tab .detalhes { float: left; width: 58%;}
#depoimentos .tab .detalhes h3 { float: left; width: 100%; font-weight: bold; font-size: 1.8em;}
#depoimentos .tab .detalhes h4 { float: left; width: 100%; font-size: 1.2em; color: #555555;}
#depoimentos .tab.a { background-color: #F0F0F0;}
#depoimentos .tab.a .video { float: left;}
#depoimentos .tab.a .detalhes { float: right;}
#depoimentos .tab.b .video { float: right;}
#depoimentos .tab.b .detalhes { float: left;}

#depoimentos .chamada { float: left; width: 50%; padding: 40px 25%; margin: 20px 0 0; background-color: #EEEEEE;}
#depoimentos .chamada h1 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 3em; line-height: 1.1; color: #AF8A52;}
#depoimentos .chamada h3 { float: left; width: 100%; margin: 15px 0 35px; text-align: center; font-size: 1.5em; line-height: 1.2; color: #000000;}
#depoimentos .chamada h3 b { color: #51985D;}
#depoimentos .chamada h4 { float: left; width: 100%; text-align: center;}
#depoimentos .chamada h4 a { padding: 15px 30px; border: 3px solid #000000; text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: #000000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#depoimentos .chamada h4 a:hover { background-color: #FFAC00; border: 3px solid #FFAC00;}


#newsletter { float: left; width: 96%; padding: 40px 2%; background-color: #383726;}
#newsletter h2 { text-transform: uppercase; text-align: center; font-weight: bold; font-size: 3em; color: #FFAC00;}
#newsletter h3 { padding: 0 0 20px; text-align: center; font-size: 1em; color: #ADA062;}
#newsletter .left { float: left; width: 59.5%;}
#newsletter .right { float: right; width: 39.5%;}
#newsletter .campo { float: right; width: 60%; height: 50px; padding: 4px 1% 0; text-align: center; font-size: 1.2em; outline: 0; border: 0;}
#newsletter .botao { float: left; width: 40%; height: 54px; padding: 4px 1% 0; background-color: #FFAC00; font-size: 1.2em; color: #FFFFFF; cursor: pointer; outline: 0; border: 0;}
#newsletter .botao:hover { background-color: #ADA062;}

#estrutura { float: left; width: 100%;}
#estrutura .tab { float: left; width: 33.33%;}
#estrutura .tab img { float: left; width: 94%; padding: 2%; margin: 1%; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}

#imgagenda { float: left; width: 100%; margin: 20px 0 0;}
#imgagenda .tab { width: 32%;}
#imgagenda .tab.ta1 { float: left;}
#imgagenda .tab.ta2 { float: left; margin: 0 0 0 2%;}
#imgagenda .tab.ta3 { float: right;}
#imgagenda .img { float: left; width: 100%;}

#workshop { float: left; width: 100%; padding: 40px 0 35px; background-color: #EEEEEE;}
#workshop .imagem { float: left; width: 35%;}
#workshop .descricao { float: right; width: 62%}
#workshop .descricao h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 2em; color: #222222;}
#workshop .descricao h3 { float: left; width: 100%; font-size: 1.2em; color: #444444;}
#workshop .descricao .opcao { float: left; width: 96%; padding: 14px 2% 12px; margin: 12px 0 0; background-color: #FFFFFF; border: 1px solid #CCCCCC;}
#workshop .descricao .opcao .nome { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1.3em;}
#workshop .descricao .opcao .valor { float: left; width: 100%; margin: 5px 0 0; font-size: 1.1em;}
#workshop .descricao .opcao .pagseguro { float: left; margin: 8px 0 0;}

#blog { float: left; width: 100%; padding: 40px 0 35px; background-color: #383726;}
#blog h2 { text-transform: uppercase; font-weight: bold; text-align: center; color: #FFFFFF;}
#blog h2 strong { padding: 8px 15px 6px; border: 3px solid #ADA062;}
#blog .tab { width: 23.5%; padding: 20px 0;}
#blog .tab.ta1 { float: left;}
#blog .tab.ta2 { float: left; margin-left: 2%;}
#blog .tab.ta3 { float: left; margin-left: 2%;}
#blog .tab.ta4 { float: right;}
#blog .tab img { width: 99.5%; border: 2px solid #0A0A02;}
#blog .tab h3 { padding: 8px 0 0; font-size: 1.2em; font-weight: bold; color: #FFFFFF;}
#blog .tab h4 { font-size: 1em; color: #ADAB86;}
#blog .tab a { float: left; padding: 2px 5px 6px; margin-top: 8px; background-color: #FFFFFF; font-weight: bold; line-height: 1; color: #555555;}
#blog .tab a i { float: left; font-style: normal; font-size: 1.5em;}
#blog .tab a b { float: left; padding: 6px 2px 0 5px; font-weight: normal;}
#blog .tab a:hover { background-color: #E0DFD9;}
#blog .linha2 { float: left; width: 100%; height: 1px; display: none;}
#blog .linha4 { float: left; width: 100%; height: 1px;}

#exibiblog { float: left; width: 60%; margin-left: 20%;}
#exibiblog .imagens { float: left; width: 100%;}
#exibiblog .imagens img { float: left; width: 100%; margin-bottom: 20px;}
#exibiblog .texto { float: left; width: 100%;}
#exibiblog .texto h1 { background-color: #FFFFFF; margin-bottom: 10px; padding: 0; font-size: 2em; text-transform: none;}
#exibiblog .texto h3 { text-align: center;}
#exibiblog .texto h4 { text-align: justify; color: #555555;}
#exibiblog .texto .iframe { position: relative; width: 100%; padding-bottom: 56%; margin-bottom: 20px; overflow: hidden;}
#exibiblog .texto .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#parceiros { float: left; width: 100%; padding: 40px 0 35px;}
#parceiros h2 { text-transform: uppercase; font-weight: bold; text-align: center; color: #383726;}
#parceiros h2 strong { padding: 8px 15px 6px; border: 3px solid #ADA062;}
#parceiros .imagens { float: left; width: 100%; margin-top: 20px; text-align: center;}
#parceiros .imagens img { max-width: 100%;}

#caes { float: left; width: 100%;}
#caes .tab { float: left; width: 70%; padding: 20px 15%;}
#caes .tab.bg2 { background-color: #EEEEEE; padding: 30px 15% 20px;}
#caes .tab .imgcaes { float: left; width: 40%; position: relative;}
#caes .tab .imgcaes img { float: left; width: 100%;}
#caes .tab .imgcaes .slides, .slides > li, .flex-control-nav { margin:0; padding:0; list-style: none;}
#caes .tab .imgcaes .slides > li { display:none;}
#caes .tab .imgcaes .flex-direction-nav { display: none;}
#caes .tab .imgcaes .flex-control-nav { position: absolute; top: 1%; right: 1%; z-index: 1000;}
#caes .tab .imgcaes .flex-control-nav li { margin:0 2px; display:inline-block; zoom: 1; }
#caes .tab .imgcaes .flex-control-paging li a { width: 12px; height:12px; background-color:#FFA400; display: block; cursor:pointer; font-size:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#caes .tab .imgcaes .flex-control-paging li a:hover { background-color:#FFFFFF; color: #000000;}
#caes .tab .imgcaes .flex-control-paging li a.flex-active { background-color:#FFFFFF; color: #000000;}
#caes .tab .texto { float: right; width: 58%;}
#caes .tab .texto h2 { font-size: 1.4em;}
#caes .tab .texto h2 b { text-transform: uppercase; font-size: 1.3em; color: #D03133;}
#caes .tab .texto h3 { font-size: 1em;}
#caes .tab .texto h3 em { float: left; width: 100%; padding: 0 0 20px; font-size: 1.1em; font-style: normal; color: #888888;}
#caes .tab .texto h3 li { float: left; width: 100%; padding: 10px 0 8px; border-bottom: 1px solid #CCCCCC;}

#atividades { float: left; width: 100%;}
#atividades .tab { float: left; width: 100%; margin-bottom: 30px;}
#atividades .tab .img { float: left; width: 33%; margin-top: 15px;}
#atividades .tab .texto { float: right; width: 65%;}
#atividades .tab .texto h2 { margin: 15px 0 5px; font-weight: bold; font-size: 2.2em; line-height: 1.1; color: #000000;}
#atividades .tab .texto h3 { font-size: 1em;}
#atividades .tab .texto h4 { margin-top: 15px; font-size: 1em; color: #555555;}
#atividades .tab .texto .botoes { float: left; width: 100%; padding: 15px 0 12px; margin-top: 20px; border-top: 1px solid #555555; border-bottom: 1px solid #555555;}
#atividades .tab .texto .botoes .valor { float: left; text-align: right;}
#atividades .tab .texto .botoes .valor strong { font-size: 1.8em;}
#atividades .tab .texto .botoes .matricula { float: left; width: 100%;}
#atividades .tab .texto .botoes .matricula .c1 { float: left; margin-right: 5px;}
#atividades .tab .texto .botoes .matricula .nomecampo { float: left; padding: 0 5px; margin-top: 14px; font-weight: bold; font-size: 1em;}
#atividades .tab .texto .botoes .matricula .nomecampo em { color: #DD0000;}
#atividades .tab .texto .botoes .matricula .campo { float: left; width: 180px; height: 40px; padding: 2px 5px 0; border: 1px solid #AAAAAA; font-size: 1em; color: #555555; outline: 0;}
#atividades .tab .texto .botoes .matricula .campo.escolha { width: 100%; height: 44px;}
#atividades .tab .texto .botoes .matricula .botao { float: left; height: 44px; padding: 11px 10px 9px; background-color: #00B741; font-size: 1.2em; color: #FFFFFF; cursor: pointer; outline: 0; border: 0;}
#atividades .tab .texto .botoes .matricula .botao:hover { background-color: #000000; color: #FFEB00;}
#atividades.inicio { padding: 60px 0 10px;}
#atividades.inicio h1 { margin-bottom: 20px; text-transform: uppercase; font-weight: bold; text-align: center; color: #555555;}
#atividades.inicio h1 strong { padding: 8px 15px 6px; border: 3px solid #AAAAAA;}

#eventos { float: left; width: 100%; padding: 30px 0;}
#eventos .tab { float: left; width: 100%;}
#eventos .tab .img { float: left; width: 33%; margin-top: 5px;}
#eventos .tab .texto { float: right; width: 65%;}
#eventos .tab .texto h2 { font-size: 2.2em; color: #000000;}
#eventos .tab .texto h4 { margin-top: 15px; font-size: 1em; color: #555555;}
#eventos .tab .texto .botoes { float: left; width: 100%;}
#eventos .tab .texto .botoes form { float: left; margin-top: 20px;}
#eventos .tab .texto .botoes form .pagar { float: left; padding: 20px 20px 17px; background-color: #11BF61; margin-right: 5px; font-weight: bold; font-size: 1.3em; color: #FFFFFF; cursor: pointer; border: 0; outline: 0;}
#eventos .tab .texto .botoes form .pagar:hover { background-color: #0C8F48;}
#eventos .fotos { float: left; width: 100%; padding: 20px 0 0; margin-top: 20px; border-top: 1px solid #CCCCCC;}
#eventos .fotos .fot { width: 23.5%; margin:  0 0 10px;}
#eventos .fotos .fot.fo1 { float: left;}
#eventos .fotos .fot.fo2 { float: left; margin-left: 2%;}
#eventos .fotos .fot.fo3 { float: left; margin-left: 2%;}
#eventos .fotos .fot.fo4 { float: right;}
#eventos .fotos .fot img { float: left; width: 100%;}
#eventos .mapa { float: left; width: 100%;}
#eventos .mapa h2 { float: left; width: 100%; margin: 20px 0 10px; padding: 8px 0 5px; border: 1px solid #CCCCCC; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em;}
#eventos .mapa iframe { float: left; width: 100%; height: 450px;}

@media only screen and (max-width: 1100px) {
	#exibiblog { width: 70%; margin-left: 15%;}
}
@media only screen and (max-width: 1000px) {
	#depoimentos .chamada { width: 90%; padding: 40px 5%;}

	#caes .tab { width: 90%; padding: 20px 5%;}
	#caes .tab.bg2 { padding: 30px 5% 20px;}
}
@media only screen and (max-width: 900px) {
	#pop .fundo .fechar2 { top: 36px; right: 46%;}
	#centro .texto { width: 100%;}
	#centro .imagem { float: left; width: 50%; margin-top: 15px;}
	#atividades.inicio { padding: 30px 0 10px;}
	#eventos .tab .img { width: 100%;}
	#eventos .tab .texto { width: 100%; margin-top: 15px;}

	#agenda .linha { padding: 20px 0 18px;}
	#agenda .linha .mes { width: auto; padding: 10px 15px; font-size: 1em;}
	#agenda .linha .evento { width: 100%; margin: 0 0 5px;}
	#agenda .linha .evento.mobi { display: block;}
	#agenda .linha .evento.desk { display: none;}
	#agenda .linha .dias em { padding: 10px 0;}
	#agenda .linha .dias b { width: 35px; font-size: 1em;}
}
@media only screen and (max-width: 800px) {
	#paginas .contato h5 { width: 100%;}
	#paginas .contato form { width: 100%; margin-left: 0;}
	#paginas .imagem1 h5 { width: 100%;}
	#paginas .imagem1 img { float: right; width: 100%; margin-top: 20px;}
	#centro { padding: 40px 0;}
	#centro .valor form .pagar { width: 200px;}
	#atividades .tab .texto .botoes .matricula .campo { width: 140px;}

	#workshop .imagem { width: 100%;}
	#workshop .descricao { width: 100%; margin: 15px 0 0;}
}
@media only screen and (max-width: 700px) {
	#paginas h1 { font-size: 2em;}
	#paginas h3 { width: 90%; padding: 10px 5%; font-size: 1.2em;}

	#depoimentos { width: 100%; padding: 10px 0 0;}
	#depoimentos .tab .video { width: 94%;}
	#depoimentos .tab .detalhes { width: 100%;}
	#depoimentos .chamada h1 { font-size: 2em;}
	#depoimentos .chamada h3 { font-size: 1.3em;}

	#pop .fundo .fechar2 { right: 45%;}
	#zap { width: 45px; height: 45px;}
	#estrutura .tab { width: 50%;}
	#centro .iframe { width: 70%; margin-left: 15%;}
	#atividades.index { padding: 20px 0 0;}
	#atividades .tab { margin-bottom: 40px;}
	#atividades .tab .img { width: 100%; margin-top: 0;}
	#atividades .tab .texto { width: 100%;}
	#exibiblog { width: 90%; margin-left: 5%;}
}
@media only screen and (max-width: 600px) {
	#pop .fundo .fechar2 { right: 44%;}
	#newsletter .campo { width: 80%;}
	#newsletter .botao { width: 74%;}
	#blog .tab { width: 70%; padding: 20px 15%;}
	#blog .tab.ta2 { margin-left: 0;}
	#blog .tab.ta3 { margin-left: 0;}
	#caes .tab .imgcaes { width: 100%;}
	#caes .tab .texto { width: 100%; margin-top: 20px;}
	#exibiblog { width: 100%; margin-left: 0;}

	#eventos .fotos .fot { width: 49%;}
	#eventos .fotos .fot.fo1 { float: left;}
	#eventos .fotos .fot.fo2 { float: right; margin-left: 0;}
	#eventos .fotos .fot.fo3 { float: left; margin-left: 0;}
	#eventos .fotos .fot.fo4 { float: right;}
}
@media only screen and (max-width: 550px) {
	#caes .tab { width: 94%; padding: 20px 3%;}
	#caes .tab.bg2 { padding: 30px 3% 20px;}
	#centro .imagem { width: 100%;}
}
@media only screen and (max-width: 500px) {
	#pop .fundo .fechar2 { right: 42%;}
	#zap { width: 35px; height: 35px;}
	#newsletter h2 { font-size: 2em;}
	
	#atividades .tab .texto .botoes .matricula .nomecampo { width: 100%; margin-top: 0; padding: 2px 0;}
	#atividades .tab .texto .botoes .matricula .c1 { width: 100%;}
	#atividades .tab .texto .botoes .matricula .campo { width: 98%; padding: 0 1%;}
	#atividades .tab .texto .botoes .matricula .botao { margin-top: 5px;}

	#agenda .linha .mes { width: 100%; padding: 10px 0;}
	#agenda .linha .evento { text-align: center;}
	#agenda .linha .dias { width: 100%; text-align: center;}
	#agenda .linha .dias em { float: left; width: 100%; text-align: center;}
	#agenda .linha .dias b { float: none; padding: 7px;}
}
@media only screen and (max-width: 400px) {
	#paginas h1 { font-size: 1.5em;}
	#blog .tab { width: 94%; padding: 20px 3%;}
	#centro h3 { font-size: 0.9em;}
}
@media only screen and (max-width: 380px) {
	#centro .iframe { width: 100%; margin-left: 0;}
	#atividades .tab .botao { width: 100%; padding: 0; border: 0;}
	#atividades .tab .botao .valor { width: 100%; padding: 0; border-right: 0;}
	#atividades .tab .botao .matricula { width: 100%; padding: 5px 0; margin-top: 11px; background-color: #8f0000; text-align: center; color: #FFFFFF;}
}
@media only screen and (max-width: 300px) {
	#pop .fundo .fechar2 { right: 41%;}
	#zap { width: 25px; height: 25px;}
}
@media only screen and (max-width: 250px) {
	#centro .valor h4 { font-size: 1em;}
	#centro .valor form .pagar { width: 150px;}
}