/* stili da montare per gestire il responsive
 *
 * Fino a 1024 regge */

.mm-listview .mm-vertical {
	text-transform: uppercase;
	font-family: Helvetica;
}

.mm-listview {
    font: inherit;
    font-size: 12px;
    line-height: 20px;
	font-family: Helvetica;
}

@media screen and (max-width:768px) {
	body {
		overflow-x: hidden!important;
	}
	#main-wrap {
		width:768px;
	}
	.boxes-third {
    width: 33.3%;
	}
	.shadow {
		top:266px;
	}
	#slidercont {
	  width:100%;
	  height: 320px;
	}
	#sliderwrap {
		width:100%;
		height:265px;
	}
	
	.nivo-controlNav {
		top:496px;
	}
	
	#footertop {
		width:100%;
	}
	#footerwrap {
		width:100%;
	}
	
	#viterbo_links, #roma_links {
    width: 21%;
    float: left;
    margin-top: 20px;
    padding-left: 3%;
	}
	
	#info {
	 width:20%;
	}
	.div_bottom_loghi {
    width: 100%;
    margin: auto;
	}
	
	ul.bottom_loghi {
    padding: 0;
	padding-left:4%;
    list-style: none;
    position: relative;
    display: inline-block;
    margin-left: auto;
}
ul.bottom_loghi li {
    float: left;
    padding: 10px 30px 10px 10px;
}

ul.bottom_loghi li.bultimo {
    float: left;
    padding: 10px 0px 0px 30px;

}

#bottomMenu {
	display: none;
}

#navi {
	display: none;
}

#scrolltab {
	display: none!important;
}

#headerlogo {
	width:100%;
}
#headerMobile {
	display: block;
}
#header {
	display: none;
}
.menuMobile {
	display: block;
}
.logoMobile {
	display: block;
margin-left: auto;
margin-right: auto;
}

#navigation_wrap {
    max-width: 986px;
    width: 100%;
    height: 46px;
    float: none;
    margin: 0px auto 0px auto;
    background-color: #d9d9d9;
}

#conteactinfo {
	display: none;
}

.infobasso {
	display: block;
}
.elemento1 {
	width:50%;
	display: inline-block;
	padding-top:1%;
	float:left;
	text-align: center;
}

.mobileFull {
	width:100%;
}
.riciclo {
	width: 100%;
	height: auto;
}

#produzioni {
    width: 100%;
    height: 230px;
    margin: auto;
}

.contact-left {
	float:none;
	width:100%;
}
.contact-right {
	float:none;
	width:100%;
}

.mappaG {
	height: auto;
	width: 100%;
}

.tabPiccola {
	width:40%;
}

.accedi {
	left:-20px;
	top:-18px;
}

.boxes-third1 {
	width: 33.1%;
	
}
.featured-titles1 {
	font-size:13pt;
}

/* pagina parco macchine */

#main-wrap1, #main-wrap2 {
	width: 100%;
}

.macchine-left {
	width:100%;
 padding-left: 0px;
 padding-top: 5px;
 float:none;
}

.macchine-right, .macchine-right1 {
	padding-top: 5px;
	float:none;
	width:auto;
}

.macchine-right img, .macchine-right1 img {
	width: 100%;
height: auto;
}

/* certificazioni */

.cert-left {
	width:40%;
}

.cert-right {
	width: 49%;
}

/* servizi */

.allsection-left {
	width:100%;
	float: none;
	height: auto;
}

.allsection-right {
	float: none;
	width:95%;
}

.upper {
	margin-top: auto;
}

.inviarefileicona {
    width: 100px;
    height: 100px;
    float: none;
    position: relative;
    left: 0px;
    top: 0px;
}

.form-ass {
    width: 100%;
    border: #CCC solid 1px;
    padding: 10px;
    font-family: Helvetica,Arial, sans-serif;
}

.allsectiontitle {
    width: 85%;
    padding-top: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.margineNeg {
	margin-top: auto;
}

.areamus {
	width:80%;
}

.pointx {
	margin-left:80%;
}

.casellaTesto {
	width: 80%;
}


}


