@charset "UTF-8";
/* CSS Document */

.img-background-portada{background:url(/images/rfoix_real_estate.jpg) no-repeat;background-size:cover;background-position:center;height:500px;}

.container {width:960px;overflow: hidden;margin: 0 auto 0 auto;}



@media only screen and (min-width: 1201px) {
	
    .movedowntext{font-size:60px;color:#ffffff;text-align:center;padding:150px 80px;margin-top:80px;}

}
@media only screen and (max-width: 1200px) {
	
    .movedowntext{font-size:38px;color:#ffffff;text-align:center;padding:150px 80px;margin-top:80px;}

}
/*-----*/


.bold{font-weight:800;}
.normal{font-weight:400;}
.light{font-weight:300;}

h1{
	font-size: 28px;
	color: #333333;
	line-height: 46px;
	font-weight: 400;
}
h2{
	font-size: 26px;
	color: #333f48;
	line-height: 36px;
	font-weight:300;}
h3{
	font-size: 20px;
	color: #333f48;
	line-height: 30px;
	font-weight:500;
}

p{
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	font-weight: 300;
}
/****** CSS GENERAL ******/
.side-title{font-weight:800;letter-spacing:1px;font-size:24px;line-height:50px;color:#000000;padding-left:20px;}
.side-text{font-weight:500;line-height:24px;font-size:15px;color:#666666;padding-left:20px;}
.our-charasteristics{margin-top:30px;height:100px;}
.our-charasteristics .img{float:left;height:80px;width:80px;margin-left:30px;}
.our-charasteristics .text-container{float:right;padding-left:20px; width:350px;}
.our-charasteristics .text-container .title{color:#000000;line-height:30px;font-weight:700;}
.our-charasteristics .text-container .text{color:#333333;line-height:20px;font-size:14px;font-weight:500;}


/****** FIVE COLUMNS**********/
.fivecolumns{}
.fivecolumns .column{width:192px;float:left;}

.fivecolumns .column .img{width:80px;height:80px;margin-left:56px;margin-top:40px;}

.fivecolumns .column .img-text{font-size:18px;line-height:40px;font-weight:800;height:40px;text-align:center;margin-top:15px;}

.separator-h{
	border-bottom: 1px solid #d6d6d6;
	width: 100%;
}
.img-principal{width:px;height:400px;background:url(../images/img_principal.jpg) repeat-x;border-bottom: 1px solid #d6d6d6;text-align:center;}

.img-principal h1{
	font-size: 36px;
	color: #333f48;
	font-weight: 300;
	line-height: 45px;
	margin-top: 40px;
	letter-spacing: 2px;
}

.img-principal h2{	font-size: 24px;
	color: #333f48;
	font-weight: 300;
	line-height: 32px;
	margin-top: 40px;
	letter-spacing: 4px;
}
.img-principal h3{
	font-size: 18px;
	color: #8e8e8e;
	font-weight: 400;
	line-height: 34px;
	margin-top: 60px;
	letter-spacing: 6px
}

.information{
	width: 100%;
	
}
.information .text{width: 500px; float:left;}
.information .text h3{font-size:16px;color:#333f48;letter-spacing: 2px;}
.information .text p{
	margin: 20px 0 20px 0;
	font-size: 16px;
	color: #666666;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 1px;
}
.information .img{width: 400px;height: 266px;float:right;}
.information .img img{width: 400px;height: 266px;}





/* CSS SLIDER AUTORESIZE */



.section-title{
	font-size: 32px;
	text-align: center;
	padding: 60px 0 30px 0;
	display: block;
	letter-spacing: 2px;
}
.section-text{
	font-size: 22px;
	text-align: center;
	padding-top: 0;
	padding-right: 120px;
	padding-left: 120px;
	padding-bottom: 60px;
	display: block;
	letter-spacing: 1px;
	line-height: 32px;
	color: #565656;
}
#portada-inmuebles{
	width: 960px;
	margin: 0 auto 0 auto;
}
#portada-inmuebles #title{font-size:26px;}
#portada-inmuebles a.inmueble{
	display: block;
	width: 200px;
	float: left;
	text-align: center;
	position: relative;
}
#portada-inmuebles a.inmueble .descripcion{
	font-size: 20px;
	background: #000000;
	opacity:0.5;
	line-height: 30px;
	text-align: left;
	color: #ffffff;
	width: 200px;
	height: 30px;
	position: absolute;
	top: 120px;
	left: -0px;
}
#portada-inmuebles a.inmueble .descripcion .descripcion-text{height:30px;width:200px;float:left;}



#portada-inmuebles a.inmueble .title{font-size:16px;color:#333333;line-height:20px;}
#portada-inmuebles a.inmueble .poblacion{font-size:14px;color:#333333;line-height:80px;}
#portada-inmuebles a.inmueble .caracteristicas{}
#portada-inmuebles a.inmueble .caracteristicas .caracteristica{width:100px;height:40px;line-height:40px;float:left;background:#1db89c;color:#ffffff;font-weight:400;font-size:13px;}






/* CSS INDEX */

#title{text-align:center;width:100%;padding: 60px 0 60px 0;}
#title h1{font-weight:500; font-size:36px;line-height:60px;color:#444444;margin: 0 auto 0 auto;width: 500px;}
#title h2{font-weight:400;font-size:26px;line-height:36px;color:#999999;margin: 0 auto 0 auto;width: 500px;}
#title h3{font-weight:400;font-size:22px;line-height:32px;color:#444444;margin: 0 auto 0 auto;width: 500px;}
.texto-presentacion{
	background-color:#eeeeee;
	background-position: center;
	background-size: cover;
	text-align: center;
	height: 400px;
}
.texto-presentacion h1{
	font-weight: 400;
	text-align: center;
	color: #000000;
	line-height: 40px;
	padding:75px 0 25px 0;
	margin: 0 auto 0 auto;
	font-size:32px;
	margin-top:30px;
}
.texto-presentacion h3{
	font-weight: 300;
	text-align: center;
	color: #333333;
	line-height: 36px;
	font-size:20px;
}

.bg-rounded{background:url(/images/bg-rounded.png) no-repeat center;width: 180px; height: 180px;margin:0 auto 0 auto;}
.bg-rounded img{width:180px;height:180px;}



.icono-marca{width:120px;height:100px;float:left;margin-left:0px;}
.icono-marca img{width:120px;height:100px;}
.current {color:#000000;}

/*****LISTADOS VENTA Y ALQUILER********/


#inmuebles-venta-alquier-listado{
	width: 960px;
	margin: 0 auto 0 auto;
	padding-bottom: 80px;
}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler{display:block;border-bottom:#dddddd;margin:20px 0;background:#ffffff;border: 1px solid #cccccc;color:#000000;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .left-block{
	float: left;
	width: 300px;
}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .left-block .img{margin:10px;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .left-block .caracteristicas{padding:10px;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .left-block .caracteristicas .tipo-inmueble{height:40px;width:80px;background:#dfdfdf;float:left;color:#000000;line-height:40px;font-size:15px;font-weight:700;text-align:center;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .left-block .caracteristicas .superficie-inmueble{height:40px;width:110px;background:#dfdfdf;float:left;margin-left:10px;line-height:40px;font-size:15px;font-weight:700;text-align:center;}

#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .right-block{
	float: right;
	width: 608px;
	margin-right: 0px;
}

#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .right-block .descripcion{margin-top:10px;line-height:40px;font-size:22px;font-weight:700;color:#000000;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .right-block .poblacion{height:20px;line-height:20px;font-size:16px;margin-top:10px;color:#666666;font-weight:400;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .right-block .observaciones{height:80px;line-height:20px;font-size:14px;margin-top:10px;color:#000000;font-weight:400;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .right-block .caracteristicas{height:40px;margin-top:10px;}
#inmuebles-venta-alquier-listado a.inmueble-venta-alquiler .right-block .caracteristicas .precio-inmueble{height:60px;width:200px;background:#efefef;float:right;line-height:60px;font-size:22px;font-weight:700;text-align:left;}



/********** INMUEBLE ************/

.inmueble-title{
	font-size: 32px;
	display: block;
	letter-spacing: 1px;
	margin-top: 30px;
	line-height: 60px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}
#photo-container{
	width: 624px;
	float: left;
	margin-left: 20px;
}


#photo-container #principal-photo{width:622px;height:400px;background-size:cover;background-position:center;}
#photo-container #all-photos{width:624px;height:60px;margin-top:2px;}
#photo-container #all-photos .photo{width:76px;height:60px;background-size:cover;background-position:center;float:left;}

#side-container{
	width: 280px;
	float: right;
}
#side-container .side-inmueble-section-title{background-color:#dddddd;text-align:left;height:30px;font-size:16px;font-weight:700;color:#333333;line-height:30px;padding-left:15px;}
#side-container .value{height:30px;line-height:30px;font-size:16px;font-weight:500px;color:#666666;display:block;}

#inmueble-section-title{width:300px;height:30px;font-size:22px;color:#ffffff;}
#features-container{margin-top:30px;}
#features-container .features-inmueble-section-title{
	background-color: #dddddd;
	text-align: left;
	height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	line-height: 30px;
	padding-left: 20px;
	width: 200px;
	margin-top: 40px;
}
#features-container .features-inmuebles-features{
	margin-top: 30px;
	width: 644px;
}
#features-container .feature{
	width: 140px;
	height: 40px;
	float: left;
	background-color: #dddddd;
	margin-left: 20px;
}
#features-container .feature .text{
	float: left;
	height: 40px;
	margin-left: 10px;
	color: #333333;
	line-height: 40px;
	font-weight: 700;
}
#features-container .features-inmuebles-descripction{
	line-height: 30px;
	font-size: 15px;
	color: #333333;
	display: block;
	width: 624px;
	padding-top: 20px;
	margin-left: 20px;
	padding-bottom: 80PX;
}
.features-inmuebles-includes{
	margin-top: 10px;
	width: 634px;
	margin-left: 10px;
}
.features-inmuebles-includes .features-includes{
	width: 200px;
	line-height: 20px;
	height: 20px;
	float: left;
	margin-left: 10px;
}
.features-inmuebles-includes .features-includes img{width:20px;height:20px;}
.features-inmuebles-includes .features-includes .text{
	width: 160px;
	color: #333333;
	font-size: 15px;
	float: left;
	padding-left: 10px;
}
/****** CONTACTO ****/
.contact{}
.contact .contact-title{font-size:22px;font-weight:800;line-height:40px;padding-left:70px;}
.contact .contact-big-text{font-size:18px;font-weight:400;line-height:30px;padding-left:70px;}
.contact .contact-text{font-size:16px;font-weight:400;line-height:30px;padding-left:70px;}

