body, html {    
    height: 100%;
    margin: 0;
    padding: 0 0;
}


.container-fluid {
   width: 100%;
   height: 100%;     
   padding-left: 0;
   padding-right: 0;   
   display: table;
   background-color: rgba(227, 29, 37, 1);
}

.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;
}

.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;	
}
#ordenar{
    height:500px;
}

@media (max-width: 600px) {
    .login {
        height: auto; 
    }
    #ordenar{
        height:auto;
        padding-bottom: 20px;
    }
}
@media (max-width: 767px) and (min-width: 601px) {
    .login {
        height: 85%;
    }
}
@media (max-width: 767px)  {
     .login {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        display: table;
        float: none;
        margin: 0 auto;
    }
    .login .panel-heading {       
        display:table;
        height:auto;
        background-color:white;
    }

    .login .panel-heading img{
        margin-top: 5px;
        -webkit-margin-before: 10%;
	    margin-left: auto;
	    margin-right: auto;
    }
    .login .panel-body {       
         vertical-align: middle;
         display:table;
    }    

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

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

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

.fondo{
   background-color: rgba(227, 29, 37, 1);
}

@media only screen and (max-width: 1024px) and (min-width: 600px) {
    .login{
        width:80%;
        margin-left:10%;
    }
    #logo_footer{
        text-align:center;
    }
    #ordenar_footer{
        width:100%;
    }
}