/* internal pages */

a {text-decoration: none}
a:link {color: #0000ff}
a:visited {color: #0000ff}
a:hover {color: #ff0000}
/* Nelle width e height degli elementi sono compresi padding e border */
* { box-sizing: border-box;
}
table {
  border-collapse: collapse;
}
table td, th {
  text-align: left;
  vertical-align: top;
  padding: 4px;
  font: 15px "Trebuchet MS", sans-serif;
}
.fine_par { 
	line-height: 5px;
	}
.titolo-verde {
	font-size: 24px;
	font-weight: bold;
	color: #339900;
}
.titolo-rosso {
	font-size: 24px;
	font-weight: bold;
	color: #FF0033;
}	
.titolo-viola {
	font-size: 24px;
	font-weight: bold;
	color: #CC0099;
	}	
.titolo-azzurro {
	font-size: 24px;
	font-weight: bold;
	color: #0033CC;
}
.sottotitolo_verde {
	font-size: 18px;
	font-weight: bold;
	color: #339900;
	}
.sottotitolo_rosso {
	font-size: 18px;
	font-weight: bold;
	color: #FF0033;
}
.sottotitolo_azzurro{
	font-size: 18px;
	font-weight: bold;
	color: #0033CC;
	}
.sottotitolo_viola{
	font-size: 18px;
	font-weight: bold;
	color: #CC0099;
}
.mini {font-size: 12px}
.piccolo {font-size: 14px}
.medio {font-size: 18px}
.grande {font-size: 24px}
.verde {color: #339900;}
.viola {color: #CC0099;}
.azzurro {color: #0033CC;}
.rosso {color: #FF0033;}
.blu {color: #000066; font-weight: bold;}

/* mobile phones */
@media only screen and (max-width: 600px){	
	body {
		background: #ffe5c3;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
	}
	/*le immagini si adattano anche se più grandi*/
	img {
		max-width: 100%;
  		height: auto;
  		}
	#wrap { 
		position: relative;
		visibility: visible;
		background-color: #fff repeat-y;
		width: 100%;
		margin: 0px auto;
		padding: 0;
		border: 0px solid red;
	}
	#main2 {
		visibility: hidden;
	}
	#menu {
		visibility: visible;
		margin: 0;
		padding: 0;
		border-top: 1px solid #ffbc6b;
		border-bottom: 6px solid #993333;
	}	
	.navigation {
		position: relative;
		background: #ffbc6b;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.navigation li {
		text-align: left;
		background: #993333;
	}
	.navigation li a {
		color: #f2f2f2;
		height: 40px;
		line-height: 50px;
		display: none;
		text-decoration: none;
		font: bolder 14px 'Trebuchet MS', sans-serif;
		border-bottom: 1px solid #f2f2f2;
		padding: 10px 0 0 28px;
	}
	.navigation .border_bottom {
		height: 34px;
		border-bottom: 0px solid #f2f2f2;
	}
	.navigation li a:hover { 
		color: #ddd;
	}
	.navigation .icon {
		display: none;
	}
	#logo {
		position: static;
		margin: 3px 0 4px 4px;
	}
	/* hamburger */
	a.icon {
		font-size: 40px; 
		margin: 10px 25px 0 0;
		color: #fff; 
		text-decoration: none!important;
		border-bottom: 0px solid #333;
	}
	.navigation a.icon {
	float:right;
	display:block;
	position: absolute;
	right: 0;
	top: 0;
	}
	/* responsive = quando si clicca sull'hamburger */
	.navigation.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.navigation.responsive {
		position: relative;
	}
	.navigation.responsive a {
	display: block;
	text-align: left;
	}
	#box {
		visibility: hidden;
	}
	/* il testo vero e proprio */
	#inbox {
		position: static;
		visibility: visible;
		z-index: 1;
		clear:both;
		float:left;
		width:100%;
		padding-left: 4%;
		padding-right: 3%;
		margin-bottom: 0px;
		margin-top: 5px;
		text-align: left;
		font: 15px "Trebuchet MS", sans-serif;
		color: #000000;
		border-bottom: 0px solid #993333;
		background: #ffe5c3;
	}
	#inbox h2 {
		color:#000000;
		font: 22px "Trebuchet MS", sans-serif;
		margin-bottom: 0;
		border: 0px solid #993333;
	}
	#inbox h3 { font-size: 18px;
		color:#000066;
		line-height: 0px;
	}
	#box_left {
		display:block;
		visibility:visible;
	}
	#box_left img.hide {
		display: none;
		visibility: hidden;
	}
	#box_left img {
		display:block;
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 30px;
	}	
	#box_left_text {
		display:none;
	}
	#box_left1 {
		display:none;
	}
	#box_left_text1 {
		display:none;
	}
	#bottom2 {
		position: static;
		visibility: visible;
		z-index: 1;
		clear:both;
		padding: 2% 3% 3% 4%;
		text-align: left;
		font: 12px "Trebuchet MS", sans-serif;
		color: black;
		border-top: 2px solid #993333;
		background: #ffbc6b;
	}
	#stampa {
		display:none;
	}
}

