.login-container {
	margin: 0 auto;
	
	width: 95%;
	max-width: 400px;
}
.topo, label {
	color: #ccd3dc;	
}

.topo {
	text-align: center;
}

.topo .logos {
	display: table;
    width: 100%;
	margin-bottom: 10px;
}

.topo .logos .inicio-img {
	padding: 10px;
	display: table-cell;
}

.topo .logos .inicio-img img {
	
}

.topo h3 {
	font-weight: 800;
	text-transform: uppercase;
}

.login-box {
	background: #b2bcc7;
	background: -moz-linear-gradient(45deg, #b2bcc7 0%, #7d8ea2 100%);
	background: -webkit-linear-gradient(45deg, #b2bcc7 0%,#7d8ea2 100%);
	background: linear-gradient(45deg, #b2bcc7 0%,#7d8ea2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bcc7', endColorstr='#7d8ea2',GradientType=1 );
	
	border-radius: 10px;
	width: 100%;
	
	margin: 20px auto;
}

.login-box input, .login-box button {
	background: #00244f;
	color: white;
	border-radius: 10px;
	
	height: 40px;
	line-height: 40px;
}

.login-box .input-group {
	margin: 20px auto;
}

.login-box .input-group-addon {
	color: #0091ce;
	background-color: #00244f;
	border: 1px solid transparent;
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.login-box input {
	-webkit-box-shadow: none;
    box-shadow: none;
	border: none;
	text-align: center;	
}

.login-box input:focus, .login-box button:focus {        
	color: white;
}

.login-box button:hover {
	color: #ccd3dc;
}

.login-box button {
	min-width: 150px;
}