@font-face {

  font-family: "TitilliumWeb-ExtraLight";

  src: url("../fonts/TitilliumWeb-ExtraLight.ttf");

}

@font-face {

  font-family: "TitilliumWeb-Light";

  src: url("../fonts/TitilliumWeb-Light.ttf");

}

@font-face {

  font-family: "TitilliumWeb-Regular";

  src: url("../fonts/TitilliumWeb-Regular.ttf");

}

@font-face {

  font-family: "TitilliumWeb-SemiBold";

  src: url("../fonts/TitilliumWeb-SemiBold.ttf");

}

@font-face {

  font-family: "TitilliumWeb-Black";

  src: url("../fonts/TitilliumWeb-Black.ttf");

}

@font-face {

  font-family: "TitilliumWeb-Bold";

  src: url("../fonts/TitilliumWeb-Bold.ttf");

}



h2,h4{margin-bottom: 40px;}



h1 {

	font-family: 'TitilliumWeb-Bold';

	font-weight: 600;

	font-size: 50px;

	color: #0c73ba !important;

	letter-spacing: -2px;

	line-height: 1.3em;

	text-align: center;

}



h3{ font-family: 'TitilliumWeb-Bold'; font-size: 1.5em; }



h2 {

	font-family: 'TitilliumWeb-Bold';

	font-weight: 600;

	font-size: 3em;

	line-height: 1.3em;

	text-align: center;

}



a{

	font-family: 'TitilliumWeb-Bold';

	font-weight: 600;

	line-height: 1.3em;

	text-align: center;

}

a,a:hover, a:focus, a:active{

	text-decoration: unset;

	cursor: pointer;

}

p, h4{

	font-family: 'TitilliumWeb-Light',Helvetica,Arial,Lucida,sans-serif;

	font-size: 21px;

	line-height: 1.2em;

}





header{ padding: 1em 0; }



header img{ margin: 0 auto 1em auto; max-width: 400px; display: block; }



header p { text-align: center; font-size: 1.2em; }



section{ padding: 3em 0; }



footer{

	background-image: url('../images/footer.jpg');

	padding: 8em 0;  color: white;

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

}



footer:before {

	content:'';

	position: absolute;

    top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: rgba(0,0,0,0.8);

}



footer{

	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); 

	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23);	

}



footer p{ line-height: 35px; font-size: 1.3em; }

footer p i{ font-size: 0.7em; }



footer ul li a{ color: white; font-size: 1.2em; }



footer ul li a:hover{ color: white; text-decoration: underline; }



footer ul { padding-left: 10px; line-height: 30px;  }


.carousel-control.right,
.carousel-control.left{
	background-image: none;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left{
		position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.imagen-default{ margin: 0 auto; /*height: 320px;*/ }

#listado h2 { text-align: center; }

#listado .remate-lista , #listado .inmueble-data, .seccion{
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23);
}

#listado .remate-lista img, .seccion img{
	max-height: 320px;
	margin: 0 auto;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23);
}

#listado .remate-lista, #listado .inmueble-data, .seccion{

	background-color:white; 

	width: 100%;

	margin-bottom: 2em;

    padding: 2.5em 1em;

    /*border: 2px solid #e9e8e8;*/

    display: inline-block;

}

#listado .inmueble-data span{ 
	display: inline-block;
    font-family: 'TitilliumWeb-Light',Helvetica,Arial,Lucida,sans-serif;
    border: 1px solid #d3d3d3;
    padding: 10px 15px;
    font-size: 1.1em;
}

#listado .inmueble-data h4{ text-align: left; color: black; font-family: 'TitilliumWeb-Bold';  margin: 0;  font-size: 2.2em; }

#listado .remate-lista a{ font-size: 1.2em; margin: 1em 0 0 0; } 

#listado .remate-lista p{ font-size: 1.3em; }

.navbar{ margin-bottom: 0; border-radius: 0; border: none; }

.navbar{
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); 
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23);
}

.navbar-inverse .navbar-nav>.active>a{ background-color:transparent; }

.navbar-inverse .navbar-nav>li>.active{
 	background-color:#3e71a4; color: white;
 }