@media screen and (max-width:767px) {
	/*
	#slider {
		display: none;
	}
	
	#sliderMobile {
		display: block;
	}
	*/
	
	
	.shadow {
		top:231px;
	}
	#slidercont {
	  width:100%;
	  height: 288px;
	}
	#sliderwrap {
		width:100%;
		height:230px;
	}
	
	.nivo-controlNav {
		top:462px;
	}
	
	#main-wrap {
		width:100%;
	}
	.boxes-third {
    width: 100%;
	float:none;
	}
	
	#viterbo_links, #roma_links {
    width: 90%;
    float: none;
    margin-top: 20px;
    padding-left: 3%;
	}
	
	.footerwrap {
    max-width: 986px;
    width: 100%;
    float: none;
    margin: 0px auto 0px auto;
	}
	
	#info {
		width:90%;
		float:none;
	}
	
   .logoMobile {
	width: 90%;
	padding-top:3%;
   }
	#headerMobile {
		height: 120px;
	}
	
	
	ul.bottom_loghi li.bprimo {
    float: left;
    padding: 10px 10px 0px 0px;
	}
	.bprimo img {
		width:90%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10%;
	}
	
	/* parte per le pagine interne */
	
	.leftsection {
		width:90%;
		float:none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.rightsection {
		float:none;
		width:90%;
		display: block;
		margin-left:auto;
		margin-right: auto;
	}
	
	h3#storia, h3#mission, h3#valori, h3#vision {
    font-size: 25pt;
	text-align: center;
}

.elemento1 {
	width:50%;
	display: inline-block;
	padding-top:1%;
}
.blogimage_1 img {
    width: 100%;
    border: 0px;
    padding-right: 15px;
    margin: 0px;
    float: none;
    margin-top: 7px;
	max-width:300px;
}
.accedi {
	left:-3px;
	top:0px;
}

.boxes-third1 {
	width: 100%;
}

.allsection-right {
	float: none;
	width:92%;
}

.youtubeFrame {
    width: 80%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.normale {
	display: none;
}

.mobilePreventivo {
	display: block;
}

.tableass input {
    width: 85%;
    border: #CCC solid 1px;
    padding: 4px;
}

}





@media screen and (max-width:666px) {
	
	.shadow {
		top:124px;
	}
	#slidercont {
	  width:100%;
	  height: 177px;
	}
	#sliderwrap {
		width:100%;
		height:125px;
	}
	
	.nivo-controlNav {
		top:303px;
	}
	
	#main-wrap {
		width:100%;
	}
	.boxes-third {
    width: 100%;
	float:none;
	}
	
	#viterbo_links, #roma_links {
    width: 90%;
    float: none;
    margin-top: 20px;
    padding-left: 3%;
	}
	
	.footerwrap {
    max-width: 986px;
    width: 100%;
    float: none;
    margin: 0px auto 0px auto;
	}
	
	#info {
		width:90%;
		float:none;
	}
	
   .logoMobile {
	width: 90%;
	padding-top:3%;
   }
	#headerMobile {
		height: 70px;
	}
	
	.bprimo img {
		width:90%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10%;
	}
	
	/* parte per le pagine interne */
	
	.leftsection {
		width:90%;
		float:none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.rightsection {
		float:none;
		width:90%;
		display: block;
		margin-left:auto;
		margin-right: auto;
	}
	
	h3#storia, h3#mission, h3#valori, h3#vision {
    font-size: 25pt;
	text-align: center;
}

.elemento1 {
	width:50%;
	display: inline-block;
	padding-top:2%;
}
.blogimage_1 img {
    width: 100%;
    border: 0px;
    padding-right: 15px;
    margin: 0px;
    float: none;
    margin-top: 7px;
}
.accedi {
	left:-3px;
	top:0px;
}

.boxes-third1 {
	width: 100%;
}

#gossxl {
	height: 400px;
}


.cert-left {
	width:100%;
	float:none;
}

.cert-right {
	width: 90%;
	float:none;
	margin-left: auto;
	margin-right: auto;
}

.certBox {
	margin-top: auto;
}

.allsection-right {
	float: none;
	width:92%;
}

.stampa-testo-green {
	font-size:16px;
}

.pointx {
	position: static;
	margin-left:40%;
}


}