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

img {border:0px;}

/* ELEMENTS COMUNS */
#home {
  margin-top:5px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  width:766px;
  height:566px;

  background-image: url(../media/img/fons.jpg);
  background-repeat: no-repeat;
}

#cos {
  position:absolute;
  width:766px;
  height:566px;
}

#esquerra {
  position:absolute;
  width:300px;
  height:566px;
}

#dreta {
  position:absolute;
  margin-left:300px;
  width:466px;
  height:566px;
}

#dalt {
  position:absolute;
  margin-top:24px;
  width:466px;
  height:120px;
}

#baix {
  position:absolute;
  margin-top:144px;
  width:466px;
}

#logopsc {
  position:absolute;
  width:76px;
}

#titol1 {
  position:absolute;
  margin-top:15px;
  margin-left:188px;
  width:250px;
}

#diari {
  position:absolute;
  margin-left:225px;
  width:100px;
}

#revista {
  position:absolute;
  margin-left:337px;
  width:100px;
}

#menu {
  position:absolute;
  margin-top:82px;
  width:466px;
}

/* PORTADA */
#video_presentacio {
  position:absolute;
  margin-top:24px;
  margin-left:130px;
  width:150px;
}

#titol2 {
  position:absolute;
  margin-top:55px;
  width:466px;
}

#titulars {
  position:absolute;
  margin-top:160px;
  margin-left:184px;
  width:250px;
  text-align:right;
}

#titol_opcio {
  position:absolute;
  margin-top:5px;
  margin-left:0px;
  height:31px;
  width:217px;
}

#opcio0,#opcio1,#opcio2,#opcio3,#opcio4,#opcio5 {
  position:absolute;
  height:31px;
  width:217px;
}

#opcio0,#opcio1,#opcio2 {margin-left:40px;}
#opcio3,#opcio4,#opcio5 {margin-left:200px;}

#opcio0,#opcio3 {margin-top:255px;}
#opcio1,#opcio4 {margin-top:295px;}
#opcio2,#opcio5 {margin-top:335px;}

#lletres {
  position:absolute;
  margin-top:15px;
  margin-left:215px;
  text-align:right;
}

/* PRESENTACIO */
#presentacio {
  position:absolute;
  margin-top:40px;
  width:265px;
  height:305px;
  padding-right:10px;

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

  overflow:auto;

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

#pregunta1 {
  position:absolute;
  margin-top:15px;
  margin-left:305px;
  height:28px;
  width:115px;
}

.cara1,.cara2,.cara3,.cara4 {
  position: absolute;
  margin-left:295px;
  width:145px;
  height:60px;
}

.cara1 {margin-top:55px; z-index:1;}
.cara2 {margin-top:105px; z-index:2;}
.cara3 {margin-top:155px; z-index:3;}
.cara4 {margin-top:205px; z-index:4;}

/* SOC */
#hsoc0,#hsoc1,#hsoc2,#hsoc3,#hsoc4 {
  margin-top:5px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  width:766px;
  height:566px;
  background-repeat: no-repeat;
}

#hsoc0 {background-image: url(../media/img/fons.jpg);}
#hsoc1 {background-image: url(../media/img/fons1.jpg);}
#hsoc2 {background-image: url(../media/img/fons2.jpg);}
#hsoc3 {background-image: url(../media/img/fons3.jpg);}
#hsoc4 {background-image: url(../media/img/fons4.jpg);}

#pregunta2 {
  position:absolute;
  margin-top:130px;
  margin-left:154px;
}

#menusoc {
  position:absolute;
  margin-top:150px;
  margin-left:210px;
  width:60px;
}

/* Globos pregunta-respuesta */
#paginador {
  position:absolute;
  margin-top:0px;
  margin-left:210px;
  height:17px;
  padding-left:8px;
  padding-right:5px;
  background-color:#E26D66;
}

#soc0,#soc1 {
  position:absolute;
  padding-top:5px;
  padding-left:8px;
  padding-right:5px;
  width:190px;
  height:284px;
  font-family: Verdana;
  font-size: 11px;
  color: #ffffff;
  background-repeat: no-repeat;
}

#soc0 {
  position:absolute;
  margin-top:20px;
  margin-left:210px;
  background-image: url(../media/img/globo0.gif);
}

#soc1 {
  position:absolute;
  margin-top:65px;
  margin-left:225px;
  background-image: url(../media/img/globo1.gif);
}

#resposta {
  position:absolute;
  margin:0px;
  width:190px;
  height:195px;

  overflow:auto;

  filter:chroma(color=#FFFFF0);
  scrollbar-face-color:#FFFFF0;
  scrollbar-shadow-color:#FFFFF0;
  scrollbar-highlight-color:#FFFFF0;
  scrollbar-3dlight-color:#FFFFF0;
  scrollbar-darkshadow-color:#FFFFF0;
  scrollbar-track-color:#FFFFF0;
  scrollbar-arrow-color:#ffffff;
}