/* CSS HADER */

header{	height: 70px;width:960px;margin:0 auto 0 auto;width:100%;position:fixed;z-index:9999;background:#ffffff;border-bottom:3px solid #ff0000;}
header .header-logo{height: 70px;display:block;float:left;margin-left:20px;}
header .header-logo img{height: 70px;}
header nav {width: 400px;height: 70px;float:right;margin-right:30px;}
header nav li {display: block;float: right;text-transform: capitalize;}
header nav li a{text-decoration:none;display:block;color:#000000;padding:0 15px;font-size: 18px;line-height:70px;height:70px;font-weight:600;}
header nav li a:hover {color:#ff0000;}
/***** FOOTER *****/

footer{margin:0 0 0 0;border-top:1px solid #cccccc;}

footer .footer-logo{
	margin: 0 auto 0 auto;
	padding-top: 40px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
	text-align: center;
	
}
footer .footer-logo img{height:50px;}
footer .data{padding:10px;text-align:center;letter-spacing:1px;}
footer .social{width:160px;height:60px;margin: 0 auto 0 auto;padding:20px 0 20px 0;}
footer .social .icon{width:60px; height:60px;}

footer .designer-logo{
	margin: 20px auto 0 auto;
	padding-top: 30px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
	border-top: 1px solid #dddddd;
	text-align: center;
	width: 300px;
}
footer .designer-logo a:hover,a:visited,a{color:#000000;}


/*------CONTACTO---------*/

#contacto .box{

	width: 100%;



}



#contacto .box .title{

	width:100%;

	height:40px;

	margin-top:30px;

}

#contacto .box .title h2{

	font-size: 21px;

	line-height: 40px;

	font-weight: lighter;

	color: #191919;

}



#contacto .box .aside{
	width: 50%;
	float: left;
}

	#contacto .box .aside form{

	width:100%;

	heigth:100%;

	}



	#contacto .box .aside form .div_input{

	width: 100%;

	margin-top: 20px;

	height: 30px;

	}



	#contacto .box .aside form .div_textarea{

	width: 100%;

	height: 150px;

	margin-top: 20px;

	}

	#contacto .box .aside form .div_submit{
	width: 100%;
	height: 40px;
	margin-top: 20px;
	}

	#contacto .box .aside form .div_submit a{
	width: 460px;
	height: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	background: #ff0000;
	font-weight:bold;
	}

	

	#contacto .box .aside form input,#contacto .box .aside form textarea{

	height:30px;

	line-height:30px;
	padding-left:15px;
	font-size:16px;

	color:#333333;

	font-weight:lighter;

	font-family:helvetica, arial;
	border:1px solid #000000;


	}

	

	

	#contacto .box .aside form .large_textarea{

	width: 440px;

	height: 150px;
	border:1px solid #000000;

	!important

	}



	#contacto .box .aside form .large_input{

	width: 440px;

	float: left;
		border:1px solid #000000;
