html,body{
margin:0;
padding:0;
height:100%;
}
body{
font: 13px Verdana,Arial,sans-serif;
background-color:#fbfbfb;
color:#444;
text-align: center;    /* per far contento IE6- */
}

h1,h2,h3,h5{
font-family: "Trebuchet MS",Arial,sans-serif;
margin: 0;margin-top: 10px;}
h1{color: #FFA54C;font-size: 200%;background-color: #f3f7fa;padding: 20px;}
h2{color: #1946a0;font-size: 180%;}/*(era "color: #999;")*/
h3{color: #666;font-size: 150%;}
h4{color: #444;font-size: 120%;line-height:90%;margin: 0;}
p{margin: 0 0 0.8em 0;}
a{
	color: #1946a0;
   font-weight: bold;
	text-decoration: none;
}
h1.pagetitle {
    opacity: 1;
    filter: alpha(opacity=100);
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 20px;
    color: #444;
    text-align: left;
    padding-bottom:20px;
    line-height:20px;
    margin: 0;
    text-shadow: -1px -1px 1px #ccc;
    -moz-text-shadow: -1px -1px 1px #ccc;
    -webkit-text-shadow: -1px -1px 1px #ccc;
}
h5{
font-weight: bold;
color: #444;
font-size: 14px;
text-decoration: underline;
}
#container{
width:100%;
height: 100%;
min-height:100%;
background-color:#f7f7f7;
position:relative;
overflow:auto;/* per Firefox */
}
	/* box centrale a tutta altezza x tratteggi verticali */
	#box2 {z-index:1;
	background-color:#fff;
	width:940px;
	min-height: 100%;
	/*height: auto !important;*/
	margin:0 auto;
	padding-left:0px;padding-right:0px;
	border-left:1px dotted #d5d5d5;border-right:1px dotted #d5d5d5;
	}
/*
#box-logo {
background-color:#fff;
width:900px;
height: 60px;
padding:35px 20px 5px 20px;
margin:auto;
border-left:1px dotted #d5d5d5;border-right:1px dotted #d5d5d5;
margin-top:0;
text-align:left;
}
*/
/* il box-header contiene il box fascia, il logo e l'accordion (box4 e content-accordion) */
#box-header {
padding:0;
width:100%;min-width: 100%;
height: 122px;
margin-top: 0;margin-left: 0;
}
	#header {
	width:940px;
	height:100px;
	margin:auto;
	border-left:1px dotted #d5d5d5;border-right:1px dotted #d5d5d5;
	background-color: #d0d8ef;
	}
		#header-left {
		width:165px;
		float:left;
		margin:0;
		text-align:left;
		padding-top:25px;padding-left:20px;
		}
		#header-right {
		width:750px;float:right;margin:0;
		}

#box-fascia {
border-top:1px dotted #d5d5d5;border-bottom:1px dotted #d5d5d5;
padding:0;
background-color:#fbfbfb;
width:100%;min-width: 940px;
height: 20px;
margin-top:0;margin-left:0;
}
#box4 {
	border-left:1px dotted #d5d5d5;border-right:1px dotted #d5d5d5;
	padding-left:20px;padding-right:20px;
	background-color:#f3f7fa;
	width:900px;height: 20px;
	margin-left:auto;margin-right:auto;
	margin-top:0;
	}
div#box-centrato{
background-color:#fff;
width:940px;min-width: 940px;
margin:0 auto;
min-height: 100%;
/*height: 100%;*/
border-left:1px dotted #d5d5d5;border-right:1px dotted #d5d5d5;
overflow:hidden; /* per Firefox */
padding-bottom: 30px;
}
div#box5{
    font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #444;
    height: 20px;
    margin-left: -1px;
    padding: 15px 22px 0;
    text-align: center;
    width: 900px;
    height: 100%
}

div#box5 a{
	color: #1946a0;
   font-weight: bold;
	text-decoration: none;
}

