www.dev.avance.inf.br/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/****-----start-body----****/
.form-group {
	position: relative;
}
.form-group i{
	position: absolute;
	margin-top: -39px;
	margin-left: 10px;
	font-size: 20px;
	color:#CCC;
}
.form-control {
	padding-left: 30px;
}
.login-form {
	background:#fff;
	width:32%;
	margin:9% auto 4% auto;
 	position: relative;
    border-radius: 7px;
    z-index: 1;
}
.erro-login{
    font-size: 16px;
    font-weight: bold;
}
.head {
	position: absolute;
	top:-15%;
	left: 50%;
	margin-left: -57.2px;
}
.head .box-head{
	text-align: center;
	padding-top: 24px;
	width: 115px;
	height: 115px;
	background: #DEDEDE;
	border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	border:6px solid #FFF;
}
form {
	padding:70px 2.5em 10px 2.5em;
}

h1.titulo {
    margin-bottom: 25px;
}

hr {
    margin: 25px 0 25px 0;
    background-color: #B4B2B2;
    width: 100%;
    height: 1px;
    border: none;
}

.contato {
    margin-bottom: 15px;
}

.p-container{
	margin-top:2em;
}

/*-----start-responsive-design------*/
@media (max-width:1024px){
.login-form  {
    margin:115px auto 30px auto;
    width:45%;
	}
}
@media (max-width:768px){
	.login-form  {
		width:57%;
	}
}
@media (max-width:640px){                                  
	.login-form  {
        width:70%;
	}
}
@media (max-width:480px){                                  
	.login-form  {
		width:90%;
	}
}
@media (max-width:320px){                                  
	.login-form  {
		width:98%;
	}
	form{
		padding:50px 1.5em 10px 1.5em;
	}
	form .col-md-12{
		margin-top: 30px;
	}

	.p-container .checkbox {
	float: none;
	text-align: center;
	}
	.p-container{
		margin-top: 0;
	}
	.p-container .checkbox i {
	position: absolute;
	top: 18px;
	left: 43px;
	}
}