/* GENERALI */

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #122646;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

hr{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #CCC;
	margin: 20px 0px 20px 0px;
	height: 0px;
	clear: both;
}

/* TESTATA */

#testata{
	width: 100%;
	max-height: 150px;
	margin: 0 auto;
	text-align: center;
	background: #d9cfc8 url(../img/testata_desktop_sfondo.jpg);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#testata img{
	max-width: 900px;
	width: 100%;
}

#testata_mobile{
	display: none;
}
#testata_mobile img{
	width: 100%;
}

/* MENU DI NAVIGAZIONE */

#menu{
	width: 100%;
	margin: 0 auto;
	background: #e97300;
	text-align: center;
	overflow: hidden;
}
#menu li{ display: inline-block; }
#menu li a{
	color: #122646;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 15px 10px 15px;
	display: inline-block;
}
#menu li a:hover{ color: #fff; }
#menu li.active a{ color: #fff; }
#menu_responsive{
	font-weight: normal;
	display: none;
}
#menu_responsive a{
	color: #122646;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 15px 10px 15px;
	display: block;
}

/* CONTENUTI */

#contenuti{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	color: #122646;
}

/* PIEDE */

#piede{
	max-width: 900px;
	width: auto;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
	text-align: center;
	overflow: hidden;
	color: #9aadcb;
	text-align: right;
}

/* PIEDE COLONNA SINISTRA */

#piede_sx{
	width: 660px;
	float: left;
	text-align: left;
}
#piede_sx li{
	width: 180px;
	margin: 0px 20px 0px 0px;
	display: inline-block;
	float: left;
	border-bottom: 1px solid #2d3e59;
}
#piede_sx li.no_border{ border-bottom: none; }
#piede_sx li a{
	width: 180px;
	color: #9aadcb;
	text-decoration: none;
	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 0px 10px 0px;
}
#piede_sx li a:hover{ color: #fff; }

/* PIEDE COLONNA DESTRA */

#piede_dx{
	padding: 10px 0px 0px 0px;
}
#piede_dx p{
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 16px;
	color: #9aadcb;
}
#piede_dx a{ color: #9aadcb; }
#piede_dx a:hover{ color: #fff; text-decoration: none; }

#piede_responsive{
	display: none;
	text-align: center;
	color: #9aadcb;
	padding: 0px 10px 10px 10px;
}
#piede_responsive p{
	font-size: 12px;
	line-height: 16px;
}
#piede_responsive a{ color: #9aadcb; }
#piede_responsive a:hover{
	color: #e97300;
	text-decoration: none;
}

/* ====================================================== RESPONSIVE */

@media only screen and (max-width: 920px){
	#menu{
		margin-top: -2px;
	}
	#piede{
		padding: 5px 20px 10px 20px;
	}
}

@media only screen and (max-width: 680px){
	#piede_dx{ display: none; }
	#piede_sx{ display: none; }
	#piede_responsive{ display: block; }
}

@media only screen and (max-width: 630px){
	#menu_responsive{ display: block; }
	#menu_desktop{ display: none; }
	#menu li{ display: block; border-top: 1px solid #F93; }
	#menu li a{ display: block; }
}

@media only screen and (max-width: 600px){
	#testata{ display: none; }
	#testata_mobile{ display: block; }
}