@import url("reset.css");

*, h1, h2, h3, h4, h5, h6, button{
  
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  
}

#topo{
  
  width:100%;
  height:35px;
  background:#e6e6e6;
  
}

#info-topo{
  
  margin:0 auto;
  height:auto;
  padding:0 auto;
  width:960px;
  
}

#info-topo button{
  
  float:left;
  background-color:#00235d;
  background-image:url('../imagens/icon-acesso.png');
  background-repeat:no-repeat;
  background-size:12px;
  background-position:4px 8px;
  border:none;
  width:150px;
  height:30px;
  font-size:12px;
  color:#fff;
  font-weight:300;
  text-indent:10px;
  text-align:center;
  margin:2px 5px 0;
  
}

#info-topo button:hover{
  
  background-color:#2a8aff;
  
}

#info-topo h6{
  
  float:right;
  font-size:14px;
  color:#666;
  margin:8px 20px 0;
  
}

header{
  
  width:100%;
  height:120px;
  background:#00235d;
  
}

#cabecalho{
  
  margin:0 auto;
  padding:0 auto;
  width:960px;
  height:auto;
  
}

#logo{
  
  margin:10px 0;
  float:left;
  
}

button#matricula{
  
  float:right;
  margin:15px 20px;
  padding:10px;
  border:none;
  background:#ff8300;
  color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  font-weight:300;
  letter-spacing:1px;
  border-radius:3px;
}

button#matricula:hover{
  
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  font-weight:300;
  letter-spacing:1px;
  background:#ff9300;
  transition:0.2s;
  
}



/* CSS MENU */

/* Fundo do menu */
.menu{
  float:right;
}
/* Remove as bolinhas do lado das listas */
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
/* Configura todos os links do nosso menu */
.menu a{
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  letter-spacing:0.1em;
}
/* Faz os <li>s ficarem na horizontal */
.menu > .menu-list > li{
  float: left;
  position: relative;
}
/* Configura os links do menu principal */
.menu > .menu-list > li > a {
  padding: 15px;
  margin: 0 5px;
}
/* Configura o fundo do menu principal quando com mouse hover */
.menu > .menu-list > li:hover a {
  background: #133d82;
}
/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  top: 40px;
  left: 5px;
  background: blue;
  min-width: 200px;
  z-index: 1000;
  display: none;
}
/* Configura os links do submenu */
.menu > .menu-list > li > .sub-menu > li > a {
  padding: 10px 20px;
}
/* Clearfix para o menu */
.menu:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* FIM CSS MENU */

#slideshow{
  
  width:100%;
  height:auto;
  
}


/* CSS SLIDE SHOW */

.slider .indicators .indicator-item {
  background-color: #666666;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #ffffff;
}
.slider {
  width: 100%;
  height:auto;
  margin: 0;
}
.slider .indicators {
  bottom: 20px;
  z-index: 100;
  /* text-align: left; */
}

/* FIM CSS SLIDE SHOW */


/* INICIO CSS CONTEUDO I */

#conteudo1{
  
  margin:0 auto;
  padding:0 auto;
  width:1000px;
  height:auto;
  display:table;
  
}

#eventos{
  
  width:100%;
  height:auto;
  float:left;
  display:table;
  
}


.tit{font-size:46px;font-weight:800; color:#00235d; line-height:80px;font-family: 'Open Sans', sans-serif;}
.titulo{font-size:30px;font-weight:800; color:#114888;text-indent:10px;float:left;width:70%;}
.img-formatura{width:30%;float:left;}
.p-eventos{font-size:20px; line-height:25px;width:69%;float:right;margin:4px 0 0;}
#saibamais{margin:20px 10px 0; padding:10px; background:#00235d;border:none;color:#fff;border-radius:3px;float:right;}
#saibamais:hover{background:#164ca7;}


/* FIM CSS CONTEUDO I */

#faixa-objetivo{
  
  width:100%;
  height:auto;
  display:table;
  margin:30px 0 0;
  background:#2957a4;
}


#img-obj{
  
  margin:0 auto;
  padding:0 auto;
  width:800px;
  height:auto;
  display:table;
  
}

#btn-obj{
  
  width:400px;  
  border:2px solid #fff;
  color:#fff;
  background:none;
  font-size:20px;
  font-weight:bold;
  height:50px;
  border-radius:10px;
  margin:0 25% 0;
  
}

