/* Fulla d'estil CSS
Creat per Carles Reig Cano
carlesreig "arroba" gmail "punt" com
http://www.carlesreig.com
Primera edicio 26 gener 2007
Ultima edicio 27 gener 2007
*/

/* propietats document */

html, body {
    margin:0;
    padding:0;
    color:#000000;
    background-color:#ffffff;
    font-family:arial, helvetica, verdana, sans-serif;
    font-size:12px;
text-align:center;
  }


div {
  }


span {
  }


img {
    border:0;
  }


form {
  }

/* objectes document */

#menu {
    background-color:#ffffff;
color:#000000;
    height:272px;
    left:0;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    position:absolute;
    right:0;
    top:25%;
    width:750px;
  }

.work {
    background-image:url(../img/work_00.jpg);
    width:250px;
    height:272px;
    position:absolute;
    top:0;
    left:0px;
  }

.work:hover {
    background-image:url(../img/work_01.png);
}

.varis {
    background-image:url(../img/varis_00.jpg);
    width:250px;
    height:272px;
    position:absolute;
    top:0;
    left:250px;
  }

.varis:hover {
    background-image:url(../img/varis_01.png);
  }

.blog {
    background-image:url(../img/blog_00.jpg);
    width:250px;
    height:272px;
    position:absolute;
    top:0;
    left:500px;
  }

.blog:hover {
    background-image:url(../img/blog_01.png);
  }

/* preload imatges */

.preload_img {
display:none;
}

/* peu de pagina */

#imatge_peu {
    background-image:url(../img/floreta.jpg);
    width:82px;
    height:96px;
    position:absolute;
    top:80%;
    left:20%;
    right:0px;
}

#peu {
    background-color:#dedede;
    color:#000000;
    width:750px;
    left:0;
    right:0;
    top:95%;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    position:absolute;
    text-align:center;
  }

#cap {
    background-color:#dedede;
    color:#000000;
    width:750px;
height:120px;
    left:0;
    right:0;
    top:5%;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    position:absolute;
    text-align:center;
  }

.link_retorn {
background-image:url(../img/exit.png);
    width:100px;
height:50px;
    left:0px;
    top:0px;
    position:absolute;
  }

.cantonada_esquerra {
    background-image:url(../img/cantonada_esquerra.png);
    width:80px;
    height:80px;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    margin:0px;
  }


.cantonada_dreta {
    background-image:url(../img/cantonada_dreta.png);
    width:80px;
    height:80px;
    position:absolute;
    top:0px;
    left:670px;
    right:0px;
    margin:0px;
  }

/* Barra lateral CSS play */
#links {
background-color:#dedede;
color:#000000;
    width:100px;
    height:200px;
    left:0px;
    right:0px;
    top:25%;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    position:absolute;
    unicode-bidi:bidi-override;
    direction:ltr;
    display:block;
    overflow:auto;
text-align:left;
  }

.link_00 {
    background-image:url(../img/spacer.png);
    width:80px;
    height:60px;
    position:absolute;
    top:0px;
  }

