/* FONT FAMILY */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');


/* ===== BODY ===== */
body{
	font-family: 'Open Sans', sans-serif !important ;
	font-weight: 400 !important;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

h1,h2,h3{
	padding: 0 !important;
	margin: 0 !important;
}

body a{
	text-decoration: none !important;
}


.padding-top{
	padding-top: 40px;
}

.padding-bottom{
	padding-bottom: 40px;
}

.hr-color{
	border-bottom: thin solid #BF6939;
}

.row .no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}


.ir-arriba {
	padding:10px;
	display:inline-block;
	background-color: rgba(6, 105, 178, .7);
	color:#fff;
	position: fixed;
	font-size:20px;
	bottom:20px;
	right:20px;
	display:none;
	cursor:pointer;
	 border-radius: 50%;
	z-index:99999999;
}

.flex-container{
	display: flex;
}

.imagefix{
	width: 100%;
	height: auto;
	padding: 20px;
}

.text-center{
	text-align: center !important;
}

.ask{
	font-size: 18px;
	font-weight: 700;
	color: #A1278D;
}

.no-bullet{
	list-style: none;
	margin: 0;
	padding: 0;
}

.imageSlide{
	width: 100%;
	height: auto;
	padding: 0;

}
.margintop{
	width: 100%;
	height: 30px;
}


.margin-0{
	margin: 0 !important;
}
/* ===== COL 15 ===== */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

/* ===== POSITIONS ===== */
.right{
	float: right;
}

.center{
	display: block;
	margin: 0 auto;
	
}

.absolute-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

/* ===== BUTTONS ===== */
.button{
	background-color:#0669B2;
	padding:15px 40px;
	color:#FFFFFF;
	font-size:18px;
}

.button:hover{
	text-decoration:none;
	background-color:#96989A;

}

