/* ===== CLEARFIX ===== */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
	}
.clearfix:after {
    clear: both;
	}
.clearfix {
    *zoom: 1;
	}
/* ===== BASIC STYLES ===== */
body {
	background-color: #B0B0B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A6A6A;
	}
header {
	padding: 5px;
	}
a:link {
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	color: #F0F0F0;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
}
a:active {
	text-decoration: none;
}
.flex {
	max-width: 100%;
	}
.contenuto {
	/*clear: both;*/
	width: 97%;
	display:inline-block;
	}
.contenuto p{
	text-align: justify;
	padding: 2px 30px;
	}
.chisiamoA {
	width: 65%; 
	border-color: #283744;
	display: inline-block;	
	vertical-align: top;
	}
.chisiamoA ul#multi li{
	width: 49%;
	display: inline;
}
.chisiamoB {
	border-color: #283744;
	display: inline-block;	
	}
.lingua {
	text-align: right;
	padding: 5px 10px 0 0;
	}
p { margin: 2px; }

/* ===== BARRA MENU' ===== */
nav {
	height: 40px;
	width: 99%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
	/*top: 15px;*/
	}
nav ul {
	position: relative;
	padding: 0;
	margin: 0 auto;
	height: 40px;
	}
nav li {
	display: 	inline;
	float: 		left;
	}
nav a {
	color: #fff;
	display: inline-block;
	min-width: 115px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
	}
nav li a {
	box-sizing: border-box;
	moz-box-sizing: border-box;
	webkit-box-sizing: border-box;
	}
nav li:last-child a {
	border-right: 0;
	}
nav a:hover, nav a:active {
	background-color: #8c99a4;
	}
nav a#pull {
	display: none;
	}
/*paolo nascondo i links a discesa finchè non mi servono*/
nav ul li ul {
	display: none;
	}
/*paolo stile per links a discesa*/
nav li:hover ul a {
	background: #BFBFBF;
	height: 40px;
	line-height: 40px;
	}
/*paolo Hover state for dropdown links*/
nav li:hover ul a:hover {
	background: #808080;
	color: #fff;
	}	
/*paolo links a discesa verticali*/
nav li ul li {
	display: block;
	float: none;
	}
/*paolo visualizzo link a discesa quando attivo*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: inline;
	border: none;
	padding: 0;
	width: 100%;
	}
/* ===== IMMAGINI CASUALI  ===== */
.casuali {
	width:99%;
	position: relative;
	text-align: center;
	display:inline-block;
	padding:10px 0;
	}
.casuali1 {
	width:31%;
	text-align: center;
	border: 2px solid; 
	border-color: #283744; 
	display:inline-block;
	}
.casuali2 {
	width:31%;
	text-align: center;
	border: 2px solid; 
	border-color: #283744;
	display:inline-block;		
	}
.casuali3 {
	width:31%;
	text-align: center;
	border: 2px solid; 
	border-color: #283744;
	display:inline-block;	
	}
/* ===== ABC ===== */
.abc {
	width:99%;
	position: relative;
	text-align: center;
	display:inline-block;
	padding:10px 0;
	}
.abc1 {
	vertical-align:top;	
	width:31%;
	text-align: center;
	border: 2px solid; 
	border-color: #283744; 
	display:inline-block;
	height:125px;	
	}
.abc2 {
	vertical-align:top;	
	width:31%;
	text-align: center;
	border: 2px solid; 
	border-color: #283744;
	display:inline-block;		
	height:125px;	
	}
.abc3 {
	vertical-align:top;		
	width:31%;
	text-align: center;
	border: 2px solid; 
	border-color: #283744;
	display:inline-block;	
	height:125px;
	}
/* ===== FRECCIA VADO IN ALTO =====  */
.scrolltotop {
	border: 1px solid #d2d2d2;
	background: #f7f7f7;
	text-align: center;
	padding: 3px;
	position: fixed;
	bottom: 15px; 
	right: 15px;
	cursor: pointer;
	display: none;
	color: #333;
	font-family: verdana;
	font-size: 12px;	
	}
/* ===== BASSO ===== */
.basso {
	width: 99%;
	display: inline-block;
	background-color: #9D9D9D;
	padding: 10px 0;
	text-align: left;
	}
.basso1 {
	display:inline;
	padding: 0 20px;
	border-right: 2px solid #283744;
	}