#btn-obj:hover{
  
  background:#fff;
  color:#2957a4;
  transition:0.5s;
  
}

#f{
  
  width:100%;
  height:30px;
  background:#2957a4;
  
}

/* INICIO CSS CONTEUDO II */


#conteudo2{
  
  margin:0 auto;
  padding:0 auto;
  width:1000px;
  height:auto;
  display:table;
  
}

.ensinos{
  
  float:left;
  width:33.33%;
  height:auto;
  display:table;
  margin-top:30px;
  
}
.ensinos:hover{
  
  opacity:0.8;
  
}

.ensinos h2{
  
  font-size:26px;
  font-weight:bold;
  color:#00235d;
  text-align:center;
  
}

.ensinos img{
  
  width:90%;
  margin:0 5% 0;
  
}


/* FIM CSS CONTEUDO II */


#matriculas-abertas{
  
  margin:0 auto;
  height:0 auto;
  width:600px;
  height:auto;  
  display:table;
}

#matriculas-abertas img{
  
  width:100%;
  margin:40px 0 0;
  
}

#button-colegio{
  
  margin:0 auto;
  padding:0 auto;
  width:900px;
  height:auto;
  display:table;
  
}

#button-colegio button{
  
  width:100%;
  height:80px;
  border:none;
  background:  #ff0009;
  font-family: 'Open Sans', sans-serif;
  color:#fff;
  font-size:36px;
  text-transform:uppercase;
  font-weight:900;
  border-radius:10px;
  margin:50px 0 0;
}

#button-colegio button:hover{
  
  background:#ff222a;
  transition:0.2s;
  
}

#frase{
  
  text-align:center;
  font-size:40px;
  color:#444;
  line-height:45px;
  font-style:italic;
  width:1000px;
  margin:0 auto;
  padding:0 auto;
  
}


/* CSS PADRÃO RODAPÉ TODAS AS PAGINAS */

#rodape{

  width:100%;
  height:auto;
  margin:40px 0 0;
  background:#00235d;
  
}

#rodape-conteudo{
  
  margin:0 auto;
  padding:auto;
  width:960px;
  height:auto;
  display:table;
  
}
  
#links{
  
  width:33.33%;
  float:left;
  height:auto;
  display:table;
  
}
  
#links h6, #icons-sociais h6{
  
  color:#fff;
  font-size:24px;
  text-transform:uppercase;
  font-weight:bold;
  margin:40px 0 0;
  
}

#links ul{

  margin:20px 0 0;
  
}

#links ul li a{
  
  color:#fff;
  line-height:25px;
  font-weight:100;
}



#links ul li a:hover{
  
  text-decoration:underline;
  
}

#icons-sociais{
  
  width:18.33%;
  float:left;
  height:auto;
  display:table;
  
}
#icons-sociais img{
  
  width:40px;
  margin:10px 0;
}

#facebook{
  
  width:40.33%;
  float:right;
  height:auto;
  display:table;
  margin:40px 0;
  
}



#c-r{height:30px;background:#00235d;}

#rodape-creditos{
  
  height:50px;
  background:#111;
  
}

#rodape-credito-conteudo{
  
  margin:0 auto;
  padding:0 auto;
  width:960px;
  height:auto;
    
}

#rodape-credito-conteudo p{
  
  float:left;
  color:#ccc;
  font-size:14px;  
  margin:17px 0 0;
}


/* FIM CSS PADRÃO RODAPÉ TODASAS PAGINAS */











/* CSS PAGINA INSTITUCIONAL */


#section1{

  margin:0 auto;
  padding:0 auto;
  width:960px;
  height:auto;
  display:table;
  

}

#section1 h2{
  
  text-align:center;
  font-size:50px;
  font-weight:300;
  float:left;
  width:750px;
  margin:40px 0;  
  color:#436dae;
  
}

#section1 h1{
  
  font-size:50px;
  font-weight:bold;
  text-transform:uppercase;
  margin:20px 0;
  color:#dc230f;
}

#section1 p{
  
  float:left;
  font-size:19px;
  line-height:25px;
  
}

span{
  
  font-weight:800;
  
}