/* ===== HEADER ===== */
header{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

header .headerlogo{
	width: auto;
	height: auto;
	background-color: #000000;	
	position: absolute;
	top:0;
	left: 150px;
}

header .headerlogo img{
	width: 250px;
	height: auto;
	padding: 5px;
}


/* ===== NAVBAR ===== */
.navbar-wrap{
	width: 100%;
	height: auto;
	background-color:#4B4B4D;
	border-bottom: solid 8px #0669B2;
}

.navbar-default{
	background-color: transparent!important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


.navbar-default .navbar-nav>li>a {
  color: #FFFFFF !important;
	font-size: 15px;
	padding: 20px 15px;
	font-weight: 400;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #0669B2 !important;
	position: relative;
	top:-3px;

}


/* ===== RESPONSIVE SLIDE ===== */
.slide{
	z-index:0;
	margin:0;
	padding:0;	
}

.rslides {
	position: relative;
  	list-style: none;
  	overflow: hidden;
  	width: 100%;
	height: 600px;
  	padding: 0;
  	margin: 0;
	display: flex;
	
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

.rslides img {
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  max-width: 100%;
	min-height:100%;
  vertical-align: middle;
	align-self: center;
  }



.slideFixedSize{
	width:100%;
}


/* ===== BARRA DE OPCIONES ===== */
.optionsbar{
	width: 100%;
	height: 80px;
	background-color: rgba(75, 75, 77, .8);
	border-top: solid 8px #0669B2;
	position: relative;
	top:-80px;
	z-index: 999999;
}





/* ===== OPORTUNIDADES INMOBILIARIAS ===== */
.OportInmob {

}

.OportInmob h3{
	text-align: center;
	color:#4B4B4D;
	font-size: 36px;
	
}

/* ------ SCROLL ARROW ------ */

.arrow {

  	width: 40px;
  	height: 40px;
 	 background-image: url(../../imagenes/down-arrow-key.png);
  	background-size: contain;
  	margin: 0 auto;
  	display: block;
  	margin-top: 20px;
	margin-bottom: 20px;
	
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
	40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
	60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
	40% {
    transform: translateY(-10px);
  }
	60% {
    transform: translateY(-15px);
  }
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
	40% {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
	60% {
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/* ------ PROPIEDADES ------ */
.OportInmob a{
	color:#4B4B4D;
}



.OportInmob .prop-frame{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-bottom:30px;
	border:#DCDCDC thin solid;
	padding:2px;
	text-decoration:none;

}
.OportInmob .prop-frame:hover{
	text-decoration:none;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
}

.OportInmob .prop-frame .imagewrap{
	width:100%;
	height:200px;
	overflow:hidden;
	display: flex;
	position: relative;
	
}

.OportInmob .prop-frame .imagewrap img{
	width:100%;
	min-height:100%;
	align-self: center;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.OportInmob .prop-frame img:hover{
	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.OportInmob .prop-tittle{
	width: 100%;
	background-color:#4B4B4D;
	color: #ffffff;
	text-align: center;
	padding: 5px 10px;
	margin-top: 2px;
}

.OportInmob .prop-tittle:hover{
	background-color:#0669B2;
}

.OportInmob .prop-type{
	align-self: flex-start;
  	left: 0; 
  	top: 0;
  	position: absolute;
	background-color: rgba(75, 75, 77, .7);
	color: #ffffff;
	text-align: center;
	padding: 5px 20px;
}

.OportInmob .prop-status{
	align-self: flex-start;
  	right: 0; 
  	top: 0;
  	position: absolute;
	width: 150px;
}

.OportInmob .prop-status img{
	width: 100%;
	height: auto;
}

.OportInmob .prop-price{
	margin: 10px 5px 10px 5px;
}

.OportInmob hr{
	margin: 0px 5px;
}

.OportInmob .prop-ubication{
	margin: 10px 5px;
}

.all-prop-button{
 margin: 0 auto !important;
 display: table;
 padding: 40px 0px !important;
}
.all-prop-button a{
  color: #ffffff;
  font-size: 16px;
  background: #4B4B4D;
  padding: 10px 20px;
  text-decoration: none;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #dcdcdc;
}

.all-prop-button a:hover{
	background-color:#0669B2;
	color: #ffffff;
	text-decoration: none;
}

.all-prop-button a:visited{
	color:#ffffff;	
}

/* ===== BARRA SLOGAN ===== */
.slogan-block{
	width: 100%;
	height: auto;
	padding: 60px 20px;
	text-align: center;	
	color: #ffffff;
	position: relative;
	
	
	background: url(../../imagenes/fondo-gdl.jpg) no-repeat top center fixed ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
	margin-bottom: 30px;
	margin-top: 30px;
	
}


.slogan-block .colorblock{
	background-color: rgba(6, 105, 178, .7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.slogan-block .textinfoblock {
	z-index: 99999;
}

.slogan-block .textinfoblock h2.tittle{
	font-size: 36px;
}

.slogan-block .textinfoblock p{
	font-size: 16px;
}

.slogan-block .textinfoblock .telnumber{
	font-size: 32px;
	color: #ffffff;
}

.slogan-block .textinfoblock .telnumber:hover{
	color: #000EB4;
}



/* ===== WELCOME TEXT ===== */
.welcome{
	margin-bottom: 20px;
}

.welcome h1{
	text-align: left;
	color:#4B4B4D;
	font-size: 36px;
}

.welcome p{
	text-align: justify;
}

.welcome .welcomepic{
	width: 350px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.welcome .moreinfo-button{
	text-align: right;
	font-size: 16px;
	float: right;
	
	
}

/* ===== PROMO BANNER ===== */
.promo-banner{
	margin-top: 10px;
	margin-bottom: 20px;
}

.promo-banner .promobanner-top{
	width: 100%;
	height: auto;
	padding: 30px 30px;
	background-color: #4B4B4D;
}

.promo-banner .promobanner-top img{
	width: 100%;
	height: auto;
}

.promo-banner .promobanner-middle{
	width: 100%;
	height: auto;
	padding: 10px;
	background-color: #000000;
}
.promo-banner .promobanner-middle img{
	width: 100%;
	height: auto;
}

.promo-banner .promobanner-bottom{
	width: 100%;
	height: auto;
	padding: 10px 10px;
	background-color: #4B4B4D;
	text-align: center;
	
}

.promo-banner .promobanner-bottom a{
	padding: 8px;
	font-size: 28px;
	color: #ffffff;
}

.promo-banner .promobanner-bottom a:hover{
	color: #0669B2;
}

/* ===== BANNER ===== */
.banner{
	width: 100%;
	height: auto;
	max-height: 400px;
	overflow: hidden;
	margin-bottom: 30px;
	border-bottom: solid 5px #4B4B4D;
}

.banner img{
	width: 100%;
	height: auto;
	margin: 0 auto;

}

/* ===== FOOTER ===== */

footer{
	width: 100%;
	height: auto;
	background-color:#4B4B4D;
	border-top: solid 8px #0669B2;
	position: relative;
	padding: 20px 10px;
	margin-top: 20px;
	color: #ffffff;
}

footer .footer-logo{
	width: 90%;
	height: auto;
	margin: 0 auto;
	display: block;
}

footer .network-icons{
	text-align: right;
}

footer .network-icons a{
	color:#ffffff;
	padding: 10px;
	font-size: 24px;
	text-align: right;
	list-style: none;
}

footer .network-icons a:hover{
	color: #0669B2;
}

footer .copyright{
	text-align: right;
	color:#ffffff;
	font-size: 12px;
}

footer .copyright a{
	font-size: 12px;
}

/* ===== FILTRO PROPIEDADES ===== */
.filterbox{
	width: 100%;
	height: auto;
	padding: 20px 10px;
	background-color: #4B4B4D;
	border-bottom:solid 8px #0669B2;
}

.filterbox img{
	width: 100%;
	height: auto;
}

.filterform{
	width: 100%;
	height: auto;
	padding: 20px 10px;
	background-color: #D5D3D5;
	margin-bottom: 20px;
}

.filterform select{
	width: 95%;
	font-size:14px;
	background-color:#FFFFFF;
	
  	display: inline-block;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  
  	margin:0;
	margin-bottom: 10px;
  	padding: 8px 0px 8px 8px;
  
  	border: 1px solid #b7b7b7;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  
  	color:#4B4B4D;
  	-o-text-overflow: clip;
  	text-overflow: clip;

  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	resize: none;
}

.filterform .button{
	font-size:16px;
	font-weight:normal;
	padding:9px 50px;
	text-decoration:none;
	background-color:#0669B2;
	color:#FFFFFF;
	margin-top:20px;
	float:right;
}


.filterform .button:hover{
	text-decoration:none;
	background-color:#BDD0F0;
	color:#4189D3;
}

/* ===== LISTADO DE PROPIEDADES ===== */
.listtopbar{
	width: 100%;
	height: auto;
	background-color:#4B4B4D;
	padding: 8px;
	color: #ffffff;
}

.listtopbar p{
	margin: 0;
	padding:0;
}

.listtopbar span.all-list a{
	float: right;
	color: #ffffff;
}
.listtopbar span.all-list a:hover{
	color:#0669B2;
}


/* ------ LISTINGS ------ */
.listings{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-bottom:30px;
	border:#DCDCDC thin solid;
	padding:2px;
	text-decoration:none;
	position: relative;
	color:#4B4B4D;
}

.listings:hover{
	text-decoration:none;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
}

.listings .imagewrap{
	width:100%;
	height:220px;
	overflow:hidden;
	display: flex;
	position: relative;
	
}

.listings .imagewrap img{
	width:100%;
	min-height:100%;
	align-self: center;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.listings img:hover{
	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.listings .listingsinfo{
	padding: 10px 0px 0px 10px !important;

}

.listings .prop-status{
	align-self: flex-start;
  	right: 0; 
  	top: 0;
  	position: absolute;
	width: 150px;
}

.listings .prop-status img{
	width: 100%;
	height: auto;
}

.listings .listingsinfo h2{
	font-weight: 700;
	color:#6B7D87;
}

.listings .listingsinfo h2:hover{
	color:#0669B2;
}

.listings .ubication{
	text-align: left;
	color:#4B4B4D;
	font-size: 15px;
}

.listings .type{
	background-color: #000000;
	color: #ffffff;
	padding: 8px 20px;
	float: left;
	position: relative;
	
}

.listings .type:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.listings .type:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 8px;
	margin-top: -8px;
}
.listings .type:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #000000;
	border-width: 9px;
	margin-top: -9px;
}


.listings .price{
	background-color: #0669B2;
	color: #ffffff;
	padding: 8px 20px;
	font-weight: 700;
	float: left;
}

.listings .price:hover{
	background-color: #4B4B4D;
}

.listings hr{
	margin: 8px 0px ;
	padding: 0;
}

.listings .listingsinfo p.description{
	text-align: justify;
	color:#4B4B4D;
	font-size: 13px;
	padding-right: 15px;
}

.infobar{
	width: 100%;
	height: auto;
	background-color:#4B4B4D;
	padding: 8px;
	color: #ffffff;
	line-height: 30px;
	font-size: 12px;
	
}

.infobar .infobarblock{
	display: inline-block;
	float: left;
	border-left: thin solid #787878;
	margin-right: 5px;
	padding-right: 5px;

}
.infobar .infobarblock:first-child{
	border-left:none;
}

.infobar .infobar-icon{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-left: 5px;
}

.moredetailsbullet{
	background-color:#4B4B4D;
	padding: 10px 5px 0px 5px;
	position: absolute;
	right: -3px;
	top:45px;
	color:#ffffff !important;
	font-size: 12px;
}

.moredetailsbullet img{
	width:20px;
	height: auto;
	display: table;
	margin: 0 auto;
	margin-bottom: 10px;
}



.moredetailsbullet:hover{
	background-color: #0669B2;
	color:#ffffff
}





/* ===== DETALLE DE PROPIEDADES ===== */
.housename{
	margin-top: 20px;
	margin-bottom: 20px;
}
.housename h1{
	color: #0669B2;
	font-weight: 700;
	font-size: 36px;
}

.housename h2{
	font-size: 22px;
}

.housename .back-button{
	float: right;
	background-color:#4B4B4D;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 30px;
}

.housename .back-button:hover{
	background-color: #0669B2;
}


.housedetails .tittle{
	color:#4B4B4D;
	font-size: 22px;
	
}

.galleryImageSizeandPosition{
	width: 100% !important;
	height: 100% !important;
}

.housedetails .hr-line{
	border-top: 2px  solid #4B4B4D;
	border-bottom: none;
}

.housedetails .map{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-bottom:30px;
	border:#DCDCDC thin solid;
	padding:2px;

}

.housedetails .map iframe{
	width: 100% !important;
	height: 450px;
}

.housedetails-type{
	background-color: #000000;
	color: #ffffff;
	padding: 10px 20px;
	float: left;
	position: relative;
	font-size: 20px;
	
}

.housedetails-type:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.housedetails-type:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 8px;
	margin-top: -8px;
}
.housedetails-type:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #000000;
	border-width: 9px;
	margin-top: -9px;
}


.housedetails-price{
	background-color: #0669B2;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 20px;
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}

.housedetails-info{
	width: 100%;
	height: auto;
	padding: 15px 20px;
	background-color: #D5D3D5;
	margin-bottom: 10px;
	color: #4B4B4D;
	font-size: 16px;
	line-height: 40px;
	
}


.housedetails-info .housedetails-icon{
	width:40px;
	height: auto;
	margin-bottom: 5px;
}

.housedetails-info hr{
	border-top: 1px  solid #4B4B4D;
	border-bottom: none;
	padding:0px;
	margin:10px 0px;
}

.housedetails-moreinfo{
	width: 100%;
	height: auto;
	padding: 20px 30px;
	background-color: #4B4B4D;
	border-bottom:solid 8px #0669B2;
}

.housedetails-moreinfo img{
	width: 100%;
	height: auto;
}

.housedetailsform{
	position: relative;
}

.housedetailsform{
	width: 100%;
	height: auto;
	padding: 20px 10px;
	background-color: #D5D3D5;
	margin-bottom: 20px;
}
.housedetailsform .input-group{
	width: 95%;
	margin-bottom: 5px;
}


.housedetailsform input{
	width: 95%;
	font-size:14px;
	background-color:#FFFFFF;
	
  	display: inline-block;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  
  	margin:0;
	margin-bottom: 10px;
  	padding: 8px 0px 8px 8px;
  
  	border: 1px solid #b7b7b7;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  
  	color:#4B4B4D;
  	-o-text-overflow: clip;
  	text-overflow: clip;

  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	resize: none;
}

.housedetailsform textarea{
	width: 95%;
	font-size:14px;
	background-color:#FFFFFF;
	
  	display: inline-block;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  
  	margin:0;
	margin-bottom: 10px;
  	padding: 8px 0px 8px 8px;
  
  	border: 1px solid #b7b7b7;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  
  	color:#4B4B4D;
  	-o-text-overflow: clip;
  	text-overflow: clip;

  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	resize: none;
}


.housedetailsform .button{
	font-size:16px;
	font-weight:normal;
	padding:9px 50px;
	text-decoration:none;
	background-color:#0669B2;
	color:#FFFFFF;
	margin-top:20px;
	float:right;
}


.housedetailsform .button:hover{
	text-decoration:none;
	background-color:#BDD0F0;
	color:#4189D3;
}


.shareprop{
	float: right;
	position: relative;
	top:30px;
}

.shareprop a{
	float: right;
}
.shareprop .tittle{
	font-size: 14px;
	font-weight: 700;
}

.shareprop i{
	font-size: 25px;
	margin-right: 10px;
	color:#4B4B4D;
}

.shareprop i:hover{
	color:#0669B2;
}

/* ===== CONTACTO ===== */

.contacto{
	margin-bottom: 20px;
	position: relative;
}

.contacto .adress{
	font-size: 18px;
}


.contacto form ul{
	list-style:none;
	margin:0;
	padding:0;
}

.contacto form li{
	display:list-item;	
	margin-bottom:8px;
	font-size:12px;
}

.contacto form .formGroup{
	margin-bottom:10px;
}

.contacto form input, select, textarea{
	width:100%;	
	font-size:12px;
	background-color:#BDD0F0;
	
  	display: inline-block;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  
  	margin:0;
  	padding: 8px 0px 8px 8px;
  
  	border: 1px solid #b7b7b7;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  
  	color: rgba(0,142,198,1);
  	-o-text-overflow: clip;
  	text-overflow: clip;

  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	resize: none;
}

.contacto form .button{
	font-size:16px;
	font-weight:normal;
	padding:9px 50px;
	text-decoration:none;
	background-color:#0669B2;
	color:#FFFFFF;
	margin-top:20px;
	float:right;
}


.contacto form .button:hover{
	text-decoration:none;
	background-color:#BDD0F0;
	color:#4189D3;
}

.contacto form  .txtobligatorios{
	font-size:10px;
	font-weight:normal;
}



.ajaxsend{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: rgba(255,255,255,0.8);
	z-index: 99999999;
	padding-top: 80px;
}

.ajaxsend p{
	text-align: center;
	color:#3B3B3B;
	margin-top: 10px;
}

.ajaxsend .ajaxload-gif{	
	width: 50px;
	height: 50px;
	margin: 0 auto;
	display: block;
	text-align: center;

	
}

/* ===== PROYECTOS ===== */

.proyectos{
	
}

.proyectos ul {
  columns: 200px;
  break-inside: avoid;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
}
.proyectos li {
  list-style-type:none;
}
.proyectos img {
  width: 100%;
  display: block;
  object-fit: cover;
  margin-top: 0px;
  margin-bottom: 20px;
  border: 1px solid black;
  box-shadow: 1px 3px 8px rgba(0,0,0,0.5);
}

@media (max-width: 1440px) {
	.rslides {
	height: 450px;  	
	}
	
	.housename{
	margin-top: 20px;
	margin-left: 250px;
}
}

@media (max-width: 1366px) {
	.rslides {
	height: 450px;  	
	}
}

@media (min-width: 1199px){
	 .col-lg-15 {
        width: 20%;
        float: left;
    }
	
	.rslides {
	height: 500px;  	
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
	  font-size: 14px;
	  padding: 18px 20px;	
	
	}
	
	header .headerlogo{
		left: 50px;
	}	
	
	 .col-md-15 {
        width: 20%;
        float: left;
    }
	
	.rslides {
	height: 400px;  	
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar-default .navbar-nav>li>a {
	  font-size: 14px;
	  padding: 18px 15px;	
	
	}
	
	.col-sm-15 {
        width: 20%;
        float: left;
    }
	
	header .headerlogo{
		left: 50px;
	}

	

}

@media (max-width: 860px) {
	
	.flex-direction-nav a { top: 30px; width: 30px; height: 30px; padding-top: 7px; }
	.flex-direction-nav a:before { font-size: 16px; }
	.flex-caption { width: 100%; bottom: 0; }
	.navbar .navbar-nav .dropdown-menu > li > a {
		padding-top:15px;
		padding-bottom:15px;
 	 }
	
	header .headerlogo{
		left: 50px;
	}
	
	
}

@media (max-width: 767px) {
	
	
	.navbar>.container .navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-toggle { margin-top: 10px; }
	.navbar-toggle .icon-bar { background: #FFFFFF; }
	ul.navbar-nav li a { padding: 15px 10px; text-align: right; }
	ul.navbar-nav li a br { display: none; }
	ul.navbar-nav li a i { padding-right: 7px; }
	
	.navbar-default .navbar-nav>li>a {
		padding: 10px 20px;
	
	}
	
	.rslides {
		height: 300px;
  
	}
	
	
	.promo-banner{
		display: none;
	}
	
	.housename{
		margin-top: 130px;
		margin-left: 20px;
	}
	
	
	.housename .back-button{
		float: right;
		top: -130px;
	}
	.housedetails .map .mapasize{
		width: 100%;
		height: 250px;
	}
	
	.housedetails-moreinfo img{
		width: 60%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	.shareprop{
		text-align: center;
	}
	
	footer .footer-logo{
		width: 150px;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	footer{
		text-align: center;
	}
	
	footer .network-icons{
		text-align: center;
	}

	
	
	
	
}

@media (max-width: 480px) {
	
	
	header .headerlogo{
		width: auto;
		height: auto;
		background-color: #000000;	
		position: absolute;
		top:0;
		left:5px;
	}

	header .headerlogo img{
		width: 150px;
		height: auto;
		padding:5px;
	}
	
	.flex-caption { display: none; }
	
	.navbar .navbar-nav .dropdown-menu > li > a {
 	 }
	
	.rslides {
		height: 200px;
  
	}
	
	.welcome .welcomepic{
		width: 100%;
		height: auto;
	}
	
	.welcome h1{
		text-align:center;
	}
	
	.filterbox img{
		width: 250px;
		height: auto;
		margin: 0 auto;
		display: block;
		
	}
	
	
	.promo-banner .promobanner-middle{
		padding: 20px 0px;
	}
	
	
	.infobar .infobarblock{
		display:list-item;
		float: none;
		border: none;

	}
	
	.moredetailsbullet{
		
		display: none;
	}
	
	.housename{
		margin-top: 130px;
		margin-left:20px;
	}
	
	.housename h1{
	color: #0669B2;
	font-weight: 700;
	font-size: 28px;
}

	.housename h2{
		font-size: 18px;
	}

	.housename .back-button{
		float: right;
		top: -130px;
	}
	
	.housedetails-moreinfo img{
		width: 80%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
	footer{
		text-align: center;
	}

	footer .footer-logo{
		width: 200px;
		height: auto;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}

}