@CHARSET "UTF-8";
* {
    box-sizing: border-box;
    }
.show-mobile{
    display: block;
}
.h2-home, .h1-home, .menuright, .richiedii, .hide-mobile, .article-bord-right, .breadcrumb, .catsubtitle{
	display:none !important;
}
.article-right br {
	display:none !important; 
}

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


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


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


#vociMenu{
    display: none;  
}
#header {
    width: 100%;
	margin-top: 0px;
}

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

.logo img {
    width: 160px;
    margin-top: 0px;
}
.area-riservata{
    display: none;
}
.facebook{
    display: none;    
}


.logo {
    float: right;
    margin: 16px auto 0;
    max-width: 100%;
    width: 160px;
    text-align: center;
}
 /* HEADER */
/* HAMBURGER */
#menu-display{ 
    position: relative;
    /*margin: 0 auto;*/
    float: left;
    /*width: 9%;*/
    width: 60px;
    height: auto; 
	margin-bottom:5%;
    display: block;
    z-index: 9999999;
}



#menu-display div{color: #fff; /*font-weight: bold;*/}

.circle-text {
	width:50%;
	min-width: 53px;
	min-height: 53px;
	margin-top: 15px;
	margin-right: 15px;
	cursor: pointer;
}

.circle-text:after {
	content: "";
	display: block;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	background: #1b2f6b;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
}

.circle-text div {
	float:left;
	width:100%;
	padding-top:35%;
	line-height:1em;
	margin-top:-1em;
	text-align:center;
	color:white;
}

.circle-text div hr
{
	border: 0;
	height: 3px;
	background: white;
	width: 70%;
    box-sizing: content-box;
    margin: 6px 15%;
}

.circle-text div a
{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
/* HAMBURGER */

#richiedi{ 
    position: relative;
    /*margin: 0 auto;*/
    float: right;
    /*width: 9%;*/
    width: 60px;
    height: auto;
    display: block;
    z-index: 9999;
}

.circle-text2 {
	width:50%;
	min-width: 53px;
	min-height: 53px;
	margin-top: 15px;
	margin-right: 15px;
	cursor: pointer;
}

.circle-text2:after {
	content: "";
	display: block;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	background: rgba(21, 64, 109, 0.5);
	/*background: #3A3A3A;*/
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
}

.circle-text2 div {
	float:left;
	width:100%;
	padding-top:35%;
	line-height:1em;
	margin-top:-1.2em;
	text-align:center;
	color:white;
}

.circle-text2 div hr
{
	border: 0;
	height: 3px;
	background: white;
	width: 70%;
}

.circle-text2 div a
{
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    height: 100%;
    line-height: 0.8rem;
    text-decoration: none;
    width: 100%;
    margin-top: 7px;
} 

.circle-text2 img
{
	display: block;
	width: 15px;
	height: 25px;
	cursor: pointer; 
	margin:0 0 0 38%;
}




.cont-richiesta{float: left; cursor: pointer;}
#richiedi div{color: #fff; /*color: #D5BB01;*//*font-weight: bold;*/}  
.styled-select {
    background: url("../images/15xvbd5.png") no-repeat scroll 97% 0 rgba(255, 255, 255, 1);
    border: 1px solid #15406d;
    color: #15406d;
    height: 29px;
    margin-left: 1%;
    margin-top: 2%;
    overflow: hidden;
    width: 98%;	
}


.styled-select select {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #15406d;
    font-size: .8em;
    height: 29px;
    padding: 0 2px 0 5px;
    width: 110%;
}

.richiedi-info{
	background: url('../images/arrows.png') no-repeat scroll right 10px center rgba(21, 64, 109, 0.5); padding: 10px 10px 10px 1%; margin: 30px 1% 0 1%;
}
.richiedi-info a {
	color: #fff;
	width: 100%;
	display: block;
	text-decoration: none;
}



.mobile-menu{ box-sizing: border-box; padding:0 0 20px 0; background: none repeat scroll 0 0 rgba(12, 14, 22, 0.85); display: block; height: 100%; right: -250px; overflow: auto; position: fixed; top: 0; width: 250px !important; z-index: 999999; border-top: 7px solid black; background-size: 200%; }

