/* ELEMENTS COMUNS */



body {

  margin-top:2px;

  text-align:center;

}



.fbody {

  background-color:#8099A9;

}





img {border:0px;}

img.izq {

  float:left;

  padding-right:10px;

}



ol {

  padding-left: 15px;

  margin-left: 8px;

}



ul {

  padding-left: 10px;

  margin-left: 6px;

}



li {

  padding-bottom: 6px;

  /* color:#003352; */

}



li span {color:black;}

ul.check  {list-style-image:url(../media/img/check.gif);}

ul.disc   {list-style-type:disc;}

ul.circle {list-style-type:circle;}

ul.square {list-style-type:square;}

ul.numero {list-style-type:decimal;}



/* LOGOS */

#portada_adreca {

  position:absolute;

  margin-top:20px;

  margin-left:32px;

  width:250px;

  font-family: Arial;

  font-size: 10px;

  color: #8099A9;

}



#portada_links {

  position:absolute;

  margin-top:25px;

  margin-left:180px;

}



#logo_de {

  position:absolute;

  margin-top:22px;

  margin-left:500px;

}



#portada_destacats {

  position:absolute;

  padding:5px;

  margin-top:0px;

  margin-left:555px;

  width:165px;

  height:306px;



  overflow:auto;

  /* filter:chroma(color=#FFFFFF); */

  scrollbar-face-color:#8099A9;

  scrollbar-shadow-color:#DFDFDF;

  scrollbar-highlight-color:#DFDFDF;

  scrollbar-3dlight-color:#DFDFDF;

  scrollbar-darkshadow-color:#DFDFDF;

  scrollbar-track-color:#DFDFDF;

  scrollbar-arrow-color:#DFDFDF;

}



#logo_sm211 {

  position:absolute;

  margin-top:20px;

  margin-left:595px;

}



#logo_sm212 {

  position:absolute;

  margin-top:30px;

}



#logo_ajuntament {

  position:absolute;

  margin-top:35px;

  margin-left:600px;

}



#logo_sitgesreference {

  position:absolute;

  margin-top:50px;

  margin-left:20px;

}



#titol_seccio {

  position:absolute;

  margin-left:16px;

  margin-top:81px;

  width:220px;

  height:20px;

}



#candidat {

  position:absolute;

  width:81px;

  height:120px;

}



#segell {

  z-index:999;

  position:absolute;

  margin-top:455px;

  margin-left:75px;

}



/* MENU ESQUERRA */

#inici {

  position:absolute;

  margin-top:10px;

  margin-left:15px;

}



.menu_inici {

  font-family: Arial;

  font-size: 14px;

  font-weight:normal;

  text-decoration: none;

  color: #ffffff;

}



a.menu_inici:hover {color: #F6D918;}



.menu1,.menu2 {

  float:left;

  padding-top:5px;

  width:160px;

  font-family: Arial;

  font-size: 14px;

  font-weight:normal;

  text-decoration: none;

  background-color:#003352;

}



.menu3,.menu4 {

  float:left;

  padding-top:1px;

  margin-left:10px;

  width:150px;

  font-family: Arial;

  font-size: 13px;

  font-weight:normal;

  text-decoration:none;

  background-color:#003352;

}



.menu5 {

  float:left;

  margin-top:40px;

  margin-left:10px;

  padding-right:10px;

  font-family: Arial;

  font-size: 12px;

  font-weight:normal;

  text-decoration: none;

}



a.menu1 {color: #ffffff;}

a.menu3 {color: #8099A9;}

a.menu2,a.menu4 {color: #F6D918;}

a.menu5 {color: #8099A9;}

a.menu1:hover,a.menu2:hover,a.menu3:hover,a.menu4:hover,a.menu5:hover {color: #F6D918;}



/* PRINCIPAL */

#home {

  margin-right:auto;

  margin-left:auto;

  width:766px;

  height:556px;

  text-align:left;

  background-color:#003352;

}



#home1 {

  position:absolute;

  width:766px;

  height:120px;

}



#home2 {

  position:absolute;

  margin-top:120px;

  margin-left:20px;

  width:746px;

  height:316px;

}



#home3 {

  position:absolute;

  margin-top:436px;

  width:766px;

  height:120px;

}



#esquerra {

  position:absolute;

  margin-left:10px;

  width:165px;

  height:556px;

}



#dreta {

  position:absolute;

  margin-left:175px;

  width:591px;

  height:556px;

}



#peu {

  margin-right:auto;

  margin-left:auto;

  width:750px;

  text-align:right;

}



/* GRUP ESQUERRA */

#logo {

  float:left;

  width:150px;

  height:120px;

}



#menu,#separador {

  float:left;

  width:155px;

}



#separador {height:20px;}



/* GRUP DRETA */

#seccio {

  float:left;

  width:591px;

  height:120px;

}



