body {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.8em;
	background-color: #D7D079;
	color: #2B2B2B;
	padding-top: 0;
	padding-left: 0;
	border-top-style: solid;
	border-top: 2px;
	border-top-color: #B7D779;
}

A {color: #288628; font-weight: bold}
A:Hover {font-weight: bold; color: #282F86}

ul {
  margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 20px;
}

.titol {
  font-size: 150%; font-weight: bold
}
.esquerra {
  background-color: #B7D779; width: 200px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; 
  padding-left: 5px; border: #666666 solid; float: left; height: 370px; border-color: #666666 ridge; 
  border-width: 1px 3px 3px 1px; margin-left: 0px;
}
.ressaltat {
  background-color: #D7D079; width: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; 
  padding-left: 5px; border: #666666 solid; border-color: #666666 ridge; 
  border-width: 1px 3px 3px 1px;
}
.principal {
  float: left; width: 530px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;
  border: #666666 solid; background-color: #FFFFFF; margin-left: 10px; border-color: #666666 d0tted;
  border-width: 1px 3px 3px 1px;
}
.imgesquerra {  padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; float: left; border: 0px; }
.imgdreta {  padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; float: right; border: 0px; }

.bloc1 {
padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;
border-top-color: #B7D779;
border-bottom-color: #B7D779;
border-bottom-style: dashed;
border-width: 0px 0px 2px 0px;
padding-top: 10px;
}