@charset "utf-8";
/* CSS Document */
* {
   margin: 0;
   padding: 0;
}
body{
	background-color:#2274FC;
}
.fundoTopo {
	background: webkit-linear-gradient(to bottom, black 60% , transparent);
   background: o-linear-gradient(to bottom, black 60% , transparent);
    background: moz-linear-gradient(to bottom, black 60% , transparent); 
	background: linear-gradient(to bottom, black 60% , transparent);
	height: 40px;
   clear: both; /** define que não permitirá nenhum elemento em suas laterais e ocupará a largura total da tela **/
   overflow: hidden; /** evita problemas com elementos que usem float **/
}
.Topo {
  	position: absolute;
	left:50%;
	top: -15px;
	width: 1000px;
	height: 640px;
	margin-left:-500px;
}
.MenuSuperior {
  font-size:20px;
  font-family: "Comic Sans MS";
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  position: absolute;
  left: 150px;
  top:70px;
  
}
.logo {
  background-image: url("https://shometsu.000webhostapp.com/images/logo.png");
  position: absolute;
  left: 10px;
  top: 20px;
  width: 79px;
  height: 79px;
  z-index:1;
}
.MenuInstituicao {
  background-image: url("https://shometsu.000webhostapp.com/images/iconUsuario.png");
  position: absolute;
  left: 970px;
  top: 18px;
  width: 30px;
  height: 30px;

}
.NomeInstituicao {
  font-size: 15px;
  font-family: "Arial";
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-style: italic;
  line-height: 1.2;
  text-align: right;
  position: absolute;
  right:50px;
  top:20px;

}

.BoxPrincipal{
	background-color: #FFFFFF;
	position: absolute;
	left:50%;
	top: 60px;
	width: 1000px;
	height: 520px;
	margin-left:-500px;
	border-radius:8px;
	border: 2px groove #1863DF;
	box-shadow: 5px 5px 50px rgba(0,0,0,0.83);
}
.BoxPrincipalLabel{
	height:45px;
	text-align:center;
	color:#FFFFFF;
	font:bold 20px/30px sans-serif;
	border-top-left-radius:8px;
	border-top-right-radius:8px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+58,727272+80,e1e7ed+99 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 58%, rgba(114,114,114,1) 80%, rgba(225,231,237,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 58%,rgba(114,114,114,1) 80%,rgba(225,231,237,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 58%,rgba(114,114,114,1) 80%,rgba(225,231,237,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e1e7ed',GradientType=0 ); /* IE6-9 */
}

.Rodape{
	font-size: 10px;
  font-family: "Comic Sans MS";
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  position: absolute;
  bottom:0;
  width:100%;
  
  }
  .novasideias {
  background-image: url("https://shometsu.000webhostapp.com/images/novasideias.png");
   position: absolute;
  left: 900px;
  top: 620px;
  width: 100px;
  height: 21px;
  z-index: 8;
}