diff --git a/private/lib/gui/GUIHandler.php b/private/lib/gui/GUIHandler.php
index ac13035..ea556d9 100644
--- a/private/lib/gui/GUIHandler.php
+++ b/private/lib/gui/GUIHandler.php
@@ -231,7 +231,7 @@ class GUIHandler {
 		<?php
 	}
 	
-	public function generateFooter(){
+	public static function generateFooter(){
 		?>
 		<div class="footer">
 		<div class="footerCategory">
diff --git a/private/lib/media/MediaHandlerInterface.php b/private/lib/media/MediaHandlerInterface.php
index b262dbd..7cb74a3 100644
--- a/private/lib/media/MediaHandlerInterface.php
+++ b/private/lib/media/MediaHandlerInterface.php
@@ -59,7 +59,7 @@ interface MediaHandlerInterface{
 	public static function setMainMediaToModel(HasMediaInterface $model, MediaInterface $media);
 
 	/**
-	 * Prende in ingresso un HasMediaInterface ritorna un array di un elemento array("mainMedia"=>"&value");
+	 * Prende in ingresso un HasMediaInterface ritorna MediaModel;
 	 *
 	 * @param HasMediaInterface $model
 	 * @return MediaModel
diff --git a/public/articolo.php b/public/articolo.php
index 9ce886b..b7d3d3b 100644
--- a/public/articolo.php
+++ b/public/articolo.php
@@ -18,6 +18,9 @@ try {
 	AnalyticsHelper::logPageImpression();
 
 	GUIHandler::generateHtmlHeaders();
+	
+	$media = DaoMediaHandler::getMainMediaFromModel($articolo);
+	$medias = DaoMediaHandler::getMedias($articolo);
 	echo $articolo->titolo;
 
 }catch(GUIException $ex){
@@ -28,5 +31,50 @@ try {
 	
 	GUIHandler::redirect("index.php");
 }
-
-?>
\ No newline at end of file
+?>
+<div style="width:1000px;margin-left:auto;margin-right:auto;">
+<?php 	
+	GUIHandler::generateHeadPublic();
+	GUIHandler::generateMenu();	
+?>
+	<div class="articoloCategory">
+		<div class="categoryStyle">
+			<div class="icon"><img alt="" src="images/categoryIcon.png"></div>
+			<div class="articoloCategoryName"><span><?php echo strtoupper(NotiziaModel::$NOTIZIE_CATEGORY[$articolo->category]["label"]);?></span></div>
+		</div>
+	</div>
+	<div class="articoloContainer">
+		<div class="headArticolo">
+			<div class="articoloMainMedia mediaContent">
+			<?php 	if(!is_null($media)) {
+						$media->renderMedia(array("size"=>MediaRenderer::SIZE_BIG));
+					}
+			?>
+			</div>
+			<div class="articoloTitle">
+				<div class="title">TITOLO</div>
+				<div class="subTitle">
+					<span>data</span>  
+					<span>SOTTOTITOLO</span>
+				</div>
+			</div>
+		</div>
+		<div class="utilityBar">Social + stampa + email</div>
+		<div class="articoloLeftBar">
+			<div class="articoloTesto">Testo Notizia </div>
+			<div>CAROSEL</div>
+			<div class="commentiContainer">
+				<div>New COMMENTO</div>
+				<div>TUTTI I COMMENTI</div>
+			</div>
+		</div>
+		<div class="articoloRightBar" style="width:280px;display:inline-block;">
+			<div class="rotoBanner">Riquadro Banner Rotanti</div>
+			<div class="reader">Più Letti</div>
+			<div class="notRotoBanner">Riquadro Banner Non Rotanti</div>
+		</div>
+	</div>
+<?php 
+	GUIHandler::generateFooter();
+?>
+</div>
\ No newline at end of file
diff --git a/public/images/categoryIcon.png b/public/images/categoryIcon.png
new file mode 100644
index 0000000..831914a
Binary files /dev/null and b/public/images/categoryIcon.png differ
diff --git a/public/style/public.css b/public/style/public.css
index cf5d40e..db0aa59 100644
--- a/public/style/public.css
+++ b/public/style/public.css
@@ -2,7 +2,7 @@
 a{text-decoration:none;}
 body{font-family:lato, arial;}
 
-/* TOP HEAD BAR (GUIHandler)*/
+/* TOP HEAD BAR/Menu/Footer (GUIHandler)*/
 .upperBar{position:relative; border:solid #d6d6d6 1px; border-left:0px;border-right:0px;height:30px;font-size:12px;}
 .dateBar{text-align:center;margin:7px 0px;color:#999999;font-weight:bold;}
 
@@ -55,6 +55,12 @@ body{font-family:lato, arial;}
 .categoryVoice:hover{background-color:#0069a3;}
 .categoryVoice > a {color:white;font-weight:bold;}
 
+
+.footer{background-color:#14477c;height:177px;margin-top:10px;}
+.footerCategory{text-align:center;color:#2e91d4;padding:10px;}
+.footerCategory > a{color:#2e91d4;margin:10px;}
+
+
 .leftBarNews{
 	width: 500px;
     margin-top: -1px;
@@ -70,6 +76,15 @@ body{font-family:lato, arial;}
     margin-left: 1px;
 }
 
+/*
+ _   _                                             
+| | | | ___  _ __ ___   ___ _ __   __ _  __ _  ___ 
+| |_| |/ _ \| '_ ` _ \ / _ \ '_ \ / _` |/ _` |/ _ \
+|  _  | (_) | | | | | |  __/ |_) | (_| | (_| |  __/
+|_| |_|\___/|_| |_| |_|\___| .__/ \__,_|\__, |\___|
+                           |_|          |___/      
+*/
+
 .ansaContainer{margin-bottom:25px; border:none;height:420px}
 .ansa{border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;height:180px;}
 .ansa> div {display:inline-block;vertical-align:top;}
@@ -184,7 +199,51 @@ body{font-family:lato, arial;}
 .viaggiContainer > .culturaMainMedia{text-align:left;}
 .viaggiTitle{cursor:pointer;margin-bottom:5px;font-weight:bold;font-size:17px;}
 
+/*
+    _         _   _           _       
+   / \   _ __| |_(_) ___ ___ | | ___  
+  / _ \ | '__| __| |/ __/ _ \| |/ _ \ 
+ / ___ \| |  | |_| | (_| (_) | | (_) |
+/_/   \_\_|   \__|_|\___\___/|_|\___/ 
+                                      
+*/
 
-.footer{background-color:#14477c;height:177px;margin-top:10px;}
-.footerCategory{text-align:center;color:#2e91d4;padding:10px;}
-.footerCategory > a{color:#2e91d4;margin:10px;}
\ No newline at end of file
+/* Barra con Category*/
+.articoloCategory{height:75px;position:relative;margin-top:10px;}
+.articoloCategory .categoryStyle{position:absolute;left:0px;top:12px;height:48px;overflow:hidden;}
+.categoryStyle .icon{display:inline-block;vertical-align:top;height:100%;}
+.categoryStyle .articoloCategoryName{
+    margin-left: -3px;
+    background-color: #3e3e3e;
+    display: inline-block;
+    color: white;
+    font-weight: bold;
+    font-size: 20px;
+    padding: 12px 50px;
+}
+
+.articoloContainer{}
+
+.headArticolo{}
+
+.articoloMainMedia{}
+.articoloMainMedia.mediaContent{}
+.articoloTitle{}
+.articoloTitle > .title{}
+.articoloTitle > .subTitle{}
+
+
+.utilityBar{}
+
+
+.articoloLeftBar{width:700px;display:inline-block;}
+
+.articoloTesto{}
+.commentiContainer{}
+
+
+.articoloRightBar{}
+
+.rotoBanner{}
+.reader{}
+.notRotoBanner{}