@charset "utf-8";
@import "reset.css";

body { margin: 0 auto; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 13px; color: #333; -webkit-font-smoothing: antialiased; }

/* links  */ 

a { color: white; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a:hover {  -webkit-transition: all 0.2s ease; }

.link_gray2 { color: #333; } .link_gray2:hover { color: #24617d; }
.link_gray:hover { color: #999; }
.link_main, .link_main2, .link_main3 { display: inline-block; font-family: 'Raleway', sans-serif; font-weight: 700; border-radius: 5px; padding: 15px 15px; border: 2px solid white; }

.link_main2 { color: #626465; border: 2px solid #626465; } 
.link_main3 { background-color: #367c9e; color: #eee; border: 2px solid #367c9e; } 

.link_main:hover, .link_main2:hover { background-color: #367c9e; color: #eee; border: 2px solid #367c9e; }
.link_main3:hover { background-color: #626465; border: 2px solid #626465; }

.link_titulo { display: block; padding: 10px 0; }	
.link_titulo h4:hover { color: #8c1104; }
	
/* títulos y texto */ 

p { line-height: 18px; margin-bottom: 30px; }
.big_txt { font-size: 15px; line-height: 25px; }
h1 { font-family: 'Raleway', sans-serif; font-weight: 700; color: #444; font-size: 32px; margin-bottom: 16px;  }
h2 { font-weight: 300; color: #444; font-size: 24px; margin-bottom: 30px; }
h3 { font-family: 'Raleway', sans-serif; font-weight: 700; color: #444; font-size: 20px; }
h4 { font-family: 'Raleway', sans-serif; font-weight: 800; color: #444; font-size: 16px; }
h5 { font-weight: 300; font-size: 15px; }

strong { font-weight: 700; }
.underline { text-decoration: underline; }
.txt_gray { color: #999999; }

.bigh1 { font-size: 45px; }

hr, .hr_white { display: inline-block; width: 42px; border: 1px solid #444; margin-bottom: 30px; }
.hr_white { border: 1px solid white; }

/* colores  */ 

.bg_blue { background: rgb(0,102,137); background: linear-gradient(90deg, rgba(0,102,137,1) 0%, rgba(0,42,56,1) 100%); }
.bg_gray { background: rgb(98,99,101); background: linear-gradient(90deg, rgba(98,99,101,1) 0%, rgba(40,41,41,1) 100%); }
.bg_darkgray { background: rgb(64,64,66); background: linear-gradient(90deg, rgba(66,66,66,1) 0%, rgba(25,25,25,1) 100%); }
.bg_red { background: rgb(64,64,66); background: linear-gradient(90deg, rgba(159,57,37,1) 0%, rgba(88,4,1,1) 100%); }

.clr_white { color: white; }
.clr_blue { color: #24617d; }
.clr_red { color: #8c1104; }
.clr_gray { color: gray; }

/* arreglos  */ 

.pre-load-web { width:100%; height: 100%; width: 100vw; height: 100vh; position:absolute; position:fixed; left:0; top:0; z-index:100000 }
.pre-load-web .imagen-load { left:50%; margin-left: -100px; position:absolute; top: 50%; margin-top: -50px; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.padding { padding: 80px 0; }
.fullscreen { height: 100%; height: 100vh; overflow: hidden; }
.image:hover { opacity: 0.7; }

/* estructura  */ 

.main { position: absolute; width: 100%; }
.section { position: relative; float: left; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: 109% auto; }
.cont { position: relative; margin: 0 auto; width: 1110px; }

.fila { float: left; width: 100%; }
.col_left { float: left; width: 50%; }
.col_right { float: left; width: 50%; }
.col25 { display: inline-block; vertical-align: top; width: 23%; }
.col25 hr { margin: 15px auto; }
.col25_img { position: relative; float: left; height: 380px; width: 100%; overflow: hidden; margin-bottom: 15px; }
.col25_img img { width: 100%; }
.col_33 { float: right; padding-left: 40px; margin-top: 20px; }

.col50 { position: relative; display: inline-block; vertical-align: top; width: 48.5%; }
.col50 iframe { width: 100%; }
#mapas .col50 { height: 350px; overflow: hidden; }

.listado { float: left; width: 100%; -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;  }

.nomargin { margin: 0; }
.margin { margin-bottom: 40px; }
.margin_20 { margin-bottom: 20px; }
.ancho { display: block; width: 100%; } 
.top { margin-top: 90px; }
 
.header { position: fixed; width: 100%; min-width: 1270px; height: 142px; border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 3000; }

.logo { float: left; height: 100%; padding: 0 30px; padding-top: 18px; border-right: 1px solid rgba(255,255,255,0.3); }
.nav { float: right; height: 100%; padding-right: 30px; padding-top: 46px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,0.3); }
.nav li { display: inline-block; font-family: 'Raleway', sans-serif; font-weight: 700; margin: 0 2px; }
.nav_activo, .nav_clientes, .select { display: block; width: 100%; height: 100%; background-color: transparent; border-radius: 5px; color: white; padding: 15px 15px; border: 2px solid transparent; }
.nav_clientes { border: 2px solid white; }
.nav_activo:hover { border: 2px solid white; } 
.nav_clientes:hover { background-color: #367c9e; color: #eee; border: 2px solid #367c9e; }
.select { background-color: white; color: #367c9e; border: 2px solid white;  }

.social li { display: inline-block; margin-left: 20px; }	
.social { float: right; height: 100%; padding-right: 30px; padding-top: 60px; }
.social li a:hover { color: #367c9e; }

.bg_header { height: 95px;  }
.bg_header .logo a img { height: 70px; } 
.bg_header .logo { padding-top: 10px; } 
.bg_header .nav { padding-top: 22px; } 
.bg_header .social { padding-top: 37px; } 

#footer { border: 0; border-top: 4px solid rgb(25,25,25); }
#creditos { color: #EEE; padding: 50px 0; }
.geurban { position: absolute; right: 0; margin-top: -5px; }

/* home  */ 

.slick div, .slick { height: 100%; width: 100%; position: relative; }
.slick div { background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
.slick div img { width: 100%; }
.slick div p { position: absolute; font-family: 'Raleway', sans-serif; width: 1110px; left: 50%; margin-left: -555px; top: 50%; margin-top: -30px; font-size: 50px; font-weight: 800; line-height: normal; color: white; text-transform: uppercase; z-index: 1000; }
.slick div p small { font-family: 'Lato', sans-serif; font-weight: 300; display: block; font-size: 24px; text-transform: none; }

.down { position: absolute; left: 50%; margin-left: -27px; bottom: 0; }

#vender { background-image: url('imgs/img_invertir.jpg'); }
#vender .cont h2 { width: 70%; }

.tapa { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.3); -ms-display: flex; display: -webkit-flex; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.2s ease; }
.tapa h1 { color: white; text-align: center; font-size: 30px; font-weight: 700; height: 65px; width: 65px; border-radius: 50%; background-color: #367c9e; padding-top: 15px; }
.tapa:hover { opacity: 1; }
.etiqueta { position: absolute; width: 100%; bottom: 0; padding: 20px; text-align: left; color: white; }

#newsletter { padding: 50px 0; }
#newsletter .cont {  -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between;  }
.form_newsletter { display: inline-block; }
#newsletter button { margin-left: 10px; }
#newsletter input { width: 350px; margin: 0; }

input[type=text], input[type=email], textarea { width: 100%; font-family: 'Raleway', sans-serif; font-weight: 700; background-color: white; height: 43px; border: 2px solid #AAA; padding: 0 10px; margin-top: 5px; margin-bottom: 20px; vertical-align: top; }
textarea { padding: 10px; height: 212px; }
button { display: inline-block; font-family: 'Raleway', sans-serif; font-weight: 700; border-radius: 5px; padding: 14px 15px; color: white; background-color: #367c9e; cursor: pointer; margin: 0; border: 0; font-size: 13px; border-bottom: 2px solid #24617d; height: 43px;  vertical-align: top; }
button:hover { background-color: #333; border-bottom: 2px solid #333; }


.select-style { float: left; width: 100%; padding: 0; margin: 0; border: 0; height: 43px; border: 2px solid #AAA; margin-top: 5px; margin-bottom: 20px; overflow: hidden; background-color: white; background: white url("imgs/arrow.png") no-repeat 95% 50%; }
.select-style select { padding: 0 10px; width: 100%; height: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; border-radius: 0; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 13px;  }

#portada { height: 75vh;  }

.submenu { float: left; margin-bottom: 40px; border: 1px solid #CCC; border-radius: 5px; }
.submenu li { float: left; height: 100%; height: 43px;  }
.submenu li a { float: left; height: 100%; color: #333; padding: 14px; padding-bottom: 0; border-right: 1px solid #CCC; }
.submenu li a:hover, .select2 { background-color: #367c9e; color: white; }

.item { position: relative; display: inline-block; width: 23%; height: 380px; overflow: hidden; margin-bottom: 30px; }
.item img { width: 100%; }

#slick_imagenes { height: 280px; }

.icon_empiria { margin-right: 20px; margin-bottom: 80px; }

.aviso { float: left; width: 100%; padding: 20px; background-color: #fcb6b6; color: #c33636; border-left: 4px solid #c33636; }

#map { float: left; width: 100%; height: 60vh; }
.olvido { position: absolute; right: 0; margin-top: -30px; }

#menu, #close { display: none; }
#close { position: fixed; z-index: 5000; right: 20px; top: 35px; }

/* inmobiliaria  */ 

.item_amenities { float: left; width: 100%; -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between; margin-top: 15px; margin-bottom: 30px; border-top: 1px solid gray;  padding: 10px 0; font-size: 12px; }

.operacion_txt { position: absolute; top: 15px; left: 15px; color: white; background-color: white; color: #24617d; padding: 15px; border-radius: 5px; }
.opreacion_txt_alquiler { background-color: #8c1104; }

.buscador { float: left; width: 100%; -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between; flex-wrap: wrap; margin-bottom: 40px; }

.buscador .select-style, .buscador input, .buscador button { width: 24%; margin-top: 0; }
.buscador .moneda { width: 24%; height: 43px; padding: 5px 0; font-family: 'Raleway', sans-serif; font-weight: 700; }
input[type=radio] { width: auto; margin: 0; width: 30px; padding: 0; margin-bottom: 5px; }

.fila iframe { width: 100%; }

.icon_caracteristicas { float: left; width: 25%; }
.icon_caracteristicas img { display: inline-block; vertical-align: middle; height: 35px; margin-right: 8px; }

.solomobile { display: none; }
.whatsapp_web { position: fixed; right: 30px; bottom: 30px; color: white; background-color: #4FCE5D; width: 44px; height: 44px; border-radius: 50%; text-align: center; padding-top: 8px; text-align: center; font-family: 'Barlow SemiBold'; z-index: 3000;  }
.whatsapp_web:hover { background-color: #3a9b45; color: white; }

	
.buscador .select-style select { width: 100%; }


@media (max-width: 900px) {
	
	.oculta_cel { display: none; }
	.nav { float: none; width: 100vw; height: 100vh; text-align: center; position: fixed; top: 0; left: 0; padding: 20px; border: 0; background-color: rgba(0,0,0,0.7); padding-top: 20vh; display: none; }
	.nav li { width: 100%; }
	.nav li a, .select { padding-top: 18px; font-size: 13px; }
	.nav li a br, .nav li .select br { display: none; }

	.nomobile { display: none; }
	.solomobile { display: block; }
	
	body { font-size: 12px; }

	p { line-height: 16px; margin-bottom: 20px; }
	.big_txt { font-size: 14px; line-height: 20px; }
	hr, .hr_white { margin-bottom: 20px;  }
	
	h1 { font-size: 20px; margin-bottom: 16px; }
	h2 { font-size: 16px; margin-bottom: 20px; }
	h3 { font-size: 14px; }
	h4 { font-size: 12px; }
	h5 { font-size: 14px; }
	
	.header { height: 95px; min-width: 200px; }
	.logo a img { height: 70px; } 
	.logo { padding-top: 10px; } 
	.social { padding-top: 37px; } 
	.social li { display: inline-block; margin-left: 12px; }	
	
	#menu { display: inline-block; }
		
	.padding { padding: 40px 30px; }
	.section { background-size: auto 109% ; }
	.cont { width: 100%; }
	.col_left, .col_right, .col25, .col50, .item { width: 100%; }
	.col_33 { padding-left: 20px; }
	
	.slick div img { width: auto; height: 100%; }
	.slick div p { width: 60%; left: 20%; margin: 0; top: 35%; font-size: 20px; }
	.slick div p small { font-size: 14px; }
	.slick div { background-position: center top; background-color: #82817f; }
	
	#vender .cont h2 { width: 100%; }
	.form_newsletter { width: 100%; }
	#newsletter input { width: 100%; margin: 0; }
	#newsletter { padding: 30px; }
	#newsletter .cont {  display: block; }
	#newsletter button { margin: 0; margin-top: 10px; }
	
	#logo_footer { display: none; }
	.col_33 { margin: 0; padding: 0; width: 100%; }
	#footer { padding-bottom: 25px; }
	#creditos { padding: 30px; }
	.geurban { position: static; right: auto; margin: 0; margin-left: -4px; float: left; }
	
	#numeros hr { margin: 0; display: none; }
	#numeros h1 { font-size: 28px; }
	

	#mapas .col50 { margin-bottom: 10px; }

	.col25_img img { height: auto; width: 100%; }
	.buscador .select-style, .buscador input, .buscador button, .buscador .select-style select, .buscador .moneda { font-size: 11px; width: 48%; margin-bottom: 6px; }
	input[type=radio] { width: 20px; }

	.icon_caracteristicas img { height: 25px; }
	.icon_caracteristicas { width: 50%; font-size: 11px; }
	.bigh1 { font-size: 20px; }
	
	.right { text-align: center; }
	
	.buscador .select-style select { width: 100%; }

	#slick_imagenes div, #slick_imagenes { height: 50vw;   }

}

@media (max-width: 350px) {

	.logo a img { height: 50px; } 
	.logo { padding-top: 20px; }
	
}

@media (max-width: 900px) and (orientation : landscape) {

		.slick div img { width: 100%; height: auto; }

}

@media (max-width: 900px) {
	.item img {
		width: 100%;
		height: auto;
	}
	}