/* --------------------------- ESTILS GENERALS ----------------------------- */
body {
	margin: 0px;
	background-color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
}

a {
  text-decoration: none;
  color: #000;
}

ul {
  list-style: dotted;
  padding-left: 12px;
  margin-left: 0;
}

  ul ul {
    list-style: none;
    padding: 10px 0 10px 20px;
  }

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.menu_h li {
  display: inline;
  float: left;
}

p {
  margin: 0 0 1em 0;
}

/* -------------------------- FI ESTILS GENERALS --------------------------- */

/* -------------------------- LAYOUT GENERAL     --------------------------- */

#screen {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
}
  
  #area_top {
    padding: 20px 40px 0;
    background: transparent url(/public/media/image/web/fons_top.jpg) repeat-y 0 0;
    z-index: 0;
    position: relative;
  }
  
  #area_cen {
  }
  
  #area_peu {
    padding: 4px 0 2em;
    background: #000;
  }
  
/* CORTINA */
#cortina { /* Per tapar la pagina mentre es carrega */
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: #FFF;
}

/* -------------------------- FI LAYOUT GENERAL  --------------------------- */

/* -------------------------- AREA TOP ------------------------------------- */
#logo {
  float: left;
  position: relative;
}

#area_top h1 {
  float: right;
  margin: 30px 0 0;
  color: #FFF;
  font-size: 12pt;
  font-weight: normal;
  letter-spacing: 4px;
}
#menu {
  float: right;
  margin: 5px 5px -2px 0;
  position: relative;
}

  #menu  td {
    /*display: table;*/
    height:40px;
     width: 120px;
     vertical-align: middle;
     
    background-color: #c1b79f;
    float: none;
    text-align: center;
  }

  #menu td.sel{
    background-color: #FFF;
  }
  
  	#menu  td:hover {
	 background-color: #FFF;
	}	
  #menu a {
    display: block;
    color: #8b7749;
    font-size: 7pt;
  }
  
  
  #menu ul {
    position: absolute;
    left: 339px;
    top: 175px;
    width: 380px;
  }

    #menu ul li a {
      width: 120px;
       height:15px;
      margin: 0;
      padding: 2px 0;
      border: 2px solid #FFF;
    background-color: #c1b79f;
    text-align: center;
    }
    
    #menu ul li a:hover, #menu ul li a.sel {
      border: 2px solid #c1b79f;
      background-color: #FFF;
    }

/* -------------------------- FI AREA TOP ---------------------------------- */

/* -------------------------- AREA CEN ------------------------------------- */
#center_left {
  float: left;
  width: 250px;
  padding: 25px 0 0 35px;
}

  #center_left .telefon {
    margin-bottom: 12px;
    color: #8b7749;
    font-size: 16pt;
    text-align: center;
  }
  
  #center_left .buscador {
    /*height: 290px;*/
    height:auto;
    margin-bottom: 25px;
    background-color: #826e3f;
    color:#FFF;
  }
  #center_left .buscador h2 {
	color:#FFF;
	margin-bottom:10px;
	}
  #center_left .buscador p {
	color:#c2b69e;
	margin-bottom:10px;
	}	
	div.top_marc_buscador {
		height:20px;
		background:transparent url(/public/media/image/web/buscador_top.jpg) repeat scroll 0pt;
	}
	div.peu_marc_buscador {
		height:20px;
		background:transparent url(/public/media/image/web/buscador_peu.jpg) repeat scroll 0pt;
	}	
	div.buscador_margin {
		margin:0px 5px 0px;
	}
  #buscador_button {
    float: none;
    padding: 0px;
    background: transparent url(/public/media/image/web/buscador_button.gif) no-repeat 0 0;
    color: #c2b79f;
    font-size: 8pt;
    margin: 20px 0 0px 0;
    width:90px;
    height:26px;
    font-weight:bold;
  }	
  #center_left .imatge {
    height: auto;
    margin-bottom: 25px;
    /*background-color: #c2b69e;*/
  }

/* CENTRE + DRETA */
.centre_dreta #center_main {
  float: left;
  width: 312px;
  padding: 60px 0 30px 80px;
}
	/*
  .centre_dreta #center_main h2 {
    margin: 0 0 30px;
    color: #8b7749;
    font-size: 11pt;
  }
  */
h2 {
    margin: 0 0 30px;
    color: #8b7749;
    font-size: 11pt;
    }
.centre_dreta #center_right {
  float: right;
  width: 212px;
  margin-top: 50px;
  padding: 15px 25px 30px;
  background-color: #eceae2;
}

  .centre_dreta #center_right h2 {
    margin: 0 0 15px;
    color: #8b7749;
    font-size: 9pt;
  }
  
  .centre_dreta #center_right .marro_fosc {
    padding: 12px 12px 8px;
    background-color: #a59672;
    font-size: 7pt;
  }
  
    .marro_fosc h3 {
      position: relative;
      left: 0;
      top: 0;
      display: inline;
      margin: 0;
      font-size: 13pt;
    }
    
    .marro_fosc .ref {
      position: relative;
      left: 0px;
      top: 0;
    }
    
    .marro_fosc img.dalt {
      margin: 12px 0;
    }
    
    .marro_fosc img.baix_esq {
      float: left;
    }
    
    .marro_fosc img.baix_dre {
      float: right;
    }
    
    .marro_fosc p {
      clear: both;
      margin: 0 25px 0 0;
      padding: 12px 0 10px;
    }
    
    .marro_fosc .preu {
      font-size: 9pt;
      font-weight: bold;
    }
    
    .marro_fosc img.mes {
      float: right;
    }
    
    
