html, body 
{
	margin : 0px; 
	padding : 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Geneva, Tahoma,  Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height : 100%;
	text-align : left;
	background-color : #fff;
}

A:link, A:visited, A:active {
	color : #fff;
	text-decoration : none;
}

A:hover  {
	color : #225982;
	text-decoration : underline;
}

.pagina
{
	margin : 0px;
	padding : 0px;	
	width : 100%;
	margin : auto;
	padding : auto;
	text-align : left;	
	background-color : #ffffff;
	/*background: url(../img/sfondo-pagina.jpg) repeat-y top center;*/
}

.sfondoheader
{
	margin : 0px;
	padding : 0px;	
	width : 100%;
	height: 144px;
	background-color : #fff;	
	background: url(../img/sfondo-titolo.jpg) repeat-x top center;
}

.header
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 760px;
	text-align : center;
	background-color : #fff;	
}

.sinistro
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	height:144px;
	text-align : center;
	background-color : #fff;
	background: url(../img/sfondo-titolo.jpg) repeat-x top center;
}

/*--------------sinistro menu alto-------------------------*/

.sinistro .menualto
{
	margin : 0px;
	list-style : none;
	padding-bottom:47px;
}

.sinistro .menualto li
{
	font-size: 9px;
	float: right;
}

.sinistro .menualto li a
{
	display: block;
	width: 100%; height: 100%;
	padding-left: 5px;
	color: #999;
}

.sinistro .menualto a:hover 
{
	text-decoration: underline;
	color: #225982;
}

/*---------------------------------------*/


.destro
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 30px;
	height:144px;
	text-align : center;
	background-color : #fff;
	background: url(../img/sfondo-titolo.jpg) repeat-x top center;	
}

/*-----------------destro lingua----------------------*/

.destro .lingua
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;
	text-align : left;	
	padding-bottom:35px;	
}

/*---------------------------------------*/

.centro
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 550px;
	height:144px;
	text-align : center;
	background-color : #fff;
	background: url(../img/titolo.jpg) no-repeat top center;	
}


.sfondocentro
{
	margin : 0px;
	padding : 0px;	
	width : 100%;
	height: 201px;
	background-color : #81abcb;
	background: url(../img/sfondo-azzurro.jpg) repeat-x top center;
}


.picture
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 760px;
	text-align : center;
	background-color : transparent;	
}

.picture .left
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	height:201px;
	text-align : center;
	background-color : transparent;	
}

.picture .right
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 30px;
	height:201px;
	text-align : center;
	background-color : transparent;	
}

.picture .center
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 550px;
	height:201px;
	text-align : center;
	background-color : transparent;
	background: url(../img/sf2.jpg) no-repeat top center;	
}

.picture .foto
{
	margin : 0px;
	padding : 0px;
	margin: auto;
	padding: auto;	
	width : 498px;
	height: 201px;
	text-align: left;
	background-color : transparent;	
}

.corpo
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 760px;
	text-align : center;
	background-color : #fff;	
}

.sin
{
	margin : 0px;
	padding : 0px;	
	width : 180px;
	text-align : center;	
}

.des
{
	margin : 0px;
	padding : 0px;	
	width : 30px;
	text-align : left;	
}

.cen
{
	margin : 0px;
	padding : 0px;
	width : 550px;
	text-align : left;
	background: url(../img/sfondo-corpo.jpg) repeat-y top center;
}

.cen a:link, .cen a:visited, .cen a:active {
	color : #666;
	text-decoration : none;
}

.cen a:hover  {
	color : #225982;
	text-decoration : underline;
}


.footer
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 760px;
	text-align : center;
	background-color : #fff;	
}

.footersin
{
	margin : 0px;
	padding : 0px;	
	width : 180px;
	height: 20px;
	text-align:left;	
	background-color : #fff;
}

.footerdes
{
	margin : 0px;
	padding : 0px;	
	width : 30px;
	height: 20px;
	text-align:left;	
	background-color : #fff;
}

