body,contingut,ul,li {margin:0;padding:0}
body {background:url(interior.png) no-repeat center top}
li {list-style-type:none}
img {border:0}
#contingut a {text-decoration:none; color:red}

h1,h2 {margin:0; padding:0}
h3,p {margin-top:0; padding-top:0}

#info, span ,#logos p {position:absolute;visibility:hidden}

#contingut h1 a {position:absolute; top:20px;left:0px; display:block; width:290px; height:80px}

#contingut {width:1000px; margin-left:auto;margin-right:auto; height:630px; position:relative}

#botons: { }

#cuadreEsq {font-family:arial; font-size:12px; top:179px;width: 319px; left:65px; height: 253px;position:absolute;}
#cuadreEsq  .petit {font-size:10px;margin-top:10px}
#cuadreDret {font-family: arial;font-size: 12px;height: 271px; top: 224px; left:415px;width: 564px; position:absolute;}
.interior {margin:20px;padding:5px}
#cuadreDret  .interior {overflow-y: scroll;height:221px}
#cuadreDret  .interior  .patrocini {position:absolute;}

#menu {position:absolute; top:185px; left:430px; }



#introduccio a {background-image:url(b1-introduccio.png)}
#introduccio a:hover{background-image:url(bc1-introduccio.png)}

#patrocinadors a {background-image:url(b2-patrocinadors.png)}
#patrocinadors a:hover{background-image:url(bc2-patrocinadors.png)}

#mencions a {background-image:url(b3-mencions.png)}
#mencions a:hover{background-image:url(bc3-mencions.png)}

#inscripcio a {background-image:url(b4-inscripcio.png)}
#inscripcio a:hover{background-image:url(bc4-inscripcio.png)}

#ponents a {background-image:url(b5-ponents.png)}
#ponents a:hover{background-image:url(bc5-ponents.png)}

#reportatge a {background-image:url(b6-reportatge.png)}
#reportatge a:hover{background-image:url(bc6-reportatge.png)}



#menu li {float: left}
#menu li a {display:block; width:34px; height:31px;}

#re a {background-image:url(bi-repag.png)}
#re a:hover{background-image:url(bic-repag.png)}

#ini a{background-image:url(bi-inici.png)}
#ini a:hover {background-image:url(bic-inici.png)}

#av a {background-image:url(bi-avpag.png)}
#av a:hover{background-image:url(bic-avpag.png)}


#logos {text-indent:-9999px;}
#logos li {position:absolute; height:35px}
#logos li a {display:block; text-indent: 0px;height:100%;}

#cuadreEsq h2 {position:absolute; top:-40px;display:block;width:150px;height:30px;}

#cuadreEsq h2.introduccio {background-image:url(bt1-introduccio.png)}
#cuadreEsq h2.patrocinadors{background-image:url(bt2-patrocinadors.png)}
#cuadreEsq h2.mencions {background-image:url(bt3-mencions.png)}
#cuadreEsq h2.inscripcio{background-image:url(bt4-inscripcio.png)}
#cuadreEsq h2.ponents{background-image:url(bt5-ponents.png)}
#cuadreEsq h2.reportatge{background-image:url(bt6-reportatge.png)}

#xarxes {top:640px;left:0;position:absolute;}
#xarxes li {float:left; margin-right:10px}