@charset "UTF-8";
/* CSS Document */


* {
  box-sizing: border-box;

}
.gsc-tabHeader.gsc-tabhInactive{
  height:auto!important;
}
.gsc-tabHeader.gsc-tabhActive{
  height:auto!important;
}
html {
  overflow: scroll;

}
body {
	padding:0;	
	margin:0 auto;
	height:100%;
	margin-top: 0px;
	font-size:17px!important;
	line-height:180%!important;
	font-family:Roboto, Verdana, Geneva, sans-serif!important; 
	background: #aed4f5;
	overflow:auto;
}

#map-canvas {
		width: 100%;
        height: 600px;
		position:relative;
        margin: 0px;
        padding: 0px;
  		background:#cfcfcf;
 		overflow:hidden;
		float:left;
      }

#content { 
	height:auto;
	width:200px;
	padding:0px;
	margin:0px;
	display:block;
	} 

#content-title { font-weight:bold; font-size:12px; color:#666 }

#content-name { margin:0px; padding:0px; font-weight:bold; font-size:18px; color:#930;}

	.toptxt2{ font-size:8px; color:#fff;  }
	a.toptxt2 { color:#fff; text-decoration: none}
	a.toptxt2:hover, a.toptxt2:focus, a.toptxt2:active, a.toptxt2:link, a.toptxt2:visited { color:#fff; }	  
	a.toptxt2:link, a.toptxt2:visited { color:#fff; }	
#content-body { margin:0px; padding:3px 0; font-weight:normal; font-size:12px; }
	
	  #title {
		position:fixed;
		top: 0px;
		z-index:1000;
		width:1px; 
	   }

	  #title-content {
 		background: none/*#616e82*/; 
	    font-size:10px; 
		padding:5px; 
		color:#fff; 
		font-family:Verdana, Geneva, sans-serif; 
	   }

	  
	  
	  
	  
	  img {
  width:100%;
  height:auto;
  text-align:center;
  margin:0px;
  padding:0px;
}

#scroll {
    position:fixed;
    right:10px;
    bottom:75px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:rgba(52, 152, 219, 0.8);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:rgba(52, 152, 219, 0.8);
    opacity:0.8;
	filter:"alpha(opacity=80)";
    -ms-filter:"alpha(opacity=80)";
}

#logoFooter {
  width:100%;
  height:60px;
	background-image: url("../images/logo-footer.png"), url("../images/fondo-logo-footer.png");
    background-repeat: no-repeat, repeat;
    background-color: #0d416f;
	margin-top:30px;
}
.maptitle {
padding:5px;
margin:0px;
    background-color: #0d416f;
	color:#fff;
	text-align:center;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin:5px;
}
.video iframe,.video object,.video embed {
width: calc(100% - 12px);
height: 100%;
text-align:center;
position: absolute;
top: 0;
left: 0;
padding:5px;
    border: 1px solid #ccc;
}
.natural {
  width:auto!important;
  height:auto!important;
  text-align:center;
  margin:5px;
}
p {
  margin:20px 0;
  padding:0 5px;

}

p img {
	width:40%;
	float:left;
	margin:10px 10px 10px 0;
}

table { background-color: #fff;
font-size:0.9em;
line-height:120%;}
tr td { background-color: #fff; }
tr:nth-child(odd) td { background-color: #EDF6FB; }

#menuMappa {
display:none;
  }

.topimg{
	width:44%;
	float:left;
	margin:0px 10px 10px 0;
	padding:0px;
}
.quoted{
	font-size:0.85em;
	font-style:italic;
	padding:0px;
}
h1 {
  font-size:1.2em;
  padding:0px;
  font-weight:bold;
 } 
#col-sx {
	position:relative;
	width:300px;
	height:auto;
	display:block;
	background: #cfcfcf;
	float:left;
	margin:0px;
}

#corpo {
	position:relative;
	width: calc(100% - 460px);
	height:auto;
	display:block;
	float:left;
	margin-bottom:5px;
	padding:5px 10px 10px 10px;
	background: #fff;
	}
#corpo2 {
	position:relative;
	width: calc(100% - 160px);
	height:auto;
	display:block;
	float:left;
	margin-bottom:5px;
	padding:5px 10px 10px 10px;
	background: #fff;
	}	
#col-dx {
	position:relative;
	width:160px;
	height:auto;
	display:block;
	background: #cfcfcf;
	float:left;
	margin:0px;
}
#overthetop{
	position:fixed;
	top:0px;
	margin: 0px auto;
	z-index:10;
	width:100%;
	max-width:1200px;
	height:70px;
    background-color: #aed4f5;	
}
#socialTop {
position:absolute;
z-index:100;
float:right!important;
right:0;
top:10px;
width:auto;
height:40px;
}
#socialFooter{
	height:40px;
    width: 200px;
	}
