/* CSS Document */

* { margin:0; padding:0}

body {background-image:url(../img/bck-1.jpg); background-repeat:repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}



body.rent {background-image:url(../img/bck-2.jpg); background-repeat:repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#007ac0;}



body.sale {background-image:url(../img/bck-1.jpg); background-repeat:repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#d37d02;}



a{ text-decoration:none; color:#000000; outline:none;}
a:hover{text-decoration:none; outline:none;}
a:focus, object:focus {text-decoration:none; outline:none;}

ul li { list-style:none}

img {border:0px;}

.cleaner{ clear:both; margin:0px; padding:0px; line-height:5px; font-size:5px; display:block;}



form {margin:0px; padding:0px}

fieldset {border:0px; padding-top:10px; padding-bottom:10px}

label {  padding:0px 0px 5px 0px;display: block;}

				 

#web {width:855px; background-color:#FFFFFF; margin:0px auto;}

#content { padding:70px}



/************* NAVEGACIÓ *****/

#nav { width:100%; display:block;}

	#nav div#menu  {float:left;  }

	#nav div#menu li { float:left; display:block;}

	#nav div#menu li.pright { padding-right:8px}

	#nav div#menu li.pright  a { display:block; text-align:center; width:91px; height:28px; padding-top:12px;color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

	

	#nav div#menu ul li a#item1 { background-image:url(../img/item1.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li a#item2 { background-image:url(../img/item2.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li a#item3 { background-image:url(../img/item3.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li a#item4 { background-image:url(../img/item4.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li a#item5 { background-image:url(../img/item5.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li a#item6 { background-image:url(../img/item6.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li.item7 { background-image:url(../img/item7.jpg); background-repeat:no-repeat;}

	

	#nav div#menu ul li#active1 a { background-image:url(../img/item1_active.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li#active2 a { background-image:url(../img/item2_active.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li#active3 a { background-image:url(../img/item3_active.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li#active4 a { background-image:url(../img/item4_active.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li#active5 a,  #nav div#menu ul li a#item5.activeRent{ background-image:url(../img/item5_active.jpg); background-repeat:no-repeat;}

	#nav div#menu ul li#active6 a { background-image:url(../img/item6_active.jpg); background-repeat:no-repeat;}

		

	#nav div#idiomas  {width:110px;float:left; font-size:10px; height:35px;background-image:url(../img/item7.jpg); background-repeat:no-repeat; margin-left:11px; padding-top:5px;}

	#nav div#idiomas ul { padding-left:14px;}

	#nav div#idiomas li { float:left; width:32px; padding-top:2px; height:12px;}

	#nav div#idiomas li a {color:#cc6666; text-transform:uppercase;}

	#nav div#idiomas li a#active {color:#FFF}
	
	
	
	#nav div#submenu { display:none; width:300px; margin-left:296px;}

	#nav div#submenu li { float:left; display:block;}

	#nav div#submenu li.pright { padding-right:3px}

	#nav div#submenu li.pright  a { display:block; text-align:center; width:145px; height:27px; line-height:27px; color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

	#nav div#submenu ul li a#subitem1 { background-image:url(../img/subitem1.jpg); background-repeat:no-repeat;}

	#nav div#submenu ul li a#subitem2 { background-image:url(../img/subitem2.jpg); background-repeat:no-repeat;}
	
	#nav div#submenu ul li#subactive1 a { background-image:url(../img/subitem1_active.jpg); background-repeat:no-repeat;}

	#nav div#submenu ul li#subactive2 a { background-image:url(../img/subitem2_active.jpg); background-repeat:no-repeat;}

	

#capsa { width:100%; display:block; padding-top:10px; padding-bottom:20px;}

			 #capsa .text {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#d37d02; text-align:right; padding:13px 0px;}

			 #capsa #image { width:100%; height:87px; overflow:hidden;text-align:right;}





/************* HOME **************/	 

#line {width:855px; border-top:1px solid #CCC; position:relative; margin-left:-70px;}

			

.home .titolar {font-family:Georgia, Verdana, Helvetica, sans-serif; font-size:30px; font-weight:bold;color:#CC6600; padding-bottom:30px}

.home li {width:187px; padding-right:75px}

.home li.last { padding-right:0px}

.home ul.inmobles {padding-top:30px; color:#666666; line-height:20px}

.home ul.inmobles li .block {background-color:#000000; color:#FFFFFF; padding:8px;}

.home ul.inmobles li {float:left;}

.home ul.inmobles li .dades span {font-size:18px;}

.home ul.inmobles li .dades a {color:#660000; font-weight:bold; text-decoration:underline}

.home ul.inmobles li .dades a:hover {text-decoration:none}

.home ul.inmobles li .foto {width:187px; height:139px; overflow:hidden;}



/************* LLOGUER  **************/	

#interhomeTop{
width:295px;
float:left;
background-image:url(../img/bgInterhome.gif); 
background-repeat:no-repeat; 
background-position:left top; 
height:170px; 
position:relative;
padding:5px 0px 15px 0px; 
} 

#banner { 
width:410px; 
float:right;
background-image:url(../img/bgBanner.gif); 
background-repeat:no-repeat; 
background-position:left top; 
height:170px; 
position:relative;
padding:5px 0px 15px 0px; 
}

#banner img.top{
position:absolute;
top:10px;
right:2px;
z-index:90;
}

#banner .textBanner{
width:178px;
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
line-height:22px;
color:#FFFFFF;
float:left;
padding-top:15px;
}

#banner .textBanner a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

#banner .textBanner a:hover{
text-decoration:none;
}

#banner .fotoBanner{
width:218px;
height:150px;
float:right;
overflow:hidden;
padding-top:5px;
}

.lloguer #cercador { width:100%;}

.lloguer #cercador span {font-family:Georgia,Verdana; color:#336699; font-size:20px}

.lloguer #cercador span strong{font-family:Georgia,Verdana; color:#336699; font-size:20px}

.lloguer #cercador form {padding-top:10px}

.lloguer #cercador form label{color:#336699;font-weight:bold; font-size:11px;}

.lloguer #cercador select{font-size:12px}

.lloguer #cercador li {padding:0;margin:0;float:left;}

.lloguer #cercador li.dret {padding-right:12px;}

.lloguer #cercador .order{color:#336699;font-size:11px; line-height:15px;}

.lloguer #cercador .order a{color:#336699; font-size:11px; font-weight:normal;}

.lloguer #cercador .order a.down{color:#f70012;font-weight:bold; padding-right:11px; background-image:url(../img/bg_arrow_down.gif); background-repeat:no-repeat; background-position:right top;}

.lloguer #cercador .order a.up{color:#f70012;font-weight:bold; padding-right:11px; background-image:url(../img/bg_arrow_up.gif); background-repeat:no-repeat; background-position:right top;}



.lloguer ul.inmobles li {width:187px;  padding-right:75px; padding-top:30px; padding-bottom:15px; }

.lloguer ul.inmobles li.last { padding-right:0px}

.lloguer ul.inmobles {color:#666666; line-height:20px}

.lloguer ul.inmobles li .block {background-color:#007ac0; color:#FFFFFF; padding:8px;}

.lloguer ul.inmobles li {float:left}

.lloguer ul.inmobles li .dades span {font-size:18px;}

.lloguer ul.inmobles li .dades a { width:200px;color:#007ac0; font-weight:bold; text-decoration:underline}

.lloguer ul.inmobles li .dades a:hover { text-decoration:none}

.lloguer ul.inmobles li .foto {width:187px; height:139px; overflow:hidden;}



/************* VENDA  **************/	

.venda #cercador { width:100%;}

.venda #cercador span {font-family:Georgia,Verdana; color:#336699; font-size:20px}

.venda #cercador span strong{font-family:Georgia,Verdana; color:#336699; font-size:20px}

.venda #cercador form {padding-top:10px}

.venda #cercador form label{color:#336699;font-weight:bold; font-size:11px;}

.venda #cercador select{font-size:12px}

.venda #cercador li {padding:0;margin:0;float:left;}

.venda #cercador li.dret {padding-right:12px;}

.venda #cercador .order{color:#336699;font-size:11px; line-height:15px;}

.venda #cercador .order a{color:#336699; font-size:11px; font-weight:normal;}

.venda #cercador .order a.down{color:#f70012;font-weight:bold; padding-right:11px; background-image:url(../img/bg_arrow_down.gif); background-repeat:no-repeat; background-position:right top;}

.venda #cercador .order a.up{color:#f70012;font-weight:bold; padding-right:11px; background-image:url(../img/bg_arrow_up.gif); background-repeat:no-repeat; background-position:right top;}



.venda ul.inmobles li {width:187px;  padding-right:75px; padding-top:30px; padding-bottom:15px; }

.venda ul.inmobles li.last { padding-right:0px}

.venda ul.inmobles {color:#666666; line-height:20px}

.venda ul.inmobles li .block {background-color:#d37d02; color:#FFFFFF; padding:8px;}

.venda ul.inmobles li {float:left}

.venda ul.inmobles li .dades span {font-size:18px;}

.venda ul.inmobles li .dades a { width:200px;color:#d37d02; font-weight:bold; text-decoration:underline}

.venda ul.inmobles li .dades a:hover { text-decoration:none}

.venda ul.inmobles li .foto {width:187px; height:139px; overflow:hidden;}



/******** DETALL *******************/

#detall #imp a {color:#000; font-weight:bold; font-size:12px;text-decoration:underline}

#detall #imp a:hover {text-decoration:none;}

#detall #fotos {float:left; width:405px; padding-right:35px}

#detall #fotos img {padding:25px 0px 25px 0px}



#detall #dades {float:left; padding-top:20px; display:block; width:270px;}

#detall #dades ul#top {font-family:Georgia, Verdana,Arial;font-weight:bold; font-style: italic}

#detall #dades ul#top li#ref {font-size:18px; color:#000}

#detall #dades ul#top li.titol {font-size:24px;color:#993300}



#detall #dades ul.detalls {font-family:Verdana; font-size:12px; color:#333333; padding:20px 0px 20px 0px}

#detall #dades ul.detalls li.titol {font-weight: bold;}

#detall #dades ul.detalls li#descriptiu {text-align:justify}



#detall ul#form {padding:40px 0px 20px 0px}

#detall ul#form li#sub-titol {font-size:12px; color:#cc6600}

#detall ul#form li.titol {font-size:24px; color:#666666}

#detall form label {font-size:13px; color:#333; display:block; font-weight:bold}

#detall form ul#camps li input {border:0px; background-color:#f2f2f2; padding:7px;font-family:Verdana, Arial, Helvetica, sans-serif;}

#detall form ul#camps li {float:left; padding-top:10px}

#detall form ul#camps li textarea {border:0px; background-color:#f2f2f2; padding: 7px}

#detall form ul#camps li#nom input { width:260px}

#detall form ul#camps li#telefon input { width:100px}

#detall form ul#camps li#email {padding-left:20px}

#detall form ul#camps li#email input { width:122px}

#detall form ul#camps li#comentaris textarea { width:255px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#detall form ul#camps li#button input { width:60px; text-align:center; border:1px solid #ccc; font-size:13px; padding:3px}

#detall form ul#camps li#button2 input { width:60px; text-align:center; border:1px solid #ccc; margin-left:10px;font-size:13px; padding:3px}

#detall form ul#camps li#obligatoris {padding:10px 0px 10px 0px; color:#666} 

#detall form ul#camps li input.error, #detall form ul#camps li textarea.error{background-color:#FFFFCC;}



/*********** EMPRESA *****************/

#empresa #fotos {float:left; width:405px; padding-right:35px}

#empresa #fotos img {margin:25px 0px 25px 0px}



#empresa #dades {float:left; padding-top:20px; display:block; width:270px;font-family:Verdana; font-size:12px; color:#333333;}



/*********** ESTANDARD *****************/

#estandard{width:710px}



/*********** CONTACTE *****************/

#contacte{width:710px}

#contacte ul#form {padding:40px 0px 20px 0px}

#contacte form label {font-size:13px; color:#333; display:block; font-weight:bold}

#contacte form ul#camps li input {border:0px; background-color:#f2f2f2; padding:7px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#contacte form ul#camps li {float:left; padding-top:10px; padding-right:15px;}

#contacte form ul#camps li textarea {border:0px; background-color:#f2f2f2; padding: 7px}

#contacte form ul#camps li#nom input { width:260px}

#contacte form ul#camps li#telefon input { width:160px}

#contacte form ul#camps li#email input { width:160px}

#contacte form ul#camps li#comentaris textarea { width:450px; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#contacte form ul#camps li#button{clear:both;}

#contacte form ul#camps li#button input { width:60px; text-align:center; border:1px solid #ccc; font-size:13px; padding:3px}

#contacte form ul#camps li#button2 input { width:60px; text-align:center; border:1px solid #ccc; margin-left:10px;font-size:13px; padding:3px}

#contacte form ul#camps li#obligatoris { clear:both; color:#666; width:480px; white-space:nowrap;} 



#contacte form ul#camps li input.error, #contacte form ul#camps li textarea.error{background-color:#FFFFCC;}



#form-ok{display:none; padding-bottom:150px;}



/*********** MAPA WEB *****************/

.map{padding-left:40px;color:#660000; font-weight:bold;}

.map a{color:#660000; font-weight:bold; text-decoration:underline}

.map a:hover{text-decoration:none;}



/*********** SITUACIO GOOGLEMAP *****************/

#googlemap{width:600px; height:400px; margin:0px auto; color:#666666;}

#googlemap h1{color:#d37d02; font-weight:bold; font-size:21px;}

#googlemap a{color:#666666; text-decoration:underline;}



/*********** PEU *****************/

#peu { background:#FFFFFF; width:855px; border-top:1px solid #ccc; color:#6b6b6b;}

#peu a {color:#6b6b6b; text-decoration:none}

#peu a:hover {text-decoration:underline}

#peu #adre {float:left; padding:25px 0px 25px 65px; }

#peu #adre #logo2 {float:left; padding-right:20px}

#peu #adre #direc { float:left;font-family:Verdana; width:255px}

#peu #avis { text-align:right; background-color:#f4dec0; padding:4px 10px;}

#peu #credits { text-align:center;  background-color:#f4dec0; padding: 10px}

#interhome{ padding-left:65px;}
#interhome .logo{float:left;}
#interhome #cycle{float:left; width:450px;}

.button{float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:1px; text-align:center; border:1px solid #ccc;}



a.back{color:#336699; font-size:11px; font-weight:normal; text-decoration:underline;}

a.back:hover{text-decoration:none;}