@-ms-viewport {
width: device-width;
zoom: 1;
min-zoom: 1;
max-zoom: 1;
user-zoom: fixed;
}

body {
margin:0;
padding:0;
text-align: center;
background: #FFFFFF;
color: #FFFFFF;
width: 100%;
font-size: 100%;
}

a:link, a:visited {
color: #0000FF;
text-decoration: underline;
}

a:active, a:hover {
color: #FFFFFF;
background: #336699;
text-decoration: none;
}

#logo-mobile img {
margin-top: -5px;
max-width: 150px;
}

#logo-mobile a:hover, a:active {
background: none;
}

#header {
margin-top: -8px;
background-image: url(resources/acqua_corpo.jpg);
background-repeat: repeat-x;
}

#sfondo-acqua {
background-image: url(resources/acqua_header.png);
background-repeat: no-repeat;
min-height: 105px;
}

#freccia-su {
position: fixed;
right: 0px;
top: 0px;
margin-left: 0px;
font-size: 1.8em;
background: rgba(51,51,51,0.4);
color: rgba(255, 255, 255,0.6);
z-index: 500;
}

#freccia-su a {
color: rgba(255, 255, 255,0.6);
text-decoration: none;
padding: 10px;
}

#freccia-su a:hover {
background: rgba(51,51,51,0.6);
color: rgba(255, 255, 255,0.9);
padding: 10px;
}

#freccia-su a:active {
background: rgba(51,51,51,0.6);
padding: 10px;
color: rgba(255, 255, 255,0.9);
}
#freccia-su a:visited {
background: rgba(51,51,51,0.4);
color: rgba(255, 255, 255,0.6);
padding: 10px;
}


/* Menu Lingue Home - Start */

/* IE10+ stili, per quelli più vecchi c'è il foglio cc -IE */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.menu-lingue-home ul>li>a {
  background-color: #6397D0;
}
.menu-lingue-home ul>li>a:hover {
  background-color: #CCCCCC;
}
#sfondo-acqua {
background-image: url(resources/acqua_header.png);
background-repeat: no-repeat;
height: 105px;
}
       } 

.menu-lingue-home,
.menu-lingue-home ul,
.menu-lingue-home ul li,
.menu-lingue-home ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  position: relative;
  height: 100%;
}

.menu-lingue-home:before,
.menu-lingue-home:after,
.menu-lingue-home > ul:before,
.menu-lingue-home > ul:after {
  display: table;
}

.menu-lingue-home:after,
.menu-lingue-home > ul:after {
  clear: both;
}

.menu-lingue-home ul>li>a {
  display: block;
  text-decoration: none;
  padding: 15px 44px;
  position: relative;
  border-bottom: dotted 1px #CCCCCC;
  list-style: none;
  cursor: pointer;
}

.main {
	background-color:#336699;
}

.main a:hover {
	background-color:#6699CC;
}

.sub {
	border-left: solid 6px #CCCCCC;
	border-right: solid 6px #CCCCCC;
	background: #FFFFFF;
	}
	
.sub a:hover {
   border-left: solid 14px #6699CC;
   border-right: solid 14px #6699CC;
	background: #FFFFFF;
	}

.menu-lingue-home .js-none ul {
	display:none;
}
.menu-lingue-home .js-none:hover ul {
	display:block;
}
/* Menu Lingue Home - End */

#no-calcare {
	border-right: solid 10px #336699;
   border-left: solid 10px #336699;
	}

#testo-center {
	color: #336699;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
   background-image: url(resources/acqua_splash_right.png);
   background-position: right;
   background-repeat: no-repeat;
   border-top: dotted 1px #6699CC;
   border-bottom: dotted 1px #6699CC;
}
	
#testo-footer {
	color: #87B1FE;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
}