@charset "utf-8"; 

#paginas { float:left; width:100%; padding:0 0 50px; min-height:400px;}
#paginas h1 { float:left; width:100%; padding:40px 0 15px; text-transform: uppercase; font-weight: bold; text-align:center;}
#paginas h1 b { float:left; padding:0 4px; border-bottom:3px solid #F9A7C4; text-transform: uppercase; color: #000000; font-size: 1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#paginas .texto { float:left; width:100%; line-height: 1.3; font-size:1em;}
#paginas .texto ul { margin: 0 0 15px; -webkit-padding-start: 30px;}
#paginas .texto ul li { padding: 2px 0;}
#paginas .texto p { margin: 8px 0;}
#paginas .texto strong { text-transform:uppercase; font-size: 1.2em; color: #358dc7;}
#paginas .texto h1 { font-weight: bold; margin: 11px 0 0;}
#paginas .texto h2 { font-weight: bold; margin: 11px 0 0;}
#paginas .texto h3 { font-weight: bold; margin: 11px 0 0;}
#paginas .texto h4 { font-weight: bold; margin: 11px 0 0;}
#paginas .texto a { color: #358DC7;}
#paginas .texto a:hover { text-decoration: underline;}
#paginas h5 { float:left; width:100%; font-size:1.1em;}

#banner { float:left; width:100%; margin-top:20px; position:relative;}
#banner .slides, .slides > li, .flex-control-nav { margin: 0; padding: 0; list-style: none;}
#banner .slides > li { display: none; -webkit-backface-visibility: hidden; outline-offset: -1px; outline: 1px solid #CCCCCC;}
#banner .flex-direction-nav {display:none;}
#banner .flex-control-nav { float:left; width:100%; margin-top:10px; text-align:center; position: relative; z-index: 5;}
#banner .flex-control-nav li { margin:0 2px; display:inline-block; zoom: 1;}
#banner .flex-control-paging li a { display:block; padding:5px 5px 2px; background-color:#000000; cursor:pointer; font-family:arial; font-weight:bold; font-size:0.9em; color:#FFF;}
#banner .flex-control-paging li a:hover { background-color:#056E46;}
#banner .flex-control-paging li a.flex-active { background-color:#056E46;}

#destaque { float:left; width:100%; padding:10px 0 0; display:none;}
#destaque a { float:left; width:100%; padding:8px 0; margin-top:5px; background-color:#056E46; text-align:center; color:#FFFFFF;}
#destaque a:hover {background-color:#221F20; color:#FFFFFF;}
#destaque .ativo {background-color:#221F20; color:#FFFFFF;}

#quemsomos { float:left; width:100%; padding:50px 0 50px;}
#quemsomos h1 { float:left; width:100%; text-transform:uppercase; font-size:2.3em;}
#quemsomos h2 { float:left; width:100%; padding:0 0 10px; font-size:1.8em;}
#quemsomos h3 { float:left; width:100%; margin-top:10px; font-size:1.1em;}
#quemsomos .img { float:left; width:38%; margin-top:35px;}
#quemsomos .contato { float:right; width:58%; margin-top:10px;}

#contato { float:left; width:100%;}
#contato .img { float:left; width:38%; margin-top:35px;}
#contato .form { float:right; width:58%; margin-top:10px;}

#cursos { float:left; width:100%;}
#cursos .tab { width:30%;}
#cursos .tab.ta1 { float:left;}
#cursos .tab.ta2 { float:left; margin-left: 5.2%;}
#cursos .tab.ta3 { float:right;}
#cursos .tab img { float:left; width:100%;}
#cursos .tab h2 { float:left; width:100%; padding: 15px 0; text-transform:uppercase; font-weight:bold; font-size:1.1em; color:#555555;}
#cursos .tab .link { float:left; padding:10px; background-color:#034B30; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-transform:uppercase; font-size:1em; color:#FFFFFF;}
#cursos .tab .link:hover {background-color:#012B1B;}
#cursos .linha { float:left; width:100%; height:40px;}
#cursos.home { padding:40px 0 30px; background-color:#056E46;}
#cursos.home .tab img { outline-offset: -4px; outline: 4px solid #FFFFFF;}
#cursos.home .tab h2 { color:#FFFFFF;}

