.body {
      font-family: Arial;
    }

    .rotondo {
         border: 1px outset;
         border-radius: 5px;
		 vertical-align: text-top;
     }
	 
  	.rotondo2 {
        border: 1px solid black;
        border-radius: 3px;
		margin-top: 1px;
		margin-bottom:1px;
		margin-left: 2px;
		margin-right: 2px;
    }
		 
  	.error {color: #FF0000;}
		
	.alert-danger,
	.alert-error {
	 color: #b94a48;
	 background-color: #f2dede;
	 border-color: #eed3d7;
	}	
	.stylish {
		font-family: georgia, FontAwesome;
	}

	.flex {max-width: 90%}
	
	.zoomed {transform: scale(2.0);}
	
	.cnt_powered {
				font-size: 14px;
				font-weight: bold;
				text-align: left;
	}
	.cnt_small {
		font-size: 12px;
		text-align: center;
		padding-top: 50px;
	}
		
	.article2 {
		float: left;
		padding: 20px;
		width: 100%;
		background-color: #f1f1f1;
		height: 450px; /* only for demonstration, should be removed */
	}

	footer {
	  background-color: #dcdcdc;
	  padding: 1px;
	  text-align: left;
	  color: black;
	  height: 28px;
	}
	.footer-area {
		background: #363636;
		width: 100%;
		font-size: 0.65em;
		line-height: 2.6;
		height: 36px;
		color: #f4645f;
		text-align:center;
	}

	.footer-area a {
		padding: 0.41em 1em;
		letter-spacing: 0.1em;
		color: #fff;
		display: inline-block;
		font-weight:bold;
	}

	.footer-area a:hover {
		color: #f4645f;
	}

	/* Clear floats after the columns */
	section:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	tab1 { padding-left: 4em; }
	tab2 { padding-left: 8em; }
	tab3 { padding-left: 12em; }
	tab4 { padding-left: 16em; }
	tab5 { padding-left: 20em; }
	tab6 { padding-left: 24em; }
	tab7 { padding-left: 28em; }
	tab8 { padding-left: 32em; }
	tab9 { padding-left: 36em; }
	tab10 { padding-left: 40em; }
	
	
	
	.icon-bar {
	  width: 100%; /* Full-width */
	  background-color: #666666; /* Dark-grey background */
	  overflow: auto; /* Overflow due to float */
	}
	
	.icon-bar a {
	  float: left; /* Float links side by side */
	  text-align: center; /* Center-align text */
	  width: 10%; /* Equal width (5 icons with 20% width each = 100%) */
	  padding: 3px 0; /* Some top and bottom padding */
	  transition: all 0.3s ease; /* Add transition for hover effects */
	  color: white; /* White text color */
	  font-size: 15px; /* Increased font size */
	}
	.icon-bar2 a {
	  float: right; /* Float links side by side */
	  text-align: center; /* Center-align text */
	  width: 10%; /* Equal width (5 icons with 20% width each = 100%) */
	  padding: 3px 0; /* Some top and bottom padding */
	  transition: all 0.3s ease; /* Add transition for hover effects */
	  color: white; /* White text color */
	  font-size: 15px; /* Increased font size */
	}
	.icon-bar3 a {
	  float: left; /* Float links side by side */
	  text-align: center; /* Center-align text */
	  width: 20%; /* Equal width (5 icons with 20% width each = 100%) */
	  padding: 3px 0; /* Some top and bottom padding */
	  transition: all 0.3s ease; /* Add transition for hover effects */
	  color: white; /* White text color */
	  font-size: 15px; /* Increased font size */
	}
	
	.icon-bar a:hover {
	  background-color: #000; /* Add a hover color */
	}
	
	.active {
	 
	  background-color: #333333; /* Add an active/current color */
	}
	
	
	label {
	  margin-left:2px;
	  margin-bottom:1px;
	  display: inline-block;
	  font-family: 'Open Sans', sans-serif;
	  font-size:12px;
	}

	input[type=text], select {
	  padding: 2px;
	  display: block;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	  color: black;
	}
	
	input[type=submit] {
	  width: 100%;
	  background-color: #04AA6D;
	  color: white;
	  padding: 2px 3px;
	  margin: 2px 0;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	}
	
	input[type=submit]:hover {
	  background-color: #45a049;
	}
	
	div.container {
	  border-radius: 5px;
	  background-color:#f5f5f5;
	  padding: 5px;
	}
	.col-25 {
	  float: left;
	  width: 10%;
	  margin-left: 1px;
	  margin-right: 1px;
	  background:#CCCCCC;
	  
	 }
	
	.col-75 {
	  float: left;
	  width:auto;
	  padding-left: 3px;
	  
	}
	
	div.container2 {
	  border-radius: 5px;
	  background-color:#f5f5f5;
	  padding: 5px;
	}
	.col-252 {
	  float: left;
	  width: 10%;
	  margin-left: 1px;
	  margin-right: 1px;
	  background:#CCCCCC;
	  
	 }
	
	.col-752 {
	  float: left;
	  width:auto;
	  margin-top: 6px;
	}
	.col-753 {
	  float: left;
	  width:auto;
	  margin-top: 1px;
	  margin-left: 20px;
	}
	
	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  margin-bottom:10px;
	  display: table;
	  clear: both;
	}
	.row2:after {
	  content: "";
	  margin-bottom:5px;
	  display: table;
	  clear: both;
	}
	.row3:after {
	  content: "";
	  margin-bottom:2px;
	  display: table;
	  clear: both;
	}
	
	/* The popup form - hidden by default */
	.form-popup {
	  display: none;
	  position: fixed;
	  bottom: 250px;
	  left: 50px;
	  width: 600px;
	  z-index: 9;
	}
	/* Add styles to the form container */
	.form-container {
	  width: 500px;
	  padding: 20px;
	  background-color: white;
	}
  /* Add styles to the form container */
	.form-container2 {
	  width: 500px;
	  padding: 2px;
	  background-color: white;
	}