@charset "UTF-8";
/* CSS Document */



/* ------------------------ Main------------------------*/


#main {
	margin-top: 80px;
	
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	color: rebeccapurple;
}

#logoLg {
	height: 310px;

}

#login {
	
	padding-top: 50px;
	
}

#recover {
	
	font-family: 'PT Sans', sans-serif;
	font-weight:200;
	font-size: 0.9em;
	color: rebeccapurple;
	}

.btnLogin {
	
	font-size: 2em;
}
/* ------------------------ Elementos ------------------------*/

p {
	
	font-family: 'PT Sans', sans-serif;
	font-size: 1.15em
}

h1, h2, h3, h4, .modal-header {
	
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	font-size: 1.8em;
	color: #350F55;
}

.modal-header {
	
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	font-size: 1.4em;
	color: #350F55;
}

.glyphicon{
	
	color: rebeccapurple;
}



.btn, .form-title {
	
	background: none;
	border: hidden;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	color: rebeccapurple;
	padding-right: 10px;
}

.btn:focus,.btn:active,.btn:hover, .btn:link {
   outline: none !important;
   background: none;
}

.btn:hover {
	
	color: #BB3CBC;
}

.form, .form-group {
	
	background: none;
	border: hidden;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color: rebeccapurple;
	padding-right: 10px;
	padding-bottom: 0px;
}

.btn:focus,.btn:active,.btn:hover {
   outline: none !important;
   background: none;
}


/* ----------------- MEDIAS ----------------*/

@media (min-width:992px) and (max-width:1199px){
	
	#logoLg {
	height: 290px;

}
	
}


@media (min-width:768px) and (max-width:991px){
	
	#logoLg {
	height: 280px;

}
	
	#login {
	
	padding-top: 40px;
	
}
	
}

@media screen and (max-width:767px){
	
	#main {
	margin-top: 0;
	}
	
	#logoLg {
	width: 70vw;
	height: auto;
}