body {
margin:0;
padding:0;
font-family:Arial, Helvetica, Vedana, sans-serif;
font-size:100%;
font-weight:normal;
color:#000;
background-color:#E4C2C2;
text-align:center;
}

h1 {
font-size:0.8em;
color:#BCBCBC;
margin: 4em 0 -20px 105px;
padding:0;
text-transform:uppercase;
font-weight:normal;
}

h2 {
font-size:0.8em;
color:#a58080;
padding:0;
text-transform:uppercase;
font-weight:normal;
}

h3 {
font-size:0.8em;
color:#aa7676;
font-weight:normal;
}

h4 {
font-size:0.9em;
color:#C00;
font-weight:bold;
}

img {
border: 0 none;
}


ul#llistat {
list-style-type:circle;
list-style-position:inside;
margin-left:5px;
font-size:1em;
}

html>body ul#llistat {
list-style-position:outside;
margin-left:-20px;
}

ul#llistat li {
line-height:1.4em;
}

.destacat {
font-weight:bold;
color:#C00;
}

#contingut {
width:850px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#cap-empresa {
background:transparent url(media/bg_empresa.jpg) no-repeat top left;
width:850px;
height:182px;
margin:0;
}

#cap-assessoria {
background:transparent url(media/bg_assessoria.jpg) no-repeat top left;
width:850px;
height:182px;
margin:0;
}

#cap-immobiliaria {
background:transparent url(media/bg_immobiliaria.jpg) no-repeat top left;
width:850px;
height:182px;
margin:0;
}

#cap-assegurances {
background:transparent url(media/bg_assegurances.jpg) no-repeat top left;
width:850px;
height:182px;
margin:0;
}

#cap-contacte {
background:transparent url(media/bg_contacte.jpg) no-repeat top left;
width:850px;
height:182px;
margin:0;
}


#container {
background:transparent url(media/bg.jpg) repeat-y top left;
width:850px;
}

#xixa {
background:transparent;
width:700px;
font-size:0.8em;
margin: 0 50px 0 90px;
}

#foto {
width:292px;
margin:0;
padding:1.5em 0 0 0;
float:left;
}

#texts {
width:350px;
margin-left:20px;
margin-top:12px;
float:left;
line-height:1.3em;
text-align:justify;
}

html>body #texts {
margin-top:0;
}

#dades {
color:#D6ADAD;
font-size:0.8em;
width:700px;
height:190px;
padding:30px 0 0 20px;
clear:both;
}

#dades a {
text-decoration:none;
color:#D6ADAD;
}

#dades a:hover {
text-decoration:underline;
color:#C00;
}

#footer {
background:transparent url(media/footer.jpg) no-repeat top left;
width:850px;
height:54px;
margin:0;
}

select.desplegable {
text-align:left;
width:45%;
font-size:0.9em;
color:#222;
margin:0 5% 5% 0;
float:left;
}

#ariadna {
width:70%;
height:25px;
color:#C00;
border-bottom:1px solid #000;
font-size:0.9em;
line-height:1em;
margin:-25px 0 0 30%;
padding:0 0 -10px 0;
}

.resultat {
width:70%;
height:100px;
clear:both;
margin:0 0 3% 30%;
}

.resultat img {
float:left;
margin:0 10px 10px 0;
padding:0.2em;
border:1px solid #E4C2C2;
}

span.negre {
color:#000;
float:right;
}

span.negreta {
color:#e26363;
}

span.petit {
font-size: 0.8em;
float:right;
}

span.forms {
color:#e26363;
text-decoration:none;
font-size:0.9em;
}

.clr {
clear:both;
}

a.ampliar {
color:#E4C2C2;
text-decoration:none;
font-size:0.9em;
}

a.altra-cerca {
color:#444;
background-color:#d5d5d5;
padding:0.1em 0.4em;
text-decoration:none;
font-size:0.9em;
}

a.ampliar:hover, a.altra-cerca:hover {
text-decoration:underline;
color:#666;
}

#texts img {
float:left;
margin:0 5px 5px 0;
}



/* desplegable ----------------------------------------------- */
ul#navmenu-h {
  font-size:0.9em;
  margin: 0;
  border: 0 none;
  padding: 0 auto 0 auto;
  padding-left:120px;
  width: 700px; /*For KHTML*/
  list-style: none;
  height: 30px;
  background:transparent url(media/bg.jpg) repeat-y top left;
}

html>body ul#navmenu-h {
font-size:1em;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0 0.4em 0 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}


ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 180px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  line-height:0.8em;
  background-color:#FFF;
  border-bottom:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
}


/* Root Menu */
ul#navmenu-h a {
  border: 0 none;
  padding: 0 0.4em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: transparent;
  color: #C00;
  font: normal 0.9em/1.5em Arial, Helvetica, Verdana, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#navmenu-h a.actiu {
color:#000;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  color: #000;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  color: #C00;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  color: #000;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* ---------------------------------------------------- ADMIN */
#menuadmin {
width:100%;
padding:10px 0 0 0;
margin:0 0 20px 0;
border-bottom:1px solid #e2dada;
}

#menuadmin a {
text-decoration:none;
color:#e23030;
}

#menuadmin a:hover {
text-decoration:underline;
color:#666;
}

div.p-admin {
background-color:#e6dede;
padding:0.2em 0.6em;
}

#imatges {
width:100%;
height:120px;
}

#imatges img {
float:left;
margin:0 5px 0 0;
}