diff --git a/oth/img/imageArrow.xcf b/oth/img/imageArrow.xcf
new file mode 100644
index 0000000..2fb702e
Binary files /dev/null and b/oth/img/imageArrow.xcf differ
diff --git a/private/lib/gui/GUIHandler.php b/private/lib/gui/GUIHandler.php
index bdb441b..b38f213 100644
--- a/private/lib/gui/GUIHandler.php
+++ b/private/lib/gui/GUIHandler.php
@@ -290,9 +290,9 @@ class GUIHandler {
 					
 					?>
 			</div>
-			<div style="text-align:center;color:white;margin-top:25px;">TESTATA REGISTRATA PRESSO IL TRIBUNALE DI NAPOLI AUT. NR. 8 DEL 27 GENNAIO 2006</div>
-			<div style="text-align:center;color:white;margin-top:20px;">COPYRIGHT &copy 2016 <a href="www.ifattidinapoli.it" style="color:white;">www.ifattidinapoli.it</a> - Giornale della Terza Metropoli Italiana</div>
-			<div style="text-align:center;color:white;margin-top:20px;"><a href="redazione.php" style="color:white;">REDAZIONE</a> | <a href="archivio.php" style="color:white;">ARCHIVIO STORICO</a></div>
+			<div >TESTATA REGISTRATA PRESSO IL TRIBUNALE DI NAPOLI AUT. NR. 8 DEL 27 GENNAIO 2006</div>
+			<div >COPYRIGHT &copy 2016 <a href="www.ifattidinapoli.it" style="color:white;">www.ifattidinapoli.it</a> - Giornale della Terza Metropoli Italiana</div>
+			<div ><a href="redazione.php" style="color:white;">REDAZIONE</a> | <a href="archivio.php" style="color:white;">ARCHIVIO STORICO</a></div>
 				
 		</div>
 	<?php 
@@ -352,7 +352,6 @@ class GUIHandler {
 		?>
 		<div id="rightBarContainer" class="">
 			<div class="rotoBanner">
-			<div>Guarda anche</div>
 				<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
 				<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
 			</div>
@@ -363,20 +362,27 @@ class GUIHandler {
 						<div class="categoryLine"></div>
 					</div>
 			<?php if(sizeof($lastsNews)>0){
+					$i=0;
 					foreach($lastsNews as $last){
+						$i++;
 						$data = $mesi[date("n",$last->about->data->sec)]." ".date("Y",$last->about->data->sec);
 						$string = (strlen($last->titolo) > 103) ? substr($last->titolo,0,100).'...' : $last->titolo;?>
-						<div class="lastContainer">
+						<div id="last_<?php echo $i;?>" class="lastContainer">
 							<div class="lastData"><?php echo $data;?></div>
 							<div class="lastTitle"><?php echo $string;?></div>
-							<div class="lastContinua" style="text-align:right;"><a href="articolo.php?id=<?php echo $last->id;?>">Leggi</a></div>
 						</div>
+						<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#last_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $last->id;?>";
+								});							
+							});
+						</script>
 			<?php 	}
 			}?>
 				</div>
 			</div>
 			<div class="rotoBanner not">
-				<div>Guarda anche</div>
 				<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
 				<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
 			</div>
