/**
	HOJA DE ESTILOS WEB HR Imobiliaria

	1. Tipos de letras
	2. Estructura
		2.1 Encabezado
			2.1.1 Buscador
	 	2.2 Pie Pagina
	 	2.3 Menu
	 	2.4 Slider
	3. Elementos
		3.1 Enlaces
		3.2 Clases
		3.3 Encabezados
	4. Home
		4.1 Servicios
		4.2 Noticias
		4.3 Newsletter
		4.4 Asociados
		4.5 Eventos
		4.6 Formacion
		4.7 Parnets
	5. Interiores
		5.1 Conocenos
		5.2 Equipo
		5.3 Newsletter
		5.4 Parnerts
		5.5 Emprendedores
		5.6 Servicios
		5.7 Eventos
		5.8 Concactos
		5.9 Noticias
		5.10 Buscador
	6. Modulos
		6.1 Galeria Imagenes	
		6.2 Paginacion
		
**/

/*******  1. Tipos de letras ***************/
body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
}

/*******  2. Estructura ***************/
#mrc{
	width: 100%; border-top:15px solid #3f3f3f; border-bottom: 2px solid #3f3f3f;
}

#hd{
	border-bottom: 2px solid #3f3f3f; height: 162px; position: relative;
}

#bd{
	padding-top: 4px;
	position: relative;
}

#pvivienda{ width: 350px; padding-left: 5px; height: 100%;
	float: left; background-color: #f6f6f6;
   overflow: hide; 
   padding-bottom: 40px;
}
#lviviendas{
	margin-left: 370px;	
}

#ft{
	background-color: #1d1d1d; position: relative;
	color: #FFF;
}

#ft a{ color: #FFF;}
#ft a:hover{ text-decoration: underline}

#ft #logopie{ text-align: center; padding-top: 40px;}

#ft #info{ position: absolute; top: 4px; right: 20px;}

#ft .mn{ padding-top: 4px; padding-left: 10px; }
#ft .mn li{ display: block; float: left;  padding-right: 10px; height: 36px; line-height: 36px; }

#ft .mn li a{
	 display: block; height: 34px; line-height: 34px;
}
#ft .mn li #LMNFP{ background: url("../images/ico_pie_cookie.png") no-repeat left; padding-left: 38px;}
#ft .mn li #LMNFQ{ background: url("../images/ico_pie_quienes.png") no-repeat left; padding-left: 38px;  }
#ft .mn li #LMNFC{ background: url("../images/ico_pie_contacto.png") no-repeat left;padding-left: 38px; }
#ft .mn li #LFAC{ background: url("../images/logo-facebook.png") no-repeat left;padding-left: 38px; }

/**** INTERIORES****/
.int{padding: 20px 100px}
.int h2{
	border-bottom: 1px dashed #b9a383;
	padding: 5px 20px;	 
	background: url("../images/ico_h2.png") no-repeat left;
	color: #3f3f3f; font-weight: bold; font-size: 18px;
}

.int .cnt-center{
	padding: 40px 0; font-size: 1.2em; line-height: 1.3em;
}
.int .contacto ul{
	list-style-type: none;  float: left
}
.int .contacto li{
	margin: 10px; padding: 5px 40px;
}
.int .contacto li.telefono{
	background: url("../images/contacto_telefono.png") left top no-repeat;
}
.int .contacto li.direccion{
	background: url("../images/contacto_direccion.png") left top no-repeat;
}
.int .contacto li.email{
	background: url("../images/contacto_email.png") left top no-repeat; min-height:  40px;
}

.int .contacto .imagenmapa img{
	border:  1px solid #3f3f3f; box-shadow: 2px 2px 10px #666;

}

.int .quienes img, .int .empresa img{
	border:  1px solid #3f3f3f; box-shadow: 2px 2px 10px #666;
	float: right; margin-left: 50px; margin-bottom: 50px;
}
.int p{
	margin: 10px 0 20px 0; text-align: justify
}

.int h3{
	color: #901638; font-weight: bold;
}

.int h4{
	color: #85c3ec; font-weight: bold;
}

.clear{ clear: both;}



