@CHARSET "UTF-8";

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
body {
	background: #F4F4F4;
}
.container {
	background-color: white;	
	opacity: none;
	width: 400px;
	margin-top: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 4px 4px 5px #cccccc;
}

#logo {
	text-align: center;
	padding: 10px 0 0 0;
	color:gray;
}

form {
	font: 14px/1.6em Lato, serif;
	padding-top: 14px;
	color: #959595;
	max-width: 320px;
	margin: 0 auto;
}
form .input-group-addon {
	border: none;
	background: #fff;
}
form .campo {
	border: none;
	background: #fff;
	box-shadow: none;
	height: 36px;
	
	-webkit-box-shadow: 1px 1px 2px 0px rgba(104, 104, 104, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(104, 104, 104, 0.4);
			box-shadow: 1px 1px 2px 0px rgba(104, 104, 104, 0.4);
}
form input[type=text]:focus,
form input[type=password]:focus {
    background: #f6f6f6;
}
form > div {
	position: relative;
	margin: 24px 0;
}
form > section {
	margin: 0 0 20px 0;
	text-align: center;
}
.form-group.less-space {
	margin-bottom: 12px;
}

.form-control {
    padding-left: 40px;
}
.form-control + .glyphicon {
    position: absolute;
    left: 0;
	top: 13%;
    padding: 8px 0 0 12px;
}

div.blockMsg {
    width:  15%;
    top:    30%;
    left:   40%;
    text-align: center;
    background-color: white;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70;
    opacity:.70;
    padding: 0px;
    color: #000;
    font-size: 100%;
}