@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "fuente2";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fuentes/OpenSans-Regular.woff") format("woff"), url("fuentes/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "fuente";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fuentes/OpenSans-Regular.woff") format("woff"), url("fuentes/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "fuente3";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fuentes/HoratioDMed.woff") format("woff"), url("fuentes/HoratioDMed.ttf") format("truetype");
}

.etiqueta{
position: absolute; margin-left:0px;  margin-top:-190px; font-size: 15px; background-image:url(../images/etiqueta.png); color: #ff0000; font-family:  Calibri; font-weight: bold; text-align: right; z-index: 11111; height:34px; line-height:35px; padding-top: 0px; padding-left: 12px; padding-right: 12px; padding-bottom: 2px; letter-spacing:1px;
}

.etiqueta2{
position: absolute; margin-left:0px;  margin-top:-30px; font-size: 15px; background-image:url(../images/etiqueta.png); color: #ff0000; font-family:  Calibri; font-weight: bold; text-align: right; z-index: 11111; height:34px; line-height:35px; padding-top: 0px; padding-left: 12px; padding-right: 12px; padding-bottom: 2px; letter-spacing:1px;
}

<!-- slide -->
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.1, 1.1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.3, 1.3);
  }
}

.carousel-inner .item > img {
  -webkit-animation:zoom    12s ;
  animation: zoom   12s ;
  
  width:100% !important;
  height:auto;
  max-height:750px;
  overflow:hidden;
  
}
<!-- fin slide -->

.cabecera{
  width:100% !important;
 
 }

.cabecera img{
  width:100% !important;
  
}

.frase-cabecera-movil{  display:none;}

.top-movil{
	display:none;
	}
	
	.top1{
		width:100%;
		height:20px;
		background-image:url(../images/top1.jpg);
		
	top:0;
	position:absolute;
	z-index:999999999999999999999999999999999999999999999999999;
	margin-bottom:50px;
		
		}
		
		.top1movil{
		display:none;
		
		}
	
.top{
	width:100%;
	height:50px;
	padding-left:30px;
	padding-top:30px;
	box-sizing: border-box;
	position:absolute;
	z-index:1;}
	
	
.top-left{
	width:28%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	margin-top:30px;}
	
	
	.top-left img{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:left;}
	
.top-right{
	width:44%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:right;
	padding-top:20px;
	color:#fff !important;
	margin-top:30px;}
	

.letras-logo{
	font-family:fuente3;
	font-size:40px;
	color:#4d76d2;
	font-weight:bold;}	
	
.letras-logo2{
	color:#f2f2f2;
	font-weight: 600 !important;}
	
.letras-logo3{
	font-family:fuente3;
	font-size:20px;
	color:#f2f2f2;
	line-height:10px;
	}
	
.letras-logo4{
	font-family:fuente3;
	font-size:20px;
	color:#f2f2f2;
    line-height:49px;
	}	

.buscador-caja{
  width:70%;
  height:auto;
  position:absolute;
  z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  margin-top:350px;
  margin-left:16%;

}


.buscador-caja{
  width:70%;
  height:auto;
  position:absolute;
  z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  margin-top:350px;
  margin-left:16%;

}


#buscador{
width: 100%;
height:auto;

margin:auto;
left:auto;
right:auto;
padding-top:25px;
overflow:hidden;
box-sizing:border-box;
text-align: right;
}

.buscador-movil{ display:none;}

.h1{
  font-size: 40px !important;
  margin-top:10px;
  text-align: center;
  padding-left:10px;
  padding-right:10px;
   color: #333 !important;
   font-family:fuente !important;
   font-weight: lighter !important;
}

.h2{
  font-size: 21px !important;
  text-align: center; 
  padding-left:10px;
  padding-right:10px;
  color: #666 !important;
  font-family:fuente !important;
   margin-top:0px !important;
}

.empresa1{
	margin-top:0px;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:10px;}
	
.empresa1 p{
	text-align: justify !important; font-family:fuente;}
	
