body 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-image: url(../icons/fons.gif);
 margin: 0px;
}

#caps{

 height: 70px;
 background-image: url(../icons/logo.png);
 background-repeat: no-repeat;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #006666;
 border-bottom-color: #006666;
 text-align: right;
 background-color: #F2F2EC;
margin:5px 0 10px 0;

}

#overlay {
 visibility: hidden;
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 9;
 width: 100%;
 height: 100%;
 background-color: #666666;
 opacity: 0.65;
 filter: alpha(opacity=65);
}
#media {
 visibility: hidden;
 position: absolute;
 display: none;
 left: 30%;
 top: 65px;
 z-index: 10;
 width: 600px;
 height: 600px;
 background-color: #000000;
 border-color: #454545;
 border-width: 1px;
 border-style: solid;
 vertical-align: 50%;
 text-align: center;
}
#fondo 
{
position:absolute;
left:50%;
margin-left:-500px;
 width: 600px;
 top:0;
 height:100%;
width:1000px;
 text-align: center;
 vertical-align: top;

}
.seccio 
{
clear:both;
 margin-bottom: 15px;
 background-color: #F2F2EC;

 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #006666;
 border-bottom-color: #006666;
 text-align: left;
}
.titol 
{
 text-align: right;

 margin-top: 0;
 margin-right: 5px;
 margin-bottom: 0;
 margin-left: 5px;
 z-index: 2;
}
.resum{

width:986px;
border-color: #006666;
 border-width: 1px;
 border-style: solid;
 height:200px;
 margin:5px 2px 5px 2px;
 background-color: #006666;
}
.resumr{
float:right;
width:478px;
 background-color: #FFFFFF;
 height:190px;
 margin:5px 7px 5px 6px;
}
.titresum
{
height:20px;
 text-align: right;
 margin-top: 0;
 margin-right: 5px;
 margin-bottom: 0;
 margin-left: 5px;
border-bottom-color: #006666;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.contresum{
clear:both;
text-align: left;
overflow:auto;
height:155px;

}
.colorin{
clear:both;
margin: 3px 0 3px 0;
}
.clicable{
overflow:hidden;
text-align:left;
}
.capcolorin{
background-color : #006666;
color:#FFFFFF;
border-top:#006666 solid 1px;
border-bottom:#006666 solid 1px;
 overflow: hidden;
 margin-bottom: 15px;

}
.c70{
float:left;
width:70px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
}
.c90{
float:left;
width:90px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
}
.c160{
float:left;
width:160px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
}
.c100{
float:left;
width:130px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
text-align:left;
}
.c200{
float:left;
width:180px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
text-align:left;
}
.c300{
float:left;
width:260px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
text-align:left;
}
.c500{
float:left;
width:400px;
border-left:#006666 solid 1px;
margin: 0 2px 0 6px;
padding: 0 2px 0 2px;
overflow:hidden;
text-align:left;
}

<style> 
	
	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(../images/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	</style> 
 
	
	
	<!--[if lt IE 7]>
	<style> 
	div.apple_overlay {
		background-image:url(../images/overlay_IE6.gif);
		color:#fff;
	}
	
	/* default close button positioned on upper right corner */
	div.apple_overlay div.close {
		background-image:url(../images/overlay_close_IE6.gif);
	
	}	
	</style>
	<![endif]-->