body{
 background-color:#838b98;
 margin:0px;
}

h1{
 color:#EE4787;
 font-weight:bold;
 font-size:15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

h2{
 color:#EE4787;
 font-weight:bold;
 font-size:15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 display:inline;
}

#fons_header{
 position:absolute;
 width:100%;
 background-image:url('../imatges/fons_header.gif');
 background-position: top left;
 background-repeat:repeat-x;
 height:170px;
 left:0px;
 top:0px;
}

#logo{
 position:absolute;
 background:none;
 left:50%;
 margin-left:-380px;
 height:108px;
 width:145px;
 top:30px;
}

#menu_animat{
 position:absolute;
 background:none;
 width:760px;
 left:50%;
 margin-left:-400px;
*margin-left:-360px;
 top:170px;
 *top:185px;
 z-index:100;
 }

/*#left ul {
    list-style:none;
 width:100%;
    margin:0;
    padding:0;
  }


#left li {
    margin:0px;
    padding:0;
    float:left;
  }


#left li a {
    display:block;
    width:auto;
    padding:3px 5px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
    font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    background-color:#838b98;
  }


#left li a:hover {
    color:#ffffff;
    background-color:#EE4787;
  }
*/


#contenidor{
 position:absolute;
 width: 820px;
 height:auto;
 top:170px;
 left:50%;
 margin-left:-410px;
}

#continguts{
 position:relative;
 background-image:url('../imatges/fons_continguts.gif');
 background-repeat:repeat-y;
 width: 820px;
 height:auto;
 float:top;
}

#graf{
 position:absolute;
 width:512px;
background:none;
 background-image:url('../imatges/menu.gif');
 background-repeat:repeat-y;
 height:65px;
 top:105px;
 left:50%;
 margin-left:-110px;
}

#menu_bo{
 position:absolute;
 left:50%;
 margin-left:-430px;
 top:173px;
 padding-bottom:20px;
 z-index:100;
 }

#left{
 position:relative;
/* background-color:#ff8798;*/
 width:510px;
 left:25px;
 color:#000000;
 text-align:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 top:20px;
 padding-bottom:20px;
 float:top;
}

.servei1{
 position:relative;
 background-color:#cacaca;
 width:225px;
 height:225px;
 left:25px;
 color:#000000;
 text-align:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 top:20px;
 padding-bottom:20px;
 float:left;
}

#espai{
 position:relative;
/* background-color:#ff8798;*/
 width:550px;
 left:25px;
 height:100px;
 float:top;
}

#left strong{
 color:#EE4787;
}

#left img{
 position:relative;
 display:block;
 align:center;
 float:top;
 border:1px solid gray;
 /*margin-top:5px;*/
 margin-bottom:15px;
 margin-right:10px;
}

#left a{
 color:#EE4787;
 text-decoration:none;
 font-weight:bold;
}

#right{
 position:absolute;
 width:210px;
 top:120px;
 left:50%;
 margin-left:175px;
 height:auto;
/* background-color:#548798;*/
 color:#000000;
 text-align:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 padding-bottom:20px;
}

#credits{
 position:relative;
 background-image:url('../imatges/credits.gif');
 background-repeat:no-repeat;
 width: 820px;
 height:40px;
 float:bottom;
 clear:both;
}

.text_credits{
 color:#ffffff;
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 padding-top:7px;
}

.text_credits a{
 color:#ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-decoration:none;
}

.text_credits a:hover{
 color:#ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-decoration:underline;
}

.text_dret{
 position:relative;
 width:550px;
 left:25px;
 color:#000000;
 text-align:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 top:20px;
 padding-bottom:20px;
 /*float:left;*/
}

.text_menu{
 color:#EE4787;
 font-weight:bold;
 font-size:13px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
}