#bloc1 {

  position:absolute;

  width:245px;

  height:120px;

  background-color:#8099a9;

}



#bloc2 {

  position:absolute;

  margin-left:245px;

  width:346px;

  height:120px;

}



#bloc3 {

  position:absolute;

  margin-top:436px;

  width:245px;

  height:120px;

  background-color:#8099a9;

}



#bloc4 {

  position:absolute;

  margin-top:436px;

  margin-left:245px;

  width:346px;

  height:120px;

}



#cos {

  position:absolute;

  margin-top:120px;

  width:591px;

  height:316px;

  background-repeat: no-repeat;

}



#tornar {

  float:left;

  margin-top:5px;

  margin-left:15px;

}



#cami {

  float:left;

  margin-left:10px;

  width:335px;

  height:30px;

}



#lletres {

  position:absolute;

  margin-top:5px;

  margin-left:15px;

  text-align:right;

  height:15px;

  width:205px;

}



#text, #fulltext {

  position:absolute;

  margin-top:28px;

  margin-left:15px;

  padding-right:10px;

  height:274px;

  font-family: Arial;

  font-size: 0.9em;

  color: #000000;

  overflow:auto;

  /* filter:chroma(color=#FFFFFF); */

  scrollbar-face-color:#8099A9;

  scrollbar-shadow-color:#DFDFDF;

  scrollbar-highlight-color:#DFDFDF;

  scrollbar-3dlight-color:#DFDFDF;

  scrollbar-darkshadow-color:#DFDFDF;

  scrollbar-track-color:#DFDFDF;

  scrollbar-arrow-color:#DFDFDF;

}



#text {width:215px;}

#fulltext {width:545px;}



/* GESTIO DEL FONS */

#cfons_fotos {

  float:right;

  margin-top:8px;

  margin-right:8px;

  height:50px;

}



#cfons_foto {

  float:right;

  margin-right:3px;

  margin-bottom:3px;

}



#cfons_text {

  position:absolute;

  margin-top:85px;

  margin-left:10px;

  width:325px;

  height:30px;

  font-family: Verdana;

  font-size:12px;

  text-align:right;

  color: #9C9A9A;

  /* background-color:#cccccc; */

}



/* ORGANIGRAMA */

#ccomissio_fotos {

  float:left;

  margin-top:10px;

  margin-left:15px;

}



#ccomissio_foto {

  float:left;

  margin-right:10px;

}



/* EL CENTRE DE DISSENY */

#banderes {

  float:right;

  margin-top:6px;

  margin-right:3px;

  height:100px;

}



/* ESTILS */

.marc {

  border-style:solid;

  border-width:1px;

  border-color:#000000;

  text-align:center;

  padding:3px;

}



.fons_zonablava {

  background-color:#8099A9;

}



.bordefoto1,.bordefoto2,.bordefoto3,.bordefoto4 {

  border-style:solid;

  border-width:1px;

}



.bordefoto1 {border-color:#003352;}

.bordefoto2 {border-color:#F7D917;}

.bordefoto3 {border-color:#000000;}

.bordefoto4 {border-color:#ffffff;}

.bordefoto5 {border-color:#8099a9;}

.ocult   {display:none;}

.visible {display:block;}

.dreta  {text-align:right;}

.centre {text-align:center;}

.just   {text-align:justify;}

.martop0  {margin-top:0px;}

.martop5  {margin-top:5px;}

.martop10 {margin-top:10px;}

.marbot0  {margin-bottom:0px;}

.padtop5  {padding-top:5px;}

.padtop10 {padding-top:10px;}

.padbot0  {padding-bottom:0px;}

.padbot5  {padding-bottom:5px;}

.padbot10  {padding-bottom:10px;}

.padizq10 {padding-left:10px;}

.padizq20 {padding-left:20px;}



/* LLETRES */

.tn1,.tn2,.tn3,.tb1,.tb2,.tr1,.tr2,.tr3 {font-family: Arial;}

.tn1,.tn2,.tr2 {color: #000000;}

.tb1,.tb2 {color: #ffffff;}

.tr1 {color: #F6D918;}

.tr3 {color: #D42E25;}

.tn2,.tb2,.tr2 {font-weight: bold;}



a.tn1,a.tn2,a.tb1,a.tb2,a.tr1,a.tr2,a.tr3 {text-decoration: none;}

a.tn2:hover,a.tr1:hover {color: #ffffff;}

a.tn1:hover,a.tn3:hover {color: #D42E25;}

a.tr3:hover,a.tr2:hover,a.tb1:hover,a.tb2:hover {color: #F6D918;}

.tbg {background-color:#FFD5D5;}



.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;}

.t17 {font-size:17px;}

.t18 {font-size:18px;}

.t19 {font-size:19px;}

.t20 {font-size:20px;}

.e70 {font-size:0.7em;}

.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;}

.fblanco {background-color:#ffffff;}
.lineh10 {line-height:10px;}