html, body {
    height: 100%;
}

body {
    font-family: "Coolvetica-Regular","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    background: url(imagens/fundo.jpg) fixed;
	background: url(imagens/background-seletivo.jpg) fixed, -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 48%,rgba(50,50,50,0.25) 94%,rgba(50,50,50,0.35) 100%);
	background: url(imagens/background-seletivo.jpg) fixed, -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 48%,rgba(50,50,50,0.25) 94%,rgba(50,50,50,0.35) 100%);
	background: url(imagens/background-seletivo.jpg) fixed, -o-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 48%,rgba(50,50,50,0.25) 94%,rgba(50,50,50,0.35) 100%);
 	background: url(imagens/background-seletivo.jpg) fixed, linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 48%,rgba(50,50,50,0.25) 94%,rgba(50,50,50,0.35) 100%);
	background-size: cover;
	position: relative;
	width: 100%;
}

#inscricao-vestibular {
	background-color: #5FB269 !important;
}

#inscricao-vestibular:hover {
	background: #5FB269 !important;
}

#inscricao-historico, #inscricao-historico > a {
	background: rgb(255, 247, 162) !important;
	color: #0075B1 !important;
}

#reimpressao {
	background-color: #15357e !important;
}

#inscricao-efi-8a-fase {
	background-color: rgb(1,117,178) !important;
}

#inscricao-ead {
	background-color: #337ab7 !important;
}

#inscricao-enem {
	background-color: #276c80 !important;
}

#voltar-site {
	margin-top: 100px;
	width: 60%;
	margin-left: 20%;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

@media screen {
	.quadro-inscricao {
		margin-top: 15px;
	}
}

body {
	padding-left: 10px;
	padding-right: 10px;
}

@media(max-width: 767px) {
	#wraper > .row > #imagem-mote {
		display: block;
		width: 100%;
		z-index: -999;
	}

	#imagem-sombra {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: -998;
	}

	.quadro-inscricao #imagem-mote {
		position: fixed;
		top: 0;
		left: 0;
		max-height: 100%;
		max-width: 100%;
		z-index: -999;
	}
}

@media(max-width: 767px) {
	#menu {
		margin-top: 2%;
	}
}

@media(min-width: 768px) {
	#imagem-mote {
		position: fixed;
		top: 0;
		left: 0;
		max-height: 100%;
		max-width: 100%;
		z-index: -999;
	}
	.container-inicio #imagem-mote {
		left: -10%;
	}

	#imagem-sombra {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: -998;
	}
	#menu {
		margin-top: 10%;
	}
}

#menu, #menu ul {
	padding: 0 4px;
}

@media (min-width: 992px) {
/* 	#menu { */
/* 		margin-top: 3%; */
/* 	} */
}

h1, h2 {
    font-family: "Coolvetica-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
  	text-align: center;
}

h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
  	text-align: center;
}

#menu a, #menu a:hover, #menu a:focus, a.btn {
	text-decoration: none;
}

#menu li:hover, #menu li:focus {
	text-decoration: none;
	background: rgba(0, 0, 0);
}

img.responsive {
	width: 100%;
	height: auto;
}

#mote img {
	width: 29%;
}

#menu ul {
    list-style: none;
}

#menu li {
	line-height: 0.85em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-width: 2px;
	border-style: solid;;
	padding: 10px 4px;
	margin-bottom: 9px;
    background-color: rgba(1, 117, 178, 0.8);
    font-size: 1.7em;
    color: #fff;
    border-color: #fff;
	border-radius: 2px;
}

#menu a {
    color: #fff;
}

.avisos {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
	font-size: 15px;
}

.quadro-inscricao {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
	font-size: 1.2em;
	color: #fff;
	padding: 1em;
	background-color: rgba(1, 117, 178, 0.96);
	border-radius: 2px;
}

.quadro-rodape {
	color: #fff;
	padding: 1em;
	background-color: rgba(1, 117, 178, 0.96);
	border-radius: 2px;
}

@media screen {
	.quadro-inscricao {
		margin-top: 10%;
	}
}

.btn {
	font-family: "Coolvetica-Regular", "Open Sans",Arial,sans-serif;;
	font-size: 1.2em;
	border: 2px solid #fff;
	padding: 0.5em;
}

.btn-warning {
	background-color: #187477;
}

.btn-warning:hover {
	border-color: #187477;
	background-color: #349396;
}

#concordo-edital {
	margin: 40px 0px;
}

@media print {
  .container {
    width: auto;
  }
}

@media screen and (min-width: 992px) {
  .container.quadro-inscricao .coluna1 {
  	text-align: right;
  }
  .container.quadro-inscricao .coluna2 {
  	text-align: left;
  }
}

.erro {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
	color: #FF4444;
}

.erro a {
	color: #FF4444;
	font-weight: bold;
}

.advertencia, .aviso {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
	color: #f00;
}


#banner-acafe {
	margin-top: 2em;
	margin-bottom: 2em;
	background: rgba(0, 0, 0, 0.3);
}

#banner-acafe img {
	display: block;
	max-width: 200px;
	margin: auto;
}

@media(min-width: 768px) {
	body.index #banner-acafe {
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0;
		width: 100%;
	}

	#banner-acafe {
		padding: 5px 0;
	}

	#banner-acafe div {
		display: flex;
		align-items: center;
	}

	#banner-acafe a {
		margin: auto;
	}

	#banner-acafe img {
		padding: 10px 20px;
	}
}

@media(max-width: 767px) {
	#banner-acafe div {
		float: none;
		margin: 1em 0;
	}
	.cinput-group {
		display: block;
	}
}

hr {
	margin: 1em 0;
	color: #fff;
	background: #fff;
	border: 1px #fff solid;
}

#link-unifebe {
	font-size: 1.5em;
	color: #fff;
	border-color: #85c7d9;
	margin: 35px 0;
}

#link-unifebe img {
	height: 30px;
}

#vagas-abertas-responsivo {
	margin: 0;
	padding: 0;
}

.cursos-legenda {
	font-size: 0.9em;
	text-align: left;
	background: rgba(255, 0, 0, 0.1);
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #ddd;
	text-decoration: underline;
}

form label {
	display: inline;
}

#esqueci-minha-senha {
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.bg-warning {
	padding: 0.5em 0;
}

input {
	color: #555 !important;
}