.footercen
{
	margin : 0px;
	padding : 0px;	
	width : 550px;
	height: 20px;
	text-align:left;	
	background-color : #fff;	
	background: url(../img/footer1.jpg) no-repeat top center;
}

.sfondofooter
{
	margin : 0px;
	padding : 0px;	
	width : 550px;
	height: 20px;
	text-align:left;	
	background-color : #fff;	
	background: url(../img/sfondo-footer.jpg) no-repeat top center;
}

/* Menu footer */

.footer .MenuFooter
{
	margin : 0px;
	list-style : none;
}

.footer .MenuFooter li
{
	font-size: 11px;
	float: left;
}

.footer .MenuFooter li a
{
	display: block;
	width: 100%; height: 100%;
	padding-left: 10px;
	color: #900;
}

.footer .MenuFooter li a:hover 
{
	text-decoration: underline;
	color: #900;
}

/*---------------Notizie ed eventi------------------------*/


.notizie1
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	height:10px;
	text-align : left;		
	background: url(../img/sfondo-notizie1.jpg) no-repeat top center;	
}

.notizie2-it
{
    margin : 0px;
    padding : 0px;
    margin:auto;
    padding: auto;   
    width : 180px;
    height:160px;
    text-align : left;
    background-color : #85b2d3;       
    background: url(../img/sfondo-notizie2-it.gif) no-repeat top center;
    margin-left: 5px;
    color: #fff;   
}

.notizie2-en
{
    margin : 0px;
    padding : 0px;
    margin:auto;
    padding: auto;   
    width : 180px;
    height:160px;
    text-align : left;
    background-color : #85b2d3;       
    background: url(../img/sfondo-notizie2-en.gif) no-repeat top center;
    margin-left: 5px;
    color: #fff;   
}

.notizie3
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	height:10px;
	text-align : left;		
	background: url(../img/sfondo-notizie3.jpg) no-repeat top center;	
}

.notizie2 .tit2
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 160px;
	text-align : left;
	color:#fff;
	background-color : #85b2d3;	
	padding-left:5px;
	padding-bottom: 5px;
	font-size:15px;
	font-weight:bold;
}

.notizie2 .testo2
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;
	text-align : left;
	color:#fff;	
	padding-left:10px;
	font-size:12px;
}

.notizie2 .separatoretesto2
{
	margin : 0px;
	padding : 0px;	
	width : 160px;
	height: 3px;
	background: url(../img/separatoretesto2.gif) no-repeat center center;
	padding-left:20px;
}

/*---------------------------------------*/

.menu1
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	height:20px;
	text-align : left;		
	background: url(../img/sfondo-menu1.gif) no-repeat top center;	
}

.menu2
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	text-align : left;		
	background: url(../img/sfondo-menu2.gif) repeat-y top center;
	color: #fff;	
}

.menu3
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 180px;
	height:10px;
	text-align : left;		
	background: url(../img/sfondo-menu3.gif) no-repeat top center;	
}


.menu
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding: auto;	
	width : 178px;
}

/* Menu laterale */

.ContenutoElementiMenuLaterale
{
	margin : 0px;
	list-style : none;
	height: 100%;
	padding: 10px 0 29px 0;
	background: url(../img/menu_g.gif) repeat-x bottom;
}

.ContenutoElementiMenuLaterale li
{
	height: 30px;
	font-size: 12px;
}

.ContenutoElementiMenuLaterale li a
{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background: url(../img/menu_b.gif) repeat-x bottom;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 104%;
	color: #fff;
}

.ContenutoElementiMenuLaterale li a:hover 
{
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #225982;
}

/*------------------Contenuto centrale---------------*/


.separatore
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding:auto;	
	width : 480px;
	height: 3px;
	text-align : center;
	background-color : #fff;
	background: url(../img/separatore.gif) no-repeat top center;
	margin-top: 3px;
	padding-bottom: 3px;
	padding-left:10px;
}
.separatore2
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding:auto;	
	width : 460px;
	height: 3px;
	text-align : center;
	background-color : #fff;
	background: url(../img/separatore2.gif) no-repeat top center;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-left:10px;
}

