/* Geral */
@import url(https://fonts.googleapis.com/css?family=Roboto);
@font-face {
font-family: 'bosun03';
src:url(../fonts/bosun03.otf);
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


/* Detalhes */

.detalhes {
    display :none; 
	background-image:url(../images/maisdetalhes.png);
	    background-size: cover;
    background-repeat: no-repeat;
	-webkit-animation: opacity 1s;
    animation: opacity 1s;;
}
.menu {
	transition: opacity 1s ease-out;
	height: 70%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap
}

.titulo: {
	opacity:0.6;
	
}


/* Info */

.info {
	background-image: url("../images/info/fundo_menu%20fundo-19.png");
	background-size: 65% auto;
	background-repeat: no-repeat;
	background-position: center center;
	top: 10%;
	position: absolute;
	height: 90%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap
	}

/* Noticias */

/* Mapa */

.mapa {
	padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
top: 10%;
position: absolute;
height: 90%;
width: 100%;
}
/* Home */

.home{
	background-color:#004581;
}

.mainmenu{
	bottom: 8%;
position: absolute;
width: 100%;
}

.logo {
margin-top: 10%;
}

/* Area Pessoal */

.menu {
	padding-top: 4%;
	padding-bottom: 4%;
}

.menuitem {
	padding-top: 4%;
	padding-bottom: 4%;
}

.header {
    background-image:url(../images/header/app%20ucp-61.png);
    background-size: cover;
    height: 10%;
    width: 100%;
    top: 0px;
    margin: 0px;
    position: fixed;
    z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap

}
.logoheader {
display: block;
max-width: 175%;
}
.footer {
    background-color: #004581;
    height: 10%;

    bottom: 0px;
    margin: 0px;
    position: fixed;
}

.dados {
	background-image:url(../images/fundotop.png);
	background-size:cover;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap

}

.nome {
	
  font-family: 'roboto';
  font-size : 107%;
  font-weight: 400!important;
  color : #FFFFFF;
  text-transform:uppercase;
  margin-top:5%;
  text-align:center;
  margin-bottom: 0;
  }
  
 .numero {
	
font-family: "roboto";
font-size: 75%;
font-weight: 300!important;
color: #FFF;
 text-align:center;
}
 .curso {
	
font-family: "roboto";
font-size: 75%;
font-weight: 400!important;
color: #FFF;
 text-align:center;
 margin-top: 3%;
 margin-bottom: 0;
 
}
 .anolectivo {
	
font-family: "roboto";
font-size: 75%;
font-weight: 100!important;
color: #FFF;
 text-align:center;
 margin-top: 0;
}

.dadosgenericos {
  font-family: 'roboto';
  font-size : 75%;
  color : #FFFFFF;
  margin-left:4%;
  }

.menu {
	background-color:#FFFFFF;
}



.glyphicon{
	text-indent:0px!important;
}

/* CALENDÁRIO */

.calendario{
	top: 10%;
	position: absolute;
	height: 90%;
	padding-left:0!important;
}

.datacalendario{
	background-color:rgba(0,42,91,0.9);
	color: white;
	vertical-align: middle!important;
	border:0!important;
	}
.conteudocalendario{
	vertical-align: middle!important;
}

/* CURSOS */

.botaocursos {
		/*margin-top:4%!important;*/
		padding:3%!important;
}