body {

    background:#000 none repeat scroll 0 0;
    
    font-family:Verdana,sans-serif;
    font-size:.8em;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
    text-align:center;
    background-color: #333333;
    color: #333333;
}

* {margin:0; padding:0}
a, li a{
    text-decoration:none;
    color:#666666;
    line-height:50px;
}
a:hover{
    text-decoration:none;
font-size:120%;
}
a:focus {
    outline: none}
a img {
    text-decoration: none;
    border: 0;
}
div#container
{
    margin:0 auto;
    width: 950px;
    text-align: left;
      	
  	top: 50%;
}
#cap{
    text-align:right;
    margin:0 auto;
    width:850px;
    padding-right:10em;
    padding-top:.2em;
    font-weight:bold;
    font-size:120%;
    
    color: #cccccc;
}
.titol{
    font-size:120%;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}
span.telf{
    font-size:140%;
    color:#e8d63a;
}
h1{
    display:none;
}

div#navEsq{
                float: left;
                width: 5em;
                padding-top: 0em;
                background-color:gray;
            }
            div#contingut{
                float: left;
                width: 850px;
                height:550px;
                padding-top: 0em;
           
            }
.sm {list-style:none; width:850px; height:550px; display:block; overflow:hidden; }
.sm li {float:left; display:inline; overflow:hidden;  height:600px; }
.sm li span{
    padding-left:50px;
    padding-top:50px;
    display:block;
    width:650px;
    padding-right:0px;
}
            table.menu{
    margin-left:75px;

}
span img{
    margin-bottom:5px;


}
.sm li span.equip{
    width:600px;
    padding-top:1em;
}
  div#peu{
                width: 900px;
                text-align: left;
                padding-top:0em;
            }
             div#peu p{
                 margin:0 auto;
                width: auto;
                text-align: center;
                padding-top:0.2em;
                font-size:75%;
                color: #cccccc;
}
#li1{background-image:url(../images/1_1.gif );
     background-repeat:no-repeat;
     background-position:left;
     background-color:#cce986;
}

#li2{
    background-image:url(../images/2_1.gif );
     background-repeat:no-repeat;
     background-position:left;
     background-color:#b8e15b;
}
#li2 span img.mapa{
    float:left;
    margin-top:-2em;
    margin-right:2em;
    
}
#li2 span div.cotxe{
    background-color:#03a552;
    height:29px;
}
    #li2 span  p{
     margin-left:10em;
       }
    #li2 span div.cotxe img{
        float:left;

     }

#li3{background-image:url(../images/3_1.gif );
     background-repeat:no-repeat;
     background-position:left;
     background-color:#a3d833;
}
#li4{
   background-image:url(../images/portadaAmbTxt.jpg );
     background-repeat:no-repeat;
     background-position:left;
     background-color:#99d420;
 
}

#li4 span{
     
    position: relative;
    padding-left:0px;
    padding-top:0px;
    display:block;

}
#li4 span img{
    position: absolute;
    top: 200px;
    left: 0px;
    font-size:25px;
    margin-left:0px;


}
#li4 span.textOverImg{
    position: absolute;
    top: 470px;
    left: 60px;
    font-size:25px;


}

#li5{
     background-image:url(../images/5_1.gif );
     background-repeat:no-repeat;
     background-position:left;
     background-color:#99d420;
}
#li5 span p.titulin{
    color:teal;
    font-size:120%;
    font-weight:bold;
    margin-top:100px;
}
#li5 span p.titol{
    margin-top:100px;
    margin-bottom:10px;
}
#li3_2{
background-image:url('../images/plato_menu_dia.gif');
background-position:right bottom;
background-repeat:no-repeat;
height:575px;
padding-bottom:0px;

}


#li3_3{
background-image:url('../images/plato_menu_in.gif');
background-position:right bottom;
background-repeat:no-repeat;
height:600px;
padding-bottom:0px;

}
#li3_4{
background-image:url('../images/plato_menu_dia.gif');
background-position:right bottom;
background-repeat:no-repeat;
height:600px;
padding-bottom:0px;

}
.titulin{
    font-size:1em;
    font-weight:bold;
    margin-bottom:.5em;
}
#loading{
    text-transform:uppercase;
    margin:0 auto;
    margin-top:15em;
    margin-left:15em;
    font-weight:bold;
    color: #999999;
}