@CHARSET "UTF-8";

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
body {
	background: url(../images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.text-center .img-responsive {
    margin: 0 auto;
}

.div_imagem{
		margin-bottom: 20px;
	}

.login-form {
    font: 16px/2em Lato, serif;
	margin: 0px auto; 
	max-width: 400px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
}

form[role=login] {
	color: #5d5d5d;
	background: rgba(204, 204, 204, 0.1);
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}
	
#meio {
  position: absolute;
  width: 100%;
  top:200px;
  /* Set the fixed height of the footer here */
  height: 300px;
  background-color: #004B8C;
}

.topo {
height: 200px;
}

.fonte-inicio{
width: 100%;
font: 30px Museo900_Regular,Arial,sans-serif;
color: #649ad7;
text-transform: uppercase;
}

.texto-titulo-h {
    font: 25px Museo900_Regular, Arial, sans-serif;
    color: #FFF;
    text-transform: uppercase
}

.texto-titulo-p {
	font: 16px Museo900_Regular,Arial,sans-serif;
    color: #FFF;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 3px 0px rgba(0, 0, 0, 0.3);
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active {
    margin-top: 3px;
    margin-bottom: -3px;
}

@media screen and (max-width: 728px) {
	.texto-titulo-h {
		font: 18px Museo900_Regular, Arial, sans-serif;
		color: #FFF;
		text-transform: uppercase;
		text-align: center;
	    margin-top: 5px;
	}
	#meio {
    top:60px;
	height: 600px;
	position: initial;
  }
  #footer {
	position: initial;
	margin-top: 10px;
  }
  
  .topo {
    height: 150px;
	}
	
	.fonte-inicio{
		font: 25px Museo900_Regular,Arial,sans-serif;
		}

}