#pagina {
 background-color: #FFF;
 padding: 20px 0 0 0;
}

#pagina ul li{
 margin-bottom: 5px;
}

#pagina p{
 color: #191919;
 font-size: 14px;
}

#pagina p.texto-maior{
 color: #191919;
 font-size: 18px;
}

#pagina p.conheca{
 color: #0c5677;
 font-size: 16px;
 font-weight: bold;
 margin: 0 0 20px;
}

#pagina a.odd{
 color: #fff;
 background-color: #0c5677;
 padding: 5px 25px;
}

#pagina a.odd:hover{
 text-decoration: none;
}

#pagina a.even{
 color: #fff;
 background-color: #358abb;
 padding: 5px 25px;
}

#pagina a.even:hover{
 text-decoration: none;
}

#pagina .box-exp{
  background-color: #57A3A2;
  color: #fff;
  padding: 15px;
}

#pagina .box-exp p{
  color: #fff !important;
}

#pagina .box-exp a{
  color: #fff !important;
}

#pagina h1 {
 color: #0c5677;
 font-weight: bold;
 font-size: 20px;
}

#pagina h1.fundamental {
 color: #05947a;
}

#pagina h1.medio {
 color: #d61555;
}

#pagina h1.geral {
 color: #358bbc;
}

#pagina h1.graduacao {
 color: #358bbc;
}

#pagina h2 {
 color: #0c5677;
 font-size: 16px;
 font-weight: bold;
}

#pagina a {
 color: #00a3cf;
 font-size: 14px;
}

#pagina a:hover {
 color: #00a3cf;
 text-decoration: none;
}

#pagina a.link {
 color: #1972b3;
 font-size: 16px;
 font-weight: bold;
}

#pagina a.link:hover {
 color: #1972b3;
 text-decoration: underline;
 font-weight: bold;
}

#pagina .box1 {
 background-color: #b2cad3;
 padding: 16px;
 margin-bottom: 15px;
}

#pagina .box1 p{
 font-size: 16px;
 font-weight: bold;
 color: #103951;
 margin: 0;
}

#pagina .box1 a{
 font-size: 16px;
 font-weight: bold;
 color: #103951;
 text-decoration: underline;
}

#pagina a.box-rosa-medio {
 background-color: #d61555;
 padding: 11px 30px;
 color: #fff;
 font-weight: bold;
 font-size: 20px;
 margin-bottom: 30px;
}

#pagina a.box-rosa-medio:hover {
 color: #fff;
 text-decoration: none;
}

#pagina a.box-azul-geral {
 background-color: #358bbc;
 padding: 11px 30px;
 color: #fff;
 font-weight: bold;
 font-size: 20px;
 margin-bottom: 30px;
 display: block;
}

#pagina a.box-azul-geral:hover {
 color: #fff;
 text-decoration: none;
}

#pagina .box-marinho{
 background-color: #0c5677;
 padding: 20px;
}

#pagina .box-marinho p{
 color: #fff;
 font-size: 16px;
}

#pagina .box-verde{
 background-color: #05947a;
 padding: 20px;
}

#pagina .box-verde p{
 color: #fff;
 font-size: 16px;
}

#pagina .box-rosa{
 background-color: #D61555;
 padding: 20px;
 color: #fff;
}

#pagina .box-rosa p{
 color: #fff;
 font-size: 16px;
}

#pagina .box-azul{
 background-color: #358abb;
 padding: 20px;
}

#pagina .box-azul p{
 color: #fff;
 font-size: 16px;
}

/*GRADUACAO*/
#pagina .box-grad-verde{
 background-color: #05957a;
 padding: 12px;
 color: white;
 font-size: 18px;
}

#pagina .box-grad-verde2{
 border: 2px solid #05957a;
 padding: 20px;
 margin-bottom: 20px;
}

#pagina .box-grad-roxo{
 background-color: #4a326d;
 padding: 12px;
 color: white;
 font-size: 18px;
}

#pagina .box-grad-roxo2{
 border: 2px solid #4a326d;
 padding: 20px;
 margin-bottom: 20px;
}

#pagina .box-grad-vermelho{
 background-color: #da3540;
 padding: 12px;
 color: white;
 font-size: 18px;
}

#pagina .box-grad-vermelho2{
 border: 2px solid #da3540;
 padding: 20px;
 margin-bottom: 20px;
}

#pagina .box-grad-marinho{
 background-color: #0c5677;
 padding: 12px;
 color: white;
 font-size: 18px;
}

#pagina .box-grad-marinho2{
 border: 2px solid #0c5677;
 padding: 20px;
 margin-bottom: 20px;
}

#pagina .box-grad-rosa{
 background-color: #d71555;
 padding: 12px;
 color: white;
 font-size: 18px;
}

#pagina .box-grad-rosa2{
 border: 2px solid #d71555;
 padding: 20px;
 margin-bottom: 20px;
}

#pagina .box-grad-azul{
 background-color: #358bbc;
 padding: 12px;
 color: white;
 font-size: 18px;
}

#pagina .box-grad-azul2{
 border: 2px solid #358bbc;
 padding: 20px;
 margin-bottom: 20px;
}

footer {
 padding: 28px 0 28px;
}

footer p{
 color: #fff;
 margin-bottom: 5px;
 font-size: 18px;
 text-transform: uppercase;
}

footer h1{
 color: #243e7f;
 font-weight: bold;
 font-size: 16px;
 text-transform: uppercase;
}

footer a{
 color: #243e7f;
 font-size: 14px;
}
 
footer a:hover{
 color: #243e7f;
 font-size: 14px;
 text-decoration: underline;
}

.bg-ft{
 background-color: #358ABB;
}

.cabecalho {
 width: 100%;
 overflow: hidden;
}

.cabecalho img {
 width: 100%;
 margin-left: 0;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


pre {
 background-color: rgba(245, 245, 245, 0);
 border: none;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 18%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 18%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 18%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 18%;
        float: left;
    }
}