body{
background-image:url(../comu/fons.gif);
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:0px;
}

#page{
margin:0 auto;
width:902px;
}
#cap{
width:902px;
height:110px;
background-image:url(../comu/cap.gif);
}
#conca{
width:124px;
height:14px;
float:left;
margin-top:72px;
margin-left:123px!important;
margin-left:61px;
}
#centre .gale{
width:125px;
background-color:#FFFFFF;
float:left;
margin:10px;
padding:4px;
border:solid;
border-width:1px;
border-color:#999999;
}
#centre .gale a{
float:left;
}
#capimatge{
width:901px;
height:150px;
padding-left:1px;
background:url(../comu/img_cap.gif);
}
#sotacap{
width:902px;
height:27px;
background:url(../comu/img_cap_sota.gif);
margin-bottom:0px;
}
#sotacap2{
width:902px;
height:27px;
background:url(../comu/img_cap_sota2.gif);
margin-bottom:0px;
}
#cos{
width:902px;
background-image:url(../comu/fons_pagina.gif);
float:left;
}
#cos2{
width:902px;
background-image:url(../comu/fons2.gif);
float:left;
}
#peu
{
width:902px;
height:49px;
background:url(../comu/fonspeu.gif);
clear:both;
}
#lateral{
float:left;
width:200px;
padding:0;
margin-left:1px;
margin-bottom:0px;
}
#menu{
width:187px!important;
width:184px;
margin-left:0px !important;
margin-left:-1px;
height:auto;
margin-right:0px;
}
#centre{
width:640px;
margin-top:0px;
padding-top:20px;
margin-left:215px;
}
#centre2{
float:left;
width:500px;
margin-top:0px;
padding-top:20px;
margin-left:16px!important;
margin-left:1px;
}
#banners{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#777777;
width:200px;
margin-top:10px;
margin-left:0px!important;
margin-left:-2px;
text-align:center;
}
#banners a{
vertical-align:baseline;
}
#buscador
{
width:250px;
height:65px;
margin-left:636px !important;
margin-left:621px;
background-image:url(../comu/fons_buscador.gif);
}
.bus{
padding-top:7px;
padding-left:8px;
font-size:9px;
}
.bus form .boton {
margin-left:6px;
 width:14px; 
 height:15px; 
 background-image:url(../comu/bus.gif);
 border:none;
 background-color:transparent;
}
.bus form .text {
border-style:none;
font-size:11px;
width:210px;
}
.bus form .boton:hover {
cursor:pointer;
}
#spon
{
padding-top:9px;
width:166px;
height:40px;
margin-left:530px !important;
margin-left:270px;
float:left;

}

#spon a
{
vertical-align:inherit;
}
#menusuperior{
float:right;
margin-right:1px;
margin-top:21px;
}
#tomb{
float:left;
width:10px;
height:21px;
background-image:url(../comu/tomb.gif);
}
#barramenu{
float:left;
height:21px;
background-color:#008000;
}
#canvimida
{
background-color:#008000;
color:#FFFFFF;
text-align:center;
float:left;
height:21px;
}
#canvimida a
{
color:#FFFFFF;
}
p,
#centre div,
#pagina div,
#pagina table tbody tr td{
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#4b3b04;
}
#pagina div li,
#pagina div li.iehover{
list-style:disc;
}
#pagina div ul ,
#pagina div ul.iehover{  
	list-style:inherit;
	margin-left:10px;
	_margin-left:15px;
	padding:5px;
}
#pagina div li a,
#pagina div li strong,
#pagina div li span{
_margin-bottom: -5px;
}
#capmenu2 a{
text-decoration:none;
color:#990000;
vertical-align:bottom;
}
#capmenu2 a:hover{
color:#515151;
text-decoration:underline
}
a{
text-decoration:none;
color:#56660c;
padding:0px 0px 0px 0px;
vertical-align:bottom;
}
.p9{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
}
.p13{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
}
.p16{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}
#ruta{
padding-left:220px;
padding-top:15px !important;
padding-top:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#9eb387;
font-weight:bold;
}
ul {  
	margin:0;
	.margin-left:15px;
	list-style-type: disc; 
}
li{ list-style-type: disc; }
#noticies{
float:left;
width:457px;
margin-top:0px !important;
margin-top:15px;
margin-left:14px;
margin-bottom:5px;

}
#noticies a{
font-size:11px;
font-weight:bold;
}
#noticies li{
font-size:11px;
margin-bottom:10px;
list-style:none;
}
#noticies .cap{
width:457px;
height:40px;
background-image:url(../comu/noticies_cap.gif);
}
#noticies .noticia{
width:457px;
background-color:#FFFFFF;
background-image:url(../comu/noticies_fons.gif);
}
#noticies .peu2{
width:457px;
height:35px;
background-image:url(../comu/noticies_peu.gif);
background-repeat:no-repeat;
}
#noticies .noticia2{
width:452px;
background-image:url(../comu/fons_noticies.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-top:1px;
padding-bottom:1px;
padding-right:5px;
padding-right:5px;
}
#noticies .noticia2 .cos{
margin-left:10px;
}