#h4{
  
  text-align:center;
  font-size:46px;
  font-weight:900;
  text-transform:uppercase;
  margin:50px 0;
  color:#436dae;
  line-height:50px;
  
}


/* FIM CSS PAGINA INSTITUCIONAL */



/* CSS PAGINA ENSINO-INFANTIL */


#section2{

  margin:0 auto;
  padding:0 auto;
  width:960px;
  height:auto;
  display:table;
  

}

#section2 img{
  
  float:left;
  margin:30px 0;
  
}

#section2 h2{
  
  font-size:60px;
  font-weight:bold;
  text-transform:uppercase;
  margin:60px 40px;
  float:left;
  color:#00235d;
}

#section2 p{
  
  float:left;
  font-size:19px;
  line-height:25px;
  margin:10px 0;
  text-indent:50px;
  
}

span{
  
  font-weight:800;
  
}

#universidade-alunos h3{
  
  font-size:50px;
  font-weight:bold;
  color:#00235d;
  text-align:center;
  margin:30px 0 0;
}

#universidade-alunos h4{
  
  font-size:26px;
  color:#444;
  text-align:center;
  
}

#universidade-alunos h5{
  
  font-size:32px;
  font-weight:bold;
  font-style:italic;
  color:#333;
  text-align:center;
  margin:30px 0 0;  
  line-height:40px;
}

#universidade-alunos img{
  
  width:29%;
  margin:50px 1.9% 0;
  
}


/* FIM CSS PAGINA ENSINO-INFANTIL */


/* INICIO CSS PAGINA EXTRACURRICULARES */

#section22{
  
  margin:0 auto;
  padding:0 auto;
  width:960px;
  height:auto;
  display:table;
  
}

.ati{
  
  font-size:42px;
  font-weight:bold;
  text-transform:uppercase;
  color:#00235d;
  margin:30px 0;
  
}



.atividades{
  
  margin:0 auto;
  padding:0 auto;
  width:960px;
  height:auto;
  display:table;
  
}

.atividades h3{
  
  font-size:42px;
  margin:5px;
  width:100%;
  color:#dc230f;
  font-weight:bold;
  line-height:80px;
  
}

.atividades img{
  
  float:left;
  
}


.atividades p{
  
  width:95%;
  font-size:18px;
  line-height:23px;
  
}

.imagens-extracurriculares{
  
  width:100%;
  height:auto;
  display:table;
  
}

.imagens-extracurriculares img{
  
  width:50%;
  padding:1%;
  
}

/* FIM CSS PAGINA EXTRACURRICULARES */



/* CSS PAGINA CONTATO */

#section-contato{
  
  margin:0 auto;
  padding:0 auto;
  width:960px;
  display:table;
}


#section-contato h2{
  
  font-size:50px;
  text-transform:uppercase;
  margin:30px 0;
  color:#dc230f;
  
}

#section-contato p{
  
  font-size:20px;
  width:70%;
  line-height:25px;
  
}

#section-contato input{
  
  width:70%;
  text-indent:10px;
  font-weight:100;
  font-size:21px;
  border:1px solid #aaa;
  border-radius:5px;
  
}

#section-contato textarea{
  
  width:70%;
  height:200px;
  text-indent:10px;
  font-weight:100;
  font-size:21px;  
  border-radius:5px;
  
}

#submit{
  
  margin:10px 0;
  height:50px;
  border:none;
  background:#dc230f;
  border:1px solid #dc230f;
  color:#fff;
  
}

#submit:hover{
  
  background:#de3826;

}


/* FIM CSS PAGINA CONTATO */





/* INICIO CSS PAGINA EVENTOS */


#section-eventos{
  
  margin:0 auto;
  padding:0 auto;
  width:960px;
  display:table;
  
}


#section-eventos h2{
  
  font-size:50px;
  text-transform:uppercase;
  margin:30px 0;
  color:#dc230f;
  text-align:center;
  
}

#section-eventos p{
  
  font-size:20px;
  line-height:25px;
  text-indent:50px;
  
}

#section-eventos h6{
  
  text-align:center;
  font-size:18px;
  line-height:25px;
  font-style:italic;
  
}

#g-f{
  text-transform:uppercase;
  margin:80px 0 0;
  color:#dc230f;
  font-size:32px;
  text-align:center;
}



/* FIM CSS PAGINA EVENTOS */