@media only screen and (min-width: 0px) and (max-width: 400px){
hr{height: 1px; width: 90%; margin: 30px auto; background-color: #646464; border: none; position: relative;}
h1, .titolo{font-family: 'Lato', sans-serif; font-size: 1.5em; margin: 0px; color: #f00; text-align: center; text-transform:uppercase; font-weight: 800}
.StyleIntestazione, .Intestazioneaccesso{width:100%;height:65px; background-color: rgba(0,0,0,0.8); position: fixed; z-index: 90}
.StyleIntestazione p, .Intestazioneaccesso p{float:left; overflow: hidden; margin: 8px 0px 0px 2%; font-size: 1.2em; font-weight: 300; color: #fff; text-transform: uppercase; line-height: 18px !important}
.StyleIntestazione p strong, .Intestazioneaccesso p strong{font-size: 1.13em; font-weight: 800; color: #f00; text-transform: uppercase; line-height: 35px !important}
.StyleIntestazione div, .Intestazioneaccesso div{float:right; color: #fff; text-align: center; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.iscriviti{cursor: pointer; background-color: rgba(100,100,100,0.7); width: 60px; height: 50px; text-transform: uppercase; font-weight: 800; padding-top: 15px; line-height: 47px; font-size: 0.8em; overflow: hidden }
.accedi{cursor: pointer; background-color: rgba(255,0,0,0.7); width: 60px; height: 50px; text-transform: uppercase; font-weight: 800; padding-top: 15px; line-height: 50px; font-size: 0.8em; overflow: hidden;}
.numeri{display: none;}


.StyleBanner0{position: relative; width:100%;height:160px; background-image: url(/template/assistenza-auto.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
.StyleBanner0 ul li p{height: 100%; text-transform: uppercase; color: #fff; font-weight: 900; text-align: right; line-height: 19px; font-size: 0.75em; position: absolute; right: 3%; top: 64%; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.StyleBanner0:before{content:""; background-image: url(/template/quadrati.png); position: absolute; top: 65px; left: 0px; height: 163%; width: 100%}

.ContentPage{width:92%; padding: 30px 4%}
.StylePagina{width:100%;margin:0 auto; display: flex; flex-direction: column;}
.StyleDx{width:100%;background-color:#1e1b1b; overflow: hidden; }


.icomenu{display: none !important}
#collapseJQMenu{cursor: pointer;  text-align: center; float:left; width: 140px; height: 60px; line-height: 60px; overflow: hidden; text-transform: uppercase; color: #d0cdc9; font-size: 1.8em}
#sm1{font-size: 0.8em;width: 60px;float: left;height: 60px;line-height: 60px; text-align: center; box-shadow: #575757 -1px 0px 0px 0px inset; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear}
#sm2{font-size: 0.8em;width: 60px;float: left;height: 60px;line-height: 60px; text-align: center; box-shadow: #575757 -1px 0px 0px 0px inset; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear}

.JQMenu{overflow: hidden;margin: 0px;clear: both;float: left;width: 100%;z-index: 100;position: absolute;background-color: #1e1b1b;top: 220px;left: 0%; padding-left: 0px; border-top: 1px solid #575757;}
.JQMenu li{position: relative; clear:both;list-style:none; text-align:left;  margin: 0px;  padding: 0px; min-height: 30px; line-height: 30px; width:100%;  cursor:pointer; box-shadow: #484848 0px -1px 0px 0px inset; }
.JQMenu li:hover{background-color: #221f1f; }
.JQMenu li a{margin-left: 5%; text-decoration:none; font-size: 0.65em; font-weight: 400; color: #f0edea; text-transform: uppercase; -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -ms-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear;}
.JQMenu li:hover a{color:#f00; margin-left: 11%}

.JQMenu li:before{position: absolute; left: 5%; top: 3px; content: "\f054"; font-family: fontAwesome; font-size: 0.6em; color: #f00; -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -o-transform: scale(0.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}
.JQMenu li:hover:before{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}

.JQMenu li ul{margin:0px;position:absolute;visibility: hidden;padding: 0px; width: 100%; top: 83px; left: 0px; z-index: 90; }
.JQMenu li ul li{box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 0px 1px inset; clear:both; display:inline;text-align: center; cursor:pointer; width: 180px; text-transform: none !important; padding: 10px 0px; height: auto; background-image: none!important; background-color: rgba(255, 255, 255, 0.90);}
.JQMenu li ul li:hover{background-color: rgba(245, 245, 245, 0.90) !important;}
.JQMenu li ul li a{color: #58585a !important; padding: 0px; text-decoration:none; font-size: 0.80em; line-height: 17px; font-weight: 400 !important}
.JQMenu li ul li:hover a{color: #ac0000 !important}


.news article{width: 90%; background-color: #f0edea; padding: 30px 5%; margin: 0px 0px 30px 0px !important; text-align: center; font-size: 1.2em; position: relative;}


.orari{display: none;}

.linkorari{float: right; width: 175px; color: #fff; overflow: hidden; height: 60px; cursor: pointer;}
.linkorari p{float: left; font-size: 0.85em; line-height: 22px; height: 50px; padding: 5px 0px}
.linkorari em{float: left; font-size: 1.8em; width: auto; height: 60px; line-height: 60px; margin-right: 10px; color: #646464;}
.linkorari i{float: right; font-size: 1.7em; width: auto; height: 60px; line-height: 60px; color: #fff;}

#oraricont{width: 90%;overflow: hidden;margin-bottom: 20px;box-shadow: 0px 0px 0px 1px rgb(202, 202, 202) inset;padding: 15px 5%;background-image: url("/template/quadrati.png");}
#oraricont p{width: 100%; text-align: center; margin: 0px 0px 10px 0px; font-weight: 700; font-size: 0.9em; line-height: 24px;}
#oraricont span{font-weight: 300; text-transform: uppercase;}


.StyleFooter{width:100%;min-height:100px;overflow: hidden; background-color: #646464;}
.StyleFooter div:first-child{width:100%;background-color:#777777; overflow: hidden; background-image: url(/template/quadrati.png); text-align: center; height: auto; padding: 15px 0px 25px 0px; position: relative;  }
.StyleFooter div:nth-child(2){width:70%; margin: 15px auto; color: #fff; font-size: 0.8em; line-height: 25px; text-align: center;}
.StyleFooter div:first-child p{color: #fff; position: absolute; bottom: 5px; font-size: 0.7em; width: 100%; text-align: center; height: 20px; text-transform: uppercase; line-height: 15px }
.StyleFooter span, .StyleFooter div:nth-child(2) em{display: none;}

.elementodash{width: 100%; margin: 30px 0px 0px 0px; box-shadow: #d0cdc9 0px 0px 0px 1px inset; text-align: center; font-size: 0.8em; overflow: hidden; float: left;}
.StyleBanner1{width:94%; cursor: pointer; background-color: #e40000; height:auto;overflow:hidden; padding: 20px 3%; margin: 30px 0px; background-image: url(/template/quadrati.png); -webkit-transition:  background-color 0.2s linear; -moz-transition:  background-color 0.2s linear; -ms-transition:  background-color 0.2s linear; -o-transition:  background-color 0.2s linear; transition:  background-color 0.2s linear;}
.StyleBanner1 ul li{color: #fff !important; padding: 0 50px 0px 10px !important; position: relative; font-size: 1.0em; line-height: 25px}
.StyleBanner1 ul li article{font-size: 0.7em; line-height: 20px; margin-top: 0px}
.StyleBanner1 ul li:before{font-size: 2.9em !important; display: none;}
.StyleBanner1 ul li:after{font-size: 4.5em !important}

.Form1CellaSinistra{width:100%;text-align:left; float:left; min-height: 30px; }
.Form1CellaDestra{width:100%;text-align:left; float:left; clear: both; min-height: 30px;}

.Contentaccesso{width:80%; padding: 25px 5%; margin: 100px auto 20px auto; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 10px 0px; overflow: hidden; z-index: 50}
.home p{background-color: rgba(255,255,255,0.85); width: 100%;}
.home ul{background-color: rgba(255,255,255,0.85); width: 100%; margin: 0px !important; padding-top: 10px !important}

.filtridash input, .filtridash select{clear:both !important;}
.formdash textarea{width: 92% !important; padding: 0px 4% !important;}
.StyleBanner2 ul li .titolo{font-size: 1.3em}
.prenotasti{width: 80%; margin: 40px auto; border-bottom: 1px solid #646464; padding-bottom: 40px; overflow: hidden;}
.prenotasti p{cursor:pointer; width: 90%; margin-bottom: 20px; padding: 100px 5% 40px 5%; text-align: center; color: #fff; background-image: url(/template/quadrati.png); position: relative; line-height: 25px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.prenotasti p:after{width: 95%; height: 90%; background-color: transparent; box-shadow: #fff 0px 0px 0px 1px inset; position: absolute; content: ""; left: 2.5%; top: 5%;}
.prenotasti p:first-child:before{position:absolute;top:40px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E0DA"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:nth-child(2):before{position:absolute;top:40px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E87C"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:last-child:before{position:absolute;top:40px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E150"; width: 70px; height: auto; margin-left: -35px}
.icone{padding: 20px; box-shadow: #ccc 0px 0px 0px 1px inset; width: 80%; height: auto; clear:both;margin: 20px 0px;}
.icone img{width: 100%; height: auto;}

.StyleFooter div:first-child em{font-size: 1.0em !important;}
}

@media only screen and (min-width: 401px) and (max-width: 767px) {
hr{height: 1px; width: 345px; margin: 30px auto; background-color: #646464; border: none; position: relative;}
h1, .titolo{font-family: 'Lato', sans-serif; font-size: 1.5em; margin: 0px; color: #f00; text-align: center; text-transform:uppercase; font-weight: 800}
.StyleIntestazione, .Intestazioneaccesso{width:100%;height:65px; background-color: rgba(0,0,0,0.8); position: fixed; z-index: 90}
.StyleIntestazione p, .Intestazioneaccesso p{float:left; overflow: hidden; margin: 8px 0px 0px 2%; font-size: 1.2em; font-weight: 300; color: #fff; text-transform: uppercase; line-height: 18px !important}
.StyleIntestazione p strong, .Intestazioneaccesso p strong{font-size: 1.13em; font-weight: 800; color: #f00; text-transform: uppercase; line-height: 35px !important}
.StyleIntestazione div, .Intestazioneaccesso div{float:right; color: #fff; text-align: center; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.iscriviti{cursor: pointer; background-color: rgba(100,100,100,0.7); width: 60px; height: 50px; text-transform: uppercase; font-weight: 800; padding-top: 15px; line-height: 47px; font-size: 0.8em; overflow: hidden }
.accedi{cursor: pointer; background-color: rgba(255,0,0,0.7); width: 60px; height: 50px; text-transform: uppercase; font-weight: 800; padding-top: 15px; line-height: 50px; font-size: 0.8em; overflow: hidden;}
.numeri{display: none;}


.StyleBanner0{position: relative; width:100%;height:160px; background-image: url(/template/assistenza-auto.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
.StyleBanner0 ul li p{height: 100%; text-transform: uppercase; color: #fff; text-align: right; line-height: 27px; font-size: 1.0em; position: absolute; right: 3%; top: 55%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);}
.StyleBanner0:before {content:""; background-image: url(/template/quadrati.png); position: absolute; top: 65px; left: 0px; height: 163%; width: 100%}

.ContentPage{width:92%; padding: 30px 4%}
.StylePagina{width:100%;margin:0 auto; display: flex; flex-direction: column;}
.StyleDx{width:100%;background-color:#1e1b1b; overflow: hidden; }



.icomenu{display: none !important}

#collapseJQMenu{cursor: pointer;  text-align: center; float:left; width: 140px; height: 70px; line-height: 70px; overflow: hidden; text-transform: uppercase; color: #d0cdc9; font-size: 1.8em}
#sm1{font-size: 0.9em;width: 70px;float: left;height: 70px;line-height: 70px; text-align: center; box-shadow: #575757 -1px 0px 0px 0px inset; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear}
#sm2{font-size: 0.9em;width: 70px;float: left;height: 70px;line-height: 70px; text-align: center; box-shadow: #575757 -1px 0px 0px 0px inset; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear}



.JQMenu{overflow: hidden;margin: 0px;clear: both;float: left;width: 350px;z-index: 100;position: absolute;background-color: #1e1b1b;top: 230px;left: 0%; padding-left: 0px; border-top: 1px solid #575757;}
.JQMenu li{position: relative; clear:both;list-style:none; text-align:left;  margin: 0px;  padding: 0px; min-height: 40px; line-height: 40px; width:100%;  cursor:pointer; box-shadow: #484848 0px -1px 0px 0px inset; }
.JQMenu li:hover{background-color: #221f1f; }
.JQMenu li a{margin-left: 5%; text-decoration:none; font-size: 0.7em; font-weight: 400; color: #f0edea; text-transform: uppercase; -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -ms-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear;}
.JQMenu li:hover a{color:#f00; margin-left: 11%}

.JQMenu li:before{position: absolute; left: 5%; top: 3px; content: "\f054"; font-family: fontAwesome; font-size: 0.6em; color: #f00; -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -o-transform: scale(0.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}
.JQMenu li:hover:before{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}

.JQMenu li ul{margin:0px;position:absolute;visibility: hidden;padding: 0px; width: 100%; top: 83px; left: 0px; z-index: 90; }
.JQMenu li ul li{box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 0px 1px inset; clear:both; display:inline;text-align: center; cursor:pointer; width: 180px; text-transform: none !important; padding: 10px 0px; height: auto; background-image: none!important; background-color: rgba(255, 255, 255, 0.90);}
.JQMenu li ul li:hover{background-color: rgba(245, 245, 245, 0.90) !important;}
.JQMenu li ul li a{color: #58585a !important; padding: 0px; text-decoration:none; font-size: 0.80em; line-height: 17px; font-weight: 400 !important}
.JQMenu li ul li:hover a{color: #ac0000 !important}




.StyleFooter div:first-child em{font-size: 1.0em !important;}





.news article{width: 90%; background-color: #f0edea; padding: 30px 5%; margin: 0px 0px 30px 0px !important; text-align: center; font-size: 1.2em; position: relative;}


.orari{display: none;}

.linkorari{float: right; width: 190px; color: #fff; overflow: hidden; height: 60px; padding: 5px 0px 5px 20px; cursor: pointer; box-shadow: #575757 1px 0px 0px 0px inset;}
.linkorari p{float: left; font-size: 1em; line-height: 22px; height: 50px; padding: 5px 0px}
.linkorari em{float: left; font-size: 1.8em; width: auto; height: 60px; line-height: 60px; margin-right: 10px; color: #646464;}
.linkorari i{float: right; font-size: 1.7em; width: auto; height: 60px; line-height: 60px; color: #fff;}

#oraricont{width: 90%;overflow: hidden;margin-bottom: 20px;box-shadow: 0px 0px 0px 1px rgb(202, 202, 202) inset;padding: 15px 5%;background-image: url("/template/quadrati.png");}
#oraricont p{width: 100%; text-align: center; margin: 0px 0px 10px 0px; font-weight: 700; font-size: 0.9em; line-height: 24px;}
#oraricont span{font-weight: 300; text-transform: uppercase;}


.StyleFooter{width:100%;min-height:100px;overflow: hidden; background-color: #646464; display: flex; flex-direction: row;}
.StyleFooter div:first-child{width:150px;background-color:#777777; overflow: hidden; background-image: url(/template/quadrati.png); text-align: center; height: 110px; line-height: 55px; position: relative;  }
.StyleFooter div:nth-child(2){width:92%; padding: 15px 4%; color: #fff; font-size: 0.7em; line-height: 25px}
.StyleFooter div:first-child p{color: #fff; position: absolute; bottom: 40px; font-size: 0.7em; width: 100%; text-align: center; height: 20px; text-transform: uppercase; line-height: 15px }

.elementodash{width: 100%; margin: 30px 0px 0px 0px; box-shadow: #d0cdc9 0px 0px 0px 1px inset; text-align: center; font-size: 0.8em; overflow: hidden; float: left;}
.StyleBanner1{width:94%; cursor: pointer; background-color: #e40000; height:auto;overflow:hidden; padding: 20px 3%; margin: 30px 0px; background-image: url(/template/quadrati.png); -webkit-transition:  background-color 0.2s linear; -moz-transition:  background-color 0.2s linear; -ms-transition:  background-color 0.2s linear; -o-transition:  background-color 0.2s linear; transition:  background-color 0.2s linear;}
.StyleBanner1 ul li{color: #fff !important; padding: 0 50px 0px 70px !important; position: relative; font-size: 1.0em; line-height: 25px}
.StyleBanner1 ul li article{font-size: 0.7em; line-height: 20px; margin-top: 0px}
.StyleBanner1 ul li:before{font-size: 2.9em !important}
.StyleBanner1 ul li:after{font-size: 4.5em !important}

.Form1CellaSinistra{width:100%;text-align:left; float:left; min-height: 30px;  }
.Form1CellaDestra{width:100%;text-align:left; float:left; clear: both; min-height: 30px;}

.Contentaccesso{width:80%; padding: 25px 5%; margin: 100px auto 50px auto; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 10px 0px; overflow: hidden; z-index: 50}
.home p{background-color: rgba(255,255,255,0.7); width: 75%; padding-right: 5%}
.home ul{background-color: rgba(255,255,255,0.7); width: 80%;}

.filtridash input, .filtridash select{clear:both !important;}

.StyleBanner2 ul li .titolo{font-size: 1.5em}
.prenotasti{width: 80%; margin: 40px auto; border-bottom: 1px solid #646464; padding-bottom: 40px; overflow: hidden;}
.prenotasti p{cursor:pointer; width: 94%; margin-bottom: 20px; padding: 100px 3% 40px 3%; text-align: center; color: #fff; background-image: url(/template/quadrati.png); position: relative; line-height: 25px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.prenotasti p:after{width: 95%; height: 90%; background-color: transparent; box-shadow: #fff 0px 0px 0px 1px inset; position: absolute; content: ""; left: 2.5%; top: 5%;}
.prenotasti p:first-child:before{position:absolute;top:40px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E0DA"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:nth-child(2):before{position:absolute;top:40px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E87C"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:last-child:before{position:absolute;top:40px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E150"; width: 70px; height: auto; margin-left: -35px}
.icone{padding: 20px; box-shadow: #ccc 0px 0px 0px 1px inset; width: 320px; height: auto; clear:both;margin: 20px 0px;}
.icone img{width: 100%; height: auto;}

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
hr{height: 1px; width: 345px; margin: 30px auto; background-color: #646464; border: none; position: relative;}
h1, .titolo{font-family: 'Lato', sans-serif; font-size: 1.8em; margin: 0px; color: #f00; text-align: center; text-transform:uppercase; font-weight: 800}
.StyleIntestazione, .Intestazioneaccesso{width:100%;height:95px; background-color: rgba(0,0,0,0.8); position: fixed; z-index: 90}
.StyleIntestazione p, .Intestazioneaccesso p{float:left; overflow: hidden; margin: 10px 0px 0px 2%; font-size: 1.6em; font-weight: 300; color: #fff; text-transform: uppercase; line-height: 35px !important}
.StyleIntestazione p strong, .Intestazioneaccesso p strong{font-size: 1.13em; font-weight: 800; color: #f00; text-transform: uppercase; line-height: 35px !important}
.StyleIntestazione div, .Intestazioneaccesso div{float:right; color: #fff; text-align: center; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.iscriviti{cursor: pointer; background-color: rgba(100,100,100,0.7); width: 95px; height: 80px; text-transform: uppercase; font-weight: 800; padding-top: 15px; line-height: 28px; font-size: 0.8em }
.accedi{cursor: pointer; background-color: rgba(255,0,0,0.7); width: 95px; height: 80px; text-transform: uppercase; font-weight: 800; padding-top: 15px; line-height: 28px; font-size: 0.8em}
.numeri{width: auto; font-weight: 400; text-align: right !important; margin: 23px 20px 0px 0px; font-size: 0.8em; line-height: 25px}


.StyleBanner0{position: relative; width:100%;height:250px; background-image: url(/template/assistenza-auto.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
.StyleBanner0 ul li p{height: 100%; text-transform: uppercase; color: #fff; text-align: right; line-height: 38px; font-size: 1.5em; position: absolute; right: 3%; top: 50%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);}
.StyleBanner0:before {content:""; background-image: url(/template/quadrati.png); position: absolute; top: 95px; left: 0px; height: 100%; width: 100%}

.ContentPage{width:92%; padding: 40px 4%}
.StylePagina{width:100%;margin:0 auto; display: flex; flex-direction: column;}
.StyleDx{width:100%;background-color:#1e1b1b; overflow: hidden; }


.icomenu{display: none !important}
#collapseJQMenu{cursor: pointer;  text-align: center; float:left; width: 166px; height: 83px; line-height: 83px; overflow: hidden; text-transform: uppercase; color: #d0cdc9; font-size: 1.8em}
#sm1{font-size: 0.9em;width: 83px;float: left;height: 83px;line-height: 83px; text-align: center; box-shadow: #575757 -1px 0px 0px 0px inset; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear}
#sm2{font-size: 0.9em;width: 83px;float: left;height: 83px;line-height: 83px; text-align: center; box-shadow: #575757 -1px 0px 0px 0px inset; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear}

.JQMenu{overflow: hidden;margin: 0px;clear: both;float: left;width: 431px;z-index: 100;position: absolute;background-color: #1e1b1b;top: 332px;left: 0%; padding-left: 0px; border-top: 1px solid #575757;}
.JQMenu li{position: relative; clear:both;list-style:none; text-align:left;  margin: 0px;  padding: 0px; min-height: 40px; line-height: 40px; width:100%;  cursor:pointer; box-shadow: #484848 0px -1px 0px 0px inset; }
.JQMenu li:hover{background-color: #221f1f; }
.JQMenu li a{margin-left: 5%; text-decoration:none; font-size: 0.85em; font-weight: 400; color: #f0edea; text-transform: uppercase; -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -ms-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear;}
.JQMenu li:hover a{color:#f00; margin-left: 11%}

.JQMenu li:before{position: absolute; left: 5%; top: 3px; content: "\f054"; font-family: fontAwesome; font-size: 0.8em; color: #f00; -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -o-transform: scale(0.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}
.JQMenu li:hover:before{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}

.JQMenu li ul{margin:0px;position:absolute;visibility: hidden;padding: 0px; width: 100%; top: 83px; left: 0px; z-index: 90; }
.JQMenu li ul li{box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 0px 1px inset; clear:both; display:inline;text-align: center; cursor:pointer; width: 180px; text-transform: none !important; padding: 10px 0px; height: auto; background-image: none!important; background-color: rgba(255, 255, 255, 0.90);}
.JQMenu li ul li:hover{background-color: rgba(245, 245, 245, 0.90) !important;}
.JQMenu li ul li a{color: #58585a !important; padding: 0px; text-decoration:none; font-size: 0.80em; line-height: 17px; font-weight: 400 !important}
.JQMenu li ul li:hover a{color: #ac0000 !important}




.StyleFooter div:first-child em{font-size: 1.0em !important;}




.news article{width: 37%; background-color: #f0edea; padding: 30px 5%; margin: 0px 0px 30px 0px !important; text-align: center; font-size: 1.2em; position: relative;}


.orari{text-align: left; float:right;  color: #f0edea; line-height: 25px; width: 66%; padding: 0px}
.orari hr{display: none;}
.orari em{display: none;}
.orari strong{display: none;}
.orari p{font-weight: 800; float:left; box-shadow: #575757 1px 0px 0px 0px inset; padding: 8px 25px; font-size: 0.7em; line-height: 21px; height: 67px; text-align: center;}
.orari span{font-weight: 400 !important; text-transform: uppercase;}
.linkorari{display: none;}
#oraricont{display: none;}

.StyleFooter{width:100%;min-height:100px;overflow: hidden; background-color: #646464; display: flex; flex-direction: row;}
.StyleFooter div:first-child{width:200px;background-color:#777777; overflow: hidden; background-image: url(/template/quadrati.png); text-align: center; height: 110px; line-height: 60px; position: relative;  }
.StyleFooter div:nth-child(2){width:92%; padding: 15px 4%; color: #fff; font-size: 0.85em; line-height: 27px}
.StyleFooter div:first-child p{color: #fff; position: absolute; bottom: 46px; font-size: 0.7em; width: 100%; text-align: center; height: 20px; text-transform: uppercase; line-height: 15px }

.elementodash{width: 45%; margin: 30px 3% 0px 0px; box-shadow: #d0cdc9 0px 0px 0px 1px inset; text-align: center; font-size: 0.8em; overflow: hidden; float: left;}
.StyleBanner1{width:94%; cursor: pointer; background-color: #e40000; height:auto;overflow:hidden; padding: 30px 3%; margin: 40px 0px; background-image: url(/template/quadrati.png); -webkit-transition:  background-color 0.2s linear; -moz-transition:  background-color 0.2s linear; -ms-transition:  background-color 0.2s linear; -o-transition:  background-color 0.2s linear; transition:  background-color 0.2s linear;}
.StyleBanner1 ul li{color: #fff !important; padding: 0 60px 0px 140px !important; position: relative; font-size: 1.3em}
.StyleBanner1 ul li article{font-size: 0.7em; line-height: 20px; margin-top: 10px}

.Form1CellaSinistra{width:49%;text-align:left; float:left; min-height: 30px; }
.Form1CellaDestra{width:49%;text-align:left; float:right; min-height: 30px;}

.Contentaccesso{width:500px; padding: 25px 50px; margin: 200px auto 0px auto; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 10px 0px; overflow: hidden; z-index: 50}
.home p{background-color: rgba(255,255,255,0.7); width: 75%; padding-right: 5%}
.home ul{background-color: rgba(255,255,255,0.7); width: 80%;}

.StyleBanner2 ul li .titolo{font-size: 1.5em}
.prenotasti{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0px; border-bottom: 1px solid #646464; padding-bottom: 40px; overflow: hidden;}
.prenotasti p{cursor:pointer; width: 25%; padding: 120px 3% 50px 3%; text-align: center; color: #fff; background-image: url(/template/quadrati.png); position: relative; line-height: 25px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.prenotasti p:after{width: 90%; height: 90%; background-color: transparent; box-shadow: #fff 0px 0px 0px 1px inset; position: absolute; content: ""; left: 5%; top: 5%;}
.prenotasti p:first-child:before{position:absolute;top:60px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E0DA"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:nth-child(2):before{position:absolute;top:60px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E87C"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:last-child:before{position:absolute;top:60px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E150"; width: 70px; height: auto; margin-left: -35px}

.icone{padding: 20px; box-shadow: #ccc 0px 0px 0px 1px inset; width: 430px; height: auto; clear:both;margin: 20px 0px;}
}

@media only screen and (min-width: 1000px) {
hr{height: 1px; width: 345px; margin: 30px auto; background-color: #646464; border: none; position: relative;}
h1, .titolo{font-family: 'Lato', sans-serif; font-size: 1.8em; margin: 0px; color: #f00; text-align: center; text-transform:uppercase; font-weight: 800}
.StyleIntestazione, .Intestazioneaccesso{width:100%;height:115px; background-color: rgba(0,0,0,0.8); position: fixed; z-index: 90}
.StyleIntestazione p, .Intestazioneaccesso p{float:left; overflow: hidden; margin: 15px 0px 0px 3%; font-size: 1.8em; font-weight: 300; color: #fff; text-transform: uppercase; line-height: 40px !important}
.StyleIntestazione p strong, .Intestazioneaccesso p strong{font-size: 1.13em; font-weight: 800; color: #f00; text-transform: uppercase; line-height: 40px !important}
.StyleIntestazione div, .Intestazioneaccesso div{float:right; color: #fff; text-align: center; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.iscriviti{cursor: pointer; background-color: rgba(100,100,100,0.7); width: 115px; height: 97px; text-transform: uppercase; font-weight: 800; padding-top: 18px; line-height: 31px }
.accedi{cursor: pointer; background-color: rgba(255,0,0,0.7); width: 115px; height: 97px; text-transform: uppercase; font-weight: 800; padding-top: 18px; line-height: 31px}
.numeri{width: auto; font-weight: 400; text-align: right !important; margin: 23px 40px 0px 0px}


.StyleBanner0{position: relative; width:100%;height:300px; background-image: url(/template/assistenza-auto.jpg); background-repeat:no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
.StyleBanner0 ul li p{height: 100%; text-transform: uppercase; color: #fff; text-align: right; line-height: 45px; font-size: 1.7em; position: absolute; right: 3%; top: 50%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);}
.StyleBanner0:before {content:""; background-image: url(/template/quadrati.png); position: absolute; top: 115px; left: 0px; height: 100%; width: 100%}

.ContentPage{width:92%; padding: 40px 4%}
.StylePagina{width:100%;margin:0 auto; display: flex; flex-direction: row;}
.StyleDx{width:360px;background-color:#1e1b1b; overflow: hidden; }


.icomenu{display: none}
#contenitoreJQMenu{width: 100%;}
.JQMenu{margin:0;padding-left:0px;z-index:50;position:relative; width: 300px; margin: 0 auto; height: auto;float:left;}
.JQMenu li{float:left;list-style:none; position:relative; text-align: left; width: 80%;padding:15px 10%; text-transform: uppercase; cursor: pointer; height: auto; font-weight: 300; line-height: 30px}
.JQMenu li:hover{background-color: #221f1f; box-shadow: #484848 0px 0px 0px 1px; }
.JQMenu li a{display:block;text-decoration:none;color:#f0edea; -webkit-transition: margin-left 0.2s linear; -moz-transition: margin-left 0.2s linear; -ms-transition: margin-left 0.2s linear; -o-transition: margin-left 0.2s linear; transition: margin-left 0.2s linear;}
.JQMenu li:hover a{color:#f00; margin-left: 10% }
.JQMenu li:before{position: absolute; left: 10%; top: 17.5px; content: "\f054"; font-family: fontAwesome; font-size: 0.9em; color: #f00; -webkit-transform: scale(0.0); -moz-transform: scale(0.0); -o-transform: scale(0.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}
.JQMenu li:hover:before{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;  -o-transition-duration: 0.2s;}

.JQMenu li ul{margin:0px;position:absolute;visibility: hidden;padding: 0px; width: 100%; top: 83px; left: 0px; z-index: 90; }
.JQMenu li ul li{box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 0px 1px inset; clear:both; display:inline;text-align: center; cursor:pointer; width: 180px; text-transform: none !important; padding: 10px 0px; height: auto; background-image: none!important; background-color: rgba(255, 255, 255, 0.90);}
.JQMenu li ul li:hover{background-color: rgba(245, 245, 245, 0.90) !important;}
.JQMenu li ul li a{color: #58585a !important; padding: 0px; text-decoration:none; font-size: 0.80em; line-height: 17px; font-weight: 400 !important}
.JQMenu li ul li:hover a{color: #ac0000 !important}


.orari{text-align: center; font-size: 0.85em; color: #f0edea; line-height: 25px; clear: both; float: left;; width: 90%; margin-bottom: 40px; padding: 0 5%;}
.orari hr{width: 80%; margin: 40px auto; background-color: #575757}
.orari hr:before{background-color: #575757;}
.orari em{font-size: 5.0em; color: #646464; margin-bottom: 25px; width: 100%}
.orari strong{text-transform: uppercase; font-size: 1.1em}
.orari p{font-weight: 800; margin-top: 25px}
.orari span{font-weight: 400 !important; text-transform: uppercase;}

.linkorari{display: none;}
#oraricont{display: none;}


.news article{width: 37%; background-color: #f0edea; padding: 30px 5%; margin: 0px 0px 30px 0px !important; text-align: center; font-size: 1.2em; position: relative;}


.StyleFooter{width:100%;min-height:100px;overflow: hidden; background-color: #646464; display: flex; flex-direction: row;}
.StyleFooter div:first-child{width:360px;background-color:#777777; overflow: hidden; background-image: url(/template/quadrati.png); text-align: center; height: 155px; line-height: 120px; position: relative;  }
.StyleFooter div:nth-child(2){width:92%; padding: 34px 4%; color: #fff; font-size: 1em; line-height: 29px}
.StyleFooter div:first-child p{color: #fff; position: absolute; bottom: 40px; font-size: 0.7em; width: 100%; text-align: center; height: 20px; text-transform: uppercase; line-height: 15px }

.elementodash{width: 280px; margin: 30px 3% 0px 0px; box-shadow: #d0cdc9 0px 0px 0px 1px inset; text-align: center; font-size: 0.8em; overflow: hidden; float: left;}
.StyleBanner1{width:94%; cursor: pointer; background-color: #e40000; height:auto;overflow:hidden; padding: 30px 3%; margin: 40px 0px; background-image: url(/template/quadrati.png); -webkit-transition:  background-color 0.2s linear; -moz-transition:  background-color 0.2s linear; -ms-transition:  background-color 0.2s linear; -o-transition:  background-color 0.2s linear; transition:  background-color 0.2s linear;}
.StyleBanner1 ul li{color: #fff !important; padding: 0 60px 0px 140px !important; position: relative; font-size: 1.3em}
.StyleBanner1 ul li article{font-size: 0.7em; line-height: 20px; margin-top: 10px}

.Form1CellaSinistra{width:49%;text-align:left; float:left; min-height: 30px; }
.Form1CellaDestra{width:49%;text-align:left; float:right; min-height: 30px;}

.Contentaccesso{width:500px; padding: 25px 50px; margin: 200px auto; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 10px 0px; overflow: hidden; z-index: 50}
.home p{background-color: rgba(255,255,255,0.7); width: 75%; padding-right: 5%}
.home ul{background-color: rgba(255,255,255,0.7); width: 80%;}

.StyleBanner2 ul li .titolo{font-size: 1.5em}
.prenotasti{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0px; border-bottom: 1px solid #646464; padding-bottom: 40px; overflow: hidden;}
.prenotasti p{cursor:pointer; width: 25%; padding: 120px 3% 50px 3%; text-align: center; color: #fff; background-image: url(/template/quadrati.png); position: relative; line-height: 25px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}

.prenotasti p:after{width: 90%; height: 80%; background-color: transparent; box-shadow: #fff 0px 0px 0px 1px inset; position: absolute; content: ""; left: 5%; top: 10%;}


.prenotasti p:first-child:before{position:absolute;top:60px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E0DA"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:nth-child(2):before{position:absolute;top:60px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E87C"; width: 70px; height: auto; margin-left: -35px}
.prenotasti p:last-child:before{position:absolute;top:60px;left:50%;font-family:'Material Icons';font-size:3.5em;color:#fff; content: "\E150"; width: 70px; height: auto; margin-left: -35px}

.icone{padding: 20px; box-shadow: #ccc 0px 0px 0px 1px inset; width: 430px; height: auto; clear:both;margin: 20px 0px;}



}

html,body{margin:0;padding:0;height:100%;border:none; font-family: 'Lato', sans-serif; font-size:20px; color: #1e1b1b; line-height: 33px; font-weight: 400}
a{color: #f00;border:none;text-decoration:none}
a:hover{color: #f00;text-decoration: underline;border:none}
p{padding: 0px; margin: 0px;}
strong{font-weight: 800}
input {font-family: 'Lato', sans-serif; margin: 0px 0px 8px 0px; font-size: 0.8em; width:96%; height: 40px; line-height: 40px; border:none;  background-color: #f8f8f8; padding: 0px 2%; box-shadow: #e6eaed 0px 0px 0px 1px inset; color: #64686b; -webkit-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -o-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear;}
input [type="text"]{font-family: 'Lato', sans-serif; margin: 0px 0px 8px 0px; font-size: 0.8em; width:96%; height: 40px; line-height: 40px; border:none;  background-color: #f8f8f8; padding: 0px 2%; box-shadow: #e6eaed 0px 0px 0px 1px inset; color: #64686b; }
input:focus{ outline: none; box-shadow: #c00029 0px 0px 0px 1px inset !important}
input[type="checkbox"]{ height: auto; background-color: #fff; margin: 6px 6px 0px 0px; padding: 0px !important; border: 1px solid #e6eaed; box-shadow: none; width: 30px !important; float: left;}
input[type="radio"]{box-shadow: none}
textarea{font-family: 'Lato', sans-serif; font-size: 0.8em; float:left; width:96%; max-height: 221px;  border:none; background-color: #f8f8f8; padding: 5px 2%; box-shadow: #e6eaed 0px 0px 0px 1px inset; color: #64686b; margin: 0px; -webkit-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -o-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear;}
textarea:focus{ outline: none; box-shadow: #c00029 0px 0px 0px 1px inset}
select{font-family: 'Lato', sans-serif; margin: 0px 0px 8px 0px; font-size: 0.8em; width:96%; border:none;  background-color: #f8f8f8; padding: 0px 2%; box-shadow: #e2e2e2 0px 0px 0px 1px inset; color: #64686b; height: 40px; line-height: 40px;}
input[type="button"], input[type="submit"], button, .bottone{background-image: url(/template/quadrati.png); font-family: 'Lato', sans-serif; background-color: #e40000; margin: 0px; width: auto; font-weight: 700; height: 40px; line-height: 40px; padding: 0px 15px; border:none; box-shadow: none;  text-transform:uppercase; font-size: 1em; color:#fff; cursor:pointer; -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear;}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .bottone:hover{background-color: #f00}
.bottone{padding: 10px 20px}
.bottone:hover{padding: 10px 20px;color: #FFF !important;text-decoration: none !important;}
h2{font-family: 'Lato', sans-serif; font-size: 15px; margin: 0px; color: #DB0101; text-align: left}
h3{font-family: 'Lato', sans-serif; font-size: 17px; margin: 7px 0px; color: #3d3a39; text-align: left}
h4{font-family: 'Lato', sans-serif; font-size: 17px; margin: 0px; color: #3d3a39; text-align: left}
hr:before{height: 3px; width: 100px; background-color: #646464; content: ""; position: absolute; top:-1.5px; left: 50%; margin-left: -50px }
.titolonews{font-family: 'Lato', sans-serif; font-size: 1.5em; margin: 0px 0px 30px 0px; color: #f00; text-align: left; text-transform:uppercase; font-weight: 800}
.titolonews em{margin: 0px 10px 0px 0px;}

.StyleIntestazione div em, .Intestazioneaccesso div em{font-size: 1.8em}
.StyleIntestazione p a, .Intestazioneaccesso p a{color: #fff;}
.StyleIntestazione a:hover, .Intestazioneaccesso a:hover{text-decoration: none;}
.numeri a{font-size: 1.1em}
.numeri strong a{color: #fff; font-size: 2.1em}
.iscriviti:hover{background-color: rgba(140,140,140,0.7);}
.accedi:hover{background-color: rgba(255,0,0,0.8);}
.StyleIntestazione:after, .Intestazioneaccesso:after{width:100%;height:1px; bottom: 0px; left: 0px; background: -moz-linear-gradient(left, rgba(255,0,0,0) 0%, rgba(255,0,0,0.02) 1%, rgba(255,0,0,1) 50%, rgba(255,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,0,0,0)), color-stop(1%,rgba(255,0,0,0.02)), color-stop(50%,rgba(255,0,0,1)), color-stop(100%,rgba(255,0,0,0))); background:-webkit-linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0.02) 1%,rgba(255,0,0,1) 50%,rgba(255,0,0,0) 100%); background: -o-linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0.02) 1%,rgba(255,0,0,1) 50%,rgba(255,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0.02) 1%,rgba(255,0,0,1) 50%,rgba(255,0,0,0) 100%); background: linear-gradient(to right, rgba(255,0,0,0) 0%,rgba(255,0,0,0.02) 1%,rgba(255,0,0,1) 50%,rgba(255,0,0,0) 100%);  content: ""; position: absolute;}


#sm1:hover, #sm2:hover{background-color: #282424}


.StyleBanner0 ul{margin: 0px; padding: 0px; list-style: none;}
.StyleBanner2{width:100%;height:auto;overflow:hidden;}
.StyleBanner2 ul {margin: 0px 0px 30px 0px !important; padding: 0px !important; width: 100%;}
.StyleBanner2 ul li{margin: 0px; padding: 0px !important; width: 100%;}
.StyleBanner2 ul li:before{display: none;}
.prenotasti p:first-child{background-color: #b40213}
.prenotasti p:nth-child(2){background-color: #ababab}
.prenotasti p:last-child{background-color: #646464}
.prenotasti p:first-child:hover{background-color: #d00014}
.prenotasti p:nth-child(2):hover{background-color: #c4c3c3}
.prenotasti p:last-child:hover{background-color: #8c8c8c}


.prenotasti p strong{text-transform: uppercase;}

.ContentPage ul{margin: 20px 0px; padding: 0px; list-style: none;}
.ContentPage ul li{color: #f00; padding: 10px 0px 10px 35px; position: relative;}
.ContentPage ul li:before{color: #f00; position: absolute; left: 0px; content: "\f046"; font-family: fontAwesome; font-size: 1.0em; top: 13px;}

.accesso{background-image: url(/template/sfondo.jpg); background-repeat:no-repeat; background-size: cover; min-height: 100% }
.Contentaccesso em{font-size: 2.5em; width: 100%; margin-bottom: 15px; text-align: center;}
.Contentaccesso blockquote{text-transform: uppercase; font-size: 1.3em; text-align: center; margin: 0px;}
.Contentaccesso form{width: 80%; margin: 0 auto; text-align: center;}
.Contentaccesso form input[type="text"], .Contentaccesso form input[type="password"]{margin: 10px 0px; padding-left: 10%; padding-right: 0px; width: 90%;}
.Contentaccesso form input[type="submit"]{clear:both; float: none; margin: 20px auto;}
.Contentaccesso form div{position: relative;}
.Contentaccesso form em{float:left; font-size: 0.8em; color: #646464; margin: 0px; width: auto; position: absolute; left: 10px; top: 23px;}
.Contentaccesso p{font-size: 0.8em; line-height: 20px;}

.icomenu{margin: 40px 10% 20px 10%}
.icomenu em{font-size: 1.6em; color: #d0cdc9; padding: 0px 20px 0px 15px;cursor: pointer}
.icomenu em:first-child{box-shadow: #ffffff -1px 0px 0px 0px inset; padding-left: 0px !important; }




.StyleFooter div:first-child p a{color: #fff; font-size: 0.7em; font-weight: 300}
.StyleFooter div:nth-child(2) a{color: #fff;}
.StyleFooter div:nth-child(2) em{color: #c60000;}
.StyleFooter div:first-child em{cursor: pointer; color: #fff; font-size: 1.8em; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -ms-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;}
.StyleFooter div:first-child em:first-child:hover{color: #3864a3}
.StyleFooter div:first-child em:nth-child(2):hover{color: #dc4a38}



.home{background-image: url(/template/cambio-gomme.jpg); background-position: right bottom; background-repeat: no-repeat; background-size: contain }


.StyleBanner1:hover{background-color: #f00}
.StyleBanner1 ul{margin: 0px !important;}

.StyleBanner1 ul li strong{text-transform: uppercase; font-size: 1.3em}

.StyleBanner1 ul li:before{content: "\f073" !important; color: #fff; font-size: 4.3em; top: 50%; left: 0px; margin-top: -16.5px}
.StyleBanner1 ul li:after{content: "\f105"; font-family: fontAwesome; color: #fff; font-size: 5.5em; top: 50%; right: 0px; margin-top: -18.5px; position: absolute;}

.StyleBanner1:hover ul li:after{-webkit-animation-name: wobble; animation-name: wobble; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

.news{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.news article hr{width: 100%; margin: 20px 0px !important;}
.news article strong{text-transform: uppercase; font-size: 1.25em}
.news article span{font-weight: 800}
.news article:after{position: absolute; content: ""; bottom: 0px; right: 0px;  border-bottom: 20px solid #fff; border-left: 20px solid #d0cdc9; }
.news article a:hover{text-decoration: none;}

.StyleBanner3{width:200px;height:auto;overflow:hidden}
.StyleBanner4{text-align:center;width:1000px;background-color:blue}

#map_canvas{width:958px;height:350px;color:#000000;border:1px solid #cacaca}





/*Paginatore*/
#Paginatore{margin:20px 0px 40px 0px;overflow:hidden;clear:both;width:auto;float:right;}
/*next/prev*/
.PaginatoreNext{height:44px;width:44px; line-height: 44px; text-align: center; cursor:pointer;padding:0px;font-size:0.9em;float:left; margin-left: 1px; position: relative;}
.PaginatoreNext a{color:#7f7c78}
.PaginatoreNext a:hover, .PaginatoreNext:hover a{color:#7f7c78; text-decoration: none;}
/*selezionato*/
.PaginatoreSel{height:44px;width:44px; line-height: 44px; text-align: center; cursor:pointer;padding:0px;float:left;background-color: #f0edea; box-shadow: #ff0000 0px -2px 0px 0px inset; margin-left: 1px;}
.PaginatoreSel span{color:#ff0000;font-weight:900;font-size:1.0em}
/*link pagine*/
.PaginatoreLink{height:44px;width:44px; line-height: 44px; text-align: center; cursor:pointer;padding:0px;float:left; background-color: #f0edea; margin-left: 1px; position: relative;}
.PaginatoreLink a{color:#7f7c78;font-weight:300;font-size:1.0em}
.PaginatoreLink a:hover, .PaginatoreLink:hover a{color:#7f7c78; text-decoration: none;}

.PaginatoreNext:after, .PaginatoreLink:after{position: absolute; content:""; height: 2px; width: 0px; background-color: #ff0000; left: 0px; bottom: 0px; -webkit-transition:  width 0.3s linear; -moz-transition:  width 0.3s linear; -ms-transition:  width 0.3s linear; -o-transition:  width 0.3s linear; transition:  width 0.3s linear;}
.PaginatoreNext:hover:after, .PaginatoreLink:hover:after{width: 100%;}


#hintbox{opacity:0.9;filter:alpha(opacity=90);position:absolute;top: 0;background-color: #ccc;padding: 3px;border:1px solid #333;font-family:Verdana, Geneva, sans-serif;font-size: 10px;	line-height:18px;z-index:100;visibility: hidden;color: #333}
.hintanchor{margin: 0px 0px;}
#msg{display:none;position:absolute;z-index:200;background:url(/template/common/msg_arrow.gif) left center no-repeat;padding-left:7px;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:10px}
#msgcontent{display:block;background:#f3e6e6;border:2px solid #924949;border-left:none;padding:5px;width:auto;}

.MsgAlertLingua{cursor:pointer;position:absolute;z-index:9000;top:50px;padding:15px;background-color:#000;color:#FFF;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border:2px solid #FFF}
#div_check_ricerca{-moz-border-radius: 0px 0px 0px 10px;; -webkit-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px;display:none;clear:both; padding:5px;font-size:13px; position:absolute; z-index:1901;width:220px; height:150px; overflow-y:scroll; overflow-x: hidden;background-color:#FFF;border-top:1px solid #666;border-left:1px solid #666;border-right:3px solid #333;border-bottom:3px solid #333}
#PopBlank{display:none;position:absolute;width:1000px;height:700px;z-index:1900;margin:0 auto;/* background-color:#000;filter:alpha(opacity=70);  -moz-opacity:.70;  opacity:.70;*/}


#sei{margin-bottom: 40px; border-bottom: 1px solid #646464; width: auto; padding-bottom: 10px; color: #646464}
#sei span{border-bottom: 3px solid #646464; padding-bottom: 13px}
#sei a:hover{text-decoration: none;}
#sei strong{color: #f00; text-transform: uppercase;}

.formcontatti{width:100%; clear:both; margin-bottom: 30px}
#FormSendMailToSite2{width:100%;}

.formcap{overflow:hidden; text-align: left; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; padding: 10px 0px; margin-bottom: 10px; clear: both; font-size: 0.8em; width: 100%}
.formcap img{width: auto; margin: 0px 10px 5px 0px; float: left;}
.formcap input[type="text"]{width: 100px !important; margin: 0px 10px 5px 0px !important; height: 32px; float: left; padding: 0px 8px !important}
.formcap p{float: left; clear: both; font-size: 0.9em}

.formdash{width:100%; clear:both; margin: 0; line-height: 25px; max-width: 660px}
.formdash i{font-size: 0.8em; line-height: 20px}
.formdash .formcap{margin: 20px 0px !important; width: 260px; text-align: left;}
.formdash input {width: 200px; margin-top: 10px; padding: 0px 10px;} 
.formdash select{width: 220px; margin-top: 10px; padding: 0px 10px;}
.formdash textarea{width: 350px; margin-top: 10px; padding: 0px 10px;}
.formdash [type="submit"] {float:left; clear: both; width: 200px !important} 
.filtridash{width:100%; clear:both; overflow: hidden; margin: 0; line-height: 25px; border-top: 1px solid #646464; padding-top: 30px;}
.filtridash input{width: 180px; float: left; margin-right: 10px; padding: 0px 10px;}
.filtridash select{width: 200px; float: left; margin-right: 10px; padding: 0px 10px;}
.filtridash input[type="submit"]{width: 200px;}

.elementodash p{background-color: #2f2b2b; color: #f00; text-transform: uppercase; font-size: 1.5em; padding: 15px 0px;}
.elementodash p em{font-size: 0.85em;}
.elementodash article{border-bottom: 1px solid #d0cdc9; padding: 10px 4%; width: 92%; margin: 0px 0px 10px 0px; text-align: left; line-height: 28px}
.elementodash select{width:100px;}
.elementodash button, .elementodash .bottone{width:200px; margin: 0px auto 10px auto; background-image: none;}
.elementodash .bottone a{color: #fff; text-decoration: none}

.inattivo{width:200px; margin: 10px auto; background-color: #f0edea; color: #aca9a4; text-transform: uppercase;height: 40px}
.inattivo a{color: #aca9a4; text-decoration: none}
.back{width:200px; margin: 10px auto; background-color: #f0edea; color: #6f6f6f; text-transform: uppercase; background-image: none; clear: both; float: left;}
.back:hover{background-color: #dad7d5}


.share{float:right; background-repeat:no-repeat; width: 100px;  padding-top: 9px; height: 34px; margin-right:20px; color:#fff; font-family: 'Lato', sans-serif; font-size:11px}


.ContainerContenutoLogin{clear:both;padding-top:20px;width:98%;margin:0 auto;}
.ModuloCompleto{width:980px; text-align:left; clear:both; height:40px;}
.ModuloSx{width:180px; float:left; font-family: 'Lato', sans-serif; font-size:13px; color:#3d3a39; font-weight:700}
.ModuloDx{float:left;}
.ImgStep1{width:1000px;height:80px;background-image:url(/template/iscrizione_step1.jpg)}
.ImgStep2{width:1000px;height:80px;background-image:url(/template/iscrizione_step2.jpg)}
.ImgStep3{width:1000px;height:80px;background-image:url(/template/iscrizione_step3.jpg)}
.ImgStep4{width:1000px;height:80px;background-image:url(/template/iscrizione_step4.jpg)}
.BotTipoReg{cursor:pointer; font-family: 'Lato', sans-serif; font-size:11px; text-transform:uppercase; color:#fff; background-color:#810000; border: none; padding: 5px 10px}

#TipoRegistrazione{vertical-align:top; height:auto; margin: 0 auto; width:100%; overflow: hidden;}
#TipoRegistrazione div{width: 100%; display: flex; flex-direction: row; align-content: space-around; justify-content: center; overflow: hidden; }
#TipoRegistrazione p{-webkit-transition:  background-color 0.3s linear; -moz-transition:  background-color 0.3s linear; -ms-transition:  background-color 0.3s linear; -o-transition:  background-color 0.3s linear; transition:  background-color 0.3s linear; cursor: pointer; float:left; background-color: transparent; box-shadow: 0px 0px 0px 3px #E40000 inset; color: #E40000; text-align: center; width: 100px; height: 80px; padding: 10px 0px; margin: 20px 5px 20px 5px; background-image: none; line-height: 20px}
#TipoRegistrazione p i{font-size: 3.0em}
#TipoRegistrazione p:hover{background-color: #E40000; color: #fff;}



.TdTop{padding-left:5px; height:40px; color:#FFF; font-variant:small-caps; font-weight:bold; font-size:18px;background-image: -webkit-linear-gradient(bottom, #666 0%, #333 100%);background-color: #666}
.TdMid{padding:10px; height:30px;border-bottom:1px solid #666}
.TdMid hr{clear:both; margin: 5px 0px; height: 1px; background-color: #ccc; border:none;}
.TdMidT{padding-left:5px; background-color: #f1f1f1; height:30px;border-bottom:1px solid #666; text-align: center;}

.StyleLanguage{position:absolute;z-index:10;padding-top:5px;text-align:right;width:1000px}
.StyleBandiera{float:right;padding-left:5px}

/*Style spoiler accettazione cookie*/
#spoilerCookie{padding: 5px 0px; width: 100%; background-color:rgba(120,120,120,0.5);bottom:0; z-index: 90; text-align:center; color:#fff;line-height: 20px; position: fixed; font-family: 'Lato', sans-serif; font-size: 12px}
#spoilerCookie span:nth-child(2){margin-left:3px;cursor:pointer;text-decoration:underline}
#spoilerCookie span:nth-child(3){margin-left:10px;cursor:pointer;background: red;padding: 3px 5px 3px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:bold}


#MultiMenu{width:600px;}

@-webkit-keyframes wobble {
 16.65% {-webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% {-webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% {-webkit-transform: translateX(4px); transform: translateX(4px);}
  66.6% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
  83.25% {-webkit-transform: translateX(1px);transform: translateX(1px);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes wobble {
 16.65% {-webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% {-webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% {-webkit-transform: translateX(4px); transform: translateX(4px);}
  66.6% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
  83.25% {-webkit-transform: translateX(1px);transform: translateX(1px);}
  100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

.progressIscrizione{width:100%;overflow: hidden;color:#FFF;font-weight: bold; margin: 10px 0px; font-size: 0.9em}
.progressIscrizione .active{background-color: #FF0000;width: 58%;height: 50px; line-height: 50px; float: left;box-shadow: 1px 0px 0px 0px #fff inset}
.progressIscrizione .disactive{background-color: #646464;width: 14%;height: 50px;line-height: 50px; float: left;box-shadow: 1px 0px 0px 0px #fff inset}

#DatiAzienda input, #DatiPrivato input, #DatiGenerici input, #DatiVettura input{width:96%;padding: 0px 2%; float: left;}

#DatiAzienda div, #DatiPrivato div, #DatiGenerici div, #DatiVettura div{float: right;}

#DatiVettura select{width:100%;padding: 0px 2%; float: left; margin: 10px 0px}
#targa {width:96%;padding: 0px 2%; float: left;}
#div_check_targa {float: right;}
.ui-datepicker-trigger{float: right; margin-top: 10px}

.alert{background-color: transparent; box-shadow: none; text-align: center;}

.prenotasti p:before{
	webkit-transform: rotateY(360deg);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.prenotasti p:hover:before{-webkit-transform:rotateY(0);
    -o-transform:scale(1);
    -ms-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    transition:all .6s ease-out;
    -webkit-transition:all .6s ease-out;
}


/*MESSAGGI ERRORE*/
	.errMsg{position:absolute;cursor:pointer;height:40px;line-height:40px;padding:0px 10px 0px 10px;z-index:10;color:#9d9fa0;left:0px;top:-55px;background-color:#fff;box-shadow:#ccc 0px 0px 0px 1px inset}
	.errMsg:after{position:absolute;left:10px;bottom:-7px;content:"";border-top:7px solid #ccc;border-left:10px solid transparent;border-right:10px solid transparent}
	.errInput{box-shadow:#9d9fa0 0px 0px 0px 2px inset}
	.is-focused{position:relative}
	#div_status_captcha{float:right !important;width:10px !important;margin:0px !important}
/*TRASFORMA CHECKBOX IN SWITCH*/
	.switch {position: relative;display: inline-block;width: 50px;height: 28px;float: left;}
	.switch input {display:none;}
	.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: #f3f3f3;box-shadow: #ececec 0 0 0 2px inset;-webkit-transition: .4s;transition: .4s;border-radius: 28px;}
	.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
	input:checked + .slider {background-color: #f00;}
	input:focus + .slider {box-shadow: 0 0 1px #f00;}
	input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px)}
	.switch + span{float: left; font-size: 0.7em;color: #737373; margin: 0px 10px;line-height: 15px}

.prenota{width: 280px; margin: 30px 1.5% 0px 1.5%; box-shadow: #d0cdc9 0px 0px 0px 1px inset; text-align: center; font-size: 0.8em; overflow: hidden; float: left;}
.prenota p{line-height: 25px; font-size: 1.2em; padding: 20px 5%; width: 90%; color: #4f4f4f;}
.prenota em{font-size: 2.2em; color: #ccc; margin-bottom: 10px}
.prenota button{ margin-bottom: 20px}


.prenotaservizio{width: 100%; margin: 20px 0px 0px 0px; padding: 0px; box-shadow: #e5e2df 0px -1px 0px 0px inset; text-align: left; font-size: 1em; overflow: hidden; float: left; clear: both;}
.prenotaservizio p{float: left; margin-right: 15px; width: 200px; line-height: 20px}
.dettagli{float: left; clear: both; font-size: 0.8em; margin-top: 20px; line-height: 20px; margin-bottom: 20px}
.prenotaservizio select{width: 100%;}


#dataselect, #oraselect{width: 190px; padding: 0px}