color:#000000;

	}

	#contacto .box .aside form .little_input{
	width: 200px;
	float: left;
	height: 30px;
	border:1px solid #000000;
color:#000000;
	}

	#contacto .box .aside form .input_separator{

	width: 20px;

	height: 30px;

	float: left;

	}







#contacto .box .bside{
	width: 50%;
	float: left;
}





#contacto .box .bside h2{
	font-size: 21px;
	font-weight: normal;
	color: #191919;
	line-height: 30px;
	margin: 10px 40PX;
}





#contacto .box .bside .row{
	font-size: 14px;
	font-weight: normal;
	color: #484848;
	line-height: 16px;
	margin: 5px 50px;
}

#contacto .box .bside .row .img{
	float: left;
	width: 26px;
	margin: 0 5px;
	height: 16px;
}

#contacto .box .bside .row .tipo{
	float: left;
	width: 65px;
	height: 16px;
	line-height: 16px;
	margin: 0 5px;
}
#contacto .box .bside .row .num{
	font-size: 11px;
	font-weight: normal;
	color: #484848;
	line-height: 16px;
	width: 180px;
	float: left;
	height: 16px;
	margin: 0 5px;
}
#contacto .box .bside  p{
	font-size: 14px;
	font-weight: normal;
	color: #484848;
	line-height: 30px;
	margin: 10px 50PX;
	width: 280px;
}

