* { margin: 0; padding: 0; } /*Inizializza a zero tutti gli elementi*/
img {border: none;}
div.clear {clear: both;font-size: 0;line-height: 0;height: 0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.bottoni {
	background-color: white;
}

.bottoni2 {
	background-color: #0b4d6a;
}

.menu-sinistri {
    position: absolute;
    right: 50px;
    top: 30px;
}

.menu-sinistri a {
	color: yellow;
}

.ulMenu {
	margin: 30px;
}

.ulMenu li {
	list-style: none;
	margin-bottom: 5px;
}

.ulMenu li a {
	color: yellow;
}

/* hamburger + menu responsive */

#hamburger, #menu-responsive {display:none;}

@media all and (max-width: 520px)  {

	#hamburger, #menu-responsive {display:block;}

	#hamburger {
		position:absolute;
		top:80px;
		left:10px;
		/*z-index:9999;*/
	}

	#hamburger img {
		width:30px;
		height:auto;
	}


	#menu-responsive {
		position:fixed;
		width:80%;
		height:100%;
		top:0;
		right:-150%;
		background-color:#0c4e6b;
		z-index:9999;
	}

	/*#menu-responsive ul {
		position:relative;
		list-style:none;
		margin:0;
		padding:0;
	}

	#menu-responsive ul li  {
		position:relative;
		background-color:#0c4f6c;
		margin-bottom:5px;
	}

	#menu-responsive ul li  a {
		display:block;
		position:relative;
		padding: 30px 0 30px 20px;
		text-decoration:none;
		color:white;
		font-size:18px;
	}*/

		#menu-responsive .prima-voce-menu p {
			background-color: #0c4e6b!important;
			padding: 15px;
			color: #fff;
			font-size: 1.3em;
			line-height: 1.8em!important;
		}

		#menu-responsive ul li {
			height: 100%;
			border-top: solid 1px #e2ffa7;
			list-style-type: none;
			background-color: #00779b;
		}
		#menu-responsive ul li.sel {
			background-color: #0c4e6b;
		}
			#menu-responsive ul li a{
				display: block;
				width: 100%;
				height: 70px;
			}
			#menu-responsive ul li a p.ico{
				float: left;
				width: 70px;
				height: 70px;
				background-color: #0c4e6b;
			}
			#menu-responsive ul li a p#srv01{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico01_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv01{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico01_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li a p#srv02{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico02_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv02{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico02_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li a p#srv03{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico03_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv03{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico03_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li a p#srv04{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico04_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv04{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico04_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li a p#srv05{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico05_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv05{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico05_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li a p#srv06{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico06_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv06{
				float: left;
				width: 100px;
				height: 100px;
				background: url("../img/ico06_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}

			#menu-responsive ul li a p#srv07{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico07_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv07{
				float: left;
				width: 100px;
				height: 100px;
				background: url("../img/ico07_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}			

			#menu-responsive ul li a p#srv08{
				float: left;
				width: 70px;
				height: 70px;
				background: url("../img/ico08_off.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}
			#menu-responsive ul li.sel a p#srv08{
				float: left;
				width: 100px;
				height: 100px;
				background: url("../img/ico08_on.png") transparent no-repeat 0 0;
				background-size: 70px 70px;
			}

			#menu-responsive li a p.txt{
				padding: 20px;
				font-size: 1.3em;
				color: #fff;
			}
}

body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 10pt;
	font-weight: 300;
	line-height: 1.5em;
	color: #444;
	background: url("../img/sfondo.png") #163345 no-repeat top center;
	background-size: cover;
}

/* Barra in alto per i motori di ricerca*/
.pt1 {
	display: inline;
	width: 7px;
	height: 7px;
	margin: 0 5px 0 5px;
	background-color: #ab9387;
}

