/*cambio de colores*/
body, html {    
    height: 100%;
    margin: 0;
    padding: 0 0;
   background-color: #448aff;
}

.container-fluid {
   width: 100%;
   height: 100%;     
   padding-left: 0;
   padding-right: 0;   
   display: table;
}

.row-fluid {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.btn-login {
	color: #FFFFFF;	
	background-color: #C7200F;
	*background-color: #C7200F;
	background-image: -moz-linear-gradient(top, #e48e07, #C7200F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e48e07), to(#C7200F));
	background-image: -webkit-linear-gradient(top, #e48e07, #C7200F);
	background-image: -o-linear-gradient(top, #e48e07, #C7200F);
	background-image: linear-gradient(to bottom, #e48e07, #C7200F);
	background-repeat: repeat-x;	
}
.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login.active,
.btn-login.disabled,
.btn-login[disabled] {
	color: #FFFFFF;
	background-color: #C7200F;	
}

.login {  
  width: 370px;
  float: none;
  margin: 0 auto; 
}

.login hr {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:5px;
    margin-bottom:10px;
}

.login .panel-heading,
.login .panel-body,
.login .panel-footer {
    width:100%;
}

.login .panel-footer {	
	color: #A0A0A0;
}

.login .panel-footer .small {
    cursor:default;
    font-size: 70%;
    padding:0px;
    margin:0px;
}

.login .profile-img {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	display: block;	
}

@media (max-width: 767px) {
    .login {        
        width: 100%;
        height: 100%;     
        padding-left: 0;
        padding-right: 0;          
        display:table;
    }        

    .login .panel-heading {       
        display:table-row;
        height:auto;
    }

    .login .panel-body {       
         height: 80%;       
         vertical-align: middle;
         display:table-cell;
    }    

    .login .panel-body .panel-body-content {        
        float: none;
        margin: 0 auto;    
    }

    .login .panel-footer {
        display:table-row;       
        height:auto;
    }

    .login .panel-footer .row {
         margin-left: 0px;
        margin-right: 0px;
    }    
}

/*cambio de colores*/
.fondo{
   background-color: #448aff;
}