diff --git a/css/browsingldc.css b/css/browsingldc.css
index 62f9d70..a2eb844 100644
--- a/css/browsingldc.css
+++ b/css/browsingldc.css
@@ -47,7 +47,6 @@ Minimap
 	
 	position: relative;
 	z-index: 5;
-	border: 2px solid white;
 	
 }
 
@@ -81,7 +80,6 @@ Minimap
 	height: 100%;	
 	z-index: 10;	
 	transform-origin: 0 0;	
-	border: 1px solid white;
 }
 
 /* on mouseOver classes */
@@ -112,5 +110,9 @@ Minimap
 .Nik_dropdown:hover .Nik_dropdown-content {
   display: block;
 }
-iframe { background-color:orange; }
+
+
+.mark {
+  background-color: #a996a0 !important;
+}
 
diff --git a/css/custom_4.css b/css/custom_4.css
index d8ee462..5f475ab 100644
--- a/css/custom_4.css
+++ b/css/custom_4.css
@@ -270,3 +270,10 @@ a.text-lida4:hover, a.text-lida4:focus {
     background-color: #fef0e5 !important;
 }
 
+.bg-lida-vis {
+    background-color: #eaeae6 !important;
+}
+
+
+
+
diff --git a/index_4.html b/index_4.html
index f6bd09d..2a7937c 100644
--- a/index_4.html
+++ b/index_4.html
@@ -98,7 +98,7 @@
 		</div>
 
 
-		<div id="rigaContenuti" class="row no-gutters h-100 mt-2 pt-0 pr-2">
+		<div id="rigaContenuti" class="row no-gutters h-75 mt-2 pt-0 pr-2">
 			<div class="d-table h-100 w-100 mt-0 pt-0">
 				<div class="d-table-row m-0 p-0">
 
@@ -106,7 +106,7 @@
 
 					<div id="colNavigazione"
 						class="d-table-cell mt-0 pt-0 border-right menuNavigazione"
-						style="border-right-width: 2px !important; border-right-style: dashed !important;">
+						style="border-right-width: 1px !important; border-right-style: dashed !important; border-right-color: #cbcbc0 !important;">
 						<div id="accordionNav" class="pr-2">
 							<div class="card">
 								<div class="card-header px-1 pt-3" id="headingOne">
@@ -354,21 +354,20 @@
 						</div>
 					</div>
 
-					<!-- Fine colNavigazione - Inizio colVisualizza -->
+					<!-- Fine colNavigazione - Inizio colVisualizza url('./images/ivory-off-white-paper-texture.jpg') watercolor-paper.jpg #eaeae6-->
 
-					<div id="colVisualizza" class="d-table-cell m-0 p-0 pb-2">
-						<div class="d-table h-75 w-100 m-0 mb-0 ml-2 border border-top-0">
+					<div id="colVisualizza" class="d-table-cell m-0 p-0 pb-2 bg-lida-vis">
+						<div class="d-table h-75 w-100 m-0 mb-0 ml-2">
 							<div class="d-table-row">
 								<div id='displaycanto'
-									class="blog-main visCanto w-100 border-bottom px-3 py-3 text-muted overflow-auto"
-									style="border-bottom-width: 2px !important; border-bottom-style: dashed !important;">
+									class="blog-main visCanto w-100 border-bottom px-3 py-3 overflow-auto"
+									style="border-bottom-width: 8px !important; border-bottom-style: double !important; border-bottom-color: #cbcbc0 !important;">
 									<span class="m-0 p-0"><small>&nbsp;</small></span>
 								</div>
 							</div>
 							<div class="d-table-row h-100 w-100">
 								<div id='displayinfo'
-									class="w-100 border-top p-3 mt-1 text-muted overflow-auto"
-									style="border-top-width: 2px !important; border-top-style: dashed !important;">Visualizza
+									class="w-100 p-3 mt-1 text-dark overflow-auto">Visualizza
 									info</div>
 							</div>
 						</div>
@@ -377,9 +376,9 @@
 					<!-- Fine colVisualizza - Inizio colMinimap -->
 
 					<div id="colMinimap"
-						class="d-table-cell mt-0 pt-0 pb-3 pl-3 pr-2 minimap border-right"
-						style="border-right-width: 2px !important; border-right-style: dashed !important;">
-						<div class="d-table h-100 w-100 m-0 mb-3">
+						class="d-table-cell mt-0 pt-0 pb-3 pl-3 pr-2 minimap border-right bg-lida-vis"
+						style="border-right-width: 1px !important; border-right-style: dashed !important; border-right-color: #cbcbc0 !important;">
+						<div class="d-table h-100 w-100 m-0 mb-3 bg-lida-vis">
 							<div id="displayminimap" class="col px-0">&nbsp;</div>
 						</div>
 					</div>
diff --git a/js/cesareBrowse.js b/js/cesareBrowse.js
index 1b342d4..ac29079 100644
--- a/js/cesareBrowse.js
+++ b/js/cesareBrowse.js
@@ -437,6 +437,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
 
 		iFrameDoc.head.appendChild(cssLinkb);
 		iFrameDoc.head.appendChild(cssLinkscroll);
+		$('iframe').contents().find('body').css('backgroundColor', '#eaeae6;');
 		mappedElement = element
 
 		getDimensionsDiv()
@@ -444,7 +445,6 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
 		window.addEventListener('scroll', trackScroll)
 		window.addEventListener('resize', getDimensionsDiv)
 		//$('iframe').css('background', '#eaeae6;');
-		$('iframe').contents().find('body').css('backgroundColor', '#eaeae6;');
 	}
 
 
@@ -604,7 +604,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
 			elementoverso.append(num + ". ")
 			elementoverso.attr("style", "line-height: 0.5em")
 
-			elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter '+cantica+' '+canto)
+			elementoverso.attr('class', 'f6 text-dark text-nowrap font-weight-lighter '+cantica+' '+canto)
 
 			elementoverso.attr('id', cantica + "_" + canto + "_" + num)
 			
diff --git a/js/script_4.js b/js/script_4.js
index 32c9803..cb41282 100644
--- a/js/script_4.js
+++ b/js/script_4.js
@@ -109,7 +109,7 @@ $(document).ready(function() {
   
 	$(".visCanto").resizable({
 		handles: "s",
-		minHeight: 70,
+		minHeight: 80,
 		maxHeight: 900,
 		stop: function(event, ui) {
 			ui.element.width("");