/* CSS Document 
 Color taronja: F29143 
 Color vert:  6C6E28
 Color vermell AC1E2F
 Color Marró: 655A52
 Mida regular: 400     
 Mida medium: 500      
 Mida semibold: 600    
 Mida bold: 700        
 */

* {margin:0; padding:0; border-collapse:collapse;}
body {font-family: 'Montserrat', Helvetica, Arial; color: #655A52;}
.cap {width:100%; position:fixed; top:0; left:0; z-index: 1;}
.cap_centre, .cos_centre, .blog_centre {width:100%; margin: 0 auto; max-width:1366px; background-color: #f4f3ee; padding-bottom:10px;}
.cos_centre {min-height: 200px;}
.blog_centre {padding-bottom: 40px;}

.fitxa_centre {width:100%; margin: 0 auto; max-width:1366px; background-color: #f4f3ee;}
.peu_centre {width:100%; margin: 0 auto; max-width:1366px; min-height: 320px; background-color: #a5a199;}
.sub_peu {width: 100%;  margin: 0 auto; max-width:1366px; min-height: 20px; background-color: #645c54;}


/*temporals*/
.cap_centre, .cos_centre, .blog_centre {width:1366px;}
.fitxa_centre {width:1366px;}
.peu_centre {width:1366px;}
.sub_peu {width:1366px;}


.idioma {width: 100%; height: 20px; color: black;}
.idioma_esquerra {width: 50%; float:left; height: 100%; background-color: #6C6E28;}
.idioma_dreta {width: 48.1%; float:right; height: 100%; background-color: #F29143; padding-right: 1.9%; text-align:right;}
.contacte {margin-right: 25px;}
.idioma a {color: black; font-weight:700;}
.idioma a.sel {color: white;}
.cap_cos {width: 100%; position: relative; height: 110px;}
.logo {position: absolute; left: 1.9%; top: 25px;}
.menu {position: absolute; right: 1.9%; bottom: 20px;}
.menu ul {list-style:none;}
.menu li {padding-left: 25px; display:inline-block;}
.menu a {color: #5b5c58;}
.menu li.sel a {color: #912532;}

.baner {width: 100%; height: 530px; margin-bottom: 20px; position: relative; display: table;}
.baner_imatge {width: 100%; height:100%; display: table-cell; vertical-align: bottom; text-align: center;
	background-repeat: no-repeat; background-size:cover; background-position: center center;}
.baner_titol {margin: 0 0 80px; padding: 6px 95px; background-color: white; color: #6a6f30; font-style:italic; display: inline-block;}

.caixa_cerca {width:90.2%; margin: 0 1.9%; padding: 30px 3% 5px; min-height: 120px; background-color: #d2d2ce;}
.caixa_cerca h4 {padding-left: 1.3%; font-weight:500; font-size:0.95em;}
.control {float:left; width: 17.4%; padding-bottom:15px; margin: 15px 1.3% 25px; background-color: #b7b7b4; position: relative;}
.control .boto_obre {position: absolute; right: 0; top:-13px; width: 27px; height: 27px;
		background-size: contain; background-position:center center; background-repeat: no-repeat; background-image: url('img/plus-cerca.png')}
.control p {color:black; text-align: center; margin-top:16px; font-size:1.1em; font-weight:500;}
.caixa_sel {width:100%; margin-top:15px; padding-top: 20px; border-top: solid 2px white;
		display: none;}
.control select {width: 80%; margin: 0 10%; font-family: 'Montserrat'; border:none; background-color:transparent;}
.control select:focus {outline:none;}
.control select:checked {color:white; background-color: transparent;}
.control option {padding: 3px 0;}
.control option:checked, .control option:active {color:white; background-color: transparent;}
.boto_envia {width:auto; margin: 0 1.3%; text-align: center; display:none;}
.boto_envia input[type=submit] {font-family: 'Montserrat'; padding: 10px 35px; margin-bottom: 15px; font-size: 1.2em; color: #848381; border:none;
		background-color:white; }
.cos_centre h3 {padding-left: 1.9%; margin: 25px 0; font-size: 1.35em; font-weight:500}

/*fitxa cerca*/
.fitxa_cerca {position: relative; float:left; width: 29.5%; margin: 0 1.9% 25px; background-color: white; height: 520px; font-size:1.1em; overflow:hidden;}
.cos_centre .venda {border-bottom: solid 2px #F29143;}
.cos_centre .lloguer {border-bottom: solid 2px #6C6E28;}
.fitxa_logo{position: absolute; top: 20px; right:20px;}
.fitxa_cap {padding: 20px 7.5% 15px;}
.venda .nom_ciutat, .venda .fitxa_preu {color: #F29143; font-weight:700;}
.lloguer .nom_ciutat, .lloguer .fitxa_preu {color: #6C6E28; font-weight:700;}
.fitxa_img {width:100%; height: 260px; margin: 0 0 20px;
		background-size: cover; background-position: center center; background-repeat:no-repeat;}
.fitxa_ico {padding:0 7.5%;}
.fitxa_text {padding: 10px 7.5%; max-height: 50px; overflow:hidden;}
.fitxa_ico .caixa_ico {float:left; margin-right: 8.19%;}
.fitxa_ico .ultim {margin-right: 0 !important;}
.fitxa_ico .caixa_ico img {width:46px;}
.fitxa_ico p {text-align:center; font-size:0.9em;}
.fitxa_preu {position: absolute; bottom: 5px; left: 7.5%;}
.fitxa_saber_mas {position: absolute; bottom: 5px; right: 7.5%; text-align:right; font-size:0.9em;}

/*Peu mes*/
.peu_mes {height: 50px;}
.mes {margin: 0 auto;}
.caixa_boles {height: 16px; width: auto; margin: 0 auto 10px; text-align:center;}
.bola, .bola_fosca {margin-left: 8px; width:16px; height: 16px; border-radius: 50%; background-color: #BDB8B1; display:inline-block;}
.bola_fosca {background-color: #675C53}
.mes p {font-weight:700; font-size: 0.95em; text-align:center}

/*resultats cerca*/
.text_cerca {padding-left: 1.9%; margin: 12px 0;}

/*fitxa immo*/
.cap_immo {width:100%; background-color: #d2d2cf;}
.opcions_cerca {width: 100%; min-height:65px;}
.titol_immo {position: relative; height: 62px; margin: 0 1.9%; background-color: white;}
.ref_immo {margin-left: 4.6%; padding-top: 25px; font-size: 1.15em;}
.ciutat_immo {margin-left: 27px; font-weight:700; text-transform: uppercase}
.titol_immo {}
.preu_immo {position: absolute; top:0; right:0; color: white; height:100%; padding: 20px 40px 0; font-size: 1.4em; font-weight:600;}
.fitxa_centre .venda .preu_immo {background-color: #F29143;}
.fitxa_centre .lloguer .preu_immo {background-color: #6C6E28;}
.venda .text_immo h3, .fitxa_centre .venda  .ciutat_immo, .venda .maps h3 {color: #F29143;}
.lloguer .text_immo h3, .fitxa_centre .lloguer .ciutat_immo, .lloguer .maps h3  {color: #6C6E28;}
.fitxa_centre .venda .linea, .fitxa_centre .lloguer .linea {width: 95.4%; margin-left: 4.6%; position:absolute; bottom:0; right:0;}
.fitxa_centre .venda .linea {border-top: solid 2px #F29143;}
.fitxa_centre .lloguer .linea {border-top: solid 2px #6C6E28;}

.galeria {position: relative; width: 96.2%; height: 555px; margin:0 auto 0; padding:0 0 25px; background-color: white;}
.img_galeria {position: absolute; top: 20px; left:4.6%; width: 90.8%; height:535px; display:none;
	background-repeat: no-repeat; background-size:cover; background-position: center center;}
.fletxa_enrera {}
.fletxa_davant {}

.cos_info {width: 96.2%; margin:0 auto; background-color: white;}
.cos_esquerra {float:left; width:48.7%; margin: 0 0 20px 4.6%;}
.cos_dreta {float:right; width:36.15%; margin: 0 4.6% 20px 0; position: relative;}
.cos_esquerra, .cos_dreta {height: 920px; position:relative;}
.icones {height: 110px;}
.icones .caixa_ico {float: left; margin-right: 5.30%;}
.icones .caixa_ico img {}
.icones .caixa_ico p {text-align: center;}
.text_immo {max-height: 580px; overflow:hidden;}
.text_immo h3, .maps h3 {margin-bottom: 10px; padding: 0;}
.text_immo p {line-height: 1.3em; margin-bottom: 1.3em; font-size:1.1em;}
.maps {width:100%; height: auto; position:absolute; bottom: 0; left: 0;}
.google_maps {width:100%; height: 200px; border: none;
		background-size:cover;}

.compartir {position:relative;}
.compartir p {clear:both; font-weight:500;}
.ico_compartir {float: left; margin-right:10px;}
.ico_fav {position: absolute; right:0;}
.contacte_immo {margin:0; width:100%; height: 800px; border: none; position:absolute; bottom:0; left:0;}		

.fitxa_controls {min-height: 25px; padding-bottom:10px;}

/*NEWS/FAQS*/
.cos_blog {float:left;  width: 36.6%;}
.cos_faqs {float:right; width: 63.4%;}
.cos_blog h1, .cos_faqs h2 {font-size: 5em; color: white;	background-color: #741f29; font-weight:100;}
.cos_blog h1 {padding: 50px 10% 20px 16%; border-right: solid 2px white;}
.cos_faqs h2 {padding: 50px 9.81% 20px 5.77%;}
.llista_blog {padding: 15px 10% 0 16%; border-right: solid 2px #727276; padding-bottom: 105px; position:relative;}
.llista_faqs {padding: 50px 9.81% 20px 5.77%; padding-bottom: 105px; position:relative;}
.blog_art {padding-top: 40px;}
.blog_data {color: #751f28; font-size:1.2em; font-weight:700;}
.blog_art h3, .faqs_art h3 {padding:0; margin:0; line-height: 1.6em;}
.blog_img {width: 100%; height: 274px; margin-top: 25px;
		background-position:center center; background-size:cover;}
.blog_resum {margin-top: 25px;}
.blog_ralla {width: 100px; height: 35px; clear:both; border-bottom: solid 2px #727276;}
.iframe_vimeo {float:left; width: 65.93%; height: 278px; margin-top: 15px;}
.faqs_resum {float:right; width: 30.47%; margin-top: 15px;}
.iframe_newsletter {width: 100%; height: 100%; border: none; background-color: transparent;}

/*NEWS/FAQS A LA HOME */
.faqs {width: 96.2%; margin: 0 auto 25px; height: 400px; background-color: #E7E7D8;}
.faqs h4 {color: white; font-size: 12.5em; line-height: 0.83em; font-weight: 100; margin-left:30px;}
.caixa_faqs {position: relative; width: 96.2%; margin: 0 auto 25px; height: 400px;}
.caixa_faqs .faqs {position:absolute; top:0; left:0; width:100%; margin:0;}
#faqs2, #faqs3 {display:none;}
.faqs_esquerra {float:left; width: 45.94%; height:100%; position:relative;}
.faqs_dreta {float:right; width: 45.94%; height:100%; position:relative;}
.faqs_data {position: absolute; right:0; font-size:1.1em; font-weight:700;}
.faqs_text {width: 91.67%; position: absolute; bottom: 45px; right:0;}
.faqs_text h5 {text-align:justify; line-height:1.4em; font-size: 1.1em; margin-bottom: 16px;}
.faqs_text p {text-align:justify; line-height:1.4em; font-size: 1.1em;}
.iframe_vimeo_faqs {width: 91.37%; height: 310px; margin: 45px 0 0}
.faqs_img {width: 91.37%; height: 310px; margin: 45px 0 0;
		background-size:cover; background-position:center center;}

/*PEU*/
.caixa_peu {float:left; border-left: solid 2px #bbb7b1; height: 158px; padding: 0 1.9%; margin: 30px 0 15px; font-size: 1.1em;}
.apialia_peu {float:right; border-left: solid 2px #bbb7b1; padding: 0 1.9%; margin: 30px 0 0;}
.caixa_peu h5 {color: black; margin-bottom: 5px; font-weight:500;}
.primera {border-left: none !important;}
.primera h5 {margin-bottom: 20px;}
.caixa_peu li {list-style:none; display:list-item; color: white; margin-bottom: 6px; font-size:0.85em}
.peu_sota {width: 96.2%; margin:0 auto; padding-top:20px; border-top: solid 2px #54524e; position: relative; min-height:80px;}
.sub_peu p {padding: 2px 1.9% 4px; color: white; font-size:0.95em;}

/* ==== Altres */
.primer {margin-top:140px;}
.separa {width: 100%; clear:both;}

/* ==== Enllaços */
a {text-decoration:none;}
.fitxa_saber_mas a {color: #655A52;}
.control .boto_obre:hover, .mes:hover {cursor: pointer;}