body {
    background-image:url('../img/patro.png');
    background-repeat:repeat-X;
    background-color:#343E4A;
    margin:0px;
  }

#header {
    position:absolute;
    background-color:#222629;
    background-image:url('../img/header_ca.png');
    background-repeat:no-repeat;
    background-position:top left;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:80px;
    top:0px;
  }

#header_es {
    position:absolute;
    background-color:#222629;
    background-image:url('../img/header_es.png');
    background-repeat:no-repeat;
    background-position:top left;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:80px;
    top:0px;
  }


#banner {
    position:absolute;
    background-image:url('../img/banner2.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }

#banner2 {
    position:absolute;
    background-image:url('../img/banner2.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }

#banner3 {
    position:absolute;
    background-image:url('../img/banner3.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }

#banner4 {
    position:absolute;
    background-image:url('../img/banner4.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }

#banner5 {
    position:absolute;
    background-image:url('../img/banner5.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }

#banner6 {
    position:absolute;
    background-image:url('../img/banner6.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }

#banner7 {
    position:absolute;
    background-image:url('../img/banner7.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:300px;
    top:80px;
  }


#menu {
    position:absolute;
    background-color:#222629;
    width:900px;
    left:50%;
    margin-left:-450px;
    height:40px;
    top:380px;
  }

#menu a {
 position:relative;
 background-image:url(../img/menu/menu-all.png);
 float:left;
 margin:0px;
 padding:0px;
 height:40px;
 text-indent:-9999px;
}

.ca a.op1{
 width:150px;
 background-position:0px 0px;
}
.ca a:hover.op1{background-position:0px -40px;}
.ca a.op1.actiu{background-position:0px -40px;}

.ca a.op2{
 width:118px;
 background-position:-150px 0px;
}
.ca a:hover.op2{background-position:-150px -40px;}
.ca a.op2.actiu{background-position:-150px -40px;}

.ca a.op3{
 width:95px;
 background-position:-268px 0px;
}
.ca a:hover.op3{background-position:-268px -40px;}
.ca a.op3.actiu{background-position:-268px -40px;}

.ca a.op4{
 width:125px;
 background-position:-363px 0px;
}
.ca a:hover.op4{background-position:-363px -40px;}
.ca a.op4.actiu{background-position:-363px -40px;}

.ca a.op5{
 width:135px;
 background-position:-488px 0px;
}
.ca a:hover.op5{background-position:-488px -40px;}
.ca a.op5.actiu{background-position:-488px -40px;}

.ca a.op6{
 width:140px;
 background-position:-623px 0px;
}
.ca a:hover.op6{background-position:-623px -40px;}
.ca a.op6.actiu{background-position:-623px -40px;}

.ca a.op7{
 width:137px;
 background-position:-763px 0px;
}
.ca a:hover.op7{background-position:-763px -40px;}
.ca a.op7.actiu{background-position:-763px -40px;}

/* menues */

.es a.op1{
 width:151px;
 background-position:0px -80px;
}
.es a:hover.op1{background-position:0px -120px;}
.es a.op1.actiu{background-position:0px -120px;}

.es a.op2{
 width:115px;
 background-position:-151px -80px;
}
.es a:hover.op2{background-position:-151px -120px;}
.es a.op2.actiu{background-position:-151px -120px;}

.es a.op3{
 width:101px;
 background-position:-266px -80px;
}
.es a:hover.op3{background-position:-266px -120px;}
.es a.op3.actiu{background-position:-266px -120px;}

.es a.op4{
 width:125px;
 background-position:-367px -80px;
}
.es a:hover.op4{background-position:-367px -120px;}
.es a.op4.actiu{background-position:-367px -120px;}

.es a.op5{
 width:133px;
 background-position:-492px -80px;
}
.es a:hover.op5{background-position:-492px -120px;}
.es a.op5.actiu{background-position:-492px -120px;}

.es a.op6{
 width:144px;
 background-position:-625px -80px;
}
.es a:hover.op6{background-position:-625px -120px;}
.es a.op6.actiu{background-position:-625px -120px;}

.es a.op7{
 width:131px;
 background-position:-769px -80px;
}
.es a:hover.op7{background-position:-769px -120px;}
.es a.op7.actiu{background-position:-769px -120px;}

#menu img {
    vertical-align:middle;
    float:left;
    margin-left:18px;
    margin-top:-5px;
  }


#contenidor {
    position:absolute;
    background-image:url('../img/fons_web.png');
    background-repeat:repeat-y;
    background-position:top center;
    height:auto;
    left:50%;
    margin-left:-450px;
    width:900px;
    top:420px;
  }

#contenidor2 {
    position:absolute;
    background-image:url('../img/fons_web.png');
    background-repeat:repeat-y;
    background-position:top center;
    height:auto;
    left:50%;
    margin-left:-450px;
    width:900px;
    top:446px;
  }


#left {
    position:relative;
    /* background-color:#ffffff;
    */ height:auto;
    width:574px;
    float:left top;
    clear:both;
  }