#capcos{
width:581px !important;
width:576px;
height:19px;
margin-left:8px;
padding-left:8px;
padding-top:2px;
background-image:url(../comu/fons_capcos.gif);

}
#destacats{
float:left;
margin-bottom:0px;
width:457px;
margin-left:15px;
margin-top:21px;
}
#destacat li{
margin-bottom:10px;
list-style:none;
}
#destacats .capdes{
width:457px;
height:25px;
background-image:url(../comu/titol_destaquem.gif);
}
#destacats .cosdes{
width:457px;
margin:0;
}
#destacat{
padding-top:12px;
padding-bottom:12px;
width:457px;
vertical-align:top;
text-align:justify;
font-size:11px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#008000;}
.barradreta
{
width:170px;
float:left;
border:0px;
margin-right:0px;
margin-left:15px!important;
margin-left:29px;
}
.barradreta ul.estil1 a {
border:0px;
margin-bottom:10px;
margin-top:10px;
background:none;
padding: 0;
}
.barradreta ul.estil1, 
.barradreta ul.estil1 li, 
.barradreta ul.estil1 li img, 
.barradreta ul.estil1 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 163px; /*For KHTML*/
  list-style: none;
}
.barradreta ul.estil1 a:hover,
.barradreta ul.estil1 li:hover a,
.barradreta ul.estil1 li.iehover a {
background:none;
}
#imatgeportada{
float:left;
background-color:#FFFFFF;
padding-top:2px;
padding-left:2px;
width:102px;
height:69px;
}
#cosescrit{
padding-left:10px;
margin-left:100px;
width:415px !important;
width:408px;
}
#cosescrit p{
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#917209;
line-height: 14px;
}
#pagina{
margin-top:15px;
margin-bottom: 15px;
margin-left:15px;
}
#pagina1{
margin-top:0px;
margin-bottom: 15px;
padding-bottom: 15px;
width:313px!important;
width:310px;
margin-left:0px;
float:left;
}
#pagina2{
margin-top:50x;
margin-bottom: 15px;
padding-bottom: 15px;
width:313px!important;
width:310px;
margin-left:10px;
float:left;
}
#faq{
margin-bottom:10px;
}
#faq2{
padding-top:12px;
margin-bottom:15px;
border-top-style:dashed;
border-width:1px;
}
.link{
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#4b3b04;
}
.link table tr td a{
font-size:11px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
h1{
font-size:15px;
text-decoration:none;
color:#56660c;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3{
padding-top:8px;
margin:0px;
padding-left:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:100;
color:#786525;
}
h4{
padding-top:-1px;
margin:0px;
padding-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:100;
color:#786525;
}
label{
font-size:11px;
color:#4b3b04;
font-weight:bold;}


/* Root = Vertical, Secondary = Vertical */
ul.estil1,
ul.estil1 li,
ul.estil1 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px; /*For KHTML*/
  list-style: none;
}

ul.estil1:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.estil1 li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul.estil1 a {
  border-bottom:1px solid #e9eaea;
  padding: 0 6px;
  display: block;
  background:url(../comu/ico-list.gif) #008000 no-repeat left;
  color:#ffffff;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height:20px;
}
ul.estil1 span {
  border-bottom:1px solid #e9eaea;
  padding: 0 6px;
  display: block;
  background:url(../comu/ico-list.gif) #015001 no-repeat left;
  color:#ffffff;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height:20px;
  font-weight:bold;
}
ul.estil1 hr {
border:0px;
}

/* Root Menu Hover Persistence */
ul.estil1 a:hover,
ul.estil1 li:hover a,
ul.estil1 li.iehover a {
background:url(../comu/ico-list.gif) #3ba63b no-repeat left;
  color: #ffffff;
}

/* 2nd Menu */
ul.estil1 li:hover li a,
ul.estil1 li.iehover li a {
  background:url(../comu/ico-list.gif) #008000 no-repeat left;
  color: #ffffff;
}

/* 2nd Menu Hover Persistence */
ul.estil1 li:hover li a:hover,
ul.estil1 li:hover li:hover a,
ul.estil1 li.iehover li a:hover,
ul.estil1 li.iehover li.iehover a {
  background:url(../comu/ico-list.gif) #3ba63b no-repeat left;
  color: #ffffff;
}

/* 3rd Menu */
ul.estil1 li:hover li:hover li a,
ul.estil1 li.iehover li.iehover li a {
  background:url(../comu/ico-list.gif) #008000 no-repeat left;
  color: #ffffff;
}

/* 3rd Menu Hover Persistence */
ul.estil1 li:hover li:hover li a:hover,
ul.estil1 li:hover li:hover li:hover a,
ul.estil1 li.iehover li.iehover li a:hover,
ul.estil1 li.iehover li.iehover li.iehover a {
  background:url(../comu/ico-list.gif) #3ba63b no-repeat left;
  color: #ffffff;
}

