/* CSS Document */
body{background-color:#000000; text-align:center; margin:0; padding:0; font:85% Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF}
.invisible{margin:0; padding:0; display:none}

/*DIV*/
div#contenidor{width:725px; height:614px; background-image:url(../imatges/fons/fons.jpg); background-repeat:no-repeat; margin:0 auto; text-align:left}
div#pagina{position:absolute; width:305px; height:350px; margin:170px 0 0 240px; padding:0 10px}

/*SCROLL*/
.root {position:relative; height:117px;	width:270px; margin:0px 0px 8px 0px}
.thumb {position:absolute; height:9px; width:10px; left:10px}
.up, .dn {position:	absolute; left:	10px}
.up a, .up a img, .dn a, .dn a img, .thumb a, .thumb a img{border:0}
.scrollContainer {position:absolute; left:2px; top:19px; width:59px; height:200px; clip:rect(0, 467, 200, 0); overflow:auto}
.scrollContent {position:absolute; left:0px; top:0px; width:100px}

/*UL*/
ul li{margin:10px 0}
ul#menu{position:absolute; width:150px; height:150px; margin:350px 0 0 50px; padding:0}
ul#menu li{list-style:none; margin:15px 0}
ul#galeria{position:absolute; margin:10px 0 0 0; padding:0}
ul#galeria li{list-style:none; float:left; width:45px; height:45px; margin:3px 7px 3px 0; border:1px solid #CCCCCC}

/*A*/
a.menu{display:block; width:130px; background-image:url(../imatges/punters/1.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; color:#CCCCCC; font-weight:bold; text-decoration:none}
a.menu:hover{width:120px; padding:0 0 0 30px; background-image:url(../imatges/punters/2.png); background-position:left; background-repeat:no-repeat; color:#FFFFFF}
a.menu_sel{display:block; width:120px; background-image:url(../imatges/punters/2.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 30px; color:#FFFFFF; font-weight:bold; text-decoration:none}
a.reditec{color:#CC3300; text-decoration:none}
/*colors*/
a.blanc{color:#FFFFFF}

/*P*/
p{line-height:30px}
p#peu{position:absolute; width:340px; font-size:80%; margin:590px 0 0 260px}

/*IMG*/
img.borde_gris{border:1px solid #CCCCCC}
img.punter{cursor:pointer}

/*LABEL*/
label{display:block; width:120px; height:19px; float:left; margin-bottom:3px; text-align:left; line-height:19px; padding:0 0 0 5px; font-size:13px}

input.caixa{display:block; width:170px; height:17px; float:left; margin-bottom:3px; border:1px solid #CCCCCC; background-color:#000000; color:#FFFFFF}

input.boto{border:1px solid #CCCCCC; background-color:#000000; font-weight:bold; color:#FFFFFF; margin:15px 0 0 150px}

/*TEXTAREA*/
textarea{display:block; width:170px; height:100px; float:left; border:1px solid #CCCCCC; background-color:#000000; color:#FFFFFF}