/* Mi código CSS */

body {
	padding-top: 50px;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
}
h1 {
	font-size: 200%;
}
/*****************************************************************

    HEADER

/*****************************************************************/

#header {
	border-bottom: 3px solid darkred;
}

#header-logo {
	border: 2px solid darkred;
  	border-radius: 5px;
	width: auto;
	height: 5em;
}
#navbar-collapse{
	vertical-align: middle;
}
#in-users{
	
	background-color: darkblue;
	border-radius: 5px;
	height: 5px;
}
/*****************************************************************

    HOME

/*****************************************************************/

#home-carousel {
	border-bottom: 4px solid darkred;
	border-color: darkred;
	align-items: center;
	vertical-align: middle;		
}
.carousel-caption h1 {
	font-size: 4em; /* Duplica el tamaño de fuente original */
}
#home-carousel .fill {
	border-color: darkred;
	height: 350px;
	background-size: cover;
	background-position: center center;	
	display: flex;
    align-items: center;
    justify-content: center;
	
}
#home h1 span {
	font-weight: 300;
}

@media (max-width: 767px) {
	#home-carousel .fill {
		height: 250px;
	}
	#home h1 {
		font-size: 26px;
	}

}
#home-center {
	text-align: center;	
}

#home-partner {
    text-align: center;
}
#partner-row{
	margin-top: 50px;
	margin-bottom: 50px;
}
#partner-photo {	
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	
}
/*****************************************************************

    Gastos Comunes Servicio

/*****************************************************************/

#alquileres {
	margin-top: 30px;
	padding: 30px 0;
}

#alquileres h1 {
	margin-top: 0;
	text-align: center;
}

#alquileres h2 span {
	font-weight: 300;
}

#alquileres #company-photo {
	border: 1px solid #DDD;
	padding: 5px;
}
/*****************************************************************

    Alquileres Servicio

/*****************************************************************/

#alquileres {
	margin-top: 30px;
	padding: 30px 0;
}

#alquileres h1 {
	margin-top: 0;
	text-align: center;
}

#alquileres h2 span {
	font-weight: 300;
}

#alquileres #company-photo {
	border: 1px solid #DDD;
	padding: 5px;
}
#colpic {
	align-items: end;
}
.img-alq {

	height: 220px;
	ali
}
.bi-check-lg {
	color:#05af05ce;
	margin: auto;
	padding: 2%;
	font-size: large;
	font-weight: bold;

}
/*****************************************************************

	Sobre Nosotros

/*****************************************************************/
.img-responsive {
	height: 360px;
	margin-left: 20px;
}

/*****************************************************************

    APP

/*****************************************************************/

.features {
	background-color: #FFFFFF;
    text-align: center;
    border-bottom: 1px solid #E0E0E0;
	padding: 30px 0;
    font-size: 16px;
}
.red-line {
    width: 100px;
    height: 4px;
    background-color: #800000;
    margin: 10px auto;
}
.section-access {	
	max-height: 150px;
	display: block;
	color: #101010;
	
}
.section-access:hover{
	color: #800000;
	text-decoration: none;
}
.section-access {
	border-radius: 10px; 
	border: 1px solid #8f8d8d;
	padding: 30px 15px;
    font-size: 16px;
}
#sales {
	margin-top: 30px;
	padding: 40px 0;
}

#sales h1 {
	margin: 0;
}

#sales hr {
	margin: 15px 0 30px 0;
}

#sales #rate {
	margin: 10px 0 0 0;
}
#sales #rate span {
	font-weight: bold;
}

#sales #filter {
	background-color: #F6F6F6;
	border: 1px solid #EEE;
	padding: 15px 10px;
	margin: 0 0 20px 0;
}

#sales #filter h4 {
	border-bottom: 1px solid #DDD;
	padding-bottom: 6px;
	margin: 0 0 15px 0;
}

#sales #filter .btn {
	background-color: #FF8F00;
	border-color: #f18700;
}
#sales #filter .btn:hover {
	background-color: #f18700;
}

#sales #btn-currency {
	margin-bottom: 15px;
}

#sales .car {
	margin: 0 0 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDD;
}

#sales .car h3 {
	margin: 0 0 15px;
	display: inline-block;
}

#sales .car h3 span {
	color: #9E9E9E;
	font-weight: normal;
}

#sales .car img {
	max-width: 100%;
	float: left;
	border: 1px solid #DDD;
	padding: 5px;
}

#sales .car .col-img span {
	position: absolute;
	top: 15px;
    left: 28px;
	background-color: #FF8F00;
}

#sales .car-info {
	font-size: 14px;
	display: inline-block;
	float: right;
}

#sales .car .car-info .rating {
	color: #FFC107;
	display: inline-block;
}

@media (max-width: 767px) {
	#sales hr {
		display: none;
	}
	#sales #filter {
		margin-top: 10px;
	}
	#sales .car img {
		margin-bottom: 15px;
	}
}

@media (max-width: 400px) {
	#sales .car {
		font-size: 13px;
	}
	#sales .car h3 {
		font-size: 16px;
	}
	#sales .car-info {
		font-size: 11px;
	}
	#sales .car-footer .btn {
		font-size: 11px;
	}
}

/*****************************************************************

    FOOTER

/*****************************************************************/

#footer {
	text-align: center;
	border-top: 4px solid darkred;
	background-color: #101010;
	margin-top: 40px;
	color: #EEEEEE;
	padding: 40px 0 40px 0;
	font-size: 16px;
}

#footer-logo {
	width: auto;
	height: 20px;
	margin-bottom: 15px;
}

#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
	margin-bottom: 6px;
}

#footer ul li a,
#footer ul li a:visited {
	color: #EEEEEE;
}