/* 4th Menu */
ul.estil1 li:hover li:hover li:hover li a,
ul.estil1 li.iehover li.iehover li.iehover li a {
background:url(../comu/ico-list.gif) #008000 no-repeat left;
  color: #ffffff;
}

/* 4th Menu Hover */
ul.estil1 li:hover li:hover li:hover li a:hover,
ul.estil1 li.iehover li.iehover li.iehover li a:hover {
  background:url(../comu/ico-list.gif) #3ba63b no-repeat left;
  color: #ffffff;
}

ul.estil1 ul,
ul.estil1 ul ul,
ul.estil1 ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.estil1 li:hover ul ul,
ul.estil1 li:hover ul ul ul,
ul.estil1 li.iehover ul ul,
ul.estil1 li.iehover ul ul ul {
  display: none;
}

ul.estil1 li:hover ul,
ul.estil1 ul li:hover ul,
ul.estil1 ul ul li:hover ul,
ul.estil1 li.iehover ul,
ul.estil1 ul li.iehover ul,
ul.estil1 ul ul li.iehover ul {
  display: block;
}/* CSS Document */








/*Menu Horitzontal*/
.estil2 li{
float:left;
list-style:none;
margin:0;
padding:0;
}
.estil2 a{
color:#ffffff;
list-style-type: none;
font-size:11px;
border-right-style:solid;
border-right-color:#ffffff;
border-right-width:1px;
background-color:#008000;
padding:  0px 10px 3px 7px;
}
.estil2 span{
color:#ffffff;
list-style-type: none;
font-size:9px;
background-color:#008000;
padding:  0px 10px 3px 7px;
}
.estil2 a:hover{
text-decoration:underline;
}
.estil2 ul{
list-style-type: none;
margin:0;
padding:0;
}

.menupeu{
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
.menupeu .estil2 li{
text-align:center;
padding-top:3px;
margin-left:auto;
margin-right:auto;
list-style:none;
}
.menupeu .estil2 a{
color:#008000;
background:none;
list-style-type: none;
font-size:11px;
padding:  0px 10px 0px 10px;
border-right:none;
}
.menupeu .estil2 a:hover{
text-decoration:underline;
}
.menupeu .estil2 ul{
list-style-type: none;
	margin:0;
	padding:0;
}
.menupeu ul.estil2 {
  height: 20px;
}
.mapaweb{
float:left;
width:208px;
margin-bottom:10px;
}
.mapaweb .estil1 li,
.mapaweb .estil1 ul{
list-style:none;
display:list-item;
}

.mapaweb ul.estil1,
.mapaweb ul.estil1 li,
.mapaweb ul.estil1 ul,
.mapaweb ul.estil2,
.mapaweb ul.estil2 li,
.mapaweb ul.estil2 ul {
  margin: 0;
  border: none;
  padding: 0;
  width: 200px; /*For KHTML*/
  list-style:none;
 }
.mapaweb ul.estil1 a,
.mapaweb ul.estil2 a
{
  border-bottom:none;
  padding: 0 6px;
  display: block;
  background:none;
  color:#333333;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height:20px;
  list-style:none;
  text-decoration:none;
  border:0px;
}
.mapaweb ul.estil1 a:hover,
.mapaweb ul.estil2 a:hover{
 text-decoration:underline;
 background:url(../comu/ico-list.gif) #008000 no-repeat left;
  color: #ffffff;
}
.mapaweb ul.estil1 li:hover a,
.mapaweb ul.estil1 li.iehover a,
.mapaweb ul.estil2 li:hover a,
.mapaweb ul.estil2 li.iehover a,
.mapaweb ul.estil1 li:hover li a:hover,
.mapaweb ul.estil1 li:hover li:hover a,
.mapaweb ul.estil1 li.iehover li a:hover,
.mapaweb ul.estil1 li.iehover li.iehover a,
.mapaweb ul.estil2 li:hover li a:hover,
.mapaweb ul.estil2 li:hover li:hover a,
.mapaweb ul.estil2 li.iehover li a:hover,
.mapaweb ul.estil2 li.iehover li.iehover 
 {
  border-bottom:none;
  padding: 0 6px;
  display: block;
  background:url(../comu/ico-list.gif) #008000 no-repeat left;
  color: #ffffff;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  height: auto !important;
  height: 1%; /*For IE*/
  line-height:20px;
  list-style:none;
}
.mapaweb ul.estil1 ul,
.mapaweb ul.estil1 ul ul,
.mapaweb ul.estil1 ul ul ul,
.mapaweb ul.estil2 ul,
.mapaweb ul.estil2 ul ul,
.mapaweb ul.estil2 ul ul ul  {
  display:block;
  position:relative;
  left: 20px;
}
.mapaweb .estil2 span{
display:none;
}
