body {
  text-align:center;
  margin:10px;
}

img {border:0px;}

/* ELEMENTS COMUNS */
#home,#hini,#hsec {
  margin-top:0px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  width:766px;
  height:570px;

  background-repeat: no-repeat;
}

#home {background-image: url(../media/img/fons1.jpg);}
#hini {background-image: url(../media/img/fons2.jpg);}
#hsec {background-image: url(../media/img/fons3.jpg);}

#cos {
  position:absolute;
  width:540px;
  height:570px;
}

#avis1 {
  position:absolute;
  margin-top:177px;
  margin-left:485px;
  width:250px;
  height:80px;
}

#avis2 {
  position:absolute;
  margin-top:100px;
  margin-left:25px;
  width:140px;
}

#idioma0 {
  position:absolute;
  margin-top:430px;
  margin-left:485px;
}

#idioma1 {
  position:absolute;
  margin-top:430px;
  margin-left:590px;
}

#menu {
  position:absolute;
  margin-top:105px;
  margin-left:578px;
  width:160px;
  height:370px;
}

#opcio {
  float:left;
  width:160px;
  padding-top:10px;
  line-height:13px;
}

#opcsel2,#opcsel3,#opcsel4,#opcsel5,#opcsel6,#opcsel7,#opcsel8,#opcsel9 {
  position:absolute;
  margin-left:545px;
  width:30px;
  height:54px;

  background-image: url(../media/img/flecha.gif);
  background-repeat: no-repeat;
  z-index:0;
}

#opcsel2 {margin-top:122px;}
#opcsel3 {margin-top:157px;}
#opcsel4 {margin-top:206px;}
#opcsel5 {margin-top:255px;}
#opcsel6 {margin-top:310px;}
#opcsel7 {margin-top:361px;}
#opcsel8 {margin-top:395px;}
#opcsel9 {margin-top:425px;}

#smenu1,#smenu2,#smenu3,#smenu4 {
  position:absolute;
  margin-left:314px;
  width:260px;
}

#smenu1 {
  margin-top:110px;
  height:147px;
  background-image: url(../media/img/smenu1.gif);
}

#smenu2 {
  margin-top:191px;
  height:80px;
  background-image: url(../media/img/smenu2.gif);
}

#smenu3 {
  margin-top:314px;
  height:147px;
  background-image: url(../media/img/smenu1.gif);
}

#smenu4 {
  margin-top:347px;
  height:130px;
  background-image: url(../media/img/smenu4.gif);
}

#sopcio {
  float:left;
  width:220px;
  padding-left:10px;
  padding-top:8px;
  line-height:13px;
}

#lletres {
  position:absolute;
  margin-top:0px;
  margin-left:215px;
}

#text,#presentacio {
  position:absolute;
  margin-top:33px;
  margin-left:180px;
  width:335px;
  padding-right:20px;

  font-family: Verdana;
  font-size: 0.75em;
  color: #000000;

  overflow:auto;

  /* filter:chroma(color=#FFFFFF); */
  scrollbar-face-color:#98D5E8;
  scrollbar-shadow-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-arrow-color:#ffffff;

  /* background-color:#cccccc; */
}

#text {height:450px;}
#presentacio {height:305px;}

/* PRESENTACIO */
#titol {
  position:absolute;
  margin-top:37px;
  margin-left:25px;
  width:140px;
  height:43px;
}

#imprimir {
  position:absolute;
  margin-top:465px;
  margin-left:85px;
  width:16px;
  height:14px;
}

#alcaldesa {
  position:absolute;
  margin-top:364px;
  margin-left:180px;
  width:250px;
  height:128px;
}

/* DETALLS */
#pdf {
  position:absolute;
  margin-top:230px;
  margin-left:60px;
  width:193px;
  height:130px;

  background-image: url(../media/img/pdf.gif);
}

#revista {
  position:absolute;
  margin-top:25px;
  margin-left:300px;
  width:177;
  height:269;
}

#programa {
  position:absolute;
  margin-top:320px;
  margin-left:300px;
  width:170px;
  height:152px;
}

/* GENERICOS */
#grup {
  float:left;
  margin-bottom:10px;
  width:420px;
}

#data {
  float:left;
  margin-top:2px;
  width:420px;
}

ul {
  padding-left: 10px;
  margin-left: 6px;
}

li {padding-top:0px; padding-bottom:10px;}
li span {color:black;}

ul.check  {list-style-image:url(../media/img/check.gif);}
ul.disc   {list-style-type:disc; color:#278EAD;}
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ul.numero {list-style-type:decimal;}

/* LLETRES */
.tn1  {font-family: Verdana;}
.tn1  {color: #000000;}
a.tn1 {text-decoration: none;}
a.tn1:hover {color: #ffffff;}

.tr1  {font-family: Verdana;}
.tr1  {color: #D42E25;}
a.tr1 {text-decoration: none;}
a.tr1:hover {color: #000000;}

.tb1  {font-family: Verdana;}
.tb1  {color: #ffffff;}
a.tb1 {text-decoration: none;}

.ta1  {font-family: Verdana;}
.ta1  {color: #278EAD;}
a.ta1 {text-decoration: none;}
a.ta1:hover {color: #4E9700;}

.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t11 {font-size:11px;}
.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t15 {font-size:15px;}
.t16 {font-size:16px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}

.e70 {font-size:0.7em;}
.e75 {font-size:0.75em;}
.e80 {font-size:0.8em;}
.e90 {font-size:0.9em;}
.e100 {font-size:1em;}
.e105 {font-size:1.05em;}
.e110 {font-size:1.1em;}
.e120 {font-size:1.2em;}

.padtop3 {padding-top:3px;}
.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.padbot20 {padding-bottom:20px;}
.just {text-align:justify;}
.centro {text-align:center;}