body { font-size: 12px; margin: 0px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; height: 100%;  background-image: url(../upload/public/imatges/fons_web.gif); background-position: center;  background-repeat: repeat-y; }

img{
border: 0px;
}

#container { margin: auto; width: 774px; height: 100%;  }
#borde {	margin: auto; width: 756px; height: 100%; }
#plantilles_superior { float: left; width: 100%; }
#plantilles_superior img { border: 0px; }
#plantilles_esquerra { float: left;  height: 100%;  width: 33%; }
#plantilles_centre { float: left;  width: 67%; height: 100%; }
#plantilles_inferior { float: left; width: 100%;  height: 41px; }
#fons_gris { float: left;  width: 100%;  background-color: #f1f1f1; background-image: url(../upload/public/imatges/fons_puntets_hor.gif); background-repeat: repeat-x;}
#fons_puntets_inf { float: left;  width: 100%;  background-color: #f1f1f1; background-image: url(../upload/public/imatges/fons_puntets_hor_2.gif); background-repeat: repeat-x;  height: 6px;}


#logo { float: left; width: 250px; padding-top: 45px; }
#d1 {	float: left; width: 166px; height: 219px; margin-top: 8px; padding-right: 4px; text-align: left; background-image:url(../upload/public/imatges/dest_1.gif); background-repeat:no-repeat;}
#d2 {	float: left; width: 166px; height: 219px; margin-top: 8px; padding-right: 4px; text-align: left; background-image:url(../upload/public/imatges/dest_2.gif); background-repeat:no-repeat;}
#d3 {	float: left; width: 166px; height: 219px; margin-top: 8px; text-align: left; background-image:url(../upload/public/imatges/dest_3.gif); background-repeat:no-repeat;}

.foto_dx { float: left; width: 154px; padding-top: 5px; padding-left: 6px; }

#d1_txt, #d2_txt, #d3_txt {float: left;  margin-top: 8px; padding-right: 4px; text-align: right; width: 158px;  font-size:10px; font-weight:bold; }

#d1_li {	float: left; width: 166px; text-align: left; }
#d2_li {	float: left; width: 166px; text-align: left; }
#d3_li {	float: left; width: 166px; text-align: left;  }

#d1_li li, #d2_li li, #d3_li li  { list-style-image: url(../upload/public/imatges/llistats_punt.gif); margin-top:4px;  padding-left:-8px; margin-left: -12px; }
#d1_li ul, #d2_li ul, #d3_li ul {  margin-right:10px; margin-top:-2px;  padding-left:-8px; }
#d1_li a, #d2_li a, #d3_li a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#696969; text-decoration: none;  }
#d1_li a:hover, #d2_li a:hover, #d3_li a:hover { color:#000000; text-decoration: underline;  }


#menu {   margin-left: -10px; padding-bottom:1px; }
#menu li { padding: 1px;   }
#menu ul { margin-top: 10px;   }
#menu a {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#6f0d00; text-decoration: none; }
#menu a:hover {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: underline; }
li.menu1 {	list-style-image: url(../upload/public/imatges/menu_llistats_punt.gif);  text-transform: uppercase;}
li.menu2 {  list-style-image: url(../upload/public/imatges/menu_llistats_fletxa.gif);  text-transform: none;  margin-left: -20px;}
.fons_puntets_menu { background-image: url(../upload/public/imatges/fons_puntets_hor_2.gif); background-position: bottom;  background-repeat: repeat-x; }

#contingut { padding:20px; text-align: justify; font-size: 11px; color: #5a5a5a; }
#contingut a {  color:#6f0d00; text-decoration: none; }
#contingut a:hover {  color:#000000; text-decoration: underline; }
#contingutlateral {	padding-left: 26px; font-size: 12px; float: left; width: 273px; padding-top: 36px; text-align: justify}
#menu_superior {	margin-top: 0px; font-size: 12px; float: left; width: 436px; text-align: right}
#menu_superior ul {	list-style-type: none}

#menu_superior ul {	padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; margin: 0px; padding-top: 0px}
#menu_superior li {	float: left}
#menu_superior a {	padding-right: 11px; display: block; padding-left: 11px; padding-bottom: 7px; color: #ffffff; padding-top: 7px; text-decoration: none}
#menu_superior a#menu1 {	border-left: #accfe8 1px solid}
#menu_superior a:hover {	background: #454545}
#margecontingut {	padding-right: 50px; padding-left: 50px; padding-bottom: 50px; padding-top: 50px}
#peu1 { padding: 15px; float: left; width: 45%;}
#peu2 { padding: 15px; float: right; width: 45%; text-align: right; }
#peu1 a {  color:#6f0d00; text-decoration: none; }
#peu1 a:hover {  color:#000000; text-decoration: underline; }
#peu2 a {  color:#6f0d00; text-decoration: none; }
#peu2 a:hover {  color:#000000; text-decoration: underline; }

#titol{  float: right;  width: 100%; text-align: right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color:#6f0d00; text-decoration: none; }
#fletxa {  float: right;}

.entornfoto {  width: 150px;  height: auto; border: 1px solid #acacac; background-color: #ffffff; padding-bottom:5px;}
#galeria {   float: left; width: 465px;  }
.fotogaleria {  float: left; margin-left: 3px; margin-bottom: 10px;  text-align:center; padding-top: 5px; }
.fotogaleria img { border: 0px; }
.peudefoto {  float: center; width: 140px; padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px; height: auto;  font-size: 11px; color:#000000;  font-family: Tahoma, Arial, Helvetica, sans-serif; }
#noticiari {   float: left; width: 465px;  background-image: url(../upload/public/imatges/fons_puntets_hor_2.gif); background-position: bottom;  background-repeat: repeat-x; margin-bottom: 10px;}
a.noticia { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color:#6f0d00; text-decoration: none;  font-weight:bold;}
a.noticia:hover { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration: underline;  font-weight:bold;}
.fotonoticia {   float: right; width: 150px;  }
a.subtitol { font-weight:bold;  text-decoration: none;  color:#000000;}
a.subtitol:hover { font-weight:bold; text-decoration: underline;  color:#000000;}
#noticiari img { float: right; margin-left: 20px;  }
.unanoticia {   float: left;  width: 100%;  margin-bottom: 30px;}
.negreta {font-weight:bold;}
.colorvermell {  color:#6f0d00; }
.titol { font-size: 13px;    }
#alinearimatges img { padding: 5px; margin: 10px; float: right; background-color: #ffffff; border: #bbb 1px solid}

input, input.text, input.title {
width:200px;
border:1px solid #bbb;
background:#ffffff;
margin:.3em .3em .3em 0;
padding:3px;
}

input.title {
font-size:1.5em;
}

textarea {
width:200px;
height:100px;
border:1px solid #bbb;
background:#eee;
margin:.5em .5em .5em 0;
padding:5px;
}

select {
border:1px solid #ccc;
background:#f6f6f6;
width:200px;
}

input.text:focus, input.title:focus, textarea:focus, select:focus {
background:#fff;
border:1px solid #999;
}