div#box5 h1{
	    opacity: 1;
    filter: alpha(opacity=100);
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 20px;
    color: #444;
    text-align: center;
    padding-top:20px;
    padding-bottom:20px;
    line-height:20px;
    margin: 0;
    text-shadow: -1px -1px 1px #ccc;
    -moz-text-shadow: -1px -1px 1px #ccc;
    -webkit-text-shadow: -1px -1px 1px #ccc;
}

/* il content cambia dinamicamente - l'ho messo nel template */
	/*
	div#content{
	text-align:left;
	float: left;
	display: inline;
	width:66%; 
	padding: 10px;
	}
	*/

/* ATTENZIONE: il "div#content" e' nel template!!!!*/

		div#content div.content-text {
			text-align:center;
			/*display:table-cell;*/
			/*float:right;*/
			width: 94%;/*width: 68%;*/
			}
		div#content div.col1 {width: 65%;float:left;}
		div#content div.col2 {width:35%;position:relative;float:left;}
		div#content div.col2 div#sidebar {position:absolute;right:0px;}
		div#content div.image{width: 30%;
			float: left;
			padding-top:0;padding-left:0;
			margin-bottom: 10px;
			margin-right: 10px;
			height:inherit;
			}
		#content img{
			/*float: left;*/
			padding:0;max-width: 1000px;
			}
		/*#content p.form {padding-top:40px;padding-bottom:10px;}*/
		#content div.content-text form {text-align:left;}
 		div.img-home {text-align: center;}
		div.no-index img {width: 100%; }
		div.no-index {text-align: justify !important;}
		div#sidebar input {margin-bottom: 15px;}
		input.form-submit:hover {cursor: pointer;}

/* il content cambia dinamicamente - l'ho messo nel template */
	/*
	div#content100{
	text-align:left;
	float: left;
	display: inline;
	width:920px; /*box unico - cambia la larghezza*//*
	padding: 10px;
	}
	
		#content100 img{
			float: left;
			padding-top:10px;padding-left:0;
			margin-bottom: 10px;
			}
	*/

		/*div#content div {
			padding-left:10px;*//*300px*//*
			}*/

div#content div.content-text div {}
div#content div.content-text div ul{
			margin:0;
			padding-top:0;padding-left:0;
			list-style-type: disc;
			list-style-position: inside;
			}
div#content div.content-text div h5 {
	padding-top: 12px;
	padding-bottom:6px;
	}

div#content div.content-text div li{
			padding:0;
			margin:0;
			}

		div#content div ul{
			margin:0;
			padding-top:20px;
			list-style-type: square;
			list-style-position: inside;
			}
		div#content div li{
			padding-bottom:5px;
			margin:0;
			}

	div#sidebar{
	position: relative;
	float: right;
	width: 278px;
	height:auto;
	margin: 0;
	padding-bottom: 10px;padding-left: 10px;
	color: #333;
	font-size:80%;
	}
		div#sidebar div{
			padding-top:50px;padding-bottom:50px;
			line-height:1.3;
			background-color:#f3f7fa;
			}
			div#sidebar div ul{
				width:100%; 
				height:100%;
				margin:0;
				padding:0;
				list-style-type: square;
				border:0;
				
				}
			div#sidebar div ul li{
				border:0;
				margin:0;
				padding:0;
				color:#1946a0;
				
				}
			div#sidebar div ul li a{
				padding:0;
				font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
				font-weight: normal;
				font-size:12px;
				text-decoration:none;
				color:#1946a0;
				line-height:14px;
				}
			div#sidebar div ul li a:hover{
				text-decoration:underline;	
			}
		div#sidebar p{
			margin:0;
			background-color:#f3f7fa;
			padding:10px;
		}
div#sidebar div#recaptcha > div {
	padding-top:0!important;
}

	div#vuoto{position: relative;clear:left;}

