@font-face {
    font-family: 'open';
    src: url('/fonts/opensans-regular.eot');
    src: url('/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-regular.woff2') format('woff2'),
         url('/fonts/opensans-regular.woff') format('woff'),
         url('/fonts/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'openBold';
    src: url('/fonts/opensans-semibold.eot');
    src: url('/fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-semibold.woff2') format('woff2'),
         url('/fonts/opensans-semibold.woff') format('woff'),
         url('/fonts/opensans-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'openBlack';
    src: url('/fonts/opensans-black.eot');
    src: url('/fonts/opensans-black.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-black.woff2') format('woff2'),
         url('/fonts/opensans-black.woff') format('woff'),
         url('/fonts/opensans-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('/fonts/roboto.eot');
    src: url('/fonts/roboto.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto.woff2') format('woff2'),
         url('/fonts/roboto.woff') format('woff'),
         url('/fonts/roboto.ttf') format('truetype'),
         url('/fonts/roboto.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotocond';
    src: url('/fonts/robotocond.eot');
    src: url('/fonts/robotocond.eot?#iefix') format('embedded-opentype'),
         url('/fonts/robotocond.woff2') format('woff2'),
         url('/fonts/robotocond.woff') format('woff'),
         url('/fonts/robotocond.ttf') format('truetype'),
         url('/fonts/robotocond.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotomed';
    src: url('/fonts/robotomed.eot');
    src: url('/fonts/robotomed.eot?#iefix') format('embedded-opentype'),
         url('/fonts/robotomed.woff2') format('woff2'),
         url('/fonts/robotomed.woff') format('woff'),
         url('/fonts/robotomed.ttf') format('truetype'),
         url('/fonts/robotomed.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: robotolight;
 src: url('/fonts/robotolight.eot'); /* EOT file for IE */
font-family: robotolight;
 src: url('/fonts/robotolight.ttf'); /* TTF file for CSS3 browsers */
 font-family: robotolight;
 src: url('/fonts/robotolight.woff'); /* TTF file for CSS3 browsers */
}

* { padding:0; margin:0; }


.iub__us-widget {
	display: none !important;
}


/*HEADER*/


.titoloPage{margin: 160px auto 45px auto;
text-align: center;
font: 18px/25px roboto;
text-transform: uppercase;
color: #272727;
}

.lineaTitoloBox{width:80px;border-bottom:2px solid #e30613;margin:35px auto}


 #maincontarea {width:60%;margin:0 auto;}

 #contentPresentazione{width:100%; margin:0 auto;}


#langsel{display:none}

#header{z-index:1000;background:#fff;height:42px;padding:0 0 0 0;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
position:relative;border-top:35px solid #e30613;/*border-bottom:1px solid #dddce1;*/}


/* COMMENTATO PER SERVIZI*/





.hidden-xs img {border:0 !important}



#maincontarea li{  list-style-position: inside;}

/*Banner*/

.logo {

    float: left;
    position: absolute;
    overflow: hidden;
    top: 59px;
    transition: all .3s ease-in-out;
    left: 0;

}
.logo img {

   
    transition: all .3s ease-in-out;
    
    z-index: 9999;
	position: relative;

}


/*FINE HEADER*/




#panelCont .titoloCont,#panelContMobile .titoloCont{display:none !important}


/*Container */
body{margin: 0; padding: 0;}
div#container {
	margin: 0 auto;
	text-align:left;width:1150px;

}
a {

    text-decoration: none !important;

}


.container{position:relative;margin: 0 auto;
width:1150px;}



/*Banner*/
#banner{margin:0 auto;text-align:center}


#menuFooterMobile,#menuMobileBar,#menuSecondarioBar{display:none}


/*Fine banner*/


/*Lowebar*/




/*Fine Lowebar*/


/*Bottom area*/

#footer .container {

    width: 100%;

}
.titoloBoxSx, .titoloBoxDx
{
	font: 28px open;
	padding-bottom: 15px;
}

.titoloBoxSx{position:relative;top:33px;margin-left:105px}

.car{float:left}

#bottomSx, #bottomCx, #bottomDx
{
	font: 15px/22px open;
}

#bottomDx img{width:100px}



.boxVuotoTitoloBottom
{
	border-top: 1px solid #fff;
	width: 90px;
}
#icoMap{float:left;}

#bottomCx .indBoxCx{
	margin-left: 40px;
	width: 100%;
}




#bottomarea{
	color:#fff;
}
.testoFooter, .intLower, #testoLowerbar{
    width: 1150px;
    margin: 0 auto;
}
#linkLegal{
	float:right;
}




#bottomarea{height:auto;padding-top:35px;transition:all .3s ease-in-out;text-align:left}



#txtMail a:hover{color:#000 !important}
.titoloMail{
	margin-top:15px;
}


#bottomSx{display:table-cell;text-align:left;width:380px;}
#bottomCx{display:table-cell;text-align:left;width:380px;}
#bottomDx{display:table-cell;width:380px}

.fili{font: 16px openBold;margin-top:38px}

#bottomarea a{color:#fff;transition:all .3s ease-in-out;}
#bottomarea a:hover{color:#fff;transition:all .3s ease-in-out;}

a{text-decoration:none !important}



.txtLowerbar {

    margin-top: 23px;
    padding-bottom: 36px;
    padding-top: 20px;
    color: #fff;
    font: 13px open;
    background:#e30613;

}
/* TASTO BCK TO TOP*/
#back-top.active {	

    opacity: 1;
    pointer-events: auto;
    transform: scale(1);

}
#back-top {
display:none;
    background-color: #fff;
    border-color: rgba(90, 93, 96, 0.3);
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    bottom: 20px;
    font: 0px/0 a;
    height: 34px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 20px;
    text-align: center;
    transform: scale(0);
    transition: all 0.25s linear 0s;
    width: 34px;
    z-index: 999;
    margin-left: 1120px;
}