#accio1 {
  position:absolute;
  margin-top:200px;
  margin-left:340px;
}

#accio2 {
  position:absolute;
  margin-top:270px;
  margin-left:370px;
}

.accio1 {color: #ffffff;}
.accio2 {color: #000000;}

.accio1,a.accio1,.accio2,a.accio2 {
  font-family: Verdana;
  font-size: 10px;
  text-decoration:none;
}

a.accio1:hover {color: #000000;}

#fcorreo {
  position:absolute;
  margin-top:35px;
  margin-left:0px;
  width:400px;
}

/* BIOGRAFIA */
#hbiografia, #hbiografia_galeria {
  margin-top:5px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  width:766px;
  height:566px;
  background-repeat: no-repeat;
}

#hbiografia {background-image: url(../media/img/fons6.jpg);}

#hbiografia_galeria {background-image: url(../media/img/fons9.jpg);}

#biografia {
  position:absolute;
  margin-top:40px;
  margin-left:30px;
  width:265px;
  height:300px;
  padding-right:10px;

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

  overflow:auto;

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

#biografia_fotos {
  position:absolute;
  margin-left:325px;
  margin-top:5px;
  width:106px;
}

#biografia_foto {
  float:left;
  margin-top:4px;
}

#mesfotos {
  float:right;
  margin-top:5px;
  margin-right:2px;
  text-align:right;
}

#mesfotos1 {
  position:absolute;
  margin-top:373px;
  margin-left:258px;
}

/* SITGES I JO */
#hciutat {
  margin-top:5px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  width:766px;
  height:566px;

  background-image: url(../media/img/fons7.jpg);
  background-repeat: no-repeat;
}

/* GALERIA FOTOS. BIOGRAFÍA I CIUTAT */
#galeria {
  position:absolute;
  margin-top:9px;
  margin-left:20px;
  width:452px;
}

#galeria_candidatura {
  position:absolute;
  margin-top:48px;
  margin-left:0px;
  width:460px;
}

#galeria2 {
  position:absolute;
  margin-top:295px;
  margin-left:8px;
  width:306px;
}

#foto {
  float:left;
  width:80px;
  height:55px;
}

#foto_candidatura {
  float:left;
  width:58px;
  height:80px;
}

#foto_convencio {
  float:left;
  width:85px;
  height:60px;
}

#fotoizda {
  float:left;
  margin-right:5px;
  margin-top:3px;
  margin-bottom:3px;
  padding:3px;
  border:solid 1px #cccccc;
}

#fotodcha {
  float:right;
  margin-left:5px;
  margin-top:3px;
  margin-bottom:3px;
  padding:3px;
  border:solid 1px #cccccc;
}

.bordefoto1 {
  border-color:#000000;
  border-style:solid;
  border-width:1px;
}

.bordefoto2 {
  border-color:#ffffff;
  border-style:solid;
  border-width:1px;
}

/* SECCIONS DINÀMIQUES. PREMSA, AGENDA, MULTIMÈDIA */
#hseccio {
  margin-top:5px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  width:766px;
  height:566px;

  background-image: url(../media/img/fons8.jpg);
  background-repeat: no-repeat;
}

#seccio {
  position:absolute;
  margin-top:40px;
  margin-left:30px;
  width:320px;
  height:300px;

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

  overflow:auto;

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

#grup {
  float:left;
  margin-bottom:10px;
  padding:5px;
  width:290px;
}

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

#pagines {
  float:left;
  margin-top:2px;
  width:290px;
  text-align:right;
}

#backnoti {
  position:absolute;
  margin-top:18px;
  margin-left:35px;
}

#fotonoti {float:left;}

/* MENU */
.menu,.menu1,.menu2,.menu3,.menu4,.menu5,.menu6,a.menu7 {
  float:left;
  padding-top: 10px;
  padding-left: 6px;
  padding-right: 10px;
  margin-right: 3px;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

a.menu,a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6,a.menu7 {text-decoration: none;}

a.menu1 {background-color: #D52E26;}
a.menu2 {background-color: #D8433C;}
a.menu3 {background-color: #E26D66;}
a.menu4 {background-color: #EA9793;}
a.menu5 {background-color: #F1BFBE;}
a.menu6 {background-color: #FCEAEA;}
a.menu7 {background-color: #fff2f1;}

a.menu1:hover,a.menu2:hover,a.menu3:hover,a.menu4:hover,a.menu5:hover,a.menu6:hover,a.menu7:hover {
  background-color: #ffffff;
}

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

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

.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;}
.tgran {font-size:22px;}

.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:10px;}
.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.just {text-align:justify;}