@import url(https://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

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

.bkg_wall{
	/*background-image:url(../grafica/home_bkg.jpg);
	background-repeat: no-repeat;
	background-image: url(../grafica/sfondo_verde.jpg); */
	background-size: cover;
}

.clear{
clear:both;
}

img { 
 border: none;
}

#file_input_name
{
  float: left;
  font-family: "Exo", Tahoma, Helvetica, sans-serif;
  font-size: 16px;	
  width:300px;
  height:25px;
  padding: 5px;
  background:#efefef;
  border:1px solid #dedede;
  margin-top:2px;
  color:#3a3a3a;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-right:5px; 
}

.file_input_div
{
  position: relative; 
  width: 205px; 
  height: 30px; 
  overflow: hidden;
}

.file_input_hidden
{
  font-size: 30px; 
  position: absolute; 
  right: 105px; 
  top: 0px; 
  opacity: 0; 
  filter: alpha(opacity=0); 
  -ms-filter: "alpha(opacity=0)"; 
  -khtml-opacity: 0; 
  -moz-opacity: 0;
}

#file_input_button
{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
    width:100px;
	border:none;
    height:30px;
	background-color:#999;
	color:#FFFFFF;
    border-radius:5px;
    cursor:pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#file_input_elabora
{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	background-color:#999;
	color:#FFFFFF;
    border-radius:5px;
    cursor:pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:100px;
	border:none;
    height:30px;
}

.latosx {
	float: left;
	width: 150px;
	height:110px;
}

.latodx {
	float: left;
	width: 150px;
	height:110px;
}

#logo{
	width:210px;
	float:left;
}

#contenitore_testata{
	height:100px;
	float:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}


#contenuto_centrale{
	width:1010px;
	float:left;
	height:auto;
}

#boxM {
	position: absolute;
	left:150px;
	top: 150px;
	background-color: #CDD5DA;
	height: 350px;
	width: 1024px;
	padding: 0;
	overflow: hidden;
	filter: alpha(opacity=10); 
	-moz-opacity: .10; 
	opacity: .10;
}

#boxN {
	position: absolute;
	background-color: #CDD5DA;
	padding: 0;
	overflow: hidden;
	filter: alpha(opacity=50); 
	-moz-opacity: .50; 
	opacity: .50;
}

.testo0{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 22px;	
}

.testo1{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 24px;	
}

.testo2{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 48px;	
}

.testo3{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 16px;	
}

.testo4{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 12px;	
}

.testo8{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 36px;	
}

.testo5{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 14px;	
}

.testo6{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 20px;	
}

.testo7{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 10px;	
}

.testo9{
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 18px;	
	font-weight:bold;
}

.testop{
    font-family: "Century Gothic", Tahoma, Helvetica, sans-serif;
	font-size: 36px;	
	font-weight: 500;
}

#menu{
	width: 800px;
	height:auto;
	float: left;
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	text-align:right;
	padding-top:50px;
}

#menu ul{
	list-style: none;
	display: block;
	float: right;
	text-align: right;
}

#menu ul li{
	list-style: none;
	display: inline;
	width: auto;
}

#menu ul li a{
	text-decoration: none;
	padding: 0px 20px 0px 25px;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#999999;
	color:#000;
}


#menu ul li a:hover{
	color: #FF17C6;
}

.sfoglia:hover{
	background-color:#00FF66;
	color: #CCCCCC;
	overflow:visible;
}

#sfoglia{	
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;	
	color:#FFFFFF; 
	background-color: #009933; 
	position: absolute; z-index:2; 
	left:920px; top:450px; 
	height:45px; width:250px; 
	text-align:center; padding-top:6px;
	text-decoration:none;		
}

#sfoglia:hover{
	background-color:#00FF66;
	color: #333333;
	overflow:visible;
}


#menu ul li a.current{
	color: #FF17C6;
}

.container {
	width: 1410px;
}

#boxA {
	position: absolute;
	top: 300px;
	left: 0px;
	background-color: #333;
	height: 150px;
	width: 100%;
	padding: 0;
	border: none;
	overflow: hidden;
	filter: alpha(opacity=5); 
	-moz-opacity: .05; 
	opacity: .05;
}
			
#boxPromo {
	position: absolute;
	padding: 0;
	overflow: hidden;
	filter: alpha(opacity=90); 
	-moz-opacity: .90; 
	opacity: .90;
}

#boxB {
	position: absolute;
	top: 300px;
	left:150px;
	background-color:#036;
	height: 150px;
	width: 450px;
	padding: 0;
	overflow: hidden;
	filter: alpha(opacity=50); 
	-moz-opacity: .50; 
	opacity: .50;
}


#boxC {
	position: absolute;
	top: 551px;
	left:150px;
	background-color: transparent;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	height: 50px;
	width: 600px;
	padding: 0;
	overflow: hidden;
}

#boxD {
	position: absolute;
	top: 601px;
	left:150px;
	background-color: transparent;
	height: 400px;
	width: 600px;
	padding: 0;
	border: none;
	overflow: hidden;
}

.boxtmp {
	position: absolute;
	background-color: transparent;
	padding: 0;
	border: none;
	overflow: hidden;
}

#boxE {
	position: absolute;
	top: 601px;
	left:750px;
	background-color: transparent;
	height: 400px;
	width: 410px;
	padding: 0;
	border: none;
	overflow: hidden;
}

#bottom {
	position: absolute;
	top: 1100px;
	left:150px;
	background-color: transparent;
	height: 50px;
	width: 1024px;
	padding: 0;
	overflow: auto;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#999999;
}

#bottom_flex {
	background-color: transparent;
	height: 50px;
	width: 1015px;
	padding: 0;
	overflow: auto;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#999999;
}

#bottom_total {
	background-color: transparent;
	width: 725px;
	padding: 0;
	overflow: auto;
	border-top-style:solid;
	border-top-width:1px;
}

#crediti {
	position: absolute;
	top: 1100px;
	left:150px;
	background-color: transparent;
	height: 50px;
	width: 1024px;
	padding: 0;
	overflow: auto;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#999999;
}


@-webkit-keyframes bodyBackground {
	from {
		background-color: #fff;
	}
	25% {
		background-color: #fc3;
	}
	50% {
		background-color: #3f9;
	}
	75% {
		background-color: #c3f;
	}
	to {
		background-color: #fff;
	}
}

#spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	height: 200px;
	width: 200px;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-mask-image: url(../grafica/spinner.png);
	background-color: #000;
	-webkit-animation-name: spinnerRotate, spinnerColor;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}

@-webkit-keyframes spinnerColor {
	from {
		background-color: rgba(0, 0, 0, .5);
	}
	25% {
		background-color: rgba(102, 0, 102, .5);
	}
	50% {
		background-color: rgba(0, 102, 102, .5);
	}
	75% {
		background-color: rgba(102, 102, 0, .5);
	}
	to {
		background-color: rgba(0, 0, 0, .5);
	}
}


.artxpag_si {
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 16px;	
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid gray;	
	color: gray;
	}
	
.artxpag_no {
    font-family: "Exo", Tahoma, Helvetica, sans-serif;
	font-size: 16px;	
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: navy;
	}

div#gmaps-canvas {

    width:380px;	
    height:250px;
}

.zoom_img {
	cursor: zoom-in;	
}