body{
	margin: 0;
    padding: 0;
    background-color:#01A9DB;
}
.menu ul,
.menu li {
	margin:0;
	list-style:none;
	
}
.logomarca {
	float:left;
	font-size:30px;
	line-height:50px;
	color:#CCC;
	background-color:#FFF;
	padding:10px;
}
.menuin{
   color:#FFF;
}
.menu li {
	float:left;
	padding-left:10px;
	padding-right:5px;
	line-height: 60px;
	font-size:14px;
	cursor:pointer;
}
.menu li:hover {
	background-color:#58D3F7;
	height:50px;
}
.rodape {
	background-color:#585858;
	height:70px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	#margin-top:30px;	
}
.navbarsair{
	width: 400px;
	height: 70px;
	background-color:#2EFEC8;
	float: right;
	text-align:center;
	line-height: 70px;
}

.intro{
	display: table;
	width: 100%;
	height: 100%;
	padding: 100px 0;
	#color: white;
	background: url(../images/project.jpg) no-repeat bottom center scroll;
	background-position: 30% 45%;
	background-size: cover;
	#display: flex;
	justify-content:center;
	align-items:center;
	flex:1;
}

.container{             
    #width:500px;
    background-color:#D8D8D8;
    #border-radius: 20px;
    padding: 10px;
}
.containerform{             
    width: 550px;
    background-color:#D8D8D8;
    border-radius: 20px;
    padding: 20px;
}
.container input[type=text],
.container input[type=password],
.container input[type=email]{
	#border: none;
	border-radius:20px;
	padding: 0;
	width: 100%;
	height: 30px;
	font-size: 18px;
}
input[type="submit"]{
	border: none;
	#border-radius: 20px;
	background-color:#81BEF7;
	color:blue;
	width: 100px;
	height: 40px;
	cursor: pointer;
}
a{
	color:blue;
	text-decoration: none;
}
a:hover{
	#text-decoration: underline;
	text-transform: uppercase;
}
.warning{
	padding: 10px;
	margin: 10px;
	border: 1px solid #FF3333;
	background-color: #FF9999;
}
.success{
	padding: 10px;
	margin: 10px;
	border: 1px solid #FF3333;
	background-color: #04B431;
}
.warningsusses{
	padding: 10px;
	margin: 10px;
	border: 1px solid #FF3333;
	background-color:#A9F5F2;
	color:FFF;
}