#icoTel,#icoMail{float:left;margin-right:20px}

/*FINE  TASTO BCK TO TOP*/

#boxContenuto2{text-align:center;padding:20px ;background:#e30613}
#boxContenuto2 .TestoBianco{width:65%;margin:0 auto}


.clear {
	clear: both;
}

/*Fine bottom area*/

@media (max-width: 1280px){


 #contentPresentazione{width:80%;}
		
	    .container{
		width: 960px;
	}
	 #bottomSx{margin-left:2% }
	
	#container
	{	
		width: 960px ;
	}
	
/*SECTION PARALLASSE*/


	
	    #lowerbar{
    	height:auto;
    }
    

    
	
/*FINE SECTION PARALLASSE*/

.intLower, #testoLowerbar,#lowerbar .containerPanel{width:960px;}


}

@media (max-width: 1023px){
	
 #contentPresentazione{width:90%;}

#lowerbar #panel01Home{display:none }
    #panelCont{
		display:none;
	}


	
/*Bottom area*/

#lowerbar .containerPanel{width:96%}

		    .container{
		width: 100%;
	}
	#container
	{	
		width: 100% !important;
	}
	
#header{padding:0}
#banner{background:#fff}
	.logo {
    top: -13px;
    float: none;
    position: relative;
margin:0 auto;left:0;

}
.logo img {

}
	
	

    
    #panel01Mobile .titoloCont{
    	top:-370px;
    	position:relative;
    	font-size: 26px !important;
    }
    	#testoLowerbar
	{
text-align:center;
		width: 100% !important;
	}
    #panel01
	{
		display:none;
	}
	
	#panel01Mobile
	{
		display:block;
	}
	#linkLegal{float:none}
	 .intLower, #testoLowerbar{width:85%;text-align:center;}
	 .testoFooter{width:96%}
	
	#bottomDx{min-width:280px !important;}
	#bottomCx{width:44%}
	#bottomSx{width:24%}
	
		.titlePrevLowbar {
    font: 22px openBold;}
	.testoLowerbar {

    margin: 10px auto 25px auto;
}
/*Fine bottom area*/