div#footer{
width:100%;/*min-width:940px;*/
position: relative;
border-top:1px dotted #d5d5d5;
background-color:#fbfbfb;
}
div.footer-div {width:940px;margin:0 auto;background-color: #f3f7fa;border-left: 1px dotted #d5d5d5;border-right: 1px dotted #d5d5d5;}
	div#footer p {height: 100%;min-height: 100%;margin: 0;/*padding: 10px 0;*/text-align: center;font-size: 75%;}
	div#footer p a {color:#444;text-decoration:none; font-weight:normal;}
	div#footer p a:hover {color:#444;text-decoration:underline;}

div.faq{
	padding-bottom: 8px;
	text-align: justify;
}
div.def{
	padding-bottom: 16px;
	text-align: justify;
}

.topnav{	display: none;}

/*.divimg-ispezione {width:870px;height:580px;overflow:hidden;margin:0 auto;}*/
.divimg-ispezione {width:100%;text-align: center;background-color: #d1d9f0;}
.divimg-ispezione img {width: 100% !important;max-width: 1000px !important;}
/*.divimg-chisiamo {width:360px;height:240px;overflow:hidden;float:right;margin:6px;}*/
.divimg-chisiamo {width:100%;text-align: center;background-color: #d1d9f0;}
/*.divimg-chisiamo img {width: 100% !important;max-width: 400px !important;}*/
.divimg-chisiamo img {width: 100% !important;max-width: 400px !important;}
/*.divimg-servizicomm {width:340px;height:340px;overflow:hidden;margin:0 auto;float:left;}*/
.divimg-servizicomm {width: 100%;text-align: center;background-color: #d1d9f0;}
div.divimg-servizicomm img {width: 100% !important;max-width: 391px !important;}
h2,h3 {padding-top: 1.2em;text-align: left;font-size: 170%;}

.row {
	display: flex;
	flex-wrap: wrap;
}
.row > [class*='col-'] {
	display: flex;
	flex-direction: column;
	background-color: #f3f7fa;
	display: flex;
	flex-direction: column;
	padding-bottom: 10px;
	padding-top: 10px;
	}

@media only screen and (max-width: 768px){
	h2, h3 {font-size: 140%;}
  /* For mobile phones: */
	div#content {width: 100% !important;padding: 0 !important;}
	.menu-desktop {display: none;}
	.topnav {display: block;}
	#box2 {width: 100%;}
	#header {width: 100%;}
	#header-right {width: 100%;}
	#content img{width: 100%;}
	#box-fascia {min-width: 150px;}
	#box4 {width: 100%;min-width: 150px;padding-left: 0;padding-right: 0;}
	div#box-centrato {width: 100%; min-width: 150px;min-height: 100%;}
	div#box5 {width: 90%;padding: 5%;}
	div#footer {width: 100%;}
	div.footer-div {width: 100%;}
	/*.divimg-ispezione {width:100%;overflow:hidden;margin:0 auto;position: relative;}*/
	.divimg-ispezione {width:100%;}
	/*div#content div.divimg-ispezione img {
		height: 120%;
		width: auto;
		position: absolute;
		top: 0;
		left: -140%;
		}*/
	div#content div.divimg-ispezione img {width: 100%;}
	.divimg-chisiamo {width:100%;overflow:hidden;margin:0 auto;position: relative;}
	div#content div.divimg-chisiamo img {
		height: 125%;
		width: auto;
		position: absolute;
		top: 0;
		left: -60%;
		}
	.divimg-servizicomm {width:100%;/*overflow:hidden;margin:0 auto;position: relative;*/}
	/*div#content div.divimg-servizicomm img {
		height: 125%;
		width: auto;
		position: absolute;
		top: 0;
		left: -40%;
		}*/
	div#content div.divimg-servizicomm img {width: 100%;max-width: 391px;height: auto;}
	div#content div.col1 {width: 84%;padding: 8%}
	div#content div.col2 {width:100%;}
	div#content div.col2 div#sidebar {position:relative;width: 100%;right:0;}
	div.captcha img#captcha {width: auto;}
	h2.h2index {font-size: 140% !important;margin: 0 0 5% 0;padding: 5% !important;}
	h1.h1index {font-size: 140% !important;margin: 0;padding: 5% !important;}
}