#exibicurso { float: left; width: 70%; margin-left: 15%;}
#exibicurso img { float: left; width: 100%; outline: 1px solid #AAAAAA;}
#exibicurso .imagem { float: left; width: 100%; outline: 1px solid #AAAAAA;}
#exibicurso .texto { float: left; width: 100%; padding: 20px 0;}

#exibircertificado { float: left; width: 100%; margin: 30px 0;}
#exibircertificado .meio { margin: 0 auto; width: 500px; max-width: 90%;}
#exibircertificado .autentico { float: left; width: 100%; margin: 0 0 20px;}
#exibircertificado .autentico h2 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.3em;}
#exibircertificado .balao { float: left; width: 90%; padding: 5%; outline: 1px solid rgb(100 100 100 / 30%); background-color: rgb(100 100 100 / 2%);}
#exibircertificado .balao h2 { float: left; width: 100%; margin: 4px 0; font-size: 1.1em;}

#matricula { float:left; width:80%; padding:10px 0 50px;}

#galeria { float:left; width:100%; padding:0 0 60px;}
#galeria h1 { padding:50px 0; font-size:3em;}
#galeria .tab { float:left; width:25%; margin-bottom:50px;}
#galeria .tab .img { float:left; width:96%; height:202px; margin-left:2%; position:relative; overflow:hidden;}
#galeria .tab .img img { min-height: 100%; min-width: 100%; width: auto;}
#galeria .tab .obs { width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.05);}
#galeria .tab .obs:hover {background-color:rgba(0,0,0,0.5);}
#galeria .tab .obs img { float:none; width:20%; min-width: 2px; min-height: 2px; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
#galeria .tab .obs:hover img {opacity:1;}
#galeria .tab .ops { float:left; width:96%; padding:5px 0; margin-left:2%; border-bottom:1px solid #EEEEEE;}
#galeria .tab .ops img { float:left; width:20px; height:20px; margin-right:5px; background-color:#555555;}
#galeria .tab h4  { float: left; width: 96%; min-height:38px; margin-left: 2%; padding:8px 0 5px;}

#exibiNoticia { float:left; width:100%;}
#exibiNoticia h1 { text-align:center; padding: 40px 0 0;}
#exibiNoticia iframe { float:left; width:79%; height:500px; margin-left:10%; border:5px solid #444444;}
#exibiNoticia h3 { float:left; width:80%; padding:20px 0; margin-left:10%; font-size:1.2em; color:#555555; text-align: center;}
#exibiNoticia .imagem { float:left; width:79%; margin-left:10%; border:5px solid #DDDDDD;}
#exibiNoticia #galeria { float:left; margin-top:50px;}

#compartilhar { float:left; width: 78%; padding: 8px 1%; margin-top:20px; margin-left:10%; background-color:#F3F3F3; color:#000000;}
#compartilhar strong { float:left; padding:0 8px 0 0; margin-top:7px; font-weight:normal;}
#compartilhar img { float:left; width:30px;; margin-left:3px;}
#compartilhar .imprimir {float:right;}
#compartilhar .imprimir strong {padding:0 0 0 5px;}

