body {
    padding:0;
    margin:0;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

html, body {
  height: 100%;
}

.logo{
	margin-top: 10px;
	height: auto;
	width: 100%;
	max-height: 60px;
    max-width: 232px;
}

.nav-content-container{
	min-height: 100%;
	margin-bottom: -80px;
}

div.nav-content-container:after {
  content: "";
  display: block;
}

.footer, div.nav-content-container:after {
  height: 60px; 
}

.account-wall{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.account-wall h3{
	margin-top: 10px;
	padding-bottom: 20px;
}

.account-wall .button{
	margin-top: 25px;
}

.navigation-icon{
	padding-right: 5px;
}

.logo-descarga{
	width: 100%;
}

.content-row{
	margin-top: 25px;
}

.button-row {
 margin-top: 10px;   
}

.navbar-right button{
	vertical-align: middle;
}

.table-pagination{
	text-align: center;
}

.version-arrow{
	font-size: 50px;
	margin-top: 33%;
	margin-left: 33%
}

.container {
    width: auto;
    min-height: 100%;
}

.header-row {
 width:inherit; 
 background-image: url('../img/header_bck.png');
 background-repeat: no-repeat;
}

.header-row h1 {
    color: #ffffff;
    font-size: 1.6em;
}

.header-row h2 {
    color: #5579a6;
    margin-top: -5px;
    font-size: 1.2em;
}

.nav-row .navbar{
	border-radius: 0;
}

#versiones .panel-body{
	padding-bottom: 5px;
	padding-top: 5px;
}

.row .panel{
	border-radius: 0;
}

.row input{
	border-radius: 0;
}


.row .panel-group .panel {
	border-radius: 0px;
}

.row .panel-group .panel-heading {
	border-radius: 0px;
}

.input-group span:nth-child(n), .input-group input:nth-child(n){
	border-radius: 0;
}

body .btn{
	border-radius: 0;
}

.table-pagination .pagination, .nav-content-container .table-pagination .pagination li a{
	border-radius: 0;
}

.info-row{
	padding-bottom: 15px;
	border-radius: 0;
}

.version-column{
	text-align: center;
	padding-bottom: 30px;
}
.info-column{
	text-align: center;
}

.version-column h3{
	margin-top: 10px;
}

.version-arrow{

	font-size: 50px;
	margin-top: 33%;
	margin-left: 33%
}

.alert-fomento {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;    
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    display: none;
}

.btn-documentacion{
	margin-top: 10px;
}

.logo-descarga-version {
        width:35%;
}

.green-flag{
	color:#27ae60;
}

.orange-flag{
	color: #e67e22;
}

.red-flag{
	color: #c0392b;
}

.accion{
	font-size: 20px;
}


.footer {
 	position: relative;
 	margin-top: 30px;
    height: 40px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    font-size: 0.8em;
}


.footer .navbar{
	border-radius: 0;
	border: 1px solid #e7e7e7;
	margin-bottom: 0;
    text-align: center;
}


.footerP {
    text-align: center;
    padding: 20px 10px 10px;
}

a.right {
    text-align: right;
}

.icono-descarga {
 text-align: center;
}

p {
 text-align: justify;   
}

span.responsive-show{
	display: none;
}

.btn-documentacion{
	margin-top: 10px;
}

span.input-group-addon {
    min-width:180px;
}

/* extra small devices */
@media (min-width: 769px) {
    .form-single {
        max-width: 500px;
    }
}

/* media queries para el footer */

/*Medium and large diplays see col-md and col-lg bootstrap*/
@media only screen and (min-width : 992px)  { 
    
    .logo-descarga{
		max-height: 300px;
        width:auto;
	}
    
    .logo-descarga-version {
        width:35%;
	}
    
    .header-row {
        height: 82px;    
    }
	.login-row{
		margin-top: 50px; /* eran 100 */
	}

	.nav-row{
		
	}

	.content-row{
		margin-top: 50px;
	}
}

/* Extra small displays see col-xs*/
@media only screen and (max-width : 768px)  { 
	.logo-descarga{
		width: 45%;
		padding-bottom: 50px;
	}
	.logo-descarga-version{
		width: 50%;
	}
	.logo{
		margin-top: 0;

		height: inherit;
	}
	.responsive-hide{
		display: none;
	}

	span.responsive-show{
		display: inline;
	}

	.footer-row {
	 	width: 100%;
	}

	#home #descripcion{
		padding-left: 10%;
		padding-right: 10%;
	}

}

.normal-form input,
.normal-form select {
    max-width: 280px;
}