.link_01 {
    background-image:url(../img/banners/barrapunto.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:60px;
  }

.link_01:hover {
    background-image:url(../img/banners/barrapunto.png);
  }

.link_02 {
    background-image:url(../img/banners/blog.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:80px;
  }

.link_02:hover {
    background-image:url(../img/banners/blog.png);
  }

.link_03 {
    background-image:url(../img/banners/delicious.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:100px;
  }

.link_03:hover {
    background-image:url(../img/banners/delicious.png);
  }

.link_04 {
    background-image:url(../img/banners/deviantart.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:120px;
  }

.link_04:hover {
    background-image:url(../img/banners/deviantart.png);
  }

.link_05 {
    background-image:url(../img/banners/dev_photos.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:140px;
  }

.link_05:hover {
    background-image:url(../img/banners/dev_photos.png);
    width:80px;
    height:15px;
    position:absolute;
    top:140px;
  }

.link_06 {
    background-image:url(../img/banners/dev_wallpapers.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:160px;
  }

.link_06:hover {
    background-image:url(../img/banners/dev_wallpapers.png);
  }

.link_07 {
    background-image:url(../img/banners/esports_pr.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:180px;
  }

.link_07:hover {
    background-image:url(../img/banners/esports_pr.png);
  }

.link_08 {
    background-image:url(../img/banners/forum_jocs.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:200px;
  }

.link_08:hover {
    background-image:url(../img/banners/forum_jocs.png);
  }

.link_09 {
    background-image:url(../img/banners/gimp_es.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:220px;
  }

.link_09:hover {
    background-image:url(../img/banners/gimp_es.png);
  }

.link_10 {
    background-image:url(../img/banners/gimp_tutoriales.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:240px;
  }

.link_10:hover {
    background-image:url(../img/banners/gimp_tutoriales.png);
  }

.link_11 {
    background-image:url(../img/banners/gnome_look.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:260px;
  }

.link_11:hover {
    background-image:url(../img/banners/gnome_look.png);
  }

.link_12 {
    background-image:url(../img/banners/gug.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:280px;
  }

.link_12:hover {
    background-image:url(../img/banners/gug.png);
  }

.link_13 {
    background-image:url(../img/banners/linux_counter.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:300px;
  }

.link_13:hover {
    background-image:url(../img/banners/linux_counter.png);
  }

.link_14 {
    background-image:url(../img/banners/map.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:320px;
  }

.link_14:hover {
    background-image:url(../img/banners/map.png);
  }

.link_15 {
    background-image:url(../img/banners/meneame.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:340px;
  }

.link_15:hover {
    background-image:url(../img/banners/meneame.png);
  }

.link_16 {
    background-image:url(../img/banners/mosaic.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:360px;
  }

.link_16:hover {
    background-image:url(../img/banners/mosaic.png);
  }

.link_17 {
    background-image:url(../img/banners/photo_net.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:380px;
  }

.link_17:hover {
    background-image:url(../img/banners/photo_net.png);
  }

.link_18 {
    background-image:url(../img/banners/spgm.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:400px;
  }

.link_18:hover {
    background-image:url(../img/banners/spgm.png);
  }

.link_19 {
    background-image:url(../img/banners/xtr.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:420px;
  }

.link_19:hover {
    background-image:url(../img/banners/xtr.png);
  }

.link_20 {
    background-image:url(../img/banners/zonaurbana.jpg);
    width:80px;
    height:15px;
    position:absolute;
    top:440px;
  }

.link_20:hover {
    background-image:url(../img/banners/zonaurbana.png);
  }

.link_99 {
    background-image:url(../img/spacer.png);
    width:80px;
    height:30px;
    position:absolute;
    top:460px;
  }

#img_superior {
    background-image:url(../img/gradient_gris_transp.png);
    width:85px;
    height:60px;
    left:0px;
    top:25%;
    position:absolute;
}

#img_inferior {
    background-image:url(../img/gradient_gris_transp_reves.png);
    width:85px;
    height:60px;
    left:0px;
    top:60%;
    position:absolute;
}

#columna_central {
    background-image:url(../img/gris.png);
    width:100px;
    height:90%;
    left:45%;
    top:5%;
    position:absolute;
}

/* nuvols amb imatges i text */
#nuvol_01 {
    background-image:url(../img/nuvol_01.png);
    width:144px;
    height:64px;
    left:57%;
    top:15%;
position:absolute;
}

#nuvol_01:hover {
    background-image:url(../img/nuvol_11.png);
}

#nuvol_02 {
    background-image:url(../img/nuvol_02.png);
    width:155px;
    height:85px;
    left:25%;
    top:55%;
position:absolute;
}

#nuvol_02:hover {
    background-image:url(../img/nuvol_22.png);
}

#nuvol_03 {
    background-image:url(../img/nuvol_03.png);
    width:110px;
    height:59px;
    left:30%;
    top:40%;
position:absolute;
}

#nuvol_03:hover {
    background-image:url(../img/nuvol_33.png);
}

/* propietats del text */

h1 {
    color:#999999;
    background-color:#dedede;
    font-size:48px;
  }


h2 {
  }


h3 {
  }


p {
  }


strong {
  }


i {
  }

/* links */

a:link, a:visited, a:active {
    text-decoration:none;
color:#999999;
background-color:#dedede;
  }

a:hover {
text-decoration:underline;
color:#000000;
background-color:#dedede;
  }

/* pseudo-clases */