@CHARSET "UTF-8";

* {
    box-sizing: border-box;
    }
.show-tablet{
    display: block;
}
.titolo-contatti, .mobile-menu, .mobile-menu-bg, #menu-display, #close-menu-display, .mobile-menu2, .mobile-menu-bg2, #menu-display2, #close-menu-display2, .h1-home, .hide-tablet{
	display:none !important;
}

header{
	width:100%;
	margin:0px auto;
	position: relative;  	
	/*padding:1%;*/
}

#contenitore{
	width:100%;
	margin:0px auto;
	position: relative;  	
	/*padding:1%;*/
}


#menu {
    background-color: white;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
}


#header {
    width: 100%;
}

.headerHome {
    width: 100%;
}
.logo img { margin-top: -15px; width: 150px; }
#vociMenu {
    float: none;
    height: 20px;
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
}

a.voceMenu, a.voceMenu:link, a.voceMenu:active, a.voceMenu:visited,a.voceMenu-last, a.voceMenu-last:link, a.voceMenu-last:active, a.voceMenu-last:visited {
    margin-left: 10px;
    margin-right: 14px;
    line-height: 11px;
}

.voceMenuAttivo {
    margin-left: 10px;
    margin-right: 14px;
    line-height: 11px;
}
.voceMenuAttivo-last {
    margin-left: 10px;
    margin-right: 14px;    
    line-height: 11px;
}

.headerImg img {
    width: 100%;
}

/* CONTENUTI */

.contenuti{
	width:100%;
	margin:0px auto;
}
#contenuti{
	width:100%;
	margin:0px auto;
}
div.box-1 {
    width: 64%;
}
div.box-1 img {
    width: 48%;
    margin-right: 2%; 
}
p.box-1 {
   width: 48% 
}
.box-2 {
    width: 33%;
    margin-left: 1%;
}
.box-3 {
    width:100%;
	margin:0px auto;
}

.box-3-interni {
    width:30%;
	margin-right: 3%;
}
.box-3-interni-dx{
    width:30%; 
}
.p-interni-azzurro{
    width:98%;     
}
.p-interni{
    width:98%;     
}

.leggi-interni:link {
margin-top: 30px;
}
.campo-newletter {
    width:100%;    
}


.article {
    width: 64%;
}
.article-right{
    width: 35%;
    margin-left: 1%;
}
.article h1 {
	width: 100%
}
.article h2 {
	width: 100%
}
/* FOOTER */
.footer-contenuto {
    width:100%;
	margin:0px auto;
}
.box-footer-1 {
    width:24%;
	margin-right: 1%;
}
.box-footer {
    width:24%;
	margin-right: 1%;
}
.newsletter{
    width:24%;  
}
.colonnafooter {
    width:24%;
}
.colonnafooterlast{
    width:24%; 
}
.h2-home {
    color: #277780;
    float: left;
    margin: 8px 0 0 20px;
    position: relative;
    z-index: 99999;
    font-size: 15px;
}

/* MACRO */
.div-macro {
    width: 50%;
}
.fourbox3 {
    width: 48%;
    margin-right: 2%;
}
.img-cat-big{
    width: 100%
}
.fourbox-img{
    width: 100%
}
.box-realizzazioni{
    width: 48%;
    margin: 1% 1% 0 1%;
}
.sottotitolo-h2, .p-interni-azienda {
    width: 98%;
}
.img-dx{
    width: 40%;
}
.table-prezzi{
    width: 100%;
}
.divimagedin{
	width: 30%;
}
.divimagedin a img {
	width: 100%
}
.puntati {
    margin-left: 2%;
    width: 98%;
}
/* CONTATTI */
.freccia-form {
   width: 29%;
   margin-right: 1%;
}
.contatti-div1{
    width: 30%; 
}
.contatti-div2{
    width: 38%;
    margin-left: 2%;
}

.contatti-div2 .inputText{
    width: 80%;
}
.contatti-div2 .inputText2{
    width: 100%;
}
.frame-contatti {
    width: 90%;
}
.image-news{
    width: 40%; 
}

/* PRODOTTI */
.image-cat-info {
    width: 100%;
}
.categoria-article{
    width: 70%;
}
.article-bord {
    width: 70%; 
}
.categoria-menu{
	float: right;
    margin: 10px 0 0 2%;
    padding-bottom: 20px;
    width: 28%;
}
.article-bord-right{
    margin: 10px 0 0 2%;
    float: right;
    width: 28%;
}
.categoria-menu a image-cat-info {
	margin: 12px 0 0;
    width: 100%;
}
.categoria-menu .menuright {
	box-sizing: border-box;
    padding: 10px 5px 10px 25px;
    width: 100%;
	background: none;
	background-color: #eee;
    font-size: 15px;
    margin: 10px 0 0 0;	
}
.categoria-menu .menuright .provincia {
    margin: 15px 0;
}
.categoria-menu .menuright a {
    padding: 0;
    width: 100%;
}
.fourbox-cat{
    width: 32%;
    margin-right: 1%;
}
.fourbox-cat a{
    width: 100%;
}
.titolo-cat{min-height: 40px;}
.menuright .selected {
	padding: 1px 0;
	background: none;
    width: 100%;
}

/* DETTAGLIO */
.fourbox-det{
    float: left;
    margin-bottom: 30px;
    margin-right: 1%;
    width: 24%;
}
.fourbox-det img {
    width: 100%;
}
.fourbox5 {
    width: 24%;
    margin: 0px;
}
.fourbox5 img {
    width: 100%;
}
.div-dettaglio-img{
    width: 49%;
    margin: 0 1% 1% 0;
	overflow: unset;
}