@media all and (min-width: 1200px) and (max-width: 1399px) {

	#header {
		width: 70%;
		font-family: inherit, Arial, Helvetica;
		color: #151515;
		margin-top: 5px;
	}
	
	#header a{
		text-decoration: none;
		color: #bdbcbc;
		font-weight: bold;
	}
	
	#header a:hover {
	/*	background-color: #212121; */
		background-color: #FFFFFF;
	}
	
	#sceltaLingua {
		font-size: 13px;
	}
	
	#logo {
		width: 70%;
	}
	
	#desc {
		width: 60%;
		font-family: Comic Sans MS, cursive, sans-serifM;
		/* color: #00ccff; */
		color: #bdbcbc;
		text-align: right;
		font-size: 15px;
	}
	
	#menu {
		width: 60%;
		text-align: center;
	}
	
	#linea {
		width: 80%;
		margin-top:3%; 
		border-top: 1px solid #bdbcbc;
	}
	
	.voceMenu {
		float:left;
		font-size: 20px;
		font-family: inherit, Arial, Helvetica;
		margin: 5px;
		padding: 4px;
	}
	
	.voceMenu:hover{
		background-color: #212121;
	}
	
	#footer {
		width: 100%;
		background-color: #1C1C1C;
		border-radius: 4px;
		color: #848484;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		float: bottom;
	}
	
	#footer table {
		width: 50%;
		margin-left: 30%;
		margin-right: 30%;
	}


	body {
		/* background-color: #FFFFFF; */
		background-color: #212121; 
		color: #bdbcbc;
		border-color: #FFFFFF;
		border-style: solid;
	}
	
	#contenuto  {
		font-family: Arial, Verdana, sans-serif;
		text-align: justify;
		width: 80%;
		font-size: 14px;
		color: #bdbcbc;
		letter-spacing: normal;
		line-height: 1.6em;
	}
	
	input{
		border:2px solid #666; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	}
	
	textarea{
		border:2px solid #666; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	}
	
	input.go{
		cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/ 
		padding:5px 25px; /*add some padding to the inside of the button*/ 
		background:#0080FF;
		border:1px solid #33842a; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
		/*style the text*/ 
		color:#f3f3f3;
		font-size:1.1em;
		}
		/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
	input.go:hover, input.go:focus{
		background-color :#084B8A;
		/*reduce the drop shadow size to give a pushed button effect*/ 
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75); 
		box-shadow: 0 0 1px rgba(0,0,0, .75);
	}
	
	#weid{
		width: 47%;
		float: left;
		padding-top: 2%;
	}
	
	#weid img{
		height: 85px;
	}
	
	#yaxay{
		width: 47%;
		float: left;
		display:inline;
		padding-top: 2%;
	}
	
	#yaxay img{
		height: 85px;
	}
	
	#indexFrase{
		font-family: Comic Sans MS, cursive, sans-serifM;
		/* color: #00ccff; */
		color: #bdbcbc;
		text-align: center;
		font-size: 18px;
	}
	
	#imgChiSiamo{
		width:50%;
		float:right;
		margin: 15px 0px 0px 50px;
	}
	
	a {
		text-decoration: none;
		color: #bdbcbc;
		font-weight: bold;
	}
	
	a:hover {
		color: #57A3E8;
	}
	
	.form{
		border-color: #FFFFFF;
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		margin-left: 25%;
		margin-right: 25%;
	}

}

@media all and (max-width: 1199px) {

	#header {
		width: 80%;
		font-family: inherit, Arial, Helvetica;
		color: #151515;
		margin-top: 5px;
	}
	
	#header a{
		text-decoration: none;
		color: #bdbcbc;
		font-weight: bold;
	}
	
	#header a:hover {
	/*	background-color: #212121; */
		background-color: #FFFFFF;
	}
	
	#sceltaLingua {
		font-size: 11px;
	}
	
	#logo {
		width: 90%;
	}
	
	#menu {
		width: 60%;
		text-align: center;
	}
	
	#linea {
		width: 90%;
		margin-top:3%; 
		border-top: 1px solid #bdbcbc;
	}
	
	#desc {
		width: 80%;
		font-family: Comic Sans MS, cursive, sans-serifM;
		/* color: #00ccff; */
		color: #bdbcbc;
		text-align: right;
		font-size: 13px;
	}
	
	.voceMenu {
		float:left;
		font-size: 15px;
		font-family: inherit, Arial, Helvetica;
		margin: 5px;
		padding: 4px;
	}
	
	.voceMenu:hover{
		background-color: #212121;
	}
	
	#footer {
		width: 100%;
		background-color: #1C1C1C;
		border-radius: 4px;
		color: #848484;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		float: bottom;
	}
	
	#footer table {
		width: 50%;
		margin-left: 30%;
		margin-right: 30%;
	}



	body {
		/* background-color: #FFFFFF; */
		background-color: #212121; 
		color: #bdbcbc;
		border-color: #FFFFFF;
		border-style: solid;
	}
	
	#contenuto  {
		font-family: Arial, Verdana, sans-serif;
		text-align: justify;
		width: 90%;
		font-size: 12px;
		color: #bdbcbc;
		letter-spacing: normal;
		line-height: 1.6em;
	}
	
	input{
		border:2px solid #666; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	}
	
	textarea{
		border:2px solid #666; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	}
	
	input.go{
		cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/ 
		padding:5px 25px; /*add some padding to the inside of the button*/ 
		background:#0080FF;
		border:1px solid #33842a; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
		/*style the text*/ 
		color:#f3f3f3;
		font-size:1.1em;
		}
		/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
	input.go:hover, input.go:focus{
		background-color :#084B8A;
		/*reduce the drop shadow size to give a pushed button effect*/ 
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75); 
		box-shadow: 0 0 1px rgba(0,0,0, .75);
	}
	
	#weid{
		width: 47%;
		float: left;
		padding-top: 2%;
	}
	
	#weid img{
		height: 80px;
	}
	
	#yaxay{
		width: 47%;
		float: left;
		display:inline;
		padding-top: 2%;
	}
	
	#yaxay img{
		height: 80px;
	}

	#indexFrase{
		font-family: Comic Sans MS, cursive, sans-serifM;
		/* color: #00ccff; */
		color: #bdbcbc;
		text-align: center;
		font-size: 17px;
	}
	
	#imgChiSiamo{
		width:40%;
		float:right;
		margin: 10px 0px 0px 20px;
	}
	
	a {
		text-decoration: none;
		color: #bdbcbc;
		font-weight: bold;
	}
	
	a:hover {
		color: #57A3E8;
	}
	
	.form{
		border-color: #FFFFFF;
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		margin-left: 25%;
		margin-right: 25%;
	}

}