.socialTop {
width:40px!important;
height:40px!important;
}
.socialFooter {
width:40px!important;
height:40px!important;
}
#menuMobile {
	display:none;
	}
#closeButton {
	display:none;
	} 		
#topmenu{
	position:fixed;
	top:70px;
	z-index:10;
	width:100%;
	max-width:1200px;
	-moz-box-shadow: 0px 2px 10px 0px #50616f;
	-webkit-box-shadow: 0px 2px 10px 0px #50616f;
	behavior: url(../script/PIE.htc);
	box-shadow: 0px 2px 10px 0px #50616f;
}
#container{
    position: relative;
    width: 100%;
	max-width:1200px;
	min-width:700px;
	margin: 0px auto;
	overflow: hidden;
	z-index:5;
	height:auto!important;
	background:#fff;
}
#contenitore-banner{
    position: relative;
    width: 100%;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	z-index:5;
}
#banner{
    position: relative;
    width: 100%;
	margin: 119px 0 0 0;
	height:400px;
	padding:0px;
	overflow: hidden;
	z-index:5;
	background:#fff;
}
#banner-int{
    position: relative;
    width: 100%;
	margin: 119px 0 0 0;
	height:auto;
	padding:0px;
	overflow: hidden;
	z-index:5;
	background:#fff;
}
#logo {
	z-index:100;
	position:absolute;
	width:190px;
	height:70px;
	top:0px;
	left:-3px;
	background:url('../images/at-logo-web190x70.png');
	}
#logo-back {
	z-index:50;
    /*filter: alpha(opacity="60");
	opacity:0.6;*/
	position:absolute;
	width:500px;
	height:48px;
	top:2px;
	left:1px;
	background:none;
	}
	
#logo-back h5 {
	color:#fff;
	font-size:1.5em;
	padding:0px 1px 3px 54px;
	font-weight:bold;
	margin:0px;
	background:none;
	text-shadow: 1px 1px #0d416f;
	}
	
#logo-back h6 {
	text-align:left;
	color:#0d416f;
	font-size:0.7em;
	padding:1px 0px 1px 54px;
	margin:-2px 0 0 0;
	background:none;
	}
#gallery  img{
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: calc(33% - 12px)!important;
}
#gallery0  img{
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: calc(20% - 12px)!important;
}
.popup-gallery img{
width: 100px!important;
height:auto!important;
display:block;
text-align:center;
padding:5px;
float:left;
	}
#footer{
width: 100%;
height:auto;
display:block;
background-color: #fff;
color:#fff;
text-align:center;
padding:0px;
float:left;
	}
	
#footer img{
width:auto!important;
height:auto;
float:left;
vertical-align:middle;
text-align:center;
margin:5px;
	}
#footer1{
text-align:left;
height:auto;
float: left;
    width: 100%;
background-color:rgba(13, 65, 111, 1);	
	}
#footer1Sx{
height:auto;
float: left;
width: calc(100% - 300px);
	}
#footer1Sx .footerSx{
text-align:left;
font-size:0.8em;
width:auto;
float:left;
display:block;
    height: 160px;
    margin: 10px 0px;
    padding: 0 10px 0 20px;
    /*border-right: 1px solid #557a9a;*/
	}	

#footer1Sx .footerSx ul {
	padding:0px;
	margin: 0 5px;
}	
#footer1Sx .footerSx ul li{
list-style-type:none;
	padding:0px;
	margin: 5px 0px;
}		
#footer1Sx .footerSx ul li:first-child{
	font-weight: bold;
	border-bottom:1px dotted #c0c0c0;
}
#footer1Sx .footerSx ul li a{
	text-decoration:none;
	color:#fff;
}
#footer1Dx{
text-align:left;
width:300px;
float:right;
display:block;
height:auto;
	}	
#footer2{
text-align:left;
border-top:1px solid #cfcfcf;
height:auto;
min-height:60px;
background-color: rgba(49, 74, 126, 1);
float: left;
    width: 100%;
	}
#footer2 .footerSx{
text-align:left;
width:auto;
float:left;
display:block;
height:60px;
margin-left:10px;
	}	
	
#footer2 .footerDx{
text-align:right;
width:auto;
float:right;
display:block;
height:60px;
margin: 0 15px;
	}

.testoFooter{
text-align:left;
padding-left:3px;
font-size:0.8em;
display:block;
	}
.copyright{
float:left;
font-size:0.7em;
color:#cfcfcf;
margin:5px 0px;
line-height: 2em;
	}
.dmtr{
float:left;
font-size:0.7em;
color:#cfcfcf;
margin:0px;
line-height: 0.5em;
	}	
.privacy a {
font-size:0.7em;
color:#fff;
margin:0px;
text-decoration:none;
	}	
	