/*******  2.1 Encabezado ***************/
#hd_mn{
	position: absolute; 
	height: 150px; top: -4px; left: 379px; min-width: 700px;
}

#hd_top{ padding-left: 36px;}

#lang{ position: absolute; top:2px; right:10px;}

#lang a{ color: #3f3f3f; }
#lang a:hover{ text-decoration: underline;}

/*******  2.2 Pie Pagina ***************/

/*******  2.3 Menu ***************/
#hd_mn .mn li{
	text-align: center;
	float: left; display: block;
	height: 78px; 
	background: url("../images/flecha_menu.png") no-repeat top center;
	padding-top: 26px; position: relative; 
}

#hd_mn .mn li a{
	color: #3f3f3f; text-transform: uppercase;
	border-right: 1px solid #3f3f3f;
	display: block;
	padding-top: 88px; padding-bottom: 20px;
	width: 104px;
	font-weight: bold; font-size: 12px;
}

a#LMNPI{
	background: url("../images/home.png") no-repeat center; 
}
#mnpi a#LMNPI{color: #cbbaa0; text-decoration: underline  }

a#LMNM{
	background: url("../images/mapa.png") no-repeat center; 
}
#mnm a#LMNM{color: #cbbaa0; text-decoration: underline  }
a#LMNC{
	background: url("../images/contacto.png") no-repeat center; 
}
#mnc a#LMNC{color: #cbbaa0; text-decoration: underline  }
a#LMNQ{
	background: url("../images/quienes_somos.png") no-repeat center; 
	width: 152px !important;
}
#mnq a#LMNQ{color: #cbbaa0; text-decoration: underline  }

a#LMNE{
	background: url("../images/compania.png") no-repeat center; 
}
#mne a#LMNE{color: #cbbaa0; text-decoration: underline  }

/*******  2.4 Buscador ***************/

/*******  3. Elementos ***************/




/*******  3. Enlaces ***************/
a{ text-decoration: none; }

/*******  3. Clases ***************/
.clear{
	clear: both;
}

/*******  3. Encabezados ***************/



/*******  4. Home ***************/
h3#hvivienda{
	color: #cbbaa0; font-size: 13px; font-weight: bold;
	height: 18px; margin-bottom: 5px;
	vertical-align: middle; padding: 4px 0 0 40px; 
	background: #3f3f3f url("../images/ico_buscador.png") top left no-repeat;
	border-radius: 5px 4px 3px 1px;
}


/*******  5. Interiores ***************/

/**** formularios ****/
.formv label, .formv h4{ 
	color: #3f3f3f; display: block; font-size: 14px; font-weight:bold;
	padding: 3px 5px 4px 0;
}

.formv  .txt{
	width: 95%; border: 1px solid #3f3f3f;
	background:  url("../images/fondo_input.png") repeat-x;
	height: 24px;  margin-bottom: 5px;
}

.formv .btns{
	text-align: center;
	padding: 10px 0;
	position: absolute; width: 98%; height: 40px;
    background-color: #FFF; opacity: 0.6;
}
.formv .btns:hover{
	opacity: 1;
}
.formv .btns .srch{
	background-color: #85c3ec; border: 1px solid #85c3ec;
	background-image: url("../images/ico_lupa.png");
	background-position: right;
	background-repeat: no-repeat;
	text-align: center; width: 80%;
	text-transform: uppercase;
	padding: 5px 0;
	height: 36px;
	border-radius: 4px;
	
}

.formv .btns .srch:hover{ cursor: pointer; }

.formv .c_extras label{ display:  block; width: 40%;
float: left;
border: 1px solid #3f3f3f;
background:  url("../images/fondo_input.png") repeat-x;
height: 24px;  margin-bottom: 5px; margin-right: 8px;
}

#pvivienda{
	position: relative; 
	padding-bottom: 50px;
}

#lviviendas #loading{
  text-align: center; 
  padding: 20px;
   font-size: 0.8em; text-transform: uppercase
}

#lviviendas .filter{
	border-bottom: 1px dashed #b9a383;
	padding: 10px 0;
}

#lviviendas .filter select{ border: 1px solid #3f3f3f;}

