@font-face {
     font-family: "OpenSans Regular";
     src: local(OpenSans), url(../fonts/Open_Sans/OpenSans-Regular.ttf);
  }
  
  
@font-face {
    font-family: 'BebasNeueRegular';

    src: url(../fonts/Bebas-Neue-Book/TTF/BebasNeue Regular.ttf) format('truetype');

    font-weight: normal;
    font-style: normal;
}
  

  
@font-face {
     font-family: "Golden Plains";
     src: local(GoldenPlains), url(../fonts/Golden-Plains/Golden-Plains.ttf);
  }

body{
  font-family: "OpenSans Regular";
  font-size:14px;
  overflow-x: hidden;
}

a { color: #ff6600; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; font-family: 'Muli', sans-serif; }
a:hover { text-decoration: underline }


h1 { padding-bottom: 15px }
h1 a { font-family: 'Bebas'; font-size: 48px; color: #333; }
h1 a:hover { color: #ff6600; text-decoration: none; }


h1,
h2,
h3,
h4 {   font-family: 'Bebas';
    margin: .9rem 0;
    color: #1b3f7b;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
    padding-left: 20px;
}

h3 {
    font-size: 1.2rem;
    padding-left: 40px;
}

h4 {
    font-size: 1rem;
    font-style: italic;
    padding-left: 60px;
}


p { font-family: "OpenSans Regular"; }

a.more-link { color: white; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 3px 10px; background-color: #ff6600; border-radius: 5px; float: right; }


a.more-link:hover { text-decoration: none; background-color: #666; border-radius: 0px; }

.tituloHomeBranco {font-family: 'BebasNeueRegular'; color:#FFFFFF; font-weight: bold;font-size:24px;word-spacing:4px;letter-spacing:1px;}
.tituloHomeAzul {font-family: 'BebasNeueRegular'; color:#1b3f7b; font-weight: bold;font-size:30px;word-spacing:3px; letter-spacing:1px;}
.tituloHomeAzulServicos {font-family: 'BebasNeueRegular';color:#1b3f7b; font-weight: bold;font-size:16px;word-spacing:4px;letter-spacing:1px;}
.tituloHomeAzulFaq ,.tituloHomeAzulFaq a,.tituloHomeAzulFaq a:hover    {font-family: 'Bebas'; color:#1b3f7b; font-weight: bold;font-size:18px;word-spacing:4px;letter-spacing:1px;padding-top:12px;}
div.tituloHomeAzul.est {margin-top:14px;}

.tituloHomeAzulConec {font-family: 'BebasNeueRegular';color:#1b3f7b; font-weight: bold;font-size:30px;   text-transform:uppercase;word-spacing:4px;letter-spacing:1px;}

.espacoTopoEstatisticas{margin-top:8px;}

div.row.acessos{background:#1b3f7b;padding:30px 0;}
div.row.faq{background:#7191b8;padding:30px 0;}
div.row.estatisticas{background:#7191b8;padding:5px 0;color:#FFFFFF;}


div.row.servicos{min-height:250px;background-position: bottom;background: url("../imagens/fundoServicos.png");padding:5px 0;color:#FFFFFF;}
#servicos {padding-top:25px;margin-left:80px;}
#destaques, #logoPPGEM{width:100%;height:100%;}

@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
          #logoPPGEM {height:auto;}
	div.boxTopo {height: 50px;}
div.row{display: -webkit-box;}



     }
}

#faqIco {float:left;margin-right:15px;}

div.row.rodape{background:#1b3f7b;padding:30px 0;color:#FFFFFF;  text-transform:uppercase; }
div.row.destaques{background:#FFFFFF; }

div.row.avisos {background:#FFFFFF; padding-top:20px;}
div.row.noticias {background:#FFFFFF; padding-top:0px;}
div.row.menu {  color:#FFFFFF;min-height:67px;padding-top:20px;}
div.row.nomeCurso {background:#1b3f7b; color:#FFFFFF;min-height:67px;}
 div.row.topo{background: linear-gradient( #1b3f7b 50%, #7191b8 50%); }
div.row.subDir{padding-top:20px;}
div.row.conhecimento{background:#fffbf3;padding:30px 0;color:#606060;}
div.row.cabecalho{background-image: url("../imagens/fundoCabecalhoSub.jpg"); /* The image used */
  background-color: #e4e4e4; /* Used if the image is unavailable */
  height: 100px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    text-transform:uppercase;
    font-weight: bold;
    font-size:30px;
    color: #1b3f7b;
    padding-top:16px;

  }

div.row.linha1, div.row.linha2, div.row.linha3, div.row.linha4 { padding-top:20px;}

div.PPGEMCurso{font-family: "OpenSans Regular";text-transform:uppercase;font-size: 16px;
    margin-top: 10px;
}




.box {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;

  min-height: 150px;
  width: 100%;
  margin: 30px auto;
  background: white;
  border-radius: 5px;
  padding:15px 0px;
  color:#1b3f7b;
  text-transform:uppercase;
  font-weight: bold;
  font-size:15px;
}

.boxfaq {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;


  width: 98%;
  margin: 5px auto;
  background: white;
  border-radius: 5px;
  padding:8px;
  color:#1b3f7b;
  text-transform:uppercase;
  font-weight: bold;
  font-size:15px;
  min-height:65px;
}

.boxfaqresposta {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;


  width: 98%;
  margin: 5px auto;
  background: white;
  border-radius: 5px;
  padding:8px;
  color:#000000;
  text-transform:none;
  font-weight: normal;
  font-size:14px;
  min-height:65px;
}


.boxServicos {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;


  width: 100%;
  height: 160px;
  margin-top: 45px;
  background: white;
  border-radius: 5px;
  padding:10px 0px;
  color:#1b3f7b;
font-size:13px;
}

.boxTopo {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;


  width: 100%;
  height: 74%;
  margin-top: 8px;
  background: #7191b8;
  border-radius: 5px;
  padding:18px 0px;
  color:#FFFFFF;
              text-transform:uppercase;
font-size:11px;
font-weight:bold;
}

