body {
    background:#375f80 url(img/fons.jpg) no-repeat 0 0;
    font-family: GillSans, Calibri, Trebuchet, sans-serif;
    font-size:12px;
    line-height:1.4em;
  }


h1, h2, h3, h4, h5, h6, h7 {
    font-family: Tahoma, Verdana, Geneva Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    color:#fff;
  }


h1 {
    position:relative;
    background: url(img/fons_titol.png) top left repeat-x;
    height:40px;
    line-height:32px;
    padding-right:20px;
    display:inline block;
    padding-left:10px;
    float:left;
/*     z-index:10; */
    width:auto;
    margin-left:20px;
    _padding-left:10px;
    _margin-left:10px;
   _z-index:10;
  }


h2 {
    color:#388cbf;
    display:block;
    font-size:18px;
    margin-bottom:10px;
    text-transform:uppercase;
  }


.titol {
    position:relative;
    margin-left:-40px;
    background:url(img/left_titol.png) top left no-repeat;
    _background:url(img/left_titol.gif) top left no-repeat;
    height:40px;
    display:inline block;
    float:top;
/*     z-index:100; */
    display: block;
    margin-bottom:10px;
   _z-index:20;
  }


.final {
    position:relative;
    background:transparent url(img/right_titol.png) top left no-repeat;
    height:40px;
    width:20px;
    display:inline block;
    float:left;
  }


.clear {
    clear:both;
  }


#telf{
 position:absolute;
 background:#388cbf url(img/telf.png) top left no-repeat;
 left:50%;
 margin-left:190px;
 top:0px;
 height:40px;
 line-height:40px;
 width:265px;
 font-family: GillSans, Calibri, Trebuchet, sans-serif;
 font-size:22px;
 font-weight:bold;
 text-align:right;
 color:#fff;
 border:2px solid #fff;
 border-top:none;
}

#header {
    position:absolute;
    left:50%;
    margin-left:-480px;
    top:30px;
    height:110px;
    width:960px;
  }


#logo {
    position:relative;
    height:110px;
    width:330px;
    float:left;
  }


#menu {
    position:relative;
    margin-top:80px;
    height:30px;
    width:auto;
    float:right;
    margin-right:-20px;
  }


#contenidor {
    position:absolute;
    background:none;
    left:50%;
    margin-left:-480px;
    top:160px;
    height:auto;
    width:960px;
  }


#continguts {
    position:relative;
    background: url(img/op80.png) top left repeat;
    _background:#ffffff;
    height:auto;
    width:916px;
    border: 2px solid #fff;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    float:top;
    padding:20px;
    margin-bottom:20px;
  }


#continguts p {
/*     z-index:100; */
    opacity:1.0;
  }


#footer {
    position:relative;
    background: url(img/op80.png) top left repeat;
    _background:#ffffff;
    float:top;
    padding:10px;
    margin-bottom:0px;
    border: 2px solid #fff;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }


#peufooter {
    position:relative;
    float:top;
    height:86px;
    margin-top:0px;
    background:url(img/peu.gif) center bottom no-repeat;
    margin-bottom:0px;
  }


#prod ul {
    position:relative;
    width:900px;
    margin:0px;
    padding:0px;
    list-style:none;
    height:auto;
  }


#prod ul li {
    position:relative;
    padding:10px;
    display:inline block;
    float:top;
    margin-bottom:10px;
  }


#prod ul li .imatge {
    width:200px;
    height:141px;
    border:5px solid #388cbf;
    background:#fff;
    float:left;
    margin-right:20px;
    clear:both;
  }

#prod ul li .mapa {
    width:600px;
    height:400px;
    border:5px solid #388cbf;
    background:#fff;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
  }


#prod ul li p {
    width:630px;
    float:left;
  }

#prod ul li a{
 margin-top:15px;
 float:left;
  }

#prod ul li p.planell {
    float:left;
 width:250px;
  }

#prod ul li p.planell a{
 text-decoration:none;
 color:#375f80;
 font-weight:bold;
}

#prod ul li p.planell a:hover{
 text-decoration:underline;
}

#prod ul li p.planell strong{
 float:left;
 color:#388cbf;
 font-size:14px;
 }

#prod ul li p.planell b{
 float:left;
 color:#375f80;
}

#accesoris ul {
 position:relative;
 overflow:hidden;
 text-align:center;
 width:880px;
 margin:0px;
 margin-left:30px;
 padding:0px;
 list-style:none;
 height:auto;
}


#accesoris ul li {
 position:relative;
 display:inline block;
 float:left;
 padding:0px;
 margin:0px 25px 25px 0px;
}

#continguts ol {
 list-style-type : decimal;
 margin-left:50px;
}

#continguts ol li{
 margin-bottom:10px;
}

#nonum ol{
 position:relative;
 list-style-type : none;
 margin-left:50px;
 margin-left:-30px;
}

#nonum ol li{
 list-style-type : none;
 margin-left:50px;
 width:350px;
 margin-right:20px;
 float:left;
}

#nonum ol li strong{
 color:#375f80;
}

#imatges ul {
 position:relative;
 overflow:hidden;
 text-align:center;
 width:880px;
 margin:0px;
 margin-left:30px;
 padding:0px;
 list-style:none;
 height:auto;
}


#imatges ul li {
 position:relative;
 background:#ffffff;
 display:inline block;
 float:left;
 height:100px;
 padding:0px;
 margin:0px 15px 15px 0px;
 border:5px solid #388cbf;
 overflow:hidden;
}

.enllacos{
 line-height:18px;
}

.enllacos a{
 text-decoration:none;
 color:#000;
 line-height:15px;
}

.enllacos a:hover{
 text-decoration:none;
 color:#388cbf;
}