diff --git a/public/archivio.php b/public/archivio.php
index 327be53..9495c5f 100644
--- a/public/archivio.php
+++ b/public/archivio.php
@@ -28,7 +28,7 @@ try {
 		$month= $_POST["month"];
 		$year = $_POST["year"];
 		
-		$limit=10;
+		$limit=1;
 		$page = 1;
 		$numPages = 1;
 		
@@ -176,6 +176,7 @@ try {
 										<div id ="page_first" class="page">
 											Inizio
 										</div>
+										<div class="page noSelection">...</div>
 										<script type="text/javascript">
 											$(document).ready(function(){
 												$("#page_first").click(function(){
@@ -237,8 +238,9 @@ try {
 									}
 									if($page+2<$numPages){
 										?>
+									<div class="page noSelection">...</div>	
 									<div id ="page_last" class="page">
-											Ultima
+											Ultima (<?php echo $numPages;?>)
 										</div>
 										<script type="text/javascript">
 											$(document).ready(function(){
diff --git a/public/articolo.php b/public/articolo.php
index 89f2cd2..163c81d 100644
--- a/public/articolo.php
+++ b/public/articolo.php
@@ -107,7 +107,10 @@ try {
 }
 GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
 ?>
-<div class="imageOverlay" onclick="javascript:hidePreview()"></div>
+<div class="imageOverlay" onclick="javascript:hidePreview()">
+<!-- 	<div class="imagePreviewBefore"><img src="images/leftImage.png" /></div> -->
+<!-- 	<div class="imagePreviewAfter"><img src="images/rightImage.png" /></div> -->
+</div>
 <div class="clickableImageContainer" onclick="javascript:hidePreview()"></div>
 <div style="width:1000px;margin-left:auto;margin-right:auto;" itemscope itemtype="http://schema.org/Article">
 
@@ -126,7 +129,7 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
 		<div class="headArticolo">
 			<div class="articoloMainMedia mediaContent" >
 			<?php 	if(!is_null($media)) {
-						$media->renderMedia(array("size"=>MediaRenderer::SIZE_BIG));
+						$media->renderMedia(array("size"=>MediaRenderer::SIZE_BIG,"clickable"=>true));
 					}
 			?>
 			</div>
@@ -192,9 +195,7 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
 			<?php }?>
 			<div class="commentiContainer">
 				<div class="commentiLabelContainer">
-					<div class="commentiLabel">
-						Commenti dei nostri lettori
-					</div>
+					<div class="commentiLabel">Commenti (<?php echo count($commenti);?>)</div>
 					<hr style="color:#ddd;">
 				</div>
 			<?php if(sizeof($commenti)>0){
diff --git a/public/images/leftImage.png b/public/images/leftImage.png
new file mode 100644
index 0000000..5dd1f8a
Binary files /dev/null and b/public/images/leftImage.png differ
diff --git a/public/images/rightImage.png b/public/images/rightImage.png
new file mode 100644
index 0000000..603c9d5
Binary files /dev/null and b/public/images/rightImage.png differ
diff --git a/public/index.php b/public/index.php
index 2eca135..473c197 100644
--- a/public/index.php
+++ b/public/index.php
@@ -164,11 +164,13 @@ catch (Exception $ex){
 			</div>
 			<div class="newsContainer">
 			<?php if(sizeof($politicaNews)>0){
+				$i=0;
 					foreach ($politicaNews as $politica){
+						$i++;
 						$stringTitolo = (strlen($politica->titolo) > 53) ? substr($politica->titolo,0,50).'...' : $politica->titolo;
 						$string = (strlen($politica->sottotitolo) > 33) ? substr($politica->sottotitolo,0,30).'...' : $politica->sottotitolo;?>
 							<div class="news">
-								<div class="newsSummary"><?php 
+								<div id="politica_<?php echo $i;?>" class="newsSummary"><?php 
 											$media = DaoMediaHandler::getMainMediaFromModel($politica);
 											if(!is_null($media)){?>
 												<div class="newsMainMedia mediaContent"><?php $media->renderMedia();?></div>
@@ -176,8 +178,14 @@ catch (Exception $ex){
 									<div class="newsTitle"><?php echo $stringTitolo;?></div>
 									<div class="newsSubTitle"><?php echo $string;?></div>
 								</div>
-								<a class="continue" href="articolo.php?id=<?php echo $politica->id;?>"><div style="color:#3498d4;">Continua</div></a>
 							</div>
+							<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#politica_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $politica->id;?>";
+								});							
+							});
+							</script>
 				<?php }
 					}?>
 			</div>
@@ -190,11 +198,13 @@ catch (Exception $ex){
 			</div>
 			<div class="newsContainer">
 				<?php if(sizeof($cronacaNews)>0){
+						$i=0;
 						foreach ($cronacaNews as $cronaca){
+							$i++;
 							$stringTitolo = (strlen($cronaca->titolo) > 53) ? substr($cronaca->titolo,0, 50).'...' : $cronaca->titolo;
 							$string = (strlen($cronaca->sottotitolo) > 33) ? substr($cronaca->sottotitolo,0,30).'...' : $cronaca->sottotitolo;?>
 							<div class="news">
-								<div class="newsSummary"><?php 
+								<div id="cronaca_<?php echo $i;?>" class="newsSummary"><?php 
 											$media = DaoMediaHandler::getMainMediaFromModel($cronaca);
 											if(!is_null($media)){?>
 												<div class="newsMainMedia mediaContent"><?php $media->renderMedia();?></div>
@@ -202,8 +212,14 @@ catch (Exception $ex){
 									<div class="newsTitle"><?php echo $stringTitolo;?></div>
 									<div class="newsSubTitle"><?php echo $string;?></div>
 								</div>
-								<a class="continue" href="articolo.php?id=<?php echo $cronaca->id;?>"><div style="color:#3498d4;">Continua</div></a>
 							</div>
+							<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#cronaca_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $cronaca->id;?>";
+								});							
+							});
+							</script>
 					<?php }
 						}?>
 			</div>
@@ -215,11 +231,13 @@ catch (Exception $ex){
 			</div>
 			<div class="newsContainer">
 			<?php if(sizeof($sportNews)>0){
+					$i=0;
 					foreach ($sportNews as $sport){
+						$i++;
 						$stringTitolo = (strlen($sport->titolo) > 53) ? substr($sport->titolo,0,50).'...' : $sport->titolo;
 						$string = (strlen($sport->sottotitolo) > 33) ? substr($sport->sottotitolo,0,30).'...' : $sport->sottotitolo;?>
 						<div class="newsSport">
-							<div class="sportSummary"><?php 
+							<div id="sport_<?php echo $i;?>" class="sportSummary"><?php 
 										$media = DaoMediaHandler::getMainMediaFromModel($sport);
 										if(!is_null($media)){?>
 											<div class="newsMainMedia mediaContent"><?php $media->renderMedia();?></div>
@@ -227,8 +245,14 @@ catch (Exception $ex){
 								<div class="newsTitle"><?php echo $stringTitolo;?></div>
 								<div class="newsSubTitle"><?php echo $string;?></div>
 							</div>
-							<a class="continue" href="articolo.php?id=<?php echo $sport->id;?>"><div style="color:#3498d4;">Continua</div></a>
 						</div>
+						<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#sport_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $sport->id;?>";
+								});							
+							});
+						</script>
 				<?php }
 					}?>
 			</div>
@@ -236,20 +260,28 @@ catch (Exception $ex){
 	</div>
 	<div class="middleBarNews">
 		<div class="titleContainer">
-			<div class="categoryTitle">CULTURA&SPETTACOLO</div>
+			<div class="categoryTitle">Cultura&Spettacolo</div>
 			<div class="culturaLine"></div>
 		</div>
 		<?php if(sizeof($culturaNews)>0){
+				$i=0;
 				foreach ($culturaNews as $cultura){
+					$i++;
 					$string = (strlen($cultura->titolo) > 53) ? substr($cultura->titolo,0,50).'...' : $cultura->titolo;?>
-					<div class="culturaNews"><?php 
+					<div id="cultura_<?php echo $i;?>"  class="culturaNews"><?php 
 						$media = DaoMediaHandler::getMainMediaFromModel($cultura);
 						if(!is_null($media)){?>
 							<div class="culturaMainMedia mediaContent"><?php $media->renderMedia();?></div>
 				<?php 	}?>
 						<div class="culturaTitle"><?php echo $string;?></div>
-						<div class="culturaLink"><a href="articolo.php?id=<?php echo $cultura->id;?>">Leggi</a></div>
 					</div>
+					<script type="text/javascript">
+						$(document).ready(function(event){
+							$("#cultura_<?php echo $i;?>").click(function(event){
+								window.location.href="articolo.php?id=<?php echo $cultura->id;?>";
+							});							
+						});
+					</script>
 			<?php }
 				}?>
 		
@@ -261,17 +293,24 @@ catch (Exception $ex){
 			</div>
 			<?php 
 				if(sizeof($ristorantiNews)>0){
+					$i=0;
 					foreach ($ristorantiNews as $ristoranti){
+						$i++;
 						$string = (strlen($ristoranti->titolo) > 53) ? substr($ristoranti->titolo,0,50).'...' : $ristoranti->titolo;?>
-						<div class="ristorantiBlock"><?php 
+						<div id="ristoranti_<?php echo $i;?>" class="ristorantiBlock"><?php 
 							$media = DaoMediaHandler::getMainMediaFromModel($ristoranti);
 							if(!is_null($media)){?>
 								<div class="culturaMainMedia mediaContent"><?php $media->renderMedia();?></div>
 					<?php 	}?>
 							<div class="ristorantiTitle"><?php echo $string;?></div>
-							<div class="ristorantiLink"><a href="articolo.php?id=<?php echo $ristoranti->id;?>">Leggi</a></div>
 						</div>
-					
+						<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#ristoranti_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $ristoranti->id;?>";
+								});							
+							});
+						</script>
 			<?php }
 				}?>
 		</div>
@@ -286,14 +325,22 @@ catch (Exception $ex){
 				<div class="categoryLine"></div>
 			</div>
 			<?php if(sizeof($lastsNews)>0){
+					$i=0;
 					foreach($lastsNews as $last){
+						$i++;
 						$data = $mesi[date("n",$last->about->data->sec)]." ".date("Y",$last->about->data->sec);
 						$string = (strlen($last->titolo) > 103) ? substr($last->titolo,0,100).'...' : $last->titolo;?>
-						<div class="lastContainer">
+						<div id="last_<?php echo $i;?>" class="lastContainer">
 							<div class="lastData"><?php echo $data;?></div>
 							<div class="lastTitle"><?php echo $string;?></div>
-							<div class="lastContinua" style="text-align:right;"><a href="articolo.php?id=<?php echo $last->id;?>">Leggi</a></div>
 						</div>
+						<script type="text/javascript">
+							$(document).ready(function(event){
+								$("#last_<?php echo $i;?>").click(function(event){
+									window.location.href="articolo.php?id=<?php echo $last->id;?>";
+								});							
+							});
+						</script>
 			<?php 	}
 			}?>
 		</div>
@@ -310,8 +357,12 @@ catch (Exception $ex){
 						$stringTitle = (strlen($gossip->titolo) > 53) ? substr($gossip->titolo,0,50).'...' : $gossip->titolo;
 						$stringSubTitle = (strlen($last->sottotitolo) > 23) ? substr($last->sottotitolo,0,20).'...' : $last->sottotitolo;?>
 						<div id="gossip_<?php echo $i;?>"class="gossipContainer">
+							<?php $media = DaoMediaHandler::getMainMediaFromModel($gossip);
+								if(!is_null($media)){?>
+									<div class="culturaMainMedia mediaContent"><?php $media->renderMedia();?></div>
+							<?php 	}?>
 							<div class="gossipTitle"><?php echo $stringTitle;?></div>
-							<div class="gossipSubtitle"><?php echo $stringSubTitle?> </div>
+<!-- 						<div class="gossipSubtitle"><?php// echo $stringSubTitle?> </div>  -->
 						</div>
 						<script type="text/javascript">
 							$(document).ready(function(event){
diff --git a/public/js/functions.js b/public/js/functions.js
index 70b7d72..61c0d0c 100644
--- a/public/js/functions.js
+++ b/public/js/functions.js
@@ -68,10 +68,6 @@ function previewImage(imageSrc){
 	$('.clickableImageContainer').html('<img id ="clickImage" src="'+ imageSrc +'" />');
 	$('.imageOverlay').css("display","block");
 	$('.clickableImageContainer').css("display","block");
-//	$('#clickImage').focus();
-//	$('html, body').animate({
-//        scrollTop: $("body").offset().top
-//    }, 1000);
 }
 
 function hidePreview(){
diff --git a/public/style/public.css b/public/style/public.css
index 887d44f..9cde01d 100644
--- a/public/style/public.css
+++ b/public/style/public.css
@@ -60,19 +60,20 @@ body{font-family:lato, arial;}
 .categoryVoice > a {padding:10px 9px;display:block;color:white;font-weight:bold;}
 
 
-.footer{background-color:#14477c;height:177px;margin-top:10px;}
+.footer{background-color:#14477c;height:150px;margin-top:10px;font-size:10pt;}
 .footerCategory{text-align:center;color:#2e91d4;padding:10px;}
 .footerCategory > a{color:#2e91d4;margin:10px;}
-
+.footer > div{text-align:center;color:white;margin-top:20px;}
 
 .leftBarNews{
-	width: 500px;
+	width: 640px;
     margin-top: -1px;
     border: solid #d6d6d6 1px;
     border-left: 2px;
     border-right: 2px;
     display: inline-block;
-    height: 1380px;
+    max-height:1380px;
+    /* height: 1380px; */
     box-shadow: 0px 0px 10px -3px;
     -webkit-box-shadow: 0px 0px 10px -3px;
     -moz-box-shadow: 0px 0px 10px -3px;
@@ -170,7 +171,7 @@ display: inline-block;
 .mediaContent *{max-height:100%;max-width:100%;}
 .mediaContent > a{height:100%; width:100%;display:inline-block;}
 
-.ansaImage{display:inline-block;margin:15px 7px;width:150px; height:113px; overflow:hidden;text-align:center;}
+.ansaImage{display:inline-block;margin:5px 7px;width:290px; height:163px; overflow:hidden;text-align:center;}
 .ansaNews{margin-top:2px;width:330px;cursor:pointer;}
 .ansaTitolo{font-weight:bold;font-size:20px;text-align:justify;}
 .ansaSottotitolo{font-size:17px;color:#767676;text-align:justify;}
@@ -182,7 +183,7 @@ display: inline-block;
 .socialBarAnsa > a{margin-right:3px;display:inline-block;}
 .socialBarAnsa > a > div{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;}
 
-.categoryNews{width:500px;height:285px;margin-bottom:29px;position:relative;}
+.categoryNews{width:640px;/* height:285px;*/ margin-bottom:29px;position:relative;}
 .categoryBar{height:22px;}
 .categoryTag{    
 	display: inline-block;
@@ -210,21 +211,22 @@ display: inline-block;
 
     }
 
-.news{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:270px;}
-.newsSport{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
-.newsSummary{width:145px;display:inline-block;}
-.newsMainMedia{width:140px;height:100px;overflow:hidden;margin-bottom:25px;text-align:center;}
+.news{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;max-height:270px;/* height:270px; */}
+.newsSport{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;max-height:262px;/* height:262px; */}
+.newsSummary{width:200px;display:inline-block;cursor:pointer;}
+.newsMainMedia{width:200px;height:112px;overflow:hidden;margin-bottom:25px;text-align:center;}
 .newsTitle{font-weight:bold;margin-bottom:5px;text-align:left;font-size:14px;}
 .newsSubTitle{margin-bottom:10px;text-align:left;font-size:13px;}
 .continue{vertical-align:bottom;position:absolute;bottom:0; left:0;}
 
 .newsContainer > .newsSport:first-child{border:0px;border-right:solid #d6d6d6 1px;}
-.sportSummary{width:230px;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
+.sportSummary{width:300px;margin:10px 3px;display:inline-block;vertical-align:top;/* height:262px; */max-height:262px;cursor:pointer;}
 
 .middleBarNews{
 	display:inline-block;
-	width:220px;
-	height:1380px;
+	width:150px;
+	max-height:1380px;
+	/* height:1380px; */
 	/* background-color:#f4f4f4; */  
 	border-top:0px;
 	border-bottom:0px;
@@ -244,16 +246,17 @@ display: inline-block;
 	border-right:0px;
 	border-left:0px;
 	max-height:165px;
+	cursor:pointer;
 }
 .ristorantiBlock:last-child{border-bottom:none;}
 .culturaMainMedia{
     overflow: hidden;
     text-align: center;
     margin-bottom:10px;
-	max-height: 100px;
+	/* max-height: 100px; */
 }
 .culturaMainMedia > img{max-height: 100px;}
-
+.culturaMainMedia.mediaContent > iframe{min-height:150px;max-height:180px;}
 .ristorantiTitle, .culturaTitle{font-weight: bold;text-align: left;font-size: 12px;}
 .ristorantiBlock .ristorantiLink > a, .culturaNews .culturaLink > a{color:#3498d4;font-size:13px;}
 .middleBanner{height:165px;}
@@ -261,7 +264,7 @@ display: inline-block;
 
 .ristorantiTitle{margin-top:10px;}
 
-.rightBarNews{display:inline-block;width:230px;height:1380px;vertical-align:top;padding-top: 10px;}
+.rightBarNews{display:inline-block;width:150px;max-height:1380px;/* height:1380px; */vertical-align:top;padding-top: 10px;}
 
 .meteoTitle{font-size: 15px;font-weight: bold;border-bottom: 3px solid #339CD5;margin-bottom: 7px;text-align:center;}
 .meteo{max-height: 165px;max-width: 220px;text-align: center;border-bottom: 1px dotted #C1B4B4;padding-bottom: 10px;margin-bottom: 10px;}
@@ -276,14 +279,14 @@ display: inline-block;
 .middleRightBanner{width: 220px;overflow: hidden;height: 165px;margin: 5px 0;}
 .middleRightBanner > img{max-width:220px; max-heigth:200px;}
 
-.reader > .lastContainer, .lastContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;}
+.reader > .lastContainer, .lastContainer{max-height:120px;padding:5px;;border-bottom:dotted #C1B4B4 1px;cursor:pointer;}
 .reader > .lastContainer:last-child, .lastContainer:last-child {border-bottom: none;}
 .reader >  .lastData, .lastData{font-size:12px;}
 .reader >  .lastTitle, .lastTitle{font-size:12px;font-weight:bold;}
 .reader >  .lastContinua, .lastContinua{text-align:right; font-size:12px;font-weight:bold;padding-bottom:5px;} 
 .reader >  .lastContinua a, .lastContinua a{color:#64bff0;}
 
-.gossipContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;cursor:pointer;}
+.gossipContainer{max-height:165px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;cursor:pointer;overflow:hidden;}
 .gossipContainer#gossip_2{border-bottom:none;}
 .gossipTitle{margin-bottom:5px;font-weight:bold;font-size:20px;}
 .gossipSubtitle{margin-bottom:5px;color:#64bff0;font-weight:bold;font-size:15px;}
@@ -321,11 +324,11 @@ display: inline-block;
 
 .articoloMainMedia{display:inline-block;vertical-align:top;width:400px;text-align:center; max-height:225px;}
 .articoloMainMedia iframe{min-height:180px;}
-.articoloMainMedia.mediaContent img{max-height:225px;}
+.articoloMainMedia.mediaContent img{max-height:225px;cursor:pointer;}
 
-.articoloTitle{display:inline-block;width:550px;padding:0px 20px;vertical-align:top;}
+.articoloTitle{display:inline-block;width:550px;padding:0px 20px;vertical-align:top;text-align:justify;}
 .articoloTitle > .title{font-size:20px;font-weight:bold;text-transform:uppercase;font-family:"Arial Bold";}
-.articoloTitle > .subTitle{text-transform:uppercase;font-style:italic;font-family:"Arial Bold";}
+.articoloTitle > .subTitle{font-style:italic;font-family:"Arial Bold";}
 .subTitle > span:first-child{color:rgb(150,150,150);text-transform:none;font-weight:bold;}
 
 .utilityBar{
@@ -363,11 +366,11 @@ display: inline-block;
 .commentiContainer{padding:5px;}
 
 .oldCommentiContainer{margin:5px 0px; padding-left: 30px;}
-.sondaggio, .commento{border: 4px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #e6e6e6;}
+.sondaggio, .commento{border: 3px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #e6e6e6;}
 .commentoTitle{font-weight:bold;}
 .commentoTesto{padding: 5px 26px;text-align: justify;}
 
-.commentiLabel{display: inline-block;background-color: #cfdbe9;padding: 10px 20px;border-radius: 10px;font-style: italic;color: #222;font-weight: bold;font-size: 11pt;}
+.commentiLabel{background-color: #cfdbe9;padding: 10px 20px;/* border-radius: 10px */;font-style: italic;color: #222;font-weight: bold;font-size: 11pt;}
 
 .userCommento{/* display:inline-block; */}
 /* .userCommento span {color:#5847c1;} */
@@ -380,7 +383,7 @@ display: inline-block;
 .commento textarea{margin-left:5%;width:85%;padding: 5px 10px;resize:none;font-size: 11pt;}
 .commento form .sendBtnDiv{text-align: right;padding-right: 6%;}
 .commento form .sendBtnDiv input{padding:5px 20px;}
-.sondaggio.noLogin, .commento.noLogin{font-size: 14pt;padding-bottom: 15px;background-color: rgb(252, 252, 198);}
+.sondaggio.noLogin, .commento.noLogin{font-size: 10pt;padding-bottom: 10px;background-color: rgb(252, 252, 198);}
 .sondaggio.noLogin a, .commento.noLogin a {color:#1C89C3; font-weight:bold;}
 
 #commentoArea{background-color:#E0F6E5;}
@@ -483,6 +486,8 @@ Password Recovery
 
 .paging {padding:5px 0px;}
 .paging .page{margin:0px 5px 0px 0px;display:inline-block;padding:5px 15px;background-color:#B7B7B7;cursor:pointer;}
+.paging .page.noSelection{cursor:default;}
+.paging .page.noSelection:hover{background-color:#B7B7B7;}
 .paging .page.current{font-weight:bold;cursor:default;background-color:#d3d3d3;}
 .paging .page:hover{background-color:#939393;}
 .paging .page.current:hover{background-color:#d3d3d3;}
@@ -521,6 +526,10 @@ Password Recovery
     display:none;
 }
 
+.imageOverlay img{height:75px;}
+.imagePreviewBefore{position:fixed;left:0;top:100px;}
+.imagePreviewAfter{position:fixed;right:0;top:100px;}
+
 .clickableImageContainer{
 	position: fixed;
     margin: auto;