/* Struttura di pagina*/
#cnt {
	width: 1200px;
	margin: 0 auto 0 auto;
	text-align: left;
}
	#cnt img#logo {
		margin: 20px 0 0 50px;
	}
	#cnt ul#sx {
		float: left;
		width: 580px;
		margin: 20px 0 0 0;
		padding: 30px 0 0 0;
		background: url("../img/img01.png") #00779b no-repeat top left;
		border-bottom: solid 4px #d6f8a6;
	}
		#cnt ul#sx li {
			height: 100px;
			border-top: solid 1px #e2ffa7;
			list-style-type: none;
			background-color: #00779b;
		}
		#cnt ul#sx li.sel {
			background-color: #0c4e6b;
		}
			#cnt ul#sx li a{
				display: block;
				width: 420px;
				height: 100px;
			}
			#cnt ul#sx li a p.ico{
				float: left;
				width: 100px;
				height: 100px;
				background-color: #0c4e6b;
			}
				#cnt ul#sx li a p#srv01{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico01_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv01{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico01_on.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li a p#srv02{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico02_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv02{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico02_on.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li a p#srv03{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico03_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv03{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico03_on.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li a p#srv04{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico04_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv04{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico04_on.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li a p#srv05{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico05_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv05{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico05_on.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li a p#srv06{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico06_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv06{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico06_on.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li a p#srv07{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico07_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv07{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico07_on.png") transparent no-repeat 0 0;
				}				
				#cnt ul#sx li a p#srv08{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico08_off.png") transparent no-repeat 0 0;
				}
				#cnt ul#sx li.sel a p#srv08{
					float: left;
					width: 100px;
					height: 100px;
					background: url("../img/ico08_on.png") transparent no-repeat 0 0;
				}
			#cnt ul#sx li a p.txt{
				float: left;
				width: 290px;
				padding: 20px 0 0 20px;
				font-size: 1.8em;
				line-height: 1.2em;
				color: #fff;
			}

	#cnt div#dx {
		float: right;
		width: 580px;
		height: 640px;
		margin: 20px 0 0 0;
		background: url("../img/img05.png") transparent no-repeat bottom left;
	}
		#cnt div#dx form {
			display: block;
			margin: 0;
			padding: 0;
			background: url("../img/img02.png") transparent no-repeat top left;
		}
		#cnt div#dx img.ico {
			float: left;
			margin: 20px 0 0 10px;
		}
		#cnt div#dx p#intro {
			float: left;
			width: 300px;
			margin: 20px 0 20px 0;
			font-size: 1.3em;
			color: #fff;
		}
			#cnt div#dx p#intro strong{
				display: block;
				padding: 25px 0 15px 0;
				font-size: 1.2em;
				font-weight: 500;
				color: #fff;
			}
		#cnt div#dx ul.frmBlk {
			width: 400px;
			margin: 0;
			padding: 10px 0 25px 0;
			color: #fff;
			border-top: solid 1px #d6f8a6;
			background: url("../img/img04.png") transparent no-repeat bottom center;
		}
			#cnt div#dx ul.frmBlk li {
				width: 310px;
				margin: 7px 0;
				padding: 10px 0 10px 90px;
				list-style-type: none;
				font-size: 1.3em;
				background: url("../img/img03.png") transparent no-repeat top left;
			}
				#cnt div#dx ul.frmBlk li input{
					display: block;
					width: 280px;
					height: 30px;
					margin: 10px 0 0 0;
					padding: 0 5px;
					font-size: 1.0em;
					line-height: 1.2em;
					color: #fff;
					border: none;
					background-color: #022040;
				}
		#cnt div#dx input#submit {
			margin: 10px 0 0 140px;
		}

		@media all and (max-width:520px) {

			#cnt {
			    width: 100%;
			    margin: 0 auto 0 auto;
			    text-align: left;
					box-sizing: border-box;
			}

			#cnt ul#sx {
				display:none!important;
			}

			#cnt div#dx {
				width: 95%;
				margin: 2.5%;
				float:none;
				padding:0!important;
				background-image: none!important;
			}

			#cnt div#dx form {
				width: 100%;
				background-size: 100% 100%;
			}

			#cnt div#dx ul.frmBlk {
				width: 100%;
				background-image:none;
			}

			#cnt div#dx ul.frmBlk li {
			    width: 100%;
					background-image:none;
					padding: 10px 0 10px 10px;
			}

			#cnt div#dx ul.frmBlk li input {
				width: 90%;
			}

			#buttonOpenModalSegnalaGuasti {
		    margin-top: 20px;
				margin-bottom: 10px;
			}

			#cnt img#logo {
				margin:0;
			}

			#cnt div#dx p#intro {
			    margin: 20px 0 20px 10px;
			}

		}