.box-content {
	float:left;
	width:calc(50% - 40px);
	height:auto;
	background-color:rgba(7, 60, 105, 0.15);
	padding:0px;
	margin:10px;
	display:block;
	color:black;
	position:relative;
}

.box-content h3 {
	font-size:1.2em;
	color:rgba(7, 60, 105, 0.85);
	padding:5px;
	margin:5px;
	background:none;
	text-transform: normal/*uppercase*/;
	text-decoration: none;
	text-align:center;
	border: 0px solid #fff;

}
.box-content2 {
	margin:0px;
	padding:10px;
	width:100%;
	border: 0px solid #fff;
  	position:relative;	
	text-align:center;	
}
.box-content2 img {
	margin:0px;
	padding:0px;
	width:100%;
	border: 1px solid #fff;
}
.box-content2 h4 {
	font-size:1.0em;
	margin:0px;
	padding:5px;
	position:absolute;
	top:50px;
	width:calc(100% - 20px);
	background-color:rgba(255, 255, 255, 0.85);
	text-transform: normal/*uppercase*/;
	text-decoration: none;
	text-align:center;
}


.box-home {
  float:left;
  width:33%;
  height:auto;
  min-height:200px;
  text-align:left;
  background-color:#fff;
  padding:0px;
  margin:4px 10px 5px 0;
  display:block;
  color:black;
}
.box {
  float:left;
  font-size:0.9em;
  width:300px;
  height:auto;
  /*min-height:200px;*/
  text-align:left;
  background-color:#fff;
  padding:0px;
  /*margin:4px 10px 5px 0;*/
  display:block;
  color:#0d416f;
  font-weight: normal;
}
.box-menu  {
	position:relative;
	width:100%;
	padding:11px 0 10px 0;
	margin-bottom:5px;
	/*min-height:200px;*/
	background-color:#d8dad8;
}

.box-menu h2 {
	font-size:1.2em;
	color:#fff;
	padding:5px 5px 5px 10px;
	margin:5px 8px 0 8px;
	background:#aed4f5;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #fff;
}
.box-menu h2  a {
	text-decoration: none;
    color: #0d416f;	
}
.box-menu ul {
	background:rgba(255,255,255,0.75);
	padding:5px;
	margin: 0 10px 10px 10px;
	color:#003767;
}
.box-menu ul li{
	padding:0px;
	margin:0px;
	border-bottom:1px dotted #0d416f;
	display:block;
	font-weight: bold;
	line-height:150%;
		color:#003767;
}
.box-menu ul li:first-child{
	border-bottom:1px dotted #0d416f!important;
}
.box-menu ul li:last-child{
	border-bottom:none;
}
.box-menu ul li a{
	display:block;
	text-decoration:none;
	font-weight: normal!important;
	padding:8px;
		color:#003767;
}
.box-menu ul li a:hover{
background:rgba(216,218,216,0.8);
}
.box-menu ul li a:visited{
color:#003767;
}
.back{
background:rgba(174,212,245,0.20);
}
.back2{
background:rgba(174,212,245,0.30);
}
.related{
background:rgba(240,240,240,0.85);
color:#c0c0c0;
font-size:0.8em;
text-align:right;
}
.commento{
background:#cfcfcf;
padding:10px;
margin:0px;
font-style: italic;
font-size:0.75em;
float:left;
width:100%;
}
#right {
  background:#e5e5e5;
  float:left;
  width:160px;
  height:600px;
  padding:0px;
  text-align:center;
  display:block;
}
#left {
  background:#e5e5e5;
  float:left;
  width:300px;
  height:auto;
  padding:0px;
  text-align:center;
  display:block;
}
#bottom {
  background:#e5e5e5;
  float:left;
  width:100%;
  height:90px;
  padding:0px;
  text-align:center;
  display:none;
}
#bottom2 {
  background:#fff;
  width:100%;
  height:120px!important;
  padding:5px 0;
  text-align:center;
  display:block;
}
#search {
display: none;
position:absolute;
z-index:100;
right:0px;
  background:#0d416f;
  width:300px;
  height:50px;
  padding:5px;
  text-align:center;
}


/*************************************************************************/
#ricerca {
 margin:0px 15px 10px 0;
 padding: 0px;
 border: 1px solid #888;
 -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.6);
 -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.6);
 box-shadow: 0 7px 7px -7px rgba(0,0,0,0.6);
 -moz-border-radius: 8x;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