.corpocentro
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding:auto;
	width : 480px;
	text-align : left;
}

.fotografia
{
	margin : 0px;
	padding : 0px;
	margin: auto;
	padding: auto;	
	text-align: left;
	background-color : transparent;
	border : 1px solid #5a83a1;	
}

.txt
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding:auto;
	text-align : justify;
	padding-top:10px;
	padding-left:10px;
	padding-right: 10px;
}

.titolo1
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
}

.titolo1 a
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	color:#848484;
}

.titolo1 a:hover
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	text-decoration:underline;
	color:#848484;
}

.titolo2
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	color:#225982;
}

.titolo2 a
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	color:#225982;
}

.titolo2 a:hover
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	color:#225982;
	text-decoration:underline;
}

.titolo3
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:16px;
	color:#225982;
	font-weight: bold;
}

.titolo4
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	color:#225982;
}

.titolo4 a
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	color:#225982;
}

.titolo4 a:hover
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:14px;
	text-decoration:underline;
	color:#848484;
}

.txt2
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:10px;
}

.txt2 a
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:10px;
	color:#225982;
}

.txt2 a:hover
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:10px;
	color:#848484;
	text-decoration:underline;
}

.txt3
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	font-size:11px;
}

.txt3  a
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	color:#225982;
}

.txt3 a:hover
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	color:#848484;
	text-decoration:underline;
}

.txt4
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding:auto;
	text-align : justify;
	width:470px;
	padding-top:10px;
	padding-left:10px;
	padding-right: 10px;
}


INPUT, SELECT, TEXTAREA
{
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
	border : 1px solid #5a83a1;
}

.sin .inputForm
{
	margin : 0px;
	padding : 0px;
	text-align : left;
	padding-left : 10px;
	margin-top:5px;
	width: 160px;
	vertical-align: text-bottom;
}

.credits
{
	margin : 0px;
	padding : 0px;
	margin:auto;
	padding:auto;
	text-align: right;
	padding-right: 25px;
	color: #999;
	font-size: 10px;
}

.credits a
{
	margin : 0px;
	padding : 0px;
	color:#999;
}

.credits a:hover
{
	margin : 0px;
	padding : 0px;
	text-decoration:underline;
	color:#225982;
}

/* ----menu orizzontale per gallerie fotografiche ----*/
.cen .menuor
{
	margin : 0px;
	list-style : none;
	padding-top:10px;
	padding-bottom:15px;
}

.cen .menuor li
{
	font-size: 11px;
	float: left;
	background-image: url(../img/mag.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top: 4px;
	padding-right: 10px;
	padding-left:8px;
	height: 22px;
}

.cen .menuor li a
{
	display: block;
	width: 100%; height: 100%;
	padding-left: 10px;
	color: #225982;
}

.cen .menuor li a:hover 
{
	text-decoration: underline;
	color: #999;
}

In allegato la pagina con il codice del box e il separatore da aggiungere alla cartella img
Di seguito le classi da aggiungere nel css

.boxlaterale
{
    margin : 0px;
    padding : 0px;
    margin:auto;
    vertical-align: middle;   
    width : 170px;
    font-size: 12px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.fotopiccola
{
    margin : 0px;
    padding : 0px;
    margin: auto;
    background-color : transparent;
    border : 1px solid #fff;
    margin:4px 4px 0px 4px;
    float: left;   
}

.separatore3
{
    margin : 0px;
    padding : 0px;
    margin:auto;   
    width : 176px;
    height: 2px;
    text-align : center;
    background: url(../img/separatore3.gif) no-repeat top center;
    margin-top: 5px;
    padding-bottom: 5px;
}

.titbox
{
    margin : 0px;
    padding : 0px;
    margin:auto;
    padding: auto;   
    width : 160px;
    text-align : left;
    color:#fff;
    background-color : #85b2d3;   
    padding-left:5px;
    padding-bottom: 5px;
    font-size:15px;
    font-weight:bold;
}