/*master: NUNCA MUDE LUGAR AS CLASSES NO MASTER POIS O BOOTSTRAP POR HERDAR CLASSES SEMPRE HERDAR DE UM OUTRO CSS*/
/* reset de margens */
* {margin: 0;padding:0;}
/* para garantir que estes elementos ocuparão toda a tela */
body, html { width: 100%;}
#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    padding-bottom: 75px;
    position: relative; /* criamos um contexto para posicionamento */}
#fundo {position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: auto;
    z-index: -1;}
#fundo img {
    width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
    position: absolute;}
#site {background: #FFF; /* fundo branco para navegadores que não suportam rgba */
    background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */}
#black{color:black;}
.font-14{font-size: 16px;}
#grow{color:#777;}
#white{color: #FFF;}
.margin-header{margin-top:15px;}
.logo{ max-width: 250px; margin-top: 10px; margin-bottom: 20px;}
.for-rede-sociais{margin-top: 50px; padding-left: 1px; margin-bottom: 7px;}
/*formatacao dos botoes noticia*/
/*formatação do botão no  menu central*/
.btn-primary {color: #20396e; border-color:#eed24b; border-radius: 0px !important;}
.menu_central{ background:#b71818; 
               background-repeat: repeat-x; 
               width: 92%; 
               height: 4.65em; 
               padding: 10px 15px 10px 15px;
               font-size: 1.2em;
               font-weight: bold;
               margin-top: 10px;
               white-space: normal;
               color: white;
    word-wrap: normal;
    text-overflow: ellipsis;
             }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: #fff; background: #20396e; border-color:#FFF;}
/*fim da formatação do botão no  menu central*/
/*cor do fundo do dropdown do menu central*/
.dropdown-menu {
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 1000; 
    display: none; 
    float: left; 
    width: 120% !important; 
    padding: 5px 0; 
    font-size: 14px; 
    list-style: none; 
    background-color: #777;  
    background-clip: padding-box;  
    border: 1px solid #ccc; 
    border: 1px solid rgba(0, 0, 0, .15); 
    border-radius: 4px; 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    white-space: normal;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.dropdown-menu > li > a{color:black;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #FFF; font-size: 16px; text-decoration: none; background-color: #20396e;}
/* Fix datepicker */
.datepicker.dropdown-menu {
    background-color: #FFF !important;
    width: auto !important;
}
/*fim da formatação do menu-cursos*/
.color{background-color: #FFF; border-color: #FFF solid; margin: 1px 15px 0px;}/*color background dropdown*/

/*formatacao dos botoes noticia*/
.margin-noticia{margin-top: 20px;}
img.margin-noticia{margin-left: auto;margin-right: auto;}
.footer{ background-color:transparent !important; color: #FFF; font-size: 12px;	width:100%;	background-repeat:repeat-x;  margin-top: 35px; padding-bottom: 10px;  line-height: 15px; }


/*formatação do painel do acordion*/
.panel {  margin-bottom: 20px; background-color: #0054a5; color:#FFF;  border: 1px solid transparent;  border-radius: 4px;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);}/*fundo do painel e borda*/
.panel-default { border-color: #0054a5;}/*borda do painel*/
.panel-default > .panel-heading { color: #FFF; background-color: #0054a5; border-color: #0054a5; }
a:hover, a:focus {   color: #FFF; text-decoration: none;}
/*formatação li*/
li{	list-style-type: none;}
/*cor da fonte do footer*/
.margin-footer{	margin-top: 20px;	}
.formatacao-type-painel{margin-left: 26px;	margin-top: -18px;}/*margin painel, tecnoligia e EAD*/
.formatacao-type-painel-pos{	margin-left: -15px;	margin-top: -30px;}
.margin-painel-li-pos{margin-left: -42px;	margin-top: -20px;}
.margin-painel-li{margin-top: -20px;}
/*formatação do painel ead*/
.formatacao-type-painel-ead {margin-left: 24px; margin-top: -21px;}
.margin-painel-li-ead{margin-left:-10px; margin-top: -20px;}
/*margin do ropadé direitos autorais*/
.margin-noticia{max-width: 100%; max-height: 210px;}
#downloads {color: #777;}
#background-black{background: #000;}
#carrousel-galeria{ float: right; margin-top: -438px;}
#botao-noticias{ float: left; margin-bottom: 15px;}
#botao-galeria{margin-top: 15px; margin-bottom: 20px;}
/*botoa noticias e galeria*/
.btn-info {
  color: #fff;
  background-color: #20396e;
  border-color: #20396e;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #1b47a0;
  border-color: #1b47a0;
}
.pitagoras{max-width: 45px; height: auto;}

}
/* formatacao do menu central mobile*/
@media (max-width: 992px) {
.col-md-3 {
    float: left;}
.col-md-3{width: 24%;}
  }
@media (max-width: 992px) {

.menu_central{
    width: 100%;
    height: 4em;
    padding: 10px 15px 10px 15px;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 10px;
     
  }

#menu_botao{
    float: left;
   }

#menu_botao{    
     margin-right: 7px; margin-left: 5px;
   }

 }

 @media (max-width: 767px) {

.menu_central{
    width: 23%;
    height: 4em;
    padding: 10px 15px 10px 15px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 15px;}

#menu_botao{float: left;}
#menu_botao{margin-right: 7px; margin-left: 5px;}

 }
 @media (max-width: 700px) {

.menu_central{
    width: 23%;
    height: 4em;
    padding: 10px 15px 10px 15px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 15px;}

#menu_botao{float: left;}
#menu_botao{margin-right: 7px; margin-left: 5px;}

 }

 @media (max-width: 676px) {
.menu_central{
    width: 22%;
    height: 3.5em;
    padding: 2px 5px 2px 5px;
    font-size: 1em;
    font-weight: normal;
    margin-top: 15px;}

#menu_botao{float: left;}
#menu_botao{margin-right: 7px; margin-left: 5px;}

 }

@media (max-width: 535px) {
.menu_central{
    width: 22%;
    height: 3.5em;
    padding: 2px 5px 2px 5px;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 15px;}

#menu_botao{float: left;}
#menu_botao{margin-right: 7px; margin-left: 5px;}

 }

 @media (max-width: 515px) {
.menu_central{
    width: 22%;
    height: 3.5em;
    padding: 2px 5px 2px 5px;
    font-size: 0.8em;
    font-weight: normal;
    margin-top: 15px;}

#menu_botao{float: left;}
#menu_botao{margin-right: 7px; margin-left: 5px;}

 }
  @media (max-width: 476px) {

.menu_central{
    width: 35%;
    height: 3.5em;
    padding: 2px 5px 2px 5px;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 15px;
    align: center;}

#menu_botao{float: left;}
#menu_botao{margin-right: 15px; margin-left: 35px;}

 }
  @media (max-width: 410px) {

.menu_central{
    width: 35%;
    height: 3.5em;
    padding: 2px 5px 2px 5px;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 15px;
    align: center;
  }

#menu_botao{float: left;}
#menu_botao{margin-right: 15px; margin-left: 25px;}

 }
/*fim da formatacao do menu central mobile*/

.form{
            w-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
               }
 .boder_master{ text-shadow: #eed24b 2px 3px 2px;}
  #footer{position: relative;
  margin-top: 197px;
  color: #FFF; /* valor negativo da altura do rodapé */
  clear:both;} 
  
#equipe {
    text-align: center;
}

#equipe h2 {
    text-align: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #EEEEEE;
}

#equipe .row {
    margin-bottom: 30px;
}

#equipe p {
    margin-top: 20px;
}

#equipe strong {
    display: block;
}