#inputTextAddress {
 width: calc(100% - 43px);
 height: 38px;
 line-height: 18px;
 padding: 10px;
 background: white;
 border: 0;
 -moz-border-radius: 8px 0 0 8px;
 -webkit-border-radius: 8px 0 0 8px;
 border-radius: 8px 0 0 8px;
 font-size: 16px;
 float: left;
 box-sizing: border-box;
}
#inputButtonGeocode {
 outline: none;
 cursor: pointer;
 width: 43px;
 height: 38px;
 padding: 0;
 border: 0;
 border-left: 1px solid #888;
 -moz-border-radius: 0 8px 8px 0;
 -webkit-border-radius: 0 8px 8px 0;
 border-radius: 0 8px 8px 0;
 background: #fff url("../images/lente_trasparente.png") no-repeat center center;
 text-indent: -10957px;
 color: #fff;
 font-weight: bold;
 font-size: 18px;
 box-sizing: border-box;
}

.hide {position:absolute;
left:-9999px;}
/*************************************************************************/




@media only screen and (max-width:900px) {
#menuMappa {
display:none;
  }
#right {
	display:none;
	}
#bottom {
	display:block;
	}
#corpo {
	width: calc(100% - 300px);
	}
	
	
	
	
@media only screen and (max-width:620px) {
  /* For mobile phones: */
 .box, .box-home, #corpo, #home {
    width:100%;
  }
#menuMobile {
	display:block;
	width:38px;
	height:38px;
	right:10px;
	top:5px;
	margin:0px;
	position:absolute;
	cursor: pointer;
	} 
#closeButton {
	display:none;
	right:10px;
	top:5px;
	margin:0px;
	position:absolute;
	cursor: pointer;
	} 	
#social {
	display:none;
	}  
#right {
display:none;
  }
#topmenu {
display:none;
  }
#overthetop {  
 	-moz-box-shadow: 0px 2px 10px 0px #50616f;
	-webkit-box-shadow: 0px 2px 10px 0px #50616f;
	behavior: url(../script/PIE.htc);
	box-shadow: 0px 2px 10px 0px #50616f;
  }
#banner {
margin:54px 0 0 0;
  }
#banner-int {
margin:54px 0 0 0;
  }
body {
padding:0;	
margin:0 auto;
height:100%;
margin-top: 0px;
 }
#container{
    width: 100%;
	min-width:100%;
}
#col-dx {
    width: 100%;
	min-width:100%;
}
#col-sx {
    width: 100%;
	min-width:100%;
}
.socialTop{
    display:none;
}
#socialFooter{
    margin: 10px calc(50% - 100px);
	}
.socialFooter{
    display:block;
}
p img {
width: 100%;
	}
.topimg{
	width:100%;
}
#menuMappa {
	width:100%;
	display:none;
	height: calc(100% - 60px);
	overflow-y:auto;
	overflow-x:hidden;	
	position:fixed;
	top:70px;
	background:rgba(85,132,171,0.96);	
	margin: 0px;
	padding: 0px;
	z-index: 600;
	-moz-box-shadow: 1px 4px 15px -5px #000;
	-webkit-box-shadow: 1px 4px 15px -5px #000;
	behavior: url(../script/PIE.htc);
	box-shadow: 1px 4px 15px -5px #000;	
	}	
#menuMappaContent {
	padding:5px;
	margin:5px;  
	font-size:14px;
	float:left;
	width:100%;
	color:#fff;
	height: auto;
	line-height:12px;
	border:none;
	}
.menu{

	}
.menu ul{
	width:100%;
	float:left;
	margin-top:0px;
	list-style-type:none;
	margin:0;
	padding:0;
	}
.menu ul li{
	margin-top:0px;	
	border-bottom: 1px solid #c0c0c0;
	}
.menu ul li:first-child{
	padding: 10px 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
	}
.menu ul li:hover{
	background:#fff;
	/*border-left:10px solid #f06;*/
	}
.menu ul li a{
	text-align: left;
	font-weight:normal;	
	color: #fff;
	text-decoration: none;
	padding: 10px 10px;
	display: block;
	}
.menu ul li:hover a{
	color:#F06;
	}	
.menu ul li .ul{
	text-align: left;
	font-weight:bold;	
	color: #fff;
	text-decoration: none;
	padding: 0px 5px;
	display: block;
	}

#footer1Sx{
width: 100%;
	}
#footer1Sx .footerSx{
width:100%
	}	
#footer1Dx{
width:100%;

	}	
	
#footer2{
height:auto;
width:100%
	}
	
#footer2 .footerSx{
width:100%

	}	
#footer2 .footerDx{
width:100%;
	}		
	
.box-menu h2  a {
	text-decoration: none;
}
.testoFooter{
text-align:center;
	}
		
#ricerca{
margin:10px;
	}	
#scroll {
    width:40px;
    height:50px;

}


.box-content {
	width:100%;
	margin:10px 0px;
}

	
} /*chiusura media mobile*/



@media print {

#menuMappa, #col-sx, #col-dx, #overthetop, #social, #mytopnav, .menu, .social, #contenitore-banner, #banner, .box, #right, #left, #bottom, #bottom2, #search {
display:none;
  }

}