/* desktop + mobile phones large landscape */
@media only screen and (min-width: 600px){	
	body {
		background: #999999; 
		margin: 15px 0; 
		font: bolder 18px "Trebuchet MS", sans-serif; 
		color: black; 
		text-decoration: none; 
		text-align: left; 
		padding: 0 0 30px;
	}
	#wrap { background-color: #fff repeat-y; 
		margin: 0px auto; 
		width: 793px; 
		position: relative; 
		visibility: visible;
	}
	#main2 {
		padding-right: 0px; 
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		background: url('../images/main2.jpg');
		background-repeat: no-repeat; 
		height: 613px;
		width:793;
		border: 0px solid green;
		z-index:0;
	}
	#logo {
		display:none;
	}
	a.icon {
		display:none;
	}
	#box_left {
		top: 217px;
		z-index: 1;
		position: absolute;
		left: 1px;
		right: 5px;
		visibility: visible;
		text-align: center;
		font: 12px "Trebuchet MS", sans-serif;
		color: black;
		height: 131px;
		width: 230px;
	}
	#box_left_text {
		top: 326px;
		z-index: 1;
		position: absolute;
		left: 1px;
		right: 5px;
		visibility: visible;
		text-align: center;
		font: 10px "Arial";
		font-weight:bold;
		color: black;
		height: 48px;
		width: 230px;
	}
	#box_left1 {
		top: 370px;
		z-index: 1;
		position: absolute;
		left: 1px;
		right: 5px;
		visibility: visible;
		text-align: center;
		font: 12px "Trebuchet MS", sans-serif;
		color: black;
		height: 110px;
		width: 230px;
	}
	#box_left_text1 {
		top: 459px;
		z-index: 1;
		position: absolute;
		left: 1px;
		right: 5px;
		visibility: visible;
		text-align: center;
		font: 10px "Arial";
		font-weight:bold;
		color: black;
		height: 57px;
		width: 230px;
	}
	#bottom2 { 
		top: 577px; 
		z-index: 1; 
		position: absolute; 
		left: 266px; 
		right: 5px; 
		visibility: visible;
		text-align: left;
		font: 12px "Trebuchet MS", sans-serif;
		color: black;
	}
	#stampa {
		top: 546px;
		z-index: 1;
		position: absolute;
		left: 726px;
		right: 5px;
		visibility: visible;
		text-align: right;
		font: 12px "Trebuchet MS", sans-serif;
		color: blue;
		width: 46px;
	}
	#menu {
		clear: both;
		float: left;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		border: 0px solid green;
		z-index: 1;
	}
	#menu ul {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px; 
		padding-top: 0px; 
		margin: 0px 0px;
		width: 793px;  		
		display: inline;
		float: left;
		font: bolder 13px 'Trebuchet MS', sans-serif;
		color: #fff;
		background-color: #4e3525;
	}
	/*per ovviare alla differenza di lunghezza del menu in Firefox*/
	#menu ul.redwine {
		background-color: #993333;
	}
	#menu li {
		float: left; list-style-type: none;
	}
	#menu li a {
		padding-left: 18px;	
		padding-right: 18px;
		padding-bottom: 5px;
		padding-top: 5px; 		
		display: block; 
		color: #fff; 
		background-color: #4e3525;
		text-decoration: none;
		border: 0px solid green;
	}
	#menu li a#home	{
		padding-left: 20px;
		padding-right: 20px;
	}
	#menu li a:hover {
		color:#fbe6af;
	}
	#menu li a#current {
		background: #993333; 
		color: #fff;
	}
	#box {
		position:absolute;
		top:55px;
		left: 229px;
		width: 540px;
		height: 480px;
		margin: 0px 0px;
		background-color: #ffffff;
		border: 0px solid black;
		overflow:auto;
		/* for IE */
		filter:alpha(opacity=50);
		/* CSS3 standard */
		opacity:0.5;
	}
	#inbox {
		margin: 25px 33px;
		padding-bottom:20px;
		border: 0px solid red;
		font: 16px "Trebuchet MS", sans-serif;
		color: #000000;
	}
	#inbox h2 {
		font-size: 22px;
		color:#000000;
	}
	#inbox h3 { font-size: 18px;
		color:#000066;
		line-height: 0px;
		}
}