/* banner */
.bx-viewport{overflow:visible !important}
#bannerHome, #bannerPage{position:relative;top:0px;z-index:0;}


#bannerHome{position:relative;top:0px;margin-top:48px;z-index:0;/*height:580px !important;*/overflow:hidden;

	
}
.txtBox{top:7vw;margin:0 auto;position:absolute;width:100%;text-align:center;color:#fff}
.txtBox{font:5em/1.5em Robotocond;text-transform:uppercase;
    text-shadow: 2px 2px #000;}


#Avviso{background:#d60000 ;position:relative;text-align:center;padding:10px 0 10px 0;  font:3em Robotomed;color:#fff}

.bx-pager-item,.bx-controls-auto-item{display:none}


#boxChiamate{}
	
#boxLavPeriodici{}


/*next button*/
.bx-next {
	position:absolute;
	bottom:38%;
	right:6%;
	z-index:99;
	width: 61px;
	height: 118px;
	text-indent: -999999px;
	background: url(/custom_cms/images/next.png) no-repeat 0 0px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	bottom:38%;
	left:6%;
	z-index:99;
	width:61px;
	height: 118px;
	text-indent: -999999px;
	background: url(/custom_cms/images/prev.png) no-repeat 0 0px;
}


.txtDettagli{padding:11px 40px 11px 40px;background:#5f5f5f;font:1.15em Robotomed;position:absolute;bottom:10%;text-align:center;float:left}

.boxHomeDettagli:hover .txtDettagli{box-shadow: 1px 1px 3px #999;
    display: block;background:#fff;color:#5f5f5f;
    transition: all 0.3s ease 0s;}
.boxHomeDettagli:hover .frecciaDettagli{box-shadow: 1px 1px 3px #999;
    display: block;background:#5f5f5f ;color:#fff;
    transition: all 0.3s ease 0s;}


	
.frecciaDettagli{padding:11px 20px 11px 20px;background:#d60000;font:1.15em Robotomed;position:absolute;bottom:10%;left:160px;text-align:center}

.boxHomeDettagli a{color:#fff}


/* RIQUADRI */

#sectionRiquadri{height:400px;}
#sectionRiquadri .template2{width:500px;height:260px;padding:24px;position:relative;
background: -webkit-linear-gradient(-30deg, #949494, #eeeeee 90%);
background: -moz-linear-gradient(-30deg, #949494, #eeeeee 90%);
background: -ms-linear-gradient(-30deg, #949494, #eeeeee 90%);}

#sectionRiquadri .template2 .boxHomeTitolo{text-transform:uppercase;
font: 3.2em Robotomed;padding-top:10px;color:#2e2b2b;clear:both;}
#sectionRiquadri .template2 .boxHomeTitolo a{color:#2e2b2b;}

#sectionRiquadri .template2 .boxHomeTitolo a:hover{text-shadow: 1px 1px 3px #999;
    color: #fff;
    display: block;
    transition: all 0.3s ease 0s;}
	
#sectionRiquadri .template2 .boxHomeImg{position:absolute;right:0;bottom:0}

#sectionRiquadri .template2 .txtBoxHome{position:relative;z-index:99}
#sectionRiquadri .template2 .txtBoxHome .Testo{color:#fff;font:1.2em/1.1em Robotomed;}

#sectionRiquadri .template3{width:500px;height:260px;padding:24px;position:relative;
background: -webkit-linear-gradient(-80deg, #9b9b9b, #eeeeee 90%);
background: -moz-linear-gradient(-80deg, #9b9b9b, #eeeeee 90%);
background: -ms-linear-gradient(-80deg, #9b9b9b, #eeeeee 90%);}

#sectionRiquadri .template3 .boxHomeTitolo{text-transform:uppercase;
font: 3.2em Robotomed;padding-top:10px;color:#d60000;clear:both;}
#sectionRiquadri .template3 .boxHomeTitolo a{color:#d60000;}
#sectionRiquadri .template3 .boxHomeTitolo a:hover{text-shadow: 1px 1px 3px #999;
    color: #fff;
    display: block;
    transition: all 0.3s ease 0s;}
#sectionRiquadri .template3 .boxHomeImg{position:absolute;right:0;bottom:0}

#sectionRiquadri .template3 .txtBoxHome{position:relative;z-index:99}
#sectionRiquadri .template3 .txtBoxHome .Testo{color:#2e2b2b;font:1.2em/1.1em Robotomed;}

#sectionRiquadri #box1{float:left;margin-top:48px;}
#sectionRiquadri #box2{float:right;margin-top:48px;}

/* FINE RIQUADRI */






/* OFFERTE */

#sectionOfferte{height:520px;
background: -webkit-linear-gradient(top, #cdcdcd, #ffffff 70%);
background: -moz-linear-gradient(top, #cdcdcd, #ffffff 70%);
background: -ms-linear-gradient(top, #cdcdcd, #ffffff 70%);}

#sectionOfferte .template1 .boxHomeTitolo{border-bottom: 1px solid #5f5f5f;text-transform:uppercase;
font: 3.3em Robotomed;padding-top:22px;margin-bottom:35px;
text-align: center;color:#d60000;clear:both;}
#sectionOfferte .template1 .boxHomeTitolo a{color:#d60000;}


#sectionOfferte .template2{width:320px;height:310px;position:relative;padding:18px;
background: -webkit-linear-gradient(left, #aeaeae, #ffffff 90%);
background: -moz-linear-gradient(left, #aeaeae, #ffffff 90%);
background: -ms-linear-gradient(left, #aeaeae, #ffffff 90%);}

#sectionOfferte .template2 .boxHomeTitolo{ font: 2.7em/0.85em Robotomed;text-transform:uppercase}
#sectionOfferte .template2 .boxHomeTitolo a{color:#d60000}
#sectionOfferte .template2 .boxHomeTitolo a:hover{text-shadow: 1px 1px 3px #999;
    color: #fff;
    display: block;
    transition: all 0.3s ease 0s;}
#sectionOfferte .template2 .boxHomeImg{position:absolute;right:0;bottom:0}
#sectionOfferte .txtBoxHome{margin-top:12px}
#sectionOfferte .txtBoxHome .Testo{color:#4e4e4e;font:1.42em/1.2em Robotocond;}


#sectionOfferte .template3{width:320px;height:310px;position:relative;padding:18px;
background: -webkit-linear-gradient(left, #aeaeae, #ffffff 90%);
background: -moz-linear-gradient(left, #aeaeae, #ffffff 90%);
background: -ms-linear-gradient(left, #aeaeae, #ffffff 90%);}

#sectionOfferte .template3 .boxHomeTitolo{ font: 2.57em/0.85em Robotomed;text-transform:uppercase}
#sectionOfferte .template3 .boxHomeTitolo a{color:#494949 }
#sectionOfferte .template3 .boxHomeTitolo a:hover{text-shadow: 1px 1px 3px #999;
    color: #fff;
    display: block;
    transition: all 0.3s ease 0s;}
#sectionOfferte .template3 .boxHomeImg{position:absolute;right:0;bottom:0}

#sectionOfferte #box4,#sectionOfferte #box5,#sectionOfferte #box6{float:left;overflow:hidden}
#sectionOfferte #box5{margin-left:38px}
#sectionOfferte #box6{float:right}

/* FINE OFFERTE */







/* SERVIZI */

#sectionServizi{height:470px;	background-color:#494949;background-image:url('/custom_cms/images/sf_servizi.jpg');background-size: cover;}
#titoloServizi{    clear: both;padding-top:44px}
#titoloServizi .titoloBianco{   
    color: #fff;
    font: 3.3em Robotomed;
    margin-bottom: 35px;
    padding-top: 22px;
    text-transform: uppercase;}
#titoloServizi .titoloRosso{
	    color: #d60000;
    font: 3.3em Robotomed;
    margin-bottom: 35px;
    padding-top: 22px;
    text-transform: uppercase;}
	
		#sectionServizi .bx-wrapper{margin-left:90px;overflow:hidden}
	#sectionServizi .boxProd{float:left;width:43%;margin-left:2%;height:100px;margin-top:43px;overflow:hidden;}
	#sectionServizi .imgProd{background:#d60000;width:100px;height:100px;    color: #fff;margin-right:17px;padding-top:9px;
    font: 3.5em Robotocond;text-align:center;float:left}
	
	#sectionServizi .prodName{color:#fff;font: 1.24em/1em Robotocond;transition: all 0.3s ease 0s;}
	#sectionServizi .prodName a,#sectionServizi .imgProd a{color:#fff;transition: all 0.3s ease 0s;}
	#sectionServizi .prodName a:hover{color:#d60000;transition: all 0.3s ease 0s;}
#sectionServizi .imgProd a:hover{color:#000;transition: all 0.3s ease 0s;}
	#sectionServizi .descProd{font:0.84em Roboto;
	color: #fff; }
	
	
	/*next button*/
#sectionServizi .bx-next {
	position:absolute;
	bottom:18%;
	right:0;
	z-index:99;
	width: 61px;
	height: 118px;
	text-indent: -999999px;
	background: url(/custom_cms/images/next.png) no-repeat 0 0px;
}

/*previous button*/
#sectionServizi .bx-prev {
	position:absolute;
	bottom:18%;
	left:0;
	z-index:99;
	width:61px;
	height: 118px;
	text-indent: -999999px;
	background: url(/custom_cms/images/prev.png) no-repeat 0 0px;
}


/* FINE SERVIZI */









/*  RESPONSIVE  */

@media (max-width: 1280px){
	/*next button*/
.bx-next {
	bottom:28%;
	right:6%;
	width: 61px;
	height: 118px;
}

/*previous button*/
.bx-prev {
	bottom:28%;
	left:6%;
	width:61px;
	height: 118px;
}
	.txtBox{top:5.5vw;}
	.txtBox .Titolo{font:2.9em/1.5em Robotomed;}
	.txtBox .SottoTitolo{font:2.5em/1.5em Roboto}
	
	#sectionRiquadri .template2,#sectionRiquadri .template3{width:410px;}
	#sectionRiquadri .template2 .boxHomeTitolo,	#sectionRiquadri .template3 .boxHomeTitolo{padding-top:0px}
	#sectionRiquadri .template2 .boxHomeImg img,#sectionRiquadri .template3 .boxHomeImg img{width:85%;float:right}


	#sectionOfferte .template2 .boxHomeImg img,#sectionOfferte .template3 .boxHomeImg img{width:85%;float:right}
	#sectionOfferte .template2 .boxHomeTitolo,#sectionOfferte .template3 .boxHomeTitolo{font: 2.3em/0.85em Robotomed;}
	#sectionOfferte .txtBoxHome .Testo {    font: 1.3em/1.2em Robotocond;}
	#sectionOfferte .template2,#sectionOfferte .template3{width:270px;}
	#sectionOfferte #box5{margin-left:24px}
}



@media (max-width: 1023px){
/*next button*/
.bx-next {
	bottom:13%;
	background: url(/custom_cms/images/next_1023.png) no-repeat 0 0px;
}

/*previous button*/
.bx-prev {
	bottom:13%;
	background: url(/custom_cms/images/prev_1023.png) no-repeat 0 0px;
}	

	
	#bannerHome{margin-top:46px;}
	#bannerHome img{}
	.txtBox{top:6vw;font:1.9em/1.5em Robotomed;}
	.txtBox .Titolo{font:1.9em/1.5em Robotomed;}
	.txtBox .SottoTitolo{font:1.4em/1.5em Roboto}
	
	#sectionRiquadri,#sectionOfferte{height:auto;}
	#sectionRiquadri .template2,#sectionRiquadri .template3{width:420px;margin:0 auto}
	#sectionRiquadri #box1{float:none;margin-top:20px}
	#sectionRiquadri #box2{float:none;margin-bottom:12px;margin-top:20px}
	
	#sectionOfferte .template2,#sectionOfferte .template3{margin:0 auto}
	#sectionOfferte #box4,#sectionOfferte #box5,#sectionOfferte #box6{float:none;margin:0 auto;margin-bottom:20px}
	
		#sectionServizi .bx-wrapper{margin-left:6%;overflow:hidden}
	#titoloServizi{margin-left:1%}
	#sectionServizi{height:auto}
	#sectionServizi .imgProd{background:#d60000;width:80px;height:80px;color: #fff;margin-right:17px;padding-top:2px;
    font: 3.5em Robotocond;text-align:center;float:left}
	
	
	/*next button*/
	#sectionServizi .bx-next {
	bottom:29%;
	background: url(/custom_cms/images/next_1023.png) no-repeat 0 0px;
}

/*previous button*/
	#sectionServizi .bx-prev {
	bottom:29%;
	background: url(/custom_cms/images/prev_1023.png) no-repeat 0 0px;
}	

	#sectionServizi .boxProd{float:none;width:86%;margin-left:3%;margin-top:25px;}

}

@media (max-width: 720px){	
	#bannerHome .bx-prev, #bannerHome .bx-next{display:none}
	.txtBox{top:8vw;font:1.6em/1em Roboto}
	.txtBox .Titolo{font:1.3em/1em Robotomed;}
	.txtBox .SottoTitolo{font:1.1em/1em Roboto}
	

}



@media (max-width: 480px){
		#bannerHome{margin-top:20px;} .txtBox{top:5vw;}
	
	
	#sectionRiquadri .template2,#sectionRiquadri .template3{float:none;width:80%;}
	#sectionRiquadri #box1,#sectionRiquadri #box2{float:none}
	#sectionRiquadri .template2 .boxHomeImg img,#sectionRiquadri .template3 .boxHomeImg img{width:75%;}
	#sectionRiquadri .template2 .boxHomeTitolo,#sectionRiquadri .template3 .boxHomeTitolo{font: 12vw Robotomed;}
	
	#sectionOfferte .template2,#sectionOfferte .template3{width:83%}
	#sectionOfferte .template2 .boxHomeTitolo,#sectionOfferte .template3 .boxHomeTitolo{font: 2.2em/0.85em Robotomed;}
		#sectionServizi .imgProd{width:70px;height:70px;color: #fff;margin-right:17px;padding-top:0px;font:3em Robotocond
   }
		
}