/* utopiq 2004 */

/* Estils comuns */

body {
     font-family:  Futura, Swiss, Helvetica, Tahoma, Arial, Verdana;
     font-size: 11px;
     color: #000000;
     text-align: justify;
     line-height:15.5px;
     background-color:#c0dbed;
     cursor: default;
     margin: 0;
     scrollbar-face-color: #388bb8;			 
     scrollbar-highlight-color: #c0dbed;
     scrollbar-3dlight-color: #c0dbed;			 
     scrollbar-arrow-color: #c0dbed;			 
     scrollbar-track-color: #c0dbed;			 
     scrollbar-shadow-color: #c0dbed;
     scrollbar-darkshadow-color: #c0dbed;
     }
h1 {
     filter: wave(Add=1, Freq=1, LightStrength=200, Phase=6, Strength=1) glow(color=black, Strength=2);
     width:100%;
     height: 22px;
     font-size: 20px;
     font-weight: bold;
     color: silver;
		 letter-spacing: 3px;
     margin: 0;
     padding: 0;
     }
h2 {
     width: 100%;
     height: 35px;
     font-family: Verdana, Futura, Swiss, Helvetica, Tahoma, Arial;
     font-size: 25px;
     font-weight: bold;
     color:#388bb8;
     text-align: justify;
     letter-spacing: 2px;
     padding: 0;
     margin: 0 0 20px;
     border-bottom: 1px solid #388bb8;
     }
h3 {
     width: 100%;
     height: 35px;
     font-family: Tahoma, Verdana, Futura, Swiss, Helvetica, Arial;
     font-size: 25px;
     font-weight: bold;
     color:#388bb8;
     text-align: justify;
     letter-spacing: 2px;
     padding: 15px 0 0 0;
     margin: 0;
     }
h5 {
     filter:DropShadow(color=#C0C0CC, offX=2, offY=2, positive=1);
     width:100%;
     height: 18px;
     font-size: 16px;
     letter-spacing: 2px;
     margin: 0;
     border-bottom: 1px dashed #388bb8;
     }
h6 {
     filter: wave(Add=1, Freq=1, LightStrength=200, Phase=6, Strength=1) glow(color=black, Strength=2);
     width:100%;
     height: 18px;
     font-size: 16px;
     font-weight: bold;
     color: #9C9C9C;
 		 letter-spacing: 1px;
     margin: 2px;
     padding: 2px 2px 9px 9px;
     }
img {
     background-color: transparent;
     border: none;
     padding: 0;
     margin: 0;
     }
address {
     font-style: italic;
     }
a:link {
     font-weight: bold;
     text-decoration: none;
     color: #388bb8;
     }
a:visited {
     font-weight: bold;
     text-decoration: none;
     color: #388bb8;
     }
a:active {
     font-weight: bold;
     text-decoration: none;
     color: #388bb8;
     }
a:hover {
     font-weight: bold;
     background-color: #3084d8;
     color: #ffffff;
     cursor: default;
     }

/* Capes pàgina inicial */
#cap {
  position: relative;
  top: 0;
  height: 118px;
  vertical-align: top;
  display: block;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  margin: 20px 20px 0 20px;
  padding: 0;
  background-color: #454545;
  overflow: hidden;
  width: 700px;
  }
#titolcap {
  position: absolute;
  text-align: right;
  bottom: 0px;
  right: 0px;
  margin: 0px 20px 0px 0px;
  padding: 0px;
  }
#navegacio {
	position: absolute;
	top: 138px;
	height: 332px;
	width: 250px;
	padding: 0 0 10px 10px;
	margin: 0 0 0 20px;
	background-color: #D4E7F3;
}
#navegacio ul {
	border-top: 2px solid #388cc2;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navegacio li {
	padding: 0;
	margin: 0;
}
#navegacio li a {
	background-color: #e9f4f9;
	border-left: 5px solid #388cc2;
	color: #000099;
	display: block;
	padding: 2px 0 2px 10px;
	margin: 0;
	text-decoration: none;
	width: 100%;
}
#navegacio li a:active {
	background-color: #e9f4f9;
	color: #0000999;
}
#navegacio li a:visited {
	background-color: #e9f4f9;
	color: #000099;
}
#navegacio li a:hover {
	background-color: #388cc2;
	border-right: 5px solid #5ea3d0;
	border-left: 5px solid #5ea3d0;
	color: #ffffff;
}
#punt {
	position: absolute;
	bottom: 10px;
	height: 22px;
	width: 22px;
}
#punt p {
	font-size: 28px;
	font-weight: bold;
	font-family: garamond;
	text-align: center;
	color: #5c92f6;
	margin-top: 3px;
}
#contingut {
	position: absolute;
	top: 138px;
	height: 332px;
	width: 450px;
	padding: 10px 0 0 0;
	margin: 0 0 0 270px;
	background-color: #e9f4f9;
}
.tirada {
	position: absolute;
	background-color: #e9f4f9;
	padding: 10px;
	height: 200px;
	width: 350px;
}
.tirada ul {
	list-style-image: url("imatges/ppentaxs.gif");
	padding: 0;
	margin: 0 0 0 35px;
}
.tirada li {
	padding: 0 0 5px 15px;
	margin: 0 0 0 5px;
}
#fons-contingut {
	position: absolute;
	top: 280px;
	padding: 10px;
	margin: 0;
}
.info {
  position: absolute;
  width: 310px;
  top: 90px;
  left: 50px;
  border: 1px dotted #999999;
  margin: 0;
  padding: 10px;
  background-color: #fdffff;
  visibility: hidden;
  z-index: 99;
  }
.formiga {
  position: absolute;
  width: 51px;
  top: 350px;
  left: 650px;
  margin: 0;
  padding: 0;
  z-index: 98;
  }

/* Capes pàgines interiors */
#thumbs {
     position: relative;
     width: 225px;
     height: 99%;
     top: 3px;
     left: 3px;
     bottom: 1px;
     vertical-align: top;
     display: block;
     margin: 0px;
     padding: 0px;
     background-color: #D4E7F3;
     overflow: auto;
     }
#imatge {
     position: absolute;
     width: 505px;
     height: 378px;
     top: 3px;
     left: 229px;
     display: block;
     vertical-align: top;
     margin: 0px;
     padding: 0px;
     }
#tornar {
     position: absolute;
     bottom: 3px;
     right: 3px;
     display: block;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
}