.navbar-inverse .navbar-nav>li>a:hover{
	background-color:#3e71a4; 
}

.nav>li>a{ font-size: 1.2em; }

.home{ background-color: #2a6099;  }

.inmuebles{ background-color:#8d8d8d; }

.cuotas{ background-color: #e5a752; }

.home h2,.inmuebles h2, .cuotas h2{ color: white; }

#accordion .panel-body p{ 
    margin: 0;
    text-align: justify;
    /*font-size: 1.3em;*/
    line-height: 30px;
} 


#accordion .panel-title{
	text-align: center;
	/*font-size: 1.3em;*/
	font-size: 21px;
}

.dropdown-menu>li>a{
	font-size: 1.1em;
	padding: 10px 20px;
}

.dropdown-menu>li>a:hover{ background-color: #dddddd; }

.btn-whatsapp:hover{ color: white; background: #167439; }

.btn-whatsapp{

	margin: 10px 0;

	border-radius: 10px;

    background: #20a953;

    color: white;

    padding: 5px 10px;

    display: inline-block;

}

.btn-whatsapp i{ font-size: 1em; } 


.cuotas p{ text-align: center; margin: 2em 0;  }


#bottom { background: black; padding: 1em 0; }


#bottom p{ text-align: center; color: white; font-size: 1.2em; margin: 0; }

#bottom p a{ color: white; }

.navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px; }


.seccion ol li{
    font-family: 'TitilliumWeb-Light',Helvetica,Arial,Lucida,sans-serif;
    font-size: 21px;
}

.seccion p{ text-align: justify; line-height: 1.5em; margin: 1em 0; }


@media (min-width: 768px){

	.navbar-nav>li{ max-width: 170px; }

	.navbar-nav>li>a{ line-height: 25px; }

	.navbar-nav { margin: 0 auto; display: table; float: none; }

}


@media (max-width: 500px){

	header img{ max-width: 100%; }

}


@media (max-width: 768px){

	.navbar-inverse .navbar-nav>li>a{ color: white; }

	h2{ font-size: 2.5em; }

	#listado .remate-lista img{ margin-bottom: 2em; }

	#listado .inmueble-data span{ margin: 1em 0; display: block; text-align: center; }

}

@media (min-width: 768px) and (max-width: 1100px){

	.navbar-nav>li { max-width: 135px; }

	.nav>li>a {  font-size: 1em; line-height: 20px; }

}





.alerta {

	position: fixed;

	top: 16%;

	right: 20px;

	width: 140px;

	z-index: 999;

}

.alert-info {

	color: #FFF;

	background-color: #0c73ba;

	border-color: #0c73ba;

}

.pb{

	padding-bottom: 0;

}



.reiniciar img {

	width: 75px;

}

.btn_xq.comenzar img{

	width: 200px;

	height: auto;

	object-fit: unset;

	margin-top: 20px;

}

.btn_xq:hover{

	text-decoration: none;

}

.btn_xq{

	display: block;

	padding: 20px;

	margin-right: 1rem;

	background: rgb(26, 26, 26);

	border: 2px solid rgba(255,255,255,.2);

	border-radius: 4px;

	margin: 30px 0;

}

.btn_xq img {

	width: 130px;

	height: 130px;

	object-fit: contain;

}

.btn_xq h3{

	white-space: break-spaces;

	font-family: 'TitilliumWeb-Bold';

}

.btn_xq p{

	white-space: break-spaces;

	font-family: 'TitilliumWeb-Light';

	font-size: 20px;

	letter-spacing: 0px;

}

.btn_xq.active {

	background: rgba(12, 115, 186, 0.92);

	border: 2px solid rgba(0, 0, 0, 0.5);

}



input[type="checkbox"]{

	display: none;

}

a.regresar, a.siguiente, a.descargar {

	background-color: #0c73ba;

	color: #FFF;

	border-radius: 10px;

	padding: 10px 20px;

	margin-top: 50px;

	display: inline-block;

	font-size: 50px;

	letter-spacing: 0px;

	text-transform: uppercase;

}