@import url(reset.css);
@import url(fontes.css);
@import url(padrao.css);
@import url(responsivo.css);
@import url(swiper.min.css);

header { float: left; height: auto; position: relative; width: 100%; border-top: 3px solid #00408E; background: url(../image/bg_topo_fundo.jpg) no-repeat center top transparent; }
header #logo { z-index: 10; width: 176px; height: 176px; position: absolute; float: left; left: 0px; top: 20px; } 
header #inf_topo { width: 900px; height: auto; position: relative; float: right; }
header #inf_topo #selo_telefone_facebook { margin: 20px 0px; width: 570px; height: auto; position: relative; float: left; }
header #inf_topo #selo_telefone_facebook p { font-size: 12px; text-align: left; }

header .nav { z-index: 9; height: auto; width: 100%; position: relative; float: left; text-align: center; background-color:#00408E; }
header .nav .area ul { float: right; width: 890px; height: auto; position: relative; padding: 0px; list-style:none; }
header .nav .area ul li { float: left; width:auto; height: auto; padding:0px; margin:0px; }
header .nav .area ul li a { font-family: 'Swiss721BT-RomanCondensed'; font-weight: normal; color:#FFF; padding: 12px 18px 12px; font-size:18px; font-weight: normal; display:block; position: relative; text-decoration: none; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
header .nav .area ul li a:hover { text-decoration: none; background: #003173; color: #FFF; }
header .nav .area ul li a.sel { text-decoration: none; background: #003173; color: #FFF; }

header #banner { width: 100%; height: 588px; position: relative; float: left; }
.ls-fullwidth .ls-nav-start, .ls-fullwidth .ls-nav-stop { display: none!important; }
.ls-fullwidth .ls-nav-next { right: 2%!important; top: 50%!important; }
.ls-fullwidth .ls-nav-prev { left: 2%!important; top: 50%!important; }
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { z-index: 2!important; }

#main section#conteudo { float: left; height: auto; position: relative; width: 100%; }

#main section#conteudo #home_quem_somos { min-height: 350px; padding: 55px 0px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_quem_somos.jpg) no-repeat center top transparent; }

#main section#conteudo #home_ensino { padding: 60px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_ensino.jpg) no-repeat fixed center bottom transparent; }
#main section#conteudo #home_ensino a#educacao_infantil { background-color: #00408E; width: 32.33%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 30px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 25px; color: #FFF; text-align: center; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
#main section#conteudo #home_ensino a#educacao_infantil img { margin-bottom: 5px; }
#main section#conteudo #home_ensino a#educacao_infantil:hover { background-color: #003173; text-decoration: none; }
#main section#conteudo #home_ensino a#educacao_anos_iniciais { background-color: #E65733; width: 32.33%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 30px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 25px; color: #FFF; text-align: center; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
#main section#conteudo #home_ensino a#educacao_anos_iniciais img { margin-bottom: 5px; }
#main section#conteudo #home_ensino a#educacao_anos_iniciais:hover { background-color: #e63127; text-decoration: none; }
#main section#conteudo #home_ensino a#educacao_anos_finais { background-color: #EFA73E; width: 32.33%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 30px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 25px; color: #FFF; text-align: center; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
#main section#conteudo #home_ensino a#educacao_anos_finais img { margin-bottom: 5px; }
#main section#conteudo #home_ensino a#educacao_anos_finais:hover { background-color: #ef8c1a; text-decoration: none; }

#main section#conteudo #home_espaco_sete { padding: 50px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_espaco_sete.jpg) repeat fixed center bottom transparent; }

#main section#conteudo #noticias_home { padding: 50px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_noticia.jpg) no-repeat center top transparent; }

.noticias { float: left; position: relative; height: auto; width: 29.33%; margin: 0 2% 20px; min-height: 290px; }
.noticias p { font-size: 16px; font-family: 'Swiss721BT-RomanCondensed'; color: #00408E; text-align: left; }
a.img_noticias { border: none; display: block; float: left; font-size: 0; height: 200px; opacity: 1; position: relative; text-decoration: none; text-indent: -1500px; transition: all 0.7s ease 0s; width: 100%; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }

a.links_saiba_mais { color: #FFF; background-color: #00408E; text-decoration: none; font-size: 10px; font-family: 'Swiss721BT-RomanCondensed'; width: auto; height: auto; padding: 6px 10px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
a.links_saiba_mais:hover { color: #FFF; background-color: #003173; text-decoration: none; }

footer { padding-bottom: 20px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_rodape.jpg) repeat fixed center bottom transparent; }
footer .area #rodape_informacoes { width: 100%; height: auto; float: left; position: relative; padding: 50px 0px; }
footer .area #rodape_informacoes p { color: #FFF; font-size: 12px; }
footer .area #rodape_informacoes a { color: #FFF; font-size: 12px; text-decoration: none; }
footer .area #rodape_informacoes .button { width: 100%; color: #fff; background-color: #5B5A5D; font-size: 12px; text-align: center; font-weight: normal; }
footer .area #rodape_informacoes input { font-size: 12px; }

#main section#conteudo #titulo { padding: 50px 0px; float: left; height: auto; position: relative; width: 100%; }
#main section#conteudo #titulo h1 { padding: 0px; color: #FFF; text-align: center; }

#posicao_institucional_menu { width: 216px; height: auto; position: relative; float: left; }
#posicao_institucional_menu a.link_menu_institucional { margin-bottom: 2px; width: 100%; height: auto; position: relative; float: left; text-align: left; color: #FFF; padding: 16px 20px; background-color: #00408E; text-decoration: none; font-size: 14px; font-weight: normal; font-family: 'Swiss721BT-RomanCondensed'; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#posicao_institucional_menu a.link_menu_institucional:hover { background-color: #003173; color: #FFF; text-decoration: none; }
#posicao_institucional_menu a.link_menu_institucional.sel { background-color: #003173; color: #FFF; text-decoration: none; }

.posicao_texto_quem_somos { width: 77%; height: auto; position: relative; float: right; padding: 0px; }
.img_separada_quem_somos_left { margin: 0px 0px 20px 5%; z-index: 1; }
.img_separada_quem_somos_right { margin: 0px 5% 20px 0px; z-index: 1; }

#main section#conteudo #quem_somos_historico { padding: 50px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_quem_somos.jpg) repeat fixed center bottom transparent; }

#main section#conteudo #quem_somos_proposta_pedagogica { padding: 50px 0px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_espaco_sete.jpg) repeat fixed center bottom transparent; }
#main section#conteudo #quem_somos_proposta_pedagogica h2 { padding: 30px 0px 30px; }

#main section#conteudo #quem_somos_missao { padding: 60px 0px 60px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_quem_somos_missao.jpg) repeat fixed center bottom transparent; }
#main section#conteudo #quem_somos_missao p,
#main section#conteudo #quem_somos_missao h2 { color: #FFF; }

#main section#conteudo #quem_somos_equipe { padding: 50px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_ensino.jpg) repeat fixed center bottom transparent; }
#main section#conteudo #quem_somos_equipe .equipe { width: 18%; height: auto; min-height: 260px; position: relative; float: left; margin: 0px 1% 25px; }
#main section#conteudo #quem_somos_equipe .equipe img { -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
 /*#main section#conteudo #quem_somos_equipe .equipe img { border-radius: 200px; clip: rect(0px, 250px, 250px, 0px); height: auto; width: 100%; }*/ 
#main section#conteudo #quem_somos_equipe .equipe p { text-align: center; }
/* #main section#conteudo #quem_somos_equipe .equipe p.label_funcao { min-height: 114px;
  text-align: center;
  width: 100%;
  height: auto;
  position: relative;
  float: left; } */

#main section#conteudo #quem_somos_infraestrutura { background-color: #003173; padding: 60px 0px 60px; float: left; height: auto; position: relative; width: 100%; }
#main section#conteudo #quem_somos_infraestrutura h2 { color: #FFF; }
#main section#conteudo #quem_somos_infraestrutura .ifraestrutura { width: 25%; height: auto; position: relative; float: left; }
#main section#conteudo #quem_somos_infraestrutura .ifraestrutura a.img_infraestrutura { border: 1px solid #003173; padding: 80px 20px 20px; font-family: 'Swiss721BT-RomanCondensed'; text-align: center; display: block; float: left; font-size: 18px; text-shadow: 0 0 5px #000000; color: #FFF; height: 200px; opacity: 1; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 100%; }
#main section#conteudo #quem_somos_infraestrutura .ifraestrutura a.img_infraestrutura:hover { opacity: 0.5; text-decoration: none; border: 1px solid #FFF; }

#main section#conteudo #content_padrao { padding: 60px 0px; float: left; height: auto; position: relative; width: 100%; background: url(../image/bg_fundo_cinza.jpg) no-repeat center top #E8E8E8; }

.galeria_de_fotos { width: 20%; height: auto; position: relative; float: left; }
.galeria_de_fotos a.img_galeria { border: 1px solid #CACACA; padding: 0px; display: block; float: left; font-size: 0px; height: 200px; opacity: 1; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 100%; }
.galeria_de_fotos a.img_galeria:hover { opacity: 0.5; text-decoration: none; border: 1px solid #FFF; }

.img_separada_blog { margin: 0px 0px 20px 5%; z-index: 1; }
.img_separada_blog img { -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }
/* background: url(../image/bg_quem_somos.jpg) repeat fixed center bottom transparent; */


#main section#conteudo #home_ensino #ensino_1 { background-color: #00408E; width: 32.33%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 30px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
#main section#conteudo #home_ensino #ensino_2 { background-color: #E65733; width: 32.33%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 30px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
#main section#conteudo #home_ensino #ensino_3 { min-height: 190px; background-color: #EFA73E; width: 32.33%; margin: 0px 0.5%; height: auto; position: relative; float: left; padding: 30px; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

#main section#conteudo #home_ensino .conten_interna_ensino h2 { font-size: 25px; color: #FFF; text-align: left; }
#main section#conteudo #home_ensino .conten_interna_ensino img { margin: 0px 10px -8px 0px; }
#main section#conteudo #home_ensino .conten_interna_ensino p { color: #FFF; text-align: left; }

.documentos { width: 100%; height: auto; position: relative; float: left; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #00408E; }
a.links_documentos { width: 21%; margin: 0px 2% 15px; height: auto; position: relative; float: left; text-align: center; color: #FFF; background-color: #5B5A5D; text-decoration: none; font-size: 14px; font-family: 'Swiss721BT-RomanCondensed'; padding: 10px 20px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
a.links_documentos:hover { color: #FFF; background-color: #00408E; text-decoration: none; }

#abas_dicas { width: 100%; height: auto; position: relative; float: left; }
#abas_dicas a.aba { float: left; position: relative; width: 20%; height: auto; font-size: 16px; text-align: center; font-family: 'Swiss721BT-RomanCondensed'; color: #00183D; text-decoration: none; background-color: transparent; padding: 20px 15px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; border-bottom: 1px solid #EBEBEB; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
#abas_dicas a.aba:hover { background-color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFF; border-top: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
#abas_dicas a.aba.sel { background-color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFF; border-top: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }

#abas_dicas #content_dicas { border-bottom: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-right: 1px solid #EBEBEB; padding: 30px; background-color: #FFF; width: 100%; height: auto; position: relative; float: left; }

.no_sete_tem { width: 25%; height: auto; position: relative; float: left; background-color: #00408E; }
.no_sete_tem a.img_no_sete_tem { border: 1px solid #CACACA; display: block; float: left; font-size: 0px; height: 200px; opacity: 0.5; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 100%; }
.no_sete_tem a.img_no_sete_tem:hover { opacity: 1; text-decoration: none; border: 1px solid #FFF; }
.no_sete_tem p { position: absolute; font-family: 'Swiss721BT-RomanCondensed'; text-align: center; padding: 0px 10px; font-size: 18px; text-shadow: 0 0 5px #000000; color: #FFF; bottom: 10px; width: 100%; } 

.telefones_topo_reponsivo { display: none; }
.telefones_topo_normal { display: block; }

/* MENU RESPONSIVO */
#menu_responsivo { display: none; height: auto; width: 100%; position: relative; float: right; }
#menu_responsivo ul { list-style:none; float:left; padding: 0px!important; width: 100%; }
#menu_responsivo ul li { padding: 5px 0 5px!important; position:relative; float:left; width: 100%; }
#menu_responsivo ul li a { text-align: center; color:#FFF; text-decoration:none; padding: 10px 21px; display:block; font-size: 16px; font-family: 'Swiss721BT-RomanCondensed'; font-weight: normal;  transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#menu_responsivo ul li a:hover { text-decoration: none; color: #FFF; background-color: #003173; }
#menu_responsivo ul li a.sel { text-decoration: none; color: #FFF; background-color: #003173; }
#menu_responsivo ul li ul { width: 100%; position:absolute; top:45px; left:0; display:none; z-index:999999500!important; background-color: #00408E; }
#menu_responsivo ul li ul li.linha { height: 15px!important; border: none!important; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
#menu_responsivo ul li ul li { text-align: center; color: #FFF; display: block; width: 100%!important; padding: 0px!important; }
#menu_responsivo ul li ul li a { font-family: 'Swiss721BT-RomanCondensed'; padding: 15px; color:#FFF; display:block; font-weight:normal; text-align:center; font-size: 16px; border-bottom: 1px dotted #003173; }

#banner_responsivo { display: none; width: 100%; height: auto; position: relative; float: left; min-height: 200px; }
#banner_responsivo a img:hover{opacity:10!important}