/* SCHEDA */

	#cnt div#sxSc {
	    float: left;
	    width: 580px;
	    height: 700px;
	    margin: 20px 0 0 0;
	    background: url(../img/img06.png) transparent no-repeat top left;
	    border: solid 4px #d6f8a6;
	    border-width: 0 0 4px 0;
	    background-color: #007598;
	}
		#cnt div#sxSc img.ico {
			float: left;
			margin: 20px 0 0 10px;
		}
		#cnt div#sxSc div#intro {
			float: left;
			width: 300px;
			min-height: 85px; /* min-height for browsers other than IE */
			height: auto !important; /* Override declared height for browsers other than IE */
			height: 85px; /* min-height for IE */
			margin: 20px 0 10px 0;
			font-size: 1.1em;
			color: #fff;
		}
			#cnt div#sxSc div#intro p.tit{
				display: block;
				padding: 15px 0 10px 0;
				font-size: 1.5em;
				font-weight: 500;
				color: #fff;
			}
			#cnt div#sxSc div#intro p strong{
				font-size: 1.1em;
				font-weight: 700;
			}
		#cnt div#sxSc div.data_short {
			float: right;
			width: 96%;
			margin: 10px 10px 0 0;
			color: #fff;
		}
			#cnt div#sxSc div.data_short p.label{
				padding: 0 0 3px 0;
				font-size: 1.0em;
				text-transform: uppercase;
			}
			#cnt div#sxSc div.data_short p.data{
				height: 20px;
				padding: 7px 0 0 20px;
				font-size: 1.0em;
				line-height: 1.0em;
				background: url("../img/img07.png") #0b4d6a no-repeat top left;
				overflow: hidden;
			}
			#cnt div#sxSc div.data_short div.data{
				height: 200px;
				padding: 3px 3px 3px 20px;
				font-size: 1.0em;
				overflow: auto;
				background: url("../img/img08.png") #0b4d6a no-repeat top left;
			}

	#cnt div#dxSc {
		float: right;
		width: 580px;
		height: 840px;
		margin: 20px 0 0 0;
		background: none #007598 no-repeat top center;
		border: solid 4px #d6f8a6;
		border-width: 4px 0;
	}
		#cnt div#dxSc div#intro {
			min-height: 82px; /* min-height for browsers other than IE */
			height: auto !important; /* Override declared height for browsers other than IE */
			height: 82px; /* min-height for IE */
			margin: 20px 20px 10px 0;
			font-size: 1.1em;
			color: #fff;
			text-align: right;
		}
			#cnt div#dxSc div#intro p strong{
				display: block;
				font-size: 1.1em;
				font-weight: 700;
			}
		#cnt div#dxSc div.data_short {
			float: right;
			width: 96%;
			margin: 10px 10px 0 0;
			color: #fff;
		}
			#cnt div#dxSc div.data_short p.label{
				padding: 0 0 3px 0;
				font-size: 1.0em;
				text-transform: uppercase;
			}
			#cnt div#dxSc div.data_short p.data{
				height: 20px;
				padding: 7px 0 0 20px;
				font-size: 1.0em;
				line-height: 1.0em;
				background: url("../img/img07.png") #0b4d6a no-repeat top left;
				overflow: hidden;
			}
			#cnt div#dxSc div.data_short p.data2r{
				height: 26px;
				padding: 1px 0 0 20px;
				font-size: 0.8em;
				line-height: 1.1em;
				background: url("../img/img07.png") #0b4d6a no-repeat top left;
				overflow: hidden;
			}
				#cnt div#dxSc div.data_short p.data2r strong{
					font-size: 1.4em;
					font-weight: 700;
				}
			#cnt div#dxSc div.data_short div.data{
				height: 650px;
				padding: 3px 3px 3px 20px;
				font-size: 1.0em;
				overflow: auto;
				background: url("../img/img08.png") #0b4d6a no-repeat top left;
			}




/* Piede */
#piede {
	width: 860px;
	margin: 0 auto 0 auto;
	padding: 2px 0 2px 0;
	font: 8pt tahoma;
	text-align: left;
	background: url('.../img/sfondoPiede.gif') #f0f0f0 repeat 0 0;
}

/* Credits */
#credits {
	width: 860px;
	margin: 4px auto 4px auto;
	padding: 0 0 3px 0;
	font: 8pt tahoma;
	color: #444;
	text-align: left;
}
.cr_ico {
	width: 80px;
	height: 15px;
	border: none;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
#credits a{
	color: #444;
	text-decoration: none;
}
#credits a:hover{
	color: #ff6600;
}


a.buttgreen {
	margin: 0 23px 0 0;
	padding: 11px 20px;
	text-transform: uppercase;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#4dc236 0%,
		#338740);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#4dc236),
		to(#338740));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #078700;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.1),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.1),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.1),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}


.btn-green {
    background: green;
    color: white;
    box-shadow: 0 0 0 1px rgba(43,45,80,.1), 0 2px 5px 0 rgba(43,45,80,.08), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08);
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 0 solid transparent;
    padding: 4px 10px;
    font-size: .875rem;
    line-height: 1.6;
    transition: all .08s ease-in;
}