@media all and (min-width: 1400px) {

	#header {
		width: 65%;
		font-family: inherit, Arial, Helvetica;
		color: #151515;
		margin-top: 5px;
	}
	
	#header a{
		text-decoration: none;
		color: #bdbcbc;
		font-weight: bold;
	}
	
	#header a:hover {
	/*	background-color: #212121; */
		background-color: #FFFFFF;
	}
	
	#sceltaLingua {
		font-size: 13px;
	}
	
	#logo {
		width: 70%;
	}
	
	#desc {
		width: 60%;
		font-family: Comic Sans MS, cursive, sans-serifM;
		/* color: #00ccff; */
		color: #bdbcbc;
		text-align: right;
		font-size: 18px;
	}
	
	#menu {
		width: 70%;
		text-align: center;
	}
	
	#linea {
		width: 75%;
		margin-top:3%; 
		border-top: 1px solid #bdbcbc;
	}
	
	.voceMenu {
		float:left;
		font-size: 25px;
		font-family: inherit, Arial, Helvetica;
		margin: 5px;
		padding: 4px;
	}
	
	.voceMenu:hover{
		background-color: #212121;
	}
	
	#footer {
		width: 100%;
		background-color: #1C1C1C;
		border-radius: 4px;
		color: #848484;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		float: bottom;
	}
	
	#footer table {
		width: 50%;
		margin-left: 30%;
		margin-right: 30%;
	}



	body {
		/* background-color: #FFFFFF; */
		background-color: #212121; 
		color: #bdbcbc;
		border-color: #FFFFFF;
		border-style: solid;
	}
	
	#contenuto  {
		font-family: Arial, Verdana, sans-serif;
		text-align: justify;
		width: 75%;
		font-size: 17px;
		color: #bdbcbc;
		letter-spacing: normal;
		line-height: 1.6em;
	}
	
	input{
		border:2px solid #666; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	}
	
	textarea{
		border:2px solid #666; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	}
	
	input.go{
		cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/ 
		padding:5px 25px; /*add some padding to the inside of the button*/ 
		background:#0080FF;
		border:1px solid #33842a; /*required or the default border for the browser will appear*/ 
		/*give the button curved corners, alter the size as required*/ 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/*give the button a drop shadow*/ 
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
		/*style the text*/ 
		color:#f3f3f3;
		font-size:1.1em;
		}
		/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
	input.go:hover, input.go:focus{
		background-color :#084B8A;
		/*reduce the drop shadow size to give a pushed button effect*/ 
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75); 
		box-shadow: 0 0 1px rgba(0,0,0, .75);
	}

	#weid{
		width: 47%;
		float: left;
		padding-top: 2%;
	}
	
	#weid img{
		height: 95px;
	}
	
	#yaxay{
		width: 47%;
		float: left;
		display:inline;
		padding-top: 2%;
	}
	
	#yaxay img{
		height: 95px;
	}

	#indexFrase{
		font-family: Comic Sans MS, cursive, sans-serifM;
		/* color: #00ccff; */
		color: #bdbcbc;
		text-align: center;
		font-size: 20px;
	}
	
	#imgChiSiamo{
		width:50%;
		float:right;
		margin: 15px 0px 0px 50px;
	}
	
	a {
		text-decoration: none;
		color: #bdbcbc;
		font-weight: bold;
	}
	
	a:hover {
		color: #57A3E8;
	}
	
	.form{
		border-color: #FFFFFF;
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		margin-left: 25%;
		margin-right: 25%;
	}
}