#lviviendas .news-bar{
	padding: 10px 122px 10px  0;
	text-align: right;
	height: 30px;
}

#lviviendas .news-bar span.total{

	background: url("../images/ico_resultado.png") no-repeat left;
	height: 30px; line-height: 32px;
	position: absolute; right: 122px;	
	padding-left: 30px;
}
#lviviendas .itemn{
	position: relative; margin-right: 122px; height: 220px;
	margin-bottom: 10px; min-width: 700px;
}

#lviviendas .itemn .box{
	border: 1px solid #9e9c9c; 
	 margin-bottom: 10px; height: 220px; min-width: 700px;
	border-radius: 3px;
	box-shadow: 2px 2px 10px #666;       
  	position: relative;	
}

#lviviendas .itemn  .box:hover{
	border: 1px solid #85c3ec; 
	box-shadow: 2px 2px 10px #3f3f3f;
	position: relative;	
}

#lviviendas .itemn .box .info{
	margin-left: 330px;
}

#lviviendas .itemn .galery{
	
	width: 300px; height: 220px; position: absolute;
	top: 0; left: 0;
}
#lviviendas .itemn .galery .foto{
	width: 300px; height: 220px; position: relative;
	
	overflow: hidden
}

#lviviendas .itemn .galery .foto img{
	width: 300px; height: 220px; position: absolute; top:0px; left:0px;
	
}

.total_img{
	position: absolute; bottom: 2px; left: 2px;
	opacity: 0.5; height: 25px; line-height: 25px;
	color: #FFF;
	font-size: 14px;
	background: #3f3f3f url("../images/camara.png") no-repeat left;
	padding-left: 30px; padding-right: 2px;
}

.flecha{
	position: absolute; z-index: 100;
	width: 30px; height: 50px; top: 50%; margin-top: -20px;
	background-color: #FFF;
	opacity: 0.2; cursor: pointer; z-index: 2 !important; display: none;
}
.flecha:hover{
   opacity: 1;
}
.flecha_right{ right: 0px; 
background: #FFF url("../images/flecha_der_n.png") no-repeat center;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; 
}

.flecha_left{ left: 0px; 
background: #FFF url("../images/flecha_izq_n.png") no-repeat center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; 
}


#lviviendas .itemn .info .ref{
	font-size: 22px; color: #3f3f3f; padding-top: 4px;
}

#lviviendas .itemn .info .precio{
	font-size: 35px; color: #901638;
	padding: 0 0 0 70px;
	position: relative;
	height: 64px; line-height: 64px;
	
}

#lviviendas .itemn .caracte{ color: #3f3f3f; font-size: 15px; line-height: 1.5em;}
#lviviendas .itemn .VENTA{
	background: url("../images/venta.png") no-repeat left top;
}
#lviviendas .itemn .ALQUILER{
	background: url("../images/alquiler.png") no-repeat left top;
}

#lviviendas .itemn .bar{color: #901638; font-size: 14px; position: absolute;
	left: 330px; bottom: 5px;}
	
	.bar span{ padding-left: 24px;
		display: block; float: left; height: 26px; line-height: 26px;
		margin-left: 4px; border: 1px solid #FFF;;
	}
	.bar .metros{ background: url("../images/icono_metros.png") no-repeat left; }
	.bar .habitaciones{	background: url("../images/icono_habitaciones.png") no-repeat left; }
	.bar .banios{	background: url("../images/icono_banios.png") no-repeat left; }
	.bar .garaje{	background: url("../images/icono_garaje.png") no-repeat left; }
	.bar .ascensor{	background: url("../images/icono_ascensor.png") no-repeat left; }
	.bar .trastero{	background: url("../images/icono_trastero.png") no-repeat left; }

	#lviviendas .itemn .contacto{
