@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700");

*{
	margin:0; 
	padding:0;
}

body{
	background:url(../img/fondo.png) no-repeat center fixed;
	background-size: cover; 
	 
	font-family:'Source Sans Pro', sans-serif;
}

.form{
	width: 775px;
	margin: 0 auto 0;
	position: absolute;
	top: calc(50% - 300px);
	left: calc(50% - 387.5px);
}

form {
    width: 400px;
    display: inline-block;
}

.logo {
    width: 350px;
    display: inline-block;
    margin-right: 20px;
}

.img_logo {
    width: 100%;
    margin-bottom: 65px;
}

.header{
	height:auto; 
}

.header p{
	color: white;
    display: inline-block;
    margin-top: 39px;
    font-size: 17px;
    vertical-align: top;
    position: relative;
    left: -20px;
    float: right;
}

.header .logo{
	height: 100%;
    margin: 50px 3% 20px 3%;
    width: 90%;
}

.login span.un{
	width: 10%;
    text-align: center;
    color: #939598;
    border-radius: 3px 0 0 3px;
    padding: 0px 16px;
}

.text{
    width: 79%;
    border-radius: 0 3px 3px 0;
    border: none;
    outline: none;
    color: #939598;
    font-family: 'Source Sans Pro', sans-serif;
}

.text,.login span.un{
	display: inline-block;
    vertical-align: top;
    height: 60px;
    line-height: 55px;
    background: #fff;
    font-size: 1em;
}


.btn{
	height:40px; 
	border:none; 
	background:#c88a1c; 
	width:98%; 
	outline:none; 
	font-family: 'Source Sans Pro', sans-serif; 
	font-size:20px; 
	color:#eee; 
	border-bottom:solid 3px #231F20; 
	border-radius:3px; 
	cursor:pointer;
}

.btn:hover {
    background: rgba(251, 186, 6, 0.8);
}

ul li{
	height:55px; 
	margin:15px 0; 
	list-style:none;
}

.span{
	display:table; 
	width:100%; 
	font-size:14px;
;
}

.ch{
	display:inline-block; 
	color:#FFF;
	margin-top: 10px;
}

.ch a{
	color:#FBBA06; 
	text-decoration:none;
}

.ch:nth-child(2){
	text-align:right;
}

li:nth-child(3) {
    height: 20px;
}

.fa-user:before,
.fa-key:before {
    font-size: 1.5em;
    vertical-align: middle;
}

#frm_login > ul > li:nth-child(3) > div > a {
    color: #ccc;
}

@media(max-width:340px){
/*.btn{
	background-color: blue;
}*/

.logo {
    width: 265px;
    margin: 0 auto;
    display: block;
}

.form{
	width: 400px;
	margin: 0 auto 0;
	position: absolute;
	top: calc(20% - 75px);
	left: calc(50% - 200px);
}

.header .logo{
    height: 95%;
    margin: 1.5em 0 0 5%;
}
.text{
	width: 76%;
}
body > div > div.login > form > ul > li:nth-child(3) > div > span:nth-child(1) {
    width: 43%;
}

body > div > div.login > form > ul > li:nth-child(3) > div > span:nth-child(2) {
    width: 56%;
}
.form{
	margin-top: 50px;
}
}

@media(max-width:480px){
.logo {
    width: 350px;
    margin: 0 auto;
    display: block;
}
form{
	margin: 0px 10px;
}
.form{
	width: 400px;
	margin: 0 auto 0;
	position: absolute;
	top: calc(20% - 75px);
	left: calc(50% - 200px);
}

}