.mobile-menu-bg{ background-color: #000000; display: none; height: 100%; right: 0; opacity: 0.4; position: fixed; top: 0; width: 100%; z-index: 999998; }

ul.mobile-menu {
    list-style: none outside none;
    width: 100%;
}
ul.mobile-menu {
    margin-top: 0px;
}
ul.mobile-menu li {
    border-bottom: 1px dotted #fff;
    display: block;
    padding: 8px 0 10px;
}
ul.mobile-menu li a {
    box-sizing: border-box;
    color: #fff;
    display: block;
    padding: 0 0 0 10px;
    text-decoration: none;
    width: 100%;
}
ul.mobile-menu .selected {
    color: #fff;
    padding: 10px 0 10px 10px;
    font-weight: bold;
}
ul.mobile-menu li p {
    box-sizing: border-box;
    color: #7BB0B2;
    font-style: italic;
    display: block;
    padding: 0 0 0 10px;
    text-decoration: none;
    width: 100%;
}

.headerImg img {
    width: 100%;
}

/* CONTENUTI */
.video-dettaglio{
	width: 98%;
	height: auto;
	margin: 0 1%;
}
.article-bord {
	width:100%;
	margin:0px auto;
}
.contenuti{
	width:100%;
	margin:0px auto;
}
#contenuti{
	width:100%;
	margin:0px auto;
}
div.box-1 {
    width: 100%;
}
div.box-1 p {
    text-align: left;
    margin-left: 0px;
    margin-top: 2%;
}

div.box-1 p.titolo{
	text-align: center;
}
div.box-1 img {
    width: 100%;
	padding: 5%;
	box-sizing: border-box;
	margin: 0 auto;
}
p.box-1 {
   width: 100% 
}
.box-2 {
    width: 100%;
    margin-left: 0px;
}
.box-news {
    border: none;
}
.box-3 {
    width: 100%;
}

.box-3-interni {
    width: 100%;
}
.box-3-interni-dx{
    width: 100%;
}
.p-interni-azzurro{
    width: 100%; 
}
.p-interni{
    width: 100%;   
}

.leggi-interni:link {
    background: url("../images/leggi-interni.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.campo-newletter {
    width:100%;
    height: 2em;
}

.article {
    width: 100%;
}
.article-right{
    width: 98%;
    margin-left: 2%;
    margin-right: 2%;
}
.article h1 {
	width: 100%
}
.article h2 {
	width: 100%
}
/* FOOTER */
.footer-contenuto {
    width:100%;
	margin:0px auto;
    padding: 4%;
}
.box-footer-1 {
    width: 100%;
    text-align: center;
    margin-bottom: 5%;
}
.box-footer-1 img{
    width: 50%;
}
.box-footer {
    /*width: 50%;*/
    margin: 0;
	max-width: 50%;
}

.box-footer-2{
	float: right;
}
.newsletter{
    width: 100%;
    margin: 5% 0 0 0;
}
.lineafoot{
    margin-top: 10px;
}
.colonnafooter {
    width: 100%;
    border: none;
    min-height: 130px;
}
.colonnafooterlast{
    width: 100%;
    border: none;
}

/* MACRO */
.div-macro {
    width: 100%;
    margin: 0 auto;
    float: right;
}
.fourbox3 {
    width: 48%;
    margin-right: 2%;
}
.img-cat-big{
    width: 100%
}
.img-cat {
	overflow: auto;
	height: auto;
}
.fourbox-img{
    width: 100%
}
.box-realizzazioni{
    width: 100%;
    margin: 0 auto;
    float: right;    
}
.sottotitolo-h2, .p-interni-azienda {
    width: 98%;
}
.img-dx{
    width: 30%;
}
.table-prezzi{
    width: 100%;
}

/* CONTATTI */
.freccia-form {
    display: none;
}
.contatti-div1{
    width: 100%;
    margin-left: 0;
    margin-right: 0;    
}
.contatti-div2{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.contatti-div1 .inputText{
    width: 100%;
}
.contatti-div2 .inputText{
    width: 100%;
}
.contatti-div2 .inputText2{
    width: 100%;
}
.frame-contatti {
    width: 100%;
}
.titolo-contatti{display: block; color: #15406d;font-size: 16px; margin: 15px 0 5px; text-align: center;}
.image-news{
    width: 40%; 
}
.sottotitolo-contatti{
    width: 100%;
}
.puntati {
    margin-left: 2%;
    width: 98%;
}

/* PRODOTTI */
.image-cat-info {
    width: 100%;
}
.categoria-article{
    width: 70%;
}
.fourbox-cat{
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
}
.fourbox-cat a{
    width: 100%;
}
.titolo-cat{min-height: 40px;}
.categoria-article {
    width: 100%;
}
.article img {
    float: unset;
    height: auto;
    max-width: 100%;
	margin: 0 auto;
}
.categoria-article .titledettaglio {
    text-align: center;
    width: 100%;    
}
.categoria-article .subdettaglio {
    text-align: center;
    width: 100%;    
}

/* DETTAGLIO */
.fourbox-det{
    float: left;
    margin: 0 15% 3% 15%;
    width: 70%;
}
.fourbox-det img {
    width: 100%;
}
.fourbox5 {
    float: left;
    margin: 0 15% 3% 15%;
    width: 70%;
}
.fourbox5 img {
    width: 100%;
}
.div-dettaglio-img{
    width: 49%;
    margin: 0 1% 1% 0;
	height: auto;
}
.location-mobile{
	width: 100%;
}
.privacy-mob{
	color:#404040; font-size:12px; font-family:Arial, Helvetica;
}