Sistemazioni varie e bottoni menu orizzontale

incl/eduinaf.css

@@ -133,9 +133,41 @@ div.paleBlueRows {
 	color: white;
   }
 
+  /* Bottoni per menu orizontale */
+
+  .btn-group-or button {
+	background-color: #1d71b8;
+	border: 1px solid white;
+	color: white;
+	padding: 10px 24px;
+	cursor: pointer;
+	float: left;
+  }
+  
+  /* Clear floats (clearfix hack) */
+  .btn-group-or:after {
+	content: "";
+	clear: both;
+	display: table;
+  }
+  
+  .btn-group-or button:not(:last-child) {
+	border-right: none; /* Prevent double borders */
+	  border-top: none;
+  }
+  
+  /* Add a background color on hover */
+  .btn-group-or button:hover {
+	background-color: #1f2c4e;
+  }
+	  
+  .btn-group-or button a {
+	color: white;
+  }
+
   /* Menu con lista */
 
-  ul.menuhor {
+  .menuhor {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
@@ -144,32 +176,32 @@ div.paleBlueRows {
 	background-color: #f3f3f3;
   }
   
-  ul.menuhor li {
-	float: left;
+  .menuhor button {
+	float: center;
   }
   
-  ul.menuhor li a {
+  .menuhor button a {
 	display: block;
 	color: #000;
 	padding: 8px 16px;
 	text-decoration: none;
   }
   
-  ul.menuhor li a.active {
+  .menuhor button a.active {
 	background-color: #1d71b8;
 	color: white;
   }
   
-  ul.menuhor li a:hover:not(.active) {
+  .menuhor button a:hover:not(.active) {
 	background-color: #1f2c4e;
 	color: white;
   }
 
   @media screen and (max-width: 600px) {
-	ul.menuhor li {float: none;}
+	.menuhor button {float: none;}
   }
   
-  ul.menuver {
+  .menuver {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
@@ -180,19 +212,19 @@ div.paleBlueRows {
 	overflow: auto;
   }
   
-  ul.menuver li a {
+  .menuver button a {
 	display: block;
 	color: #000;
 	padding: 8px 16px;
 	text-decoration: none;
   }
   
-  ul.menuver li a.active {
+  .menuver button a.active {
 	background-color: #1d71b8;
 	color: white;
   }
   
-  ul.menuver li a:hover:not(.active) {
+  .menuver button a:hover:not(.active) {
 	background-color: #1f2c4e;
 	color: white;
   }