/******* LENGUAGE ********/
#languages{
	width: 100px;
	height: 20px;
	position:absolute;
	top:5px;
	right:30px;
	font-family:arial,sans-serif;
	color:#000000;
}
.language{
	width: 100px;
	font-size:14px;
}
.language > li {
float:left;
width:100px;
height:20px;
}
.language li a.title{margin-top:0;}
.language li a {
color:#000000;
display:block;
text-align:center;
font-size:14px;
margin-top:10px;
width:100px;
font-size: 13px;
height:20px;
line-height:20px;
}
 .language li a:hover {
	color: #000000;
}
 .language li ul {
display:none;
position:absolute;
min-width:100px;
z-index:9999;
border:1px solid #cccccc;
border-radius:8px;
-webkit-box-shadow: 0px 1PX 1PX 0px rgba(200, 200, 200, 1);
-moz-box-shadow:    0px 1PX 1PX 0px rgba(200, 200, 200, 1);
box-shadow:         0px 1PX 1PX 0px rgba(200, 200, 200, 1);
}
 .language li ul a{
color:#000000;
display:block;
text-align:center;
font-size:14px;
margin-top:10px;
width:100px;
font-size: 13px;
height:20px;
line-height:20px;
}


.language li:hover > ul {
display:block;
background:#fcfcfc;
}