@media (max-width: 680px){
	
	.titoloPage{margin: 126px auto 30px auto;
font: 13px/38px roboto;
}


#header {
	border-top: 65px solid #e30613;
  }


	.logo {
	  top: 50px;
	}
	


#maincontarea {
    width: 100%;
  }
                                 
     
 
	.testoLowerbar {

    margin: 15px auto 35px auto;

    font: 24px openBold;}
	
/*Bottom area*/	

#bottomarea{padding-top:0}

	#header{
		position:relative !important;
		width:100%;
	}
	
	#banner{
		width:100%;
	}

	
	#frmSearch
	{
		display:none;
	}
	
	
	#footer
	{
		width: 100% !important;
	}
	#lowerbar
	{
		width: 100% !important;
	}

	#container
	{
		width: 100% !important;
	}
	#panel01
	{
		display:none;
	}
	
	#panel01Mobile
	{
		display:block;
	}
	#header, #banner
	{
		width:100%;
	}
	
	#fmrSearch{
		display:none
	}
	

	
	.boxVuotoTitoloBottom{
		margin: 0 auto;
	}
	
	#titoloTel, #txtMail
	{
		margin-left:0px;
	}
	

	
	.indBoxCx{
    	margin-left: 0px;
	}

    #lowerbar{
    	height:auto;
    }
	 #icoTel, #icoMail, #icoMap{float:none}
    #panel01Mobile{margin-top:0px;height:390px;overflow:hidden;}

		  
	#panel01Mobile img{height: 390px;
        width: auto;
        position: relative;
        left: 50%;
        margin-left: -353px;
    }
    

    .container{
		width: 100% !important;
	}
	
	#mainarea {

    	margin-top: 0px !important;
    }
    #percorso {
    	padding: 0 0 5px 0 !important;
	}
	
	#header{
		background:#fff;
	}

.titlePrevLowbar {
margin-top: 37px;
    font: 18px openBold;

}
.divVuotaLowebar {

    margin: 18px auto 24px auto;

}
		#bottomSx,#bottomCx,#bottomDx{float:none;display:inline;text-align:center}
		#bottomDx{margin-top:95px;display:block;margin:80px auto 0 auto}
		#bottomCx .indBoxCx{margin:0}
		#bottomCx{position:relative;top:38px}
		#bottomSx{display:none}
		
		.car {
    float: none;
}
.fili{display:none}



.titoloBoxSx{top:0x;margin:0 auto 55px auto}


	
}
/*Fine Bottom area*/

@media (max-width: 480px){
	
	#header{
		width:100%;
	}
	
	#banner{
		width:100%;
	}
	
	.container{
		width: 100% !important;
	}
	
	#frmSearch
	{
		display:none;
	}
	
	
	#footer
	{
		width: 100% !important;
	}
	#lowerbar
	{
		width: 100% !important;
	}
	#testoLowerbar
	{
		width: 100% !important;
	}
	#container
	{
		width: 100% !important;
	}
	#panel01
	{
		display:none;
	}
	
	#panel01Mobile
	{
		display:block;
	}
	#header, #banner
	{
		width:100%;
	}
	
	#fmrSearch{
		display:none
	}
	
	.testoFooter, #bottomSx, #bottomCx
	{
		width:100%;
	}
	
	.boxVuotoTitoloBottom{
		margin: 0 auto;
	}
	
	#titoloTel, #txtMail
	{
		
	}
	

	
	.indBoxCx{
    	margin-left: 0px;
	}
	#icoMap {
    
    }
    #lowerbar{
    	height:auto;
    }
    
    #panel01Mobile{margin-top:0px;height:370px;overflow:hidden;}

		  
	#panel01Mobile img{height: 390px;
        width: auto;
        position: relative;
        left: 50%;
        margin-left: -353px;
    }
    
    #panel01Mobile .titoloCont{
    	top:-388px;
    	position:relative;
    	font-size: 24px !important;
    }
    
    .txtLowerbar {

    color: #fff;
    font: 12px open;
}
}


}