.boton-trans{ width:180px; height:45px; font-family:fuente !important; background-color:transparent; border:1px solid #000; line-height:46px; color: #000; margin:0 auto !important; margin-top:30px !important;  font-size:16px;}

.boton-trans:hover{ background-color: #06F; border:1px solid #000; line-height:46px; color: #fff; margin:0 auto !important; margin-top:30px !important;  font-size:16px;}

.boton-trans2{ width:180px; height:45px; background-color:transparent; border:1px solid #ccc; line-height:46px; color: #ccc; margin:0 auto !important; margin-top:30px !important;  font-size:16px;}



	.caja1{
	width:92%;
	font-family:fuente;
	font-size:20px;
	color: #666;
	text-align:left;
	height:auto;
	margin:0 auto !important;
	padding-left:30px;
	padding-right:30px;
	box-sizing: border-box;
	margin-top:60px !important;
	display:inline-block;
	}
	
	.caja1 img{
	width:120px;
	
	}
	
	.boton-desplegable{ width:200px;  height:35px; color:#666; border:1px solid #ccc; font-size:15px; background-color:transparent;}
	
	.boton-desplegable2{ width:200px; height:36px; color:#666; border:1px solid #ccc; font-size:15px; background-color:transparent; text-transform:uppercase !important;}
	
	.formulario1{ width:200px !important; position:absolute; display:inline-block !important; }



.separador{ width:10%; color:#c73335; background-color:#db3ace; margin:0 auto; margin-top:10px; height:4px; }
 
 
.noticias{ width:100%; height:27px; line-height:28px; background-color: #000; color:#FFF !important; position:absolute; z-index:99999999999999999999999999999999999999; bottom:0  !important;  }



#scrollnoticias{ color:#FFF !important; text-transform:uppercase !important;}

.boton-noticias{ width:70px; heigh:17px; background-color: #0ab5fc; color:#fff; display:inline-block; border-radius: 3px; text-align:center; line-height:17px;}
 
 
 .titular-ultimos-inmuebles{
	 color: #000; font-family:fuente; font-size:26px; text-align:center;}




	
.direction-reveal__text{ font-size:14px !important;}	
	
	
	
	
	
.iconomovil{ display:none;}
	
	
	
 #cuadro-inmuebles{
width:90%;
height:auto;
overflow:hidden;

left:0;
right:0;
margin:auto;
border:0px solid #ccc;
padding:15px;
box-sizing:border-box;
padding-top:40px;
padding-bottom:40px;
background-color:#fff;

}

#cuadro-inmuebles:hover{
background-color:#f2f2f2;

}



.cuadro-left{
width:30%;
height:auto;
overflow:hidden;
font-family:fuente2;
margin-top:5px;
float:left;
margin-left:0px;
}

.cuadro-left img{
width:100%;
height:auto;
max-height:330px;

}

.cuadro-right{
width:68%;
height:auto;
overflow:hidden;
margin-top:5px;
float:right;
margin-right:0px;
font-family: fuente;
font-size:16px;
color:#100f21;
text-align: justify;
line-height:29px;
padding-top:10px;
}

.bloque1{
	width:96%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:30px;
	color: #06F;
	text-align:left;
	height:40px;
	line-height:41px;}
	
.bloque2{
	width:96%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:17px;
	color:#000;
	
	text-align:left;
	height:40px;
	line-height:41px;
	margin-top:5px;}
	
.bloque3{
	width:96%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:20px;
	color:#000;
	font-weight:bold;
	text-align:left;
	height:40px;
	line-height:41px;
	margin-top:5px;}
	
	.bloque4{
	width:96%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:15px;
	color:#666;
	text-align: justify;
	height:auto;
	overflow:hidden;
	line-height:25px;
	margin-top:5px;}
	
	
	.bloque5{
	width: 96%;
	float: left;
	left: 10px;
	font-family: fuente;
	font-size: 15px;
	color: #666;
	text-align: right;
	height: auto;
	overflow: hidden;
	line-height: 25px;
	margin-top: 50px !important ;
	}

/* PAG*/
.pagination {
		padding: 8px;
		margin: 8px;
		text-align:center;
		color:#red;
		font-size:80%;
		font-family:fuente2;
	}
	.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:7px 10px;
		background-color:#000;
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
	}
.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url(invbar.gif);
		background-color:#ff0000;
		color: #ffffff;
	}
	.pagination span.current {
		margin-right:3px;
		padding:7px 10px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #000;
		color: #ffffff;
	}
	.pagination span.disabled {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #606060;
		color: #808080;
	}





.input-contacto{
width:60%;
height:28px;
border:1px solid #ccc;
font-family:fuente;
font-size:14px;
padding-left:4px;
margin-right:10px;
background-color:#fff;
color: #666;
}


.select-contacto{
width:60%;
height:30px;
border:1px solid #ccc;
font-family:fuente;
font-size:14px;
padding-left:10px;
background-color:#fff;
color:#666;
}

.textarea-contacto{
width:60%;
height:80px;
border:1px solid #ccc;
font-family:fuente;
font-size:14px;
padding-left:10px;
background-color:#fff;
color:#666;
}	
.boton-contacto{
width:100px !important;
height:33px;
background-color: #09F ;
font-family:fuente;
font-size:16px;
color:#fff;
text-align:center;
border:0px solid #990000;

}
.boton-contacto:hover{

background-color: #ff0000 ;
}

.socialCircle-item {
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: #c73335 !important;
  margin: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  padding-top:12%;
}

.socialCircle-container {
  position: relative;
  width: 100px;
  height: 100px;
  float:left;
  margin-left:-30px;
  
}

.socialCircle-center {
  width: 60px;
  height: 60px;
  background:#06F;
  margin: 50%;
  position: absolute;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
  padding-top:12%;
  background-color: #09F !important;
}

.mapa-contacto{ display:inherit;}
.mapa-contacto2{ display: none;}


/*footer*/
.footer{background: url(../images/pie.jpg) #222; padding: 20px 0; color: #999; margin-top:60px;} 
.footer h4{color: #fff;border-bottom: 2px solid #131313;margin-bottom: 10px;padding-bottom: 10px;}
.footer ul{list-style: none;padding: 0; }
.footer a{color: #fff;}
.footer a:hover{color: #d50d88;}
.footer p.copyright{margin: 30px 0 0 0;}	
	

@media (min-device-width : 320px) and (max-device-width : 900px) { 


.top1{display:none;
		
		}
		
.top1movil{
		width:100%;
		height:11px;
		background-image:url(../images/top1movil.jpg);
		
	top:0;
	position:absolute;
	z-index:999999999999999999999999999999999999999999999999999;
	margin-bottom:50px;
		display: inherit;
		
		}

.top{
	width:100%;
	height:65px;
	padding-left:30px;
	padding-top:30px;
	box-sizing: border-box;
	position:absolute;
	z-index:1;}
	
	
 
.top-left{
	display:none;}
	
.top-movil{
	display:inline-block;
	top:0;
	position:absolute;
	z-index:99999999999999999999999999999999999999999999999999;
	left:30px;
	color: #c73335;
	font-family:fuente3;
	padding-top:20px;
	font-weight:bold;}
	
.top-movil img{
	height:45px; margin-right:7px; vertical-align:middle; }

.top-movil-blanco{
	color: #fff;
	}
.telefono-movil{ font-size:12px;}


<!-- slide -->


.carousel-inner .item > img {
  -webkit-animation:zoom    35s ;
  animation: zoom   35s ;
  
  width:100% !important;
 
  min-height: 420px !important;
  height:420px !important;
  overflow: inherit;
  
}

<!-- fin slide -->

.cabecera{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:-7px !important;
	display:flex;
  justify-content: center;
  align-items: center;
	
}

.cabecera img{
	 height:450px !important;
	
}

.buscador-caja{
  display:none;

}


.buscador-movil{ display: inherit; height:auto; overflow:hidden; width:90%; margin:0 auto;}


.noticias{ width:100%; height:27px; line-height:28px; background-color: transparent; color:#FFF !important; position:absolute; z-index:99999999999999999999999999999999999999; bottom:0  !important;  }

.menu-navigation-basic {
	background-color:#FFF !important;
   
}



.h1{
  font-size: 30px !important;
  margin-top:70px;
  text-align: center;
  padding-left:10px;
  padding-right:10px;
   color: #333 !important;
   font-family:fuente !important;
   font-weight: lighter !important;
}

.h2{
  font-size: 16px !important;
  text-align: center; 
  padding-left:10px;
  padding-right:10px;
  color: #666 !important;
  font-family:fuente !important;
   margin-top:0px !important;
}

.iconomovil{ display: inline-block; margin-right:4px;}


#cuadro-inmuebles{
width:98%;
height:auto;
overflow:hidden;

left:0;
right:0;
margin:0 auto;
border:0px solid #ccc;
padding:15px;
box-sizing:border-box;
padding-top:40px;
padding-bottom:40px;

border-bottom:1px dotted #ccc;
}

#cuadro-inmuebles:hover{


}



.cuadro-left{
width:100%;
height:auto;
overflow:hidden;
font-family:fuente2;
margin-top:5px;
float:left;
margin-left:0px;
}

.cuadro-left img{
width:100%;


}

.cuadro-right{
width:100%;
height:auto;
overflow:hidden;
margin-top:5px;
float:right;
margin-right:0px;
font-family: fuente;
font-size:16px;
color:#100f21;
text-align: justify;
line-height:29px;
padding-top:10px;
}

.bloque1{
	width:100%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:22px;
	color:#0398d6;
	text-align:left;
	height:70px;
	line-height:26px;}
	
.bloque2{
	width:100%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:35px;
	color:#000;
	text-align:left;
	height:40px;
	line-height:41px;
	margin-top:5px;}
	
.bloque3{
	width:100%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:20px;
	color:#666;
	text-align:left;
	height:60px;
	line-height:25px;
	margin-top:5px;}
	
	.bloque4{
	width:100%;
	float:left;
	left:10px;
	font-family:fuente;
	font-size:15px;
	color:#666;
	text-align: justify;
	height:auto;
	overflow:hidden;
	line-height:25px;
	margin-top:5px;}
	
	
	.bloque5{
	width: 100%;
	float: left;
	left: 10px;
	font-family: fuente;
	font-size: 15px;
	color: #666;
	text-align: right;
	height: auto;
	overflow: hidden;
	line-height: 25px;
	margin-top: 15px;
	}
	
	
	
.socialCircle-item {
  width: 50px;
  height: 50px;
  position: absolute;
  background: #09F;
  margin: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  padding-top:12%;
}

.socialCircle-container {
  position: relative;
  width: 100px;
  height: 100px;
  float: right;
  margin-left: inherit;
  margin-right:80px;
}

.socialCircle-center {
  width: 60px;
  height: 60px;
  background:#06F;
  margin: 50%;
  position: absolute;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
  padding-top:12%;
}
	
.mapa-contacto{ display:none;}
.mapa-contacto2{ display: inherit;}

.footer .col-sm-3{margin-bottom: 30px;}
.footer{margin-top:50px; position:absolute; z-index:33333;}

}



@media (min-device-width : 801px) and (max-device-width : 1140px) { 

.top-left{
	width:55%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:left;
	margin-top:0px;}
	
	
	.top-left img{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float:left;}
	

.empresa{
	margin-top:0px;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:10px;
	padding-left:30px;
	box-sizing:border-box;
	padding-top:100px;
	padding-top:70px;
	font-family:fuente !important;
	}
	
.empresa-left{
	width:38%;
	float:left;
	height:auto;
	overflow:hidden;
	
	padding-left:40px;font-family:fuente !important;
	}
	
.empresa-left p{
	font-family:fuente !important;
	font-size:14px !important;
	color:#666;
	text-transform:uppercase !important;
}
	
	
.empresa-right{
	width:61%;
	float:right;
	height:auto;
	overflow:hidden;
	}
	

.caja-destacados{
	
	width:50% !important;
	height:auto;
	
	overflow:hidden;
	display:inline-block;
	margin-right:2%;
	border:0px;
	}



	
.caja-destacados img{
	
	width:100% !important;
	height:200px;
	}
	
.caja-destacados-tablet{
	
	display:none;
	}


}

@media (min-device-width : 992px) and (max-device-width : 1600px) { 

.cabecera img{
  width:100%;
  
  }

}