position: absolute;
bottom: 4px; right: 4px;
background-color: #f6f6f6; color: #3f3f3f;
padding: 5px; border-radius: 5px;

	}

	.item-bar{
		text-align: right;
		padding-right: 122px; min-width: 700px;
		padding-top: 10px;

	}
	.item-bar a, .item-bar span{
		/*display: block;*/
		background-color: #85c3ec;
		/*float: left;*/
		padding: 4px 6px;
		margin-right: 2px;
		font-size: 1.2em;
	
	}
	
	.item-bar a{ color: #3f3f3f;}
	.item-bar a:hover{
		background-color: #901638; color:#FFF;
	}
	.item-bar span.current{
		background-color: #901638 !important; color: #FFF;
	}

	.vivienda #gallerias{
		
		text-align: center;
	}
	.vivienda #slider1_container{
		margin: auto; box-shadow: 2px 2px 10px #666; 
	}

	.vivienda .back{ text-align: right; color: #3f3f3f; }
	.vivienda .back:hover{ text-decoration: underline }

    .vivienda .detalle{
		font-size: 1em; font-weight: bold;
		margin: 20px 0;
	}

	.vivienda h3{ text-transform: uppercase; font-size: 1.5em;
		border-bottom: 1px dashed #b9a383; margin-bottom: 2px;
	}

	.vivienda #titlebar{
		height: 40px; background-color: #f6f6f6; position: relative;
		margin-bottom: 20px; border: 1px solid #DEDEDE;
		
	}
	.vivienda #titlebar span{
		float: right;
	}
	
	.vivienda .propiedad{
		display: block;  background-color: #901638; color: #FFF;
		background-image: url(../images/flecha_roja.png);
		background-position: left;
		background-repeat: no-repeat;
		padding: 0 40px; height: 40px; line-height: 40px;
		font-size: 16px;
	}
	
	.vivienda .tipoOperacion{
		display: block;  background-color: #3f3f3f; color: #FFF;
		background-image: url(../images/flecha_negra.png);
		background-position: left;
		background-repeat: no-repeat;
		padding: 0 40px; height: 40px; line-height: 40px;
		font-size: 16px;
	}
	
	.vivienda .referecia{
		padding: 0 40px; height: 40px; line-height: 40px;
		font-size: 16px; display: block;
		position: absolute; top: 0; left: 0; font-weight: bold;
	}

	.vivienda .bar{
		border: 1px solid #DEDEDE; height: 26px;
		background-color: #f6f6f6; line-height: 26px;
		font-weight: bold; font-size: 14px; color: #586162;
		padding-left: 16px;
	}
	
	.vivienda .bar span{
		display: block; float: left; margin-right: 10px;
		padding-left: 16px;
		background-repeat: no-repeat;
		background-position: left;
		border-right: 1px solid #DEDEDE;
	}
	
	.vivienda .bar span.metros{
		background-image: url(../images/icono_metros.png);
		padding-left: 27px; padding-right: 20px;
		
	}
	
	.vivienda .bar span.habitaciones{
	background-image: url(../images/icono_habitaciones.png);
		padding-left: 27px;padding-right: 20px;
	}
	
	.vivienda .bar span.banios{
		background-image: url(../images/icono_banios.png);
		padding-left: 27px;padding-right: 20px;
	}
	
	.vivienda .bar span.garaje{
		background-image: url(../images/icono_garaje.png);
	 padding-left: 27px;
	}
	
	.vivienda .bar span.ascensor{
		background-image: url(../images/icono_ascensor.png);
	 padding-left: 27px;
	}
	.vivienda .bar span.trastero{
		background-image: url(../images/icono_trastero.png);
	 padding-left: 27px;
	}
	
	.vivienda .descripcion{
		margin: 20px; padding: 0 20px; line-height: 18px;
		text-align: justify; color: #586162;
	}
	
	.vivienda h3.titlei{
		color: #901638; font-weight: bold; font-size:1.5em;
		padding-bottom: 10px;
		border-bottom: 1px dashed #b9a383; margin-bottom: 2px;
	}
	
	.vivienda ul.adicional{
		 margin-bottom: 30px;
	}
	.vivienda ul.adicional li{
		padding: 10px 20px;
		color: #8b9293;
		border-bottom: 1px solid #DCDCDC;
	}
	.vivienda ul.adicional li strong {
		display: inline-block;
		font-weight: 500;
		color: #394041;
		margin-right: 10px;
	}
	
	.vivienda ul.adicional li:hover{
		background-color: #f5f5f5
	}
	.vivienda ul.adicional li.ce img{
		vertical-align: middle; 
	}
	.vivienda ul.adicional li.ce:hover{
		background-color: #FFF;
	}


	#mapasVivienda .conteMas{
		margin-left: 360px; 
		position: relative
	}

	#mapasVivienda .maps{  }


	#mapaBusqueda{ 
		width: 350px; height: 560px; background-color: #f6f6f6;
		float: left;  
		padding-left: 5px; 
	}

	#mapaBusquedaT{
		height: 520px; overflow: auto;
	}
	#mapaBusquedaB{
		position: absolute; top: 520px; width: 350px;
		padding: 5px 0; text-align: center
		
	}

	#mapaBusquedaB .srch{
		background-color: #85c3ec; border: 1px solid #85c3ec;
		background-image: url("../images/ico_lupa.png");
		background-position: right;
		background-repeat: no-repeat;
		text-align: center; width: 80%;
		text-transform: uppercase;
		padding: 5px 0;
		height: 36px;
		border-radius: 4px;
	}

	#mapaBusquedaB .srch:hover{ cursor: pointer; }

	#lviviendas p.no{
		text-align: center;
		padding: 100px;
	}


	/****** PANEL MAPA ******/
	.infoPanel .itemn{ 
		position: relative; margin-right: 122px; height: 220px;
		margin-bottom: 10px; width: 100%;
		
	}
	.infoPanel .itemn .box{
		border: 1px solid #9e9c9c; 
		height: 220px; 
		overflow: hidden;
		position: relative;	
	}
		
	
	.infoPanel .itemn .box .info{
		margin-left: 330px;
	}

	.infoPanel .itemn .galery{ width: 300px; height: 220px; position: absolute; top: 0; left: 0; }
	.infoPanel .itemn .galery .foto{ width: 300px; height: 220px; position: relative; overflow: hidden; }
	.infoPanel .itemn .galery .foto img{ width: 300px; height: 220px; position: absolute; top:0px; left:0px; }

	.infoPanel .itemn .info .ref{ font-size: 18px; color: #3f3f3f; font-weight: bold; }
	
	.infoPanel .itemn .info .precio{ font-size: 35px; color: #901638;
		padding: 0 0 0 70px; position: relative; height: 64px; line-height: 64px;
	}
	
	.infoPanel .itemn .caracte{ color: #3f3f3f; font-size: 15px; line-height: 1.5em; 
		height: 40px; overflow: hidden
	}
	.infoPanel .itemn .VENTA{ background: url("../images/venta.png") no-repeat left top; }
	.infoPanel .itemn .ALQUILER{ background: url("../images/alquiler.png") no-repeat left top; }
	.infoPanel .itemn .bar{color: #901638; font-size: 14px; position: absolute; left: 330px; bottom: 5px;}
	.infoPanel .itemn .contacto{ position: absolute; bottom: 4px; right: 4px;
		background-color: #f6f6f6; color: #3f3f3f; padding: 5px; border-radius: 5px; 
	}

	.infoPanel .itemn .bar{color: #901638; font-size: 14px; position: absolute; left: 300px; bottom: 5px;}


	#overbox3 {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 999999;
		display: block;
	}
	#infobox3 {
		margin: auto;
		position: relative;
		top: 0px;
		height: 80px; padding-top: 10px;
		width: 100%;
		text-align:center;
		background-color: #ebe4db; border-top: 1px solid #3f3f3f;
	}
	#infobox3 h3 {
		line-height:20px;
		font-size:20px; color: #3f3f3f; font-weight: bold;
		text-align:center;
	}
	#infobox3 p {
		line-height:20px;
		font-size:16px;
		text-align:center;
	}
	#infobox3 p a{ color: #85c3ec; }
	#infobox3 p a:hover{ color: #000;}
	
	#infobox3 a.acepto {
	   height: 33px; line-height: 33px; margin: 0 auto;
	   width: 120px;
	   display: block; padding: 0 20px;
		background-color: #85c3ec; color: #3f3f3f;
		text-transform: uppercase; cursor: pointer;
	}

	a.linki{
		color: #901638;
	}
	a.linki:hover{ text-decoration: underline}