#imatges img {
    margin-left:30px;
    float:left;
  }


#right {
    position:absolute;
    /*background-color:#ff0000;
    */ height:auto;
    width:326px;
    left:574px;
    top:0px;
  }


#urgencies {
    position:relative;
    background:#fff url(../img/urgencies-all.png) 0 0 no-repeat;
    height:80px;
    width:326px;
    float:top;
    margin-top:10px;
  }
#urgencies.ca{background-position: 0 0;}
#urgencies.ca:hover{background-position: 0 -160px;}
#urgencies.es{background-position: 0 -80px;}
#urgencies.es:hover{ background-position: 0 -160px;}


#urgencies1 {
    position:relative;
    background-color:#ffffff;
    height:80px;
    width:326px;
    float:top;
}


#submenu {
    position:relative;
    height:auto;
    margin-top:10px;
    width:280px;
    left:20px;
    float:top;
  }


#submenu2 {
    position:absolute;
    background-image:url('../img/submenu2.png');
    background-repeat:repeat-x;
    background-position:top left;
    width:900px;
    height:26px;
    left:50%;
    margin-left:-450px;
    top:420px;
  }


#formulari {
    position:relative;
    background-color:#333333;
    height:auto;
    margin-top:40px;
    width:316px;
    float:top;
  }


#credits {
    position:absolute;
    /* background-image:url('../img/fons_credits.png');
    background-repeat:repeat-x;
    background-position:top left;
    */ background-color:#222629;
    height:auto;
    width:900px;
    float:bottom;
    clear:both;
    z-index:30;
  }


#franja {
    position:absolute;
    /* background-color:#2a94f4;
    */ height:1px;
    border-top:2px solid #2a94f4;
    width:900px;
    z-index:40;
  }


#cloud {
    position:relative;
    background-color:#333333;
    /* background-image:url('../img/clouds.png');
    background-repeat:repeat-x;
    background-position:top left;
    */ height:auto;
    width:880px;
    /* display:block;
    */ font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:normal;
    font-size:9px;
    left:0px;
  }


#cloud ul {
    height:auto;
    margin-top:20px;
  }


#cloud li {
    display: inline;
  }


#cloud a {
    padding: 0px;
    display:inline;
    color:#777777;
    cursor:default;
  }


#cloud a:hover {
    padding: 0px;
    display:inline;
    color:#cfcfcf;
    text-decoration:none;
    cursor:default;
  }


#cloud a.tag1 {
    font-size: 1.0em;
    font-weight: 800;
    display:inline;
  }


#cloud a.tag2 {
    font-size: 1.2em;
    font-weight: 700;
    display:inline;
  }


#cloud a.tag3 {
    font-size: 1.9em;
    font-weight: 300;
    display:inline;
  }


#cloud a.tag4 {
    font-size: 1.3em;
    font-weight: 400;
    display:inline;
  }


#cloud a.tag5 {
    font-size: 1.2em;
    font-weight: 500;
    display:inline;
  }


#cloud a.tag6 {
    font-size: 1.4em;
    font-weight: 600;
    display:inline;
  }