.basso2 {
	display: inline;
	padding: 0 20px;
	border-right: 2px solid #283744;
	}
.basso3 {
	display: inline;
	padding: 0 20px;
	border-right: 2px solid #283744;	
	}
.basso4 {
	height: 30px;
	display: inline-block;
	padding: 0 20px;
	}
/* ===== MULTILINEA in galleria ===== */
ul#multi, ul#multi li{
	text-align:justify;
	margin:0;
	padding:0;
	list-style:none;
}
ul#multi{
	width: 90%;
	overflow: hidden;
    padding: 0.1em 0;
	margin: 1em 0;
    line-height: 1.8em;
}
ul#multi li{
    float: left;
	width: 32%;
    margin-left: 1%;
	display: inline;
}
/* CLASSI FOTOSLIDE */
a.opacity img { 
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
} 
a.opacity:hover img { 
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

/* ===== STYLES FOR SCREEN 950px AND LOWER, TABLET ===== */
@media only screen and (max-width: 950px) {
	/* BARRA DEI MENU' */
	nav { 
  		height: auto;
  	}
  	nav ul li ul li {
  		width: 100%;
  		display: inline;
  		height: auto;
		position: relative; 
		border: none;
		padding: 0;
  	}
  	nav li {
  		width: 25%;
  		float: left;
  		position: relative;
		margin-bottom: 1px;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	/* IMMAGINI CASUALI */
	.casuali1 {
		width:46%;
	}
	.casuali2 {
		width:46%;
	}
	.casuali3 {
		display: none;
	}	 
	/* ABC */
	.abc1 {
		width:45%;
		display:inline-block;
		}
	.abc2 {
		width:45%;
		display:inline-block;		
		}
	.abc3 {
		clear: both;
		margin: 10px;
		width: 90.9%;
		display: inline-block;	
		}
	/* BASSO */
	.basso1 {
		min-width: 30%;
		float:left;
		display: inline-block;
		padding: 0 20px;
	}
	.basso2 {
		display:inline;
		padding: 0 20px;
		border-right: 0;
	}
	.basso3 {
		clear: both;
		float: left;
		display: inline-block;
		padding: 0 20px;
		border-right: 2px solid #283744;
	}
	.basso4 {
		float: left;
		display: inline-block;
		padding: 0 20px;
	}
ul#multi li{
	width: 49%;
}
}
/* ===== STYLES FOR SCREEN 480px AND LOWER ===== */
@media only screen and (max-width : 480px) {
	/* BARRA DEI MENU' */
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a, nav a:hover {
		height: 37px;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('immagini/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	/*paolo visualizzo link a discesa quando attivo*/
		nav li a:hover + .hidden, .hidden:hover {
		display: inline;
		border: none;
		padding: 0;
		width: 100%;
	}		
	/*Make menu links full width*/
		nav ul li, li a {
		width: 100%;
		display: block;
		border: none;
		padding: 0;		
	}
	/*Make dropdown links centrato*/
		nav ul li ul li a {
		text-align: right;
		padding: 0 15px 0 0;
	} 
	/* IMMAGINI CASUALI */
	.casuali1 {
		width:90%;
		border-radius: 6px;
	}
	.casuali2 {
		display: none;
	}		
	.casuali3 {
		display: none;
	}
	/* ABC */
	.abc1 {
		width: 90%;
		display:inline-block;
		border-radius: 6px;
		}
	.abc2 {
		clear: both;
		margin: 10px 0 0 0;
		width: 90%;
		display:inline-block;	
		border-radius: 6px;	
		}
	.abc3 {
		clear: both;
		width: 90%;
		display: inline-block;
		border-radius: 6px;
		}
	/* BASSO */
	.basso1 {
		clear: both;
		float:left;
		display: block;
		padding: 0 20px;
		border-right: 0;

	}
	.basso2 {
		clear: both;
		float:left;
		display: block;
		padding: 0 20px;
		border-right: 0;
	}
	.basso3 {
		clear: both;
		float: left;
		display: block;
		padding: 0 20px;
		border-right: 0;
	}
	.basso4 {
		clear: both;
		float: left;
		display: block;
		padding: 0 20px;
		border-right: 0;
		Height: auto;
	}
ul#multi li{
	width: 95%;
}
.chisiamoA ul#multi li{
	width: 80%;
}
.menu_viaggi { 
	border-radius: 5px;
}
}