@font-face {
     font-family: medicina-ufmg;
     src: local('fonts/MyriadPro-Regular.otf'), url('../fonts/MyriadPro-Regular.otf');
}


/* PRAXES */

	body {margin: 0px; background-size: 100%; overflow-x: hidden; padding-top: 100px;} img {border: none;} .editar {position: fixed; vertical-align: middle; float: right; margin: 25px;} .editar a {color: #999999; position: fixed; top: 0; right: 0;}
	::selection {background-color: #10C6A3; color: white}

/* TRANSIÇÃO HOVER SUAVE */ 

	* {box-sizing: border-box;	font-family: Verdana, Arial; text-decoration: none;  /*transition: all .2s ease; -webkit-transition: all .2s ease; */}
	img {max-width: 100%; height: auto;}
	div, span, section {}
	section { display: table; width: 100%; padding: 60px 0;}
	.metaslider {margin: auto;}


/* BARRA DE ROLAGEM */

  ::-webkit-scrollbar {float: right; position: fixed; top: 0; right: 0; box-shadow: 0 0 15px rgba(0,0,0,.5); width: 5px; background: #222222;} ::-webkit-scrollbar-button{  } ::-webkit-scrollbar-track {} ::-webkit-scrollbar-track-piece {  } ::-webkit-scrollbar-thumb { box-shadow: 0 0 15px rgba(0,0,0,.5); background: #D2D2D2;} ::-webkit-scrollbar-corner { } ::-webkit-resizer {  }


/* SCROLL AVISO */

span.scroll {opacity: 0.5;	position: absolute; top: calc(100vh - 150px); left: calc(50% - 50px); border-radius: 50%;	background-color: white; margin: auto;	height: 100px;	width: 100px;	background-image: url(../img/scrolling_mousewheel.gif); 	background-blend-mode: multiply;	background-size: cover;	background-repeat: no-repeat;	transition: all .5s;	transform: scale(1);}

/* GUIAS */

	.wrap {max-width: 1006px; margin: auto; display: table;}
	.wrap-gradient {max-width: 1006px; margin: auto; height: 150px; background: linear-gradient(transparent, white);}
	.col-tripla {width: 985px; float: left; margin: 0 10px;}
	.col-dupla {width: 650px;float: left; margin: 0 10px;}
	.col-simples {width: 315px; float: left; margin: 0 10px;}
	.middle-width {width: 482.5px; float: left; margin: 0 10px;}

	.background {
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	.tela {min-height: 100vh;}
	.padding {padding: 20vh 0;}
	.botao { display: table; padding: 5px 10px; font-size: 15pt; margin-top: 30px;}


/* TEXTOS */

a, h1, p, h2, h3, img {-moz-transition: all 0.25s;	-webkit-transition: all 0.25s;	transition: all 0.25s;}


* {
	font-family: Open Sans, Arial, sans-serif;
	color: #444444;
}

p {
	font-size: 15pt;
}

h1 {
	font-family: medicina-ufmg, Open Sans, Arial, sans-serif;
	font-size: 35pt;
	font-weight: bolder;
}

h3 {
	font-size: 20pt;
	font-weight: bold;
}

h1::after {
	content: '';
	display: table;
	width: 80px;
	height: 8px;
	background-color: #444444;
	margin-top: 10px;
}


/* TELA-1 */

.tela-1 {
	background-color: #002e35;
	background-image: url('../img/fundo-tela-1.png');
}

header {
	position: fixed;
}

.tela-1 * {color: white;}
.tela-1 h1::after {	background-color: #FFEDBC;}


/* TELA HISTÓRIA */

.tela-historia {
	background-image: url(../img/fundo-tela-historia.png);
}

.tela-historia * {color: white;}
.tela-historia h1::after {	background-color: #FFEDBC;}


/* TELA CONCEITO */

.tela-conceito {
	background-image: url(../img/fundo-tela-conceito.png);
}

.tela-conceito * {color: white;}
.tela-conceito h1::after {	background-color: #FFEDBC;}


/* BRASÃO */ 

.tela-brasao * {color: #024551;}
.tela-brasao h1::after {	background-color: #024551;}

/* TELA BRASÃO */

.color {
	width: 100%;
	max-width: 33.3333333333333333333333%;
	padding: 100px 20px 100px 70px;
	background-color: pink;
	float: left;
}

/* COR GRAFISMOS */

#c024551 {
	background-color: #024551;
}

#c024551 h1 {color: #FFEDBC;}
#c024551 p {color: white;}
#c024551 h1::after {background-color: #FFEDBC;}

/* COR PRINCIPAL */

#c002e35 {
	background-color: #002e35;
}

#c002e35 h1 {color: #FFEDBC;}
#c002e35 p {color: white;}
#c002e35 h1::after {background-color: #FFEDBC;}

/* COR SECUNDÁRIA */

#cFFEDBC {
	background-color: #FFEDBC;
}

#cFFEDBC h1 {color: #024551;}
#cFFEDBC h1::after {background-color: #024551;}


/* VARIACOES */ 

.tela-variacoes * {color: #024551;}
.tela-variacoes h1::after {	background-color: #024551;}

.tela-variacoes img {
	width: 60%;
	margin-bottom: 10px;
}

.variacoes-cores { padding: 100px 0;}
.variacoes-cores img {margin: 35px auto; display: table;}

#variacao1 {background-color: #024551;}
#variacao1 h1 {	color: #FFEDBC;}
#variacao1 h1::after {background-color: #FFEDBC;}

#variacao2 {background-color: white;}
#variacao2 h1 {	color: black;}
#variacao2 h1::after {background-color: black;}

#variacao3 {background-color: black;}
#variacao3 h1 {	color: white;}
#variacao3 h1::after {background-color: white;}

#variacao4 {background-color: white;}
#variacao4 h1 {	color: #6D6E70;}
#variacao4 h1::after {background-color: #6D6E70;}


/* DOWNLOADS */

.box-download {
	width: 100%;
	background-color: white;
	border-radius: 10px;
	text-align: center;
	display: table;
	margin: 30px auto;
}

.box-download h2 {
	margin: 25px auto 5px auto;
	color: #024551;
}

a.botao-download {
	font-size: 20pt;
	font-weight: bold;
	display: table;
	background-color: #024551;
	padding: 10px 30px;
	border-radius: 10px;
	margin: 15px auto 20px auto;
}

a:hover.botao-download {
	background-color: #002e35;
}

a.botao-download img {
	margin-right: 20px; 
}

/* RODAPÉ */

.rodape {
	padding: 70px 0;
	background-color: #024551;
}

.rodape p {
	color: white;
	font-size: 13pt;
}

.rodape img {
	float: right;
	margin: 20px 0 20px 30px;
}

/* HEADER */

.entry-header {
	display: none;
}

.icon-med {
	float: left;
	background-color: #024551;
	height: 100px;
	width: 370px;
}

.icon-med img {
     margin: 20px 90px;
}

.cabecalho {
	background-color: #002e35;
	display: table;
	float: left;
	width: calc(100% - 370px);
	height: 100px;
}

header {
  height: 100px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: white;
  z-index: 1;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

img.logo {
	display: initial;
}

img.logo-branco {
	display: none;
}

#menu-top {
	float: right;
	position: relative;
	top: 0px;
}

#menu-top li {
  list-style: none;
  float: left;

}

#menu-top ul {
	display: table;
  float: none;
  margin: 0 50px 0 0;
}

#menu-top ul li {
      padding: 40px 30px 20px 30px;
  font-family: medicina-ufmg, Verdana, Helvetica, Arial;
  font-size: 15px;
  color: #ffedbc;
  line-height: 2;
}

#menu-top ul li a {color: #FFEDBC;}


#control-nav {
  display: none;
}


#control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
#control-nav:checked ~ nav {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.only-mobile {display: none;}