#form { float:left; width:100%;}
#form h2 { float:left; width:98.1%; margin-top:30px; border-bottom:2px solid #F9A7C4; text-transform:uppercase; font-size:1.5em; color:#024B7B;}
#form .c1 { float:left; width:100%;}
#form .c2 { float:left; width:50%; }
#form .c3 { float:left; width:33.3%;}
#form .nomecampo { float:left; width:100%; margin-top:20px; text-transform:uppercase; font-weight:bold; font-size:1em; color:#555555;}
#form input { float:left; width:90%; height:45px; padding:0 2%; margin-top:2px; border: 1px solid #D3D6D8; background-color: #F5F5F5; font-family:'Segoe UI', Arial; font-size:1.1em; outline:0;}
#form select { float:left; width:90%; height:45px; padding:0 1%; margin-top:2px; border: 1px solid #D3D6D8; background-color: #F5F5F5; font-family:'Segoe UI', Arial; font-size:1.1em; outline:0;}
#form textarea { float:left; width:96.4%; height:120px; padding:10px 1%; border: 1px solid #D3D6D8; background-color: #F5F5F5; font-family:'Segoe UI', Arial; font-size:1.1em; outline:0;}
#form .botao { float:left; width:auto; height:auto; padding:20px 30px; margin-top:20px; background-color:#358DC7; font-size:1.5em; color:#FFFFFF; cursor:pointer; border:0;}
#form .marque { float: left; width: 98.1%; margin-top: 2px; padding: 8px 0; background-color: #F2F7F9;}
#form .marque .checkbox { float:left; width:17px; height:17px;}
#form .marque label { float:left; margin-top:2px;}
#form .botao:hover {background-color:#024B7B;}
#form em {color:#FFAFB1; font-style:normal;}
#form .n { display:none;}

#pop { position: fixed; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 20;}
#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: 30px; height: 30px; top: 20px; right: 20px; background-size: 28px; background-image: url("../imagens/icoPop.png"); background-position: 50%; background-repeat: no-repeat; cursor: pointer; z-index: 150;}
#pop .fundo .conteudo { margin: 0 auto; width: 700px; max-width: 90%; position: relative; z-index: 100;}
#pop .fundo .conteudo .tab { float: left; width: 98%; padding: 1%; margin: 70px 0 0; background-color: #FFFFFF;}
#pop .fundo .conteudo .tab .img { float: left; width: 100%;}
#pop.desativado { left: -100%;}

@media only screen and (max-width: 1200px) {
	#galeria .tab .img { height:185px;}
}
@media only screen and (max-width: 1070px) {
	#galeria .tab .img { height:160px;}
}
@media only screen and (max-width: 1000px) {
	#destaque { display:block;}
	#matricula { width:100%;}
	#quemsomos h1 { font-size:1.8em;}
}
@media only screen and (max-width: 900px) {
	#banner { margin-top:10px;}
	#exibicurso {  width: 100%; margin-left: 0;}
}
@media only screen and (max-width: 850px) {
	#galeria .tab { width:50%;}
	#galeria .tab .img { height:230px;}
	#exibiNoticia .imagem { width:97%; margin-left:0;}
	#exibiNoticia iframe { width:97%; margin-left:0;}
}
@media only screen and (max-width: 800px) {
	#cursos .tab { width: 80%; padding: 30px 0;}
	#cursos .tab.ta1 { float:left; margin-left: 10%;}
	#cursos .tab.ta2 { float:left; margin-left:10%;}
	#cursos .tab.ta3 { float:left; margin-left: 10%;}
	#cursos .linha { display: none;}
}
@media only screen and (max-width: 700px) {
	#quemsomos .img { width:70%;}
	#quemsomos .contato { width:100%;}
}
@media only screen and (max-width: 640px) {
	#galeria .tab .img { height:200px;}
}
@media only screen and (max-width: 540px) {
	#galeria .tab .img { height:170px;}
}
@media only screen and (max-width: 500px) {
	#quemsomos .img { width:100%;}
	#cursos .tab { width:100%; padding: 15px 0;}
	#cursos .tab.ta1 { margin-left:0;}
	#cursos .tab.ta2 { margin-left:0;}
	#cursos .tab.ta3 { margin-left:0;}
}
@media only screen and (max-width: 475px) {
	#galeria .tab .img { height:160px;}
}
@media only screen and (max-width: 445px) {
	#galeria .tab .img { height:140px;}
}
@media only screen and (max-width: 405px) {
	#galeria .tab { width:100%;}
	#galeria .tab .img { height:auto;}
}
@media only screen and (max-width: 400px) {
	#form .c2 { width:100%;}
	#form .c3 { width:100%;}
}