@charset "utf-8";
@import url("map-housing.css");

body { font-family: "Montserrat", sans-serif; }
h1 { font-weight: bold; text-transform: uppercase;	font-size: 30px; margin-bottom: 50px;}
/* p {position: relative; color: #00008e!important;z-index: 10!important; font-weight: bold!important; text-align: justify;} */


header .col-12 {padding: 0px!important;}

.effect { display: none; } /*para efecto del fade in que se hace con js*/
.title { text-align: center; color: #FFF; letter-spacing: 1px; }
.bgTitles { background: url(../images/banner/letras.gif) no-repeat center center; background-size: cover; color: #fff;	-webkit-text-fill-color: transparent; -webkit-background-clip: text; }
.red {color: #9f1e2d;}
.grey {color: #6b6b6b;}
.bgLink { background: linear-gradient(to right, rgba(245,147,161,1) 2%,rgba(245,147,161,1) 2%,rgba(185,71,216,1) 28%,rgba(94,44,137,1) 49%,rgba(84,95,255,1) 100%);}



.logo-nav {display: block; width: 100%; height: auto; }
.rs {display: block; width: 40px!important; height: auto; padding: 0px 5px 0px 5px;}
.logo-rs {display: block; width: 100%!important; height: auto;}

/* nav */
#nav .navbar-nav li img {width: 100%; margin-right: 10px; }
#nav .navbar-nav .nav-link { color:#c5c5c5; font-weight: lighter; font-size: 20px; padding: 10px 50px; margin: 0px auto;}
#nav .navbar-nav .nav-link.active { color:#000 !important; }
#nav.bg-light { background: transparent;  transition: all 0.3s ease-in-out; }
#nav .navbar-nav .nav-link {
    font-size: 16px;
    padding: 8px 31px;
	margin: 0px auto;}
.bg-light {background: transparent!important;}
#nosotros {display: block; background:#9f1e2d; padding: 50px 0px;}


#nosotros h1 {text-align: center; color: #fff;font-weight: bold;text-transform: uppercase;font-size: 30px;margin-bottom: 50px;
}
#galeria h1 {text-align: center; color:  #6b6b6b;font-weight: bold;text-transform: uppercase;font-size: 30px;margin-bottom: 50px;
}
nav li:hover {display: block; color:#fff; background: #9f1e2d; border-radius: 20px; padding:0px; }


#servicio img {display: block; width: 25%; height: auto; margin: 30px auto;}
#servicio {padding: 80px 0px;}
#servicio h1 { color: #6b6b6b!important;font-size: 30px;text-align: center!important;margin-top: 0px auto;}
#servicio p {text-align: justify; margin: 0px auto 0px auto!important; color: #6b6b6b; font-size: 16px; font-weight: 500;padding: 0px 0px;}
.box-sha {box-shadow: 7px 7px 10px #707070; display: block; margin: 0px auto 25px auto; padding: 0px 0px 10px 0px;}
#galeria {margin-bottom: 40px;}
#galeria .col-12 {padding: 0px!important;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #e6e4e4!important;
}


/*contact*/
footer { background:#9f1e2d; padding: 85px 0px 20px 0px; display: block; width: auto; height: auto; }
footer h1 {color: #fff!important;font-size: 35px;text-align: left;margin-bottom: 20px!important;}
.input-1 {display: block;  background: #9f1e2d;width:85%;height: 30px; border: 1px solid #fff;padding:6px; color: #fff!important; }
.input-2 {display: block;  background: #9f1e2d;width:85%;height: 30px; border: 1px solid #fff;padding:6px; color: #fff!important; }
.input-3 {display: block;  background: #9f1e2d;width:85%;height: 125px; border: 1px solid #fff;padding:6px; color: #fff!important; }

@media only screen and (min-width: 320px){
	header input {display: block; position: absolute; bottom:30px; left: 70px; border-radius: 20px; background: #9f1e2d;width:45%;height: auto; border: none!important;padding:0px; color: #fff!important; }
header button {display: block; position: absolute; bottom: 30px; left: 195px;border-radius: 20px; background: #fff; padding:3px 10px ; border: none!important;font-size: 12px;}
	.btn-registro {display: block; width: 80%; height: auto; margin: 30px auto; color:#6b6b6b; background: #fff; border-radius: 20px; padding:5px 10px; text-align: center;}
	#galeria video {padding: 0px;}
	#buscas .h1-1{color:#9f1e2d; font-weight: bold; font-size: 37px; text-align: left;margin: 0px;padding: 0px 25px 0px 25px;}
#buscas .h1-2{color:#9f1e2d; font-weight: bold; font-size: 32px; text-align: left; margin: 0px;padding: 0px 25px 0px 25px;}
#buscas .h1-3{color:#9f1e2d; font-weight: bold; font-size: 57px; text-align: left; margin: 0px;padding: 0px 25px 0px 25px;}
	#buscas {padding: 20px 0px 50px 0px;}
footer button {display: block; border-radius: 20px; background: #fff; padding:6px 20px ; border: none!important;color:#6b6b6b; font-weight: bold;margin: 0px auto 0px auto;}
footer p {text-align: left; font-size: 16px; color:#fff; margin: 0px;padding: 0px 25px 0px 25px;}
	footer input {margin-left: 25px;}
	footer h1 {color: #fff!important;font-size: 25px;text-align: left;margin-bottom: 20px!important;padding: 0px 25px 0px 25px;}
	header p {display: block; position: absolute;color: #fff !important; font-size: 16px; text-align: center; margin: 35px auto 0px auto !important; padding-bottom: 30px;font-weight: bold; bottom: 35px;left: 42px;}
	.navbar-light .navbar-brand {width: 70px!important; padding: 30px 0px 0px 30px;}
	.box-st {display: block; width: 100%; height: auto; padding: 25px;}
	#nosotros p {text-align: justify; color: #fff;}
	#galeria video {padding: 0px 0px 0px 0px;}
	#buscas li {margin: 0px; color:#6b6b6b; text-align: justify;font-weight: bold;font-size: 16px; margin-top:10px;}
#buscas ul {padding: 0px 22px 0px 45px;}
}

@media only screen and (min-width: 375px){
	header input {display: block; position: absolute; bottom:50px; left: 72px; border-radius: 20px; background: #9f1e2d;width:55%;height: auto; border: none!important;padding:0px; color: #fff!important; }
header button {display: block; position: absolute; bottom: 50px; left: 245px;border-radius: 20px; background: #fff; padding:3px 10px ; border: none!important;font-size: 12px;}
	header p {display: block; position: absolute;color: #fff !important; font-size: 16px; text-align: center; margin: 35px auto 0px auto !important; padding-bottom: 30px;font-weight: bold; bottom: 50px;left: 65px;}
}


@media only screen and (min-width: 425px){
	header input {display: block; position: absolute; bottom:50px; left: 108px; border-radius: 20px; background: #9f1e2d;width:45%;height: auto; border: none!important;padding:0px; color: #fff!important; }
header button {display: block; position: absolute; bottom: 50px; left: 260px;border-radius: 20px; background: #fff; padding:3px 10px ; border: none!important;font-size: 12px;}
	header p {display: block; position: absolute;color: #fff !important; font-size: 16px; text-align: center; margin: 35px auto 0px auto !important; padding-bottom: 30px;font-weight: bold; bottom: 65px;left: 95px;}
}

@media only screen and (min-width: 1000px){
	header input {display: block; position: absolute; bottom:240px; left: 260px; border-radius: 20px; background: #9f1e2d;width:46%;height: auto; border: none!important;padding:0px; color: #fff!important; }
header button {display: block; position: absolute; bottom: 240px; left: 714px;border-radius: 20px; background: #fff; padding:3px 10px ; border: none!important;font-size: 12px;}
	header p {display: block; position: absolute;color: #fff !important; font-size: 35px; text-align: center; margin: 35px auto 0px auto !important; padding-bottom: 30px;font-weight: bold; bottom: 250px;left: 250px;}
	#nav .navbar-nav .nav-link {
    font-size: 16px;
    padding: 8px 15px;
    margin: 0px auto;
}
}



@media only screen and (min-width: 1250px){
	.navbar-light .navbar-brand {width: 120px!important; padding: 30px 0px 0px 30px;}
header input {display: block; position: absolute; bottom: 255px; left: 385px; border-radius: 20px; background: #9f1e2d;width:45%;height: auto; border: none!important;padding:6px; color: #fff!important; }
header button {display: block; position: absolute; bottom: 255px; left: 877px;border-radius: 20px; background: #fff; padding:10px 16px ; border: none!important;}
	.btn-registro {display: block; width: 26%; height: auto; margin: 30px auto; color:#6b6b6b; background: #fff; border-radius: 20px; padding:5px 10px; text-align: center;}
	.padd-iz {padding-left: 85px;}
.padd-der {padding-right: 85px;}
	.padd-cen-box {padding: 0px 50px;}
	#buscas .h1-1{color:#9f1e2d; font-weight: bold; font-size: 55px; text-align: left;margin: 0px;padding: 0px 0px 0px 85px;}
#buscas .h1-2{color:#9f1e2d; font-weight: bold; font-size: 49px; text-align: left; margin: 0px;padding: 0px 0px 0px 85px;}
#buscas .h1-3{color:#9f1e2d; font-weight: bold; font-size: 86px; text-align: left; margin: 0px;padding: 0px 0px 0px 85px;}
header p {display: block; position: absolute;color: #fff !important; font-size: 45px; text-align: center; margin: 35px auto 0px auto !important; padding-bottom: 30px;font-weight: bold; bottom: 320px;left: 320px;}	
footer button {display: block; border-radius: 20px; background: #fff; padding:6px 20px ; border: none!important;color:#6b6b6b; font-weight: bold;margin: 0px 260px 0px auto;}
footer p {text-align: left; font-size: 20px; color:#fff; margin: 0px;padding: 0px 0px 0px 100px;}
	.box-st {display: block; width: 100%; height: auto; padding: 0px 85px;}
	#nosotros p {text-align: center; color: #fff;font-size: 21px;}
	#galeria video {padding: 0px 0px 0px 0px;}
	#buscas {padding: 60px 0px 90px 0px;}
	#buscas li {margin: 0px; color:#6b6b6b; text-align: justify;font-weight: bold;font-size: 22px; }
#buscas ul {padding: 0px 0px 0px 30px;}
}


@media only screen and (min-width: 1400px){
	header input {display: block; position: absolute; bottom:520px; left: 480px; border-radius: 20px; background: #9f1e2d;width:48%;height: auto; border: none!important;padding:10px; color: #fff!important; }
header button {display: block; position: absolute; bottom: 520px; left: 1350px;border-radius: 20px; background: #fff; padding:13px 25px ; border: none!important;font-size: 12px;}
	header p {display: block; position: absolute;color: #fff !important; font-size: 65px; text-align: center; margin: 35px auto 0px auto !important; padding-bottom: 30px;font-weight: bold; bottom: 550px;left: 465px;}
	#nav .navbar-nav .nav-link {
    font-size: 16px;
    padding: 8px 15px;
    margin: 0px auto;
}
}