/*           normal: 0.8        mitjana: 1.0         gran: 1.2    */
/* destacats height: 285px               375px             475px   */

body { font-size: 0.8em; }
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
  background-color: #ffffff; margin: 0px; 
}
/* \*/ 
* html img { margin: 0px 0px -3px 0px; border: 0px; } 
/* */ 
img { border: 0px; }

A { font-weight: normal; color: #004F7D; margin: 0px; padding: 0px; text-decoration: underline;
}
A:Hover { color: #666666; }

form { margin: 0px; }

h1 { font-size: 100%; }
h1 a { font-size: 100%; font-weight: bold; margin: 5px 0px 5px 0px; color: #004F7D}

h2 { font-size: 120%; font-weight: bold; margin: 5px 0px 5px 0px; color: #004F7D}
h3 { font-size: 110%; font-weight: bold; margin: 5px 0px 5px 0px; }
h4 { font-size: 100%; font-weight: bold; margin: 5px 0px 5px 0px; }
h5 { font-size: 90%; font-weight: bold; margin: 0px 0px 5px 0px; }

p.situacio {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;
  margin: 0px 0px 20px 0px; padding: 0px; }
p.situacio a {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #333333;
  margin: 0px 0px 20px 0px; padding: 0px; }
p.situacio a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #000000;
  margin: 0px 0px 20px 0px; padding: 0px; }

.titol1 {
  background-image:url(galeria/barra01.gif); background-repeat: no-repeat; width: 145px; height: 22px;
  padding: 5px 0px 0px 5px; color: #ffffff; font-weight: bold; font-size: 120%;
  border-bottom: 1px solid #ffffff; margin: 5px 0px 0px 0px;
}
.titol1 a {
  color: #ffffff; font-weight: bold; text-decoration: none;
}
.titol1 a:hover {
  color: #ff9933; font-weight: bold; text-decoration: none;
}
.titol1a {
  background-image:url(galeria/barra01.gif); background-repeat: no-repeat; width: 145px; height: 22px;
  padding: 5px 0px 0px 5px; color: #FFCC66; font-weight: bold; font-size: 120%;
  border-bottom: 1px solid #ffffff; margin: 5px 0px 0px 0px;
}

.titol2 {
  background-image:url(galeria/barra02.gif); background-repeat: no-repeat; width: 145px; height: 22px;
  padding: 5px 0px 0px 5px; color: #ffffff; font-weight: bold; font-size: 120%; margin: 5px 0px 0px 0px;
}
.titol2 a {
  color: #ffffff; font-weight: bold; text-decoration: none;
}
.titol2 a:hover {
  color: #FFCC66; font-weight: bold; text-decoration: none;
}

.titol3 {
  background-image:url(galeria/barra03.gif); background-repeat: no-repeat; width: 145px; height: 22px;
  padding: 5px 0px 0px 5px; color: #ffffff; font-weight: bold; font-size: 120%; margin: 5px 0px 0px 0px;
}
.titol3 a {
  color: #ffffff; font-weight: bold; text-decoration: none;
}
.titol3 a:hover {
  color: #FFCC66; font-weight: bold; text-decoration: none;
}

.titol4 {
  background-image:url(galeria/barra04.gif); background-repeat: no-repeat; width: 145px; height: 22px;
  padding: 5px 0px 0px 5px; color: #ffffff; font-weight: bold; font-size: 120%; margin: 5px 0px 0px 0px;
  border-bottom: 1px solid #ffffff;
}
.titol4 a {
  color: #ffffff; font-weight: bold; text-decoration: none;
}
.titol4 a:hover {
  color: #FFCC66; font-weight: bold; text-decoration: none;
}

.titol5 {
  height: 22px;
  padding: 2px 0px 0px 5px; color: #ffffff; font-weight: bold; font-size: 120%; margin: 0px 0px 0px 0px;
}
.titol5 a {
  color: #ffffff; font-weight: bold; text-decoration: none;
}
.titol5 a:hover {
  color: #FFCC66; font-weight: bold; text-decoration: none;
}
.titol6 {
	background-image:url(galeria/barra03.gif);
	background-repeat: no-repeat;
	width: 145px;
	height: 22px;
	padding: 5px 0px 0px 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	margin: 5px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}
.titol6 a {
  color: #ffffff; font-weight: bold; text-decoration: none;
}
.titol6 a:hover {
  color: #ff9933; font-weight: bold; text-decoration: none;
}
.fons01 {
  background-image: url(galeria/barra_a.gif); background-repeat: no-repeat;
  background-color: #004F7D; width: 100%; min-height: 25px; height: 25px;
  padding: 1px 0px 1px 1px; color: #ffffff; margin: 0px 5px 5px 0px; float: left;
}
.fons5 {
  background-color: #012561; width: 185px; min-height: 100px; height: auto;
  padding: 0px 0px 0px 5px; color: #ffffff; margin: 0px 0px 0px 0px;
}
.fons05 {
  background-image: url(galeria/barra_a.gif); background-repeat: no-repeat;
  background-color: #004F7D; width: 280px; min-height: 100px; height: auto;
  padding: 1px 0px 1px 1px; color: #ffffff; margin: 0px 5px 0px 0px; float: left;
}
.fons05 a { color: #ffffff; }
.fons05 a:hover { color: #ffffff; }
.fons05a { background-color: #004F7D; width: 275px; margin: 0px; padding: 2px; }
.fons06 {
  background-image: url(galeria/barra_a.gif); background-repeat: no-repeat;
  background-color: #004F7D; width: 280px; min-height: 100px; height: auto;
  padding: 1px 0px 1px 1px; color: #ffffff; margin: 0px 0px 0px 0px; float: right;
}
.fons06 a { color: #ffffff; }
.fons06 a:hover { color: #ffffff; }
.fons06a { background-color: #004F7D; width: 275px; margin: 0px; padding: 2px; }

#pagina { width: 755px; min-height: 400px; height: auto !important; height: 400px;
  position: relative; top: 0px; margin: 0px auto 10px auto; 
  background: #ffffff url(galeria/fons02.gif) repeat-y left;
  }
  .esquerra { position:relative; 
    width: 150px; min-height: 250px; height: auto !important; height: 250px; font-size: 90%; 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; float: left;
	background: #004F7D url(galeria/fons02.gif) repeat-y left;
    }
  .esquerra img { border: 0px; }
  .cos {
    float: right; display:inline; position: relative; width: 605px; 
    margin: 0px 0px 0px 0px; padding: 0px; min-height: 250px; height: auto !important; height: 250px;
	background-color: #ffffff;
	}
    .cap { width: 590px; height: 110px; margin: 0px; padding: 0px; }
	
    .menu { width: 590px; height: 22px; margin: 0px; padding: 0px; background-color: #FF6600; }
    .menu ul { float: right; height: 22px; padding: 0px; margin: 0px; list-style-type:none; background-color: #FF6600; }
    .menu ul li { margin: 0px; padding: 0px; display: inline; background-color: #FF6600; }
    .menu ul li a { 
      display: inline; background-color: #FF6600; height: 22px;
      margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; float: left; border-right: 1px solid #ffffff;
      font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FDFAFF;
      text-decoration: none; 
      }
    .menu ul li a:hover { color: #ffffff; text-decoration: underline; background-color: #FF6600;
	  }
    
    .principal { position: relative; top: 0px; 
      float: left; width: 580px; margin: 10px 5px 0px 0px; padding: 5px 0px 5px 5px;
      font-size: 90%; text-align: left; vertical-align: top; list-style-type: disc;
      background-color: #ffffff;
	  min-height: 400px; height: auto !important; height: 400px;
      }
	  .animacio { position: relative; top: 0px; 
      float: left; width: 590px; margin: 0px; padding:0px;
      font-size: 90%; text-align: left; vertical-align: top; list-style-type: disc;
      background-color: #ffffff;
	  min-height: 400px; height: auto !important; height: 400px;
      }
      .continguts {
	    background-color: #ffffff; width: 400px; margin: 10px 0px 0px 0px;
	    padding: 5px 0px 5px 0px; float: left;
		}
	  .continguts1 {
	    background-color: #ffffff; width: 100%; margin: 10px 0px 0px 0px;
	    padding: 0px 0px 0px 0px; float: left; 
		}
	  .destacat {
	    width: 180px; padding: 5px; margin: 0px 2px 2px 1px; float: left; background-color: #E7E8EA;
		min-height: 290px; height: auto !important; height: 290px;
		}
	  .destacat img { border: 1px solid #000000; }
	  .destacat a { color: #3333CC; }
	  .destacat a:hover { color: #666666; }
	  .destacat p,h1 { margin: 0px; }
      .destacats { 
        background-color: #ffffff; float: right;
        width: 160px; min-height: 250px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 2px;
		border-left: 1px dashed #666666;
        }
  .peu {
  clear: both;
    width: 740px; margin: 10px 0px 0px 0px; text-align: center; background-color: #dedede;
    padding: 5px; border: #6666FF; font-size: 80%; font-weight: bold;
    }
   .peu a { font-weight: bold; }
.opcions {
  background-color: #004F7D;
  border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
  margin: 0px 0px 5px 0px;
  }
.opcions ul { padding: 0px; margin: 0px; list-style-type:none; }
.opcions ul li { }
.opcions ul li a {
  width: 145px; display: block; margin: 0px 0px 4px 0px; padding: 2px 0px 2px 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
  text-decoration: none; font-weight: bold; 
  color: #FDFAFF; background-color:#004F7D;
  }
.opcions ul li a:hover { 
  width: 145px; display: block; margin: 0px 0px 4px 0px; padding: 2px 0px 2px 2px;
  text-decoration: underline; font-weight: bold; 
  color: #ff9933; background-color:#004F7D;
  }
.opcions #actual {
  width: 145px; display: block; margin: 0px 0px 4px 0px; padding: 2px 0px 2px 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
  text-decoration: none; font-weight: bold; 
  color: #ff9933; background-color:#004F7D;
  }

.opcions1 {
  background-color: #004F7D;
  border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin: 0px 0px 5px 0px;
  background-image: url(galeria/fons01.gif); background-repeat: no-repeat; 
  }
.opcions1 ul { padding: 0px; margin: 0px; list-style-type:none; }
.opcions1 ul li { }
.opcions1 ul li a {
  width: 145px; display: block; margin: 0px 0px 4px 0px; padding: 2px 0px 2px 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
  text-decoration: none; font-weight: bold;
  color: #004F7D;
  }
.opcions1 ul li a:hover { 
  padding: 2px 0px 2px 2px; text-decoration: underline;
  color: #006699;
  }
.opcions1 #actual { 
  margin: 0px 0px 4px 0px; padding: 0px 0px 2px 2px; text-decoration: none;
  font-weight: bold; font-size: 85%;
  color: #006699;
  }
.opcions1 img { margin: 2px 0px 0px 0px; }
.contenidor1  { width: 400px; background-color: #ffffff; float: left; margin-top: 10px; }
.contenidor1a { width: 100%;  background-color: #ffffff; float: left; margin-top: 10px; }
.contenidor2 {
  min-height:120px; height: auto !important; height: 120px;
  background-color:#000000; margin: 0px 0px 10px 0px;
  }
.contenidor3 {
  min-height:145px; height: auto !important; height: 145px;
  width: 135px; padding: 2px 2px 2px 2px; margin: 1px; float: left; border: 1px solid #004F7D;
  text-align: center;
  }
.contenidor4 {
  min-height:170px; height: auto !important; height: 170px;
  width: 190px; margin: 0px; float: left; background-color: #ffffff;
  }
.contenidor5 {
  min-height:170px; height: auto !important; height: 170px;
  width: 190px; margin: 0px; margin-left: 200px; background-color:#ffffff;
  }
  
.acceskey { text-decoration: underline; }

.galeria1 { }
.galeria1 table { background-color: #FFFFFF; }
.galeria1 td { width: 130px; text-align: center; padding: 2px; border: 1px solid #666666; font-size: 90%; }
.galeria1 td img { border: 0px; }
.galeria1 td a { font-size: 90%; }

.calendari { font-size: 12px; }
.calendari a { color: #004F7D; text-decoration: none; }
.calendari a:hover { color: #000000; text-decoration: none; }
.calendari table { width: 100%; background-color: #ffffff; border: 0px; font-size: 12px; }
.calendari td { 
  padding: 1px; margin: 0px; text-align: right; 
  border: 1px solid #000000;
  }
.calendari td .actiu { padding: 0px; background-color: #009CFF; }

.registre { width: 100%; padding: 0px 0px 5px 0px; border-bottom: 1px solid #004f7d; }
.registre .titol { font-size: 120%; font-weight: bold; color: #004F7D; }
.registre .titol1 { font-size: 120%; font-weight: bold; color: #004F7D; }
.registre .text { }

img.dta { float: right; margin: 2px 0px 5px 5px; padding: 5px 5px 5px 10px; }
img.esq { float: left;  margin: 2px 5px 5px 0px; background-color: #FFFFFF; padding: 5px 0px 5px 0px; }
img.esq_text { float: left; margin: 5px 5px 5px 0px; background-color: #FFFFFF; padding: 5px 0px 5px 0px; }
img.dta_text { float: right; margin: 5px 0px 5px 5px; background-color: #FFFFFF; padding: 5px 0px 5px 0px; }
.img_esq { text-align: left; display: block; margin: 5px 5px 5px 0px; background-color: #FFFFFF; padding: 5px 5px 5px 0px; }
.img_dta { text-align: right; display: block; margin: 5px 0px 5px 5px; background-color: #FFFFFF; padding: 5px 0px 5px 5px; }
.img_mig { text-align: center; display: block; margin: 5px 5px 5px 5px; background-color: #FFFFFF; padding: 5px 0px 5px 0px; }