/* LLISTAT */
.llistat #center_main {
  margin: 0 0 0 370px;
  padding: 60px 0 0;
}

  .llistat #center_main h2 {
    margin: 0 0 10px;
    color: #8b7749;
    font-size: 11pt;
  }
  
  .llistat #center_main .item {
    float: left;
    margin: 0 8px 8px 0;
    padding: 12px;
    width: 265px;
    background-color: #a59672;
    height:305px;
  }
  .llistat #center_main .item.lloguer {    
    height:100px;
  }  
  
    .item img.petita {
      float: left;
      margin-top: 4px;
    }
    
    .item .text {
      margin-left: 100px;
    }
    
      .item .text h3 {
        margin: 6px 0 4px;
        font-size: 10pt;
      }
      
      .item .text p {
        font-size: 7pt;
      }
      
      .item .text .preu {
        font-weight: bold;
      }
      
      .item .text img.mes {
        float: right;
      }
      	.immobles_pagines {
			text-align:right;
			/*float:right;*/
			margin:10px 45px 20px 0;
			color:#A59672;
		}
		.immobles_pagines a.link_pagina{
			text-decoration:underline;
			color:#A59672;
			
		}
		.immobles_pagines a.link_pagina:hover,a.link_pagina_sel{
			text-decoration:underline;
			font-weight:bold;
			color:#A59672;
			
		}
/* AMPLIACIO */
.ampliacio #center_main {
  margin: 0 50px 0 345px;
  padding-top: 30px;
}

  .ampliacio #center_main .marro_clar {
    padding: 25px 0 10px 20px;
    background-color: #eceae2;
  }
  
    .ampliacio .marro_clar h2 {
      /*float: left;*/
      margin: 0;
      color: #8b7749;
      font-size: 14pt;
    }
    
    .ampliacio .marro_clar .mes_info {
      margin: 0 13px 8px 280px;
      padding: 4px 0 4px 10px;
      background-color: #a59672;
      color: #8b7749;
      font-weight: bold;
      font-size: 11pt;
    }
    .ampliacio .marro_clar .imatges {
		margin-top:10px;
	}
    .ampliacio .marro_clar .imatges img {
      margin: 0 8px 8px 0;
    }
    
    .ampliacio .marro_clar .google_maps {
      float: right;
      margin: 0 13px 0 45px;
    }
    
    .ampliacio .marro_clar p {
      margin: 0;
    }
    
    .ampliacio .marro_clar .preu {
      margin: 8px 0;
      font-weight: bold;
      font-size: 9pt;
    }
    
/* FORMULARI */
.form #center_main {
  margin: 0 75px 0 440px;
  padding-top: 55px;
}

  .form #center_main .marro_clar {
    overflow: auto;
    padding: 20px 24px 24px 22px;
    background-color: #eceae2;
    text-align: center;
  }
  
  .form p {
    margin: 0 0 30px;
    padding-top: 2px;
    font-size: 8pt;
    text-align: left;
  }

  .form form {
    margin: 0;
    padding: 0;
    text-align: left;
  }
  
  .form label {
    margin-right: 10px;
    color: #a1926c;
    font-weight: bold;
  }
  
  .form input.input_marro, .form textarea.input_marro, .form select {
    margin-top: 4px;
    padding: 3px 4px 3px;
    border: none;
    background-color: #c2b79f;
  	font-size: 9pt;
  }
	.form select {
    margin-top: 4px;
    padding: 0 2px 0;
    border: none;
    background-color: #c2b79f;
  	font-size: 9pt;
  	width:240px;
  	overflow:scroll;
  }  
  
  .form #nombre {
    width: 357px;
  }
  
  .form #telefono {
    width: 343px;
  }
  
  .form #email {
    width: 369px;
  }
  
  .form label.observaciones {
    margin-top: 20px;
    float: left;
  }
  .form .buscador label{
    margin:3px 0 0;
    color: #FFF;
	display:block;
  }  

  .form #observaciones {
    width: 303px;
    height: 75px;
    margin: 20px 0 0 4px;
  	font-family: Verdana, Arial, sans-serif;
  }
  .form input.button {
    float: none;
    margin: 20px 0 0 180px;
    padding: 3px 19px;
    background: transparent url(/public/media/image/web/form_enviar.gif) no-repeat 0 0;
    color: #a1926c;
    font-size: 8pt;
    border: none;
  }
  input.button2 {
    font-size: 8pt;
  }     
  /*
  .form input[type="submit"] {
    float: none;
    margin: 20px 0 0 180px;
    padding: 3px 19px;
    background: transparent url(/public/media/image/web/form_enviar.gif) no-repeat 0 0;
    color: #a1926c;
    font-size: 8pt;
  }
  */
  


/* -------------------------- FI AREA CEN ---------------------------------- */

/* -------------------------- AREA PEU ------------------------------------- */
#text_peu {
  font-size: 8pt;
  color: #b5a27b;
  text-align: center;
}

  #text_peu a {
    color: #FFF;
  }
/* -------------------------- FI AREA PEU ---------------------------------- */


table.cercador td a:hover,table.cercador td a.sel{
	text-decoration:underline;
}

div.detalls {
	margin-bottom:15px;
}