/*@font-face {
    font-family: 'toyota_displaybold';
  src: url("font/nobel-book.eot");
  src: url("font/nobel-book.eot?#iefix") format("embedded-opentype"),
       url("font/nobel-book.woff") format("woff"),
       url("font/nobel-book.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'toyota_displayheavy';
   src: url("font/nobel-book.eot");
  src: url("font/nobel-book.eot?#iefix") format("embedded-opentype"),
       url("font/nobel-book.woff") format("woff"),
       url("font/nobel-book.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}
@font-face {
    font-family: 'toyota_displayregular';
  src: url("font/nobel.eot");
  src: url("font/nobel.eot?#iefix") format("embedded-opentype"),
       url("font/nobel.woff") format("woff"),
       url("font/nobel.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'toyota_textbold';
 src: url("font/nobel.eot");
  src: url("font/nobel.eot?#iefix") format("embedded-opentype"),
       url("font/nobel.woff") format("woff"),
       url("font/nobel.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'toyota_textbold_italic';
  src: url("font/nobel-regular.eot");
  src: url("font/nobel-regular?#iefix") format("embedded-opentype"),
       url("font/nobel-regular.woff") format("woff"),
       url("font/nobel-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'toyota_textitalic';
  src: url("font/nobel-light.eot");
  src: url("font/nobel-light.eot?#iefix") format("embedded-opentype"),
       url("font/nobel-light.woff") format("woff"),
       url("font/nobel-light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'toyota_textregular';
   src: url("font/nobel-book.eot");
  src: url("font/nobel-book.eot?#iefix") format("embedded-opentype"),
       url("font/nobel-book.woff") format("woff"),
       url("font/nobel-book.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}*/
*{
    margin: 0;
    padding: 0;
}
body{
    
    text-align: center;
    font-family: Nobel Book,"Helvetica", "Arial", "Roboto", sans-serif;
	background-color:#fff;
	font-size: 16px;
}

div{position:relative;}
header.reg-name{
    display: none;
}
#wrapper{
    margin: 0px auto; 
    max-width: 1067px;
    text-align: left;
}
a.btn{padding:0 2px!important;}
a.btt.openLegalNote{
    display: block;
    cursor: pointer;
    color: #fff;
    padding: 11px 14px 16px 14px !important;
    font-size: 15px !important;
    border-radius: 3px;
}
.mr10{margin-right:8px;}
.btn-group{width: 100%; margin: 5px; text-align: center;}
hr.sep{clear: both; width: calc(100% - 20px); margin:10px 10px 15px 10px; border-top: 1px solid #c9c8c8}
/*.btn-hyb {
    background: rgb(0,160,240);
    background: -moz-linear-gradient(top, rgba(0,160,240,1) 0%, rgba(0,95,175,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,160,240,1) 0%,rgba(0,95,175,1) 100%);
    background: linear-gradient(to bottom, rgba(0,160,240,1) 0%,rgba(0,95,175,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0f0', endColorstr='#005faf',GradientType=0 );
    border: 0;
    color: #fff;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    width: calc(100% - 20px);
    margin-left: 5px;
}*/
a.btt.openLegalNote:hover{
    text-decoration: underline;
    background: #005faf;
}
#overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 20;
}

#overlay-content{
    position: relative;
top: 70px;
padding: 40px 20px 40px 40px;
margin: 0 auto;
width: 88%;
max-height: 85%;
overflow-y: auto;
background-color: #fff;
z-index: 21;
max-width: 870px;
}

#overlay-content header h2{

	padding: 1.5rem 0 3rem 0 !important; 
	margin:0px !important; 
	text-align: center;
	
}


#overlay-content sup{
    font-size: 60%;
}

#overlay-content, #overlay-content * {
    text-align: left;
}

#overlay-content p.norma {
    font-size: 18px;
	text-align: center;
}

#overlay-content a.more {
    font-family: Nobel;
    font-size: 18px;
    color: #333;
    text-decoration: underline;
}

#overlay-content .ciano-bg, #overlay-content p {
    font-size: 18px;
}

#overlay-content p {
    padding: 0px;
}

#overlay-content .risp p{ color:#777777;}
#overlay-content p b {
	font-size: 16px;
	color:#000;
}



#overlay-content .nome-citta {
padding: 0px;
font-size: 28px;
text-transform: uppercase;
margin: 10px 0px;
}

#overlay-content > article > div > p{
    padding: 0px;
}

#overlay-content .risp h4{
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
	
font-family: Nobel Bold;
}

#overlay #close{
   position: absolute;
top: 5px;
left: calc(50% - 19px);
width: 38px;
height: 50px;
background-image: url("../img2/chiudi.png");
background-position: center top;
background-repeat: no-repeat;
}

#overlay #close a{
    position: relative;
    width: 38px;
    height: 50px;
    display: block;
}

#overlay #close span{
    position: relative;
    top: 40px;
    font-family: Nobel;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
}

ul.ul-agevolazioni{
    padding-left: 20px;
    margin-bottom: 10px;
}
ul.ul-agevolazioni li{
    font-family: Nobel;
    list-style-type: initial;
    list-style-position: inside;
    color: #343434;
    font-size: 20px;
    background: none !important;
	text-transform: uppercase;
}
.legal-note{
    font-family: Nobel Light;
    background: #eeeded !important;
    font-style: italic !important;
    padding: 10px !important;
    margin-left: 20px;
    margin-right: 40px;
    color: #58595b;
    font-size: 12px;
    text-align: justify !important;
    margin-bottom:45px;
}
.legal-title{
    font-family: Nobel;
font-size: 18px;
padding: 10px !important;
margin-left: 20px;
margin-right: 40px;
background: #eeeded !important;
color: #58595b;
border-bottom: 1px solid #c9c8c8;
text-transform: capitalize;
margin-bottom: 0px;
}
div.tab-desk > div{
    position: relative;
    min-width: 720px;
    max-width: 651px;
    margin: 0 auto;
    overflow: hidden;
}
#map, #map div{
    position: relative;
    /*margin: 0 auto;*/
    width: 651px;
    height: 801px;
    background-position: center center;
    background-repeat: no-repeat;
}
#map{
    background-image: url("../img2/italia.png");
	background-position:top;
}
#outline{
    background-image: url("../img2/map-outline.png");
}
.abruzzo{
    background-image: url("../img2/abruzzo.png");
}
.basilicata{
    background-image: url("../img2/basilicata.png");
}
.calabria{
    background-image: url("../img2/calabria.png");
}
.campania{
    background-image: url("../img2/campania.png");
}
.emiliaromagna{
    background-image: url("../img2/emiliaromagna.png");
}
.friuli{
    background-image: url("../img2/friuli.png");
}
.lazio{
    background-image: url("../img2/lazio.png");
}
.liguria{
    background-image: url("../img2/liguria.png");
}
.lombardia{
    background-image: url("../img2/lombardia.png");
}
.marche{
    background-image: url("../img2/marche.png");
}
.molise{
    background-image: url("../img2/molise.png");
}
.piemonte{
    background-image: url("../img2/piemonte.png");
}
.puglia{
    background-image: url("../img2/puglia.png");
}
.sardegna{
    background-image: url("../img2/sardegna.png");
}
.sicilia{
    background-image: url("../img2/sicilia.png");
}
.toscana{
    background-image: url("../img2/toscana.png");
}
.trentino{
    background-image: url("../img2/trentino.png");
}
.umbria{
    background-image: url("../img2/umbria.png");
}
.valledaosta{
    background-image: url("../img2/valledaosta.png");
}
.veneto{
    background-image: url("../img2/veneto.png");
}
.notaOverlay{position: absolute; top: 0px; left: 0px; background: #fff; padding: 50px 0; z-index:1000}
a, a:hover,a:focus{text-decoration:none;}
h1, h2, h3, h4, h5, h6, b {  font-weight: 600}
h1, h2, h3, h4, h5, h6{margin: 0; padding:10px}
h1, h2, h3{ font-family: Nobel, "Verdana"}margin-bottom: 1.25rem;
li{list-style-type: none;}
li{list-style-type: none;}
i{list-style-type: none;}
li{list-style-type: none;}

p.norma{font-size: 16px;}
p{font-size: 18px} 
.fs12{font-size: 16px;}
.fr{float:right;}
.fl{float:left;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.m20{margin: 20px;}
.mt15{margin-top: 15px;}
.p10{
    padding: 30px 0px 0px 0px;
    margin-top: 10px;
}
fs15{font-size:15px;}
.hide{display: none;}
.clear{clear: both;}
.tl{text-align: left;}
.red{color:#232323; font-size: 34px; text-align: center;}
.ciano-bg{border-top: .0625rem solid currentColor;
	border-bottom: .0625rem solid currentColor; font-size: 20px; text-transform: uppercase; padding:15px 0px; margin-bottom: 8px; /*display:inline-block;*/ font-family: Nobel Bold;}

.nome-citta{font-size:24px; font-family:Nobel;}
ul.regioni{padding: 0; margin:10px 0; box-shadow: 0px 0px 4px #999}
ul.regioni li{background: url(../img2/mob-reg-li.png) top left repeat-x;}
ul.regioni li a{display: block; padding:16px; margin:0; font-size: 22px; color: #999}
div.more-info{background: #fff; padding:10px; text-align: left;}
ul.regioni ul.social-share {display:inline-block; padding:20px 10px; float: right;}
ul.regioni ul.social-share li, ul.regioni ul.social-share li:hover{background: none; float: left}
ul.regioni ul.social-share li a, ul.regioni ul.social-share li a:hover{display:block; background:none; padding:2px}
ul.regioni li:hover, ul.regioni li.active {background: url(../img2/mob-reg-li.png) 0 -70px repeat-x;}
ul.regioni li:hover small.apice, ul.regioni li.active small.apice{background: #fff; color: #999}
ul.regioni li.active a.nome-regione{
    color:#fff; 
    text-decoration: none;
    background-image: url(../img2/up-arrow.png); 
    background-position: 95% center;
    background-repeat: no-repeat;
}
ul.regioni li a.more{color: #333; font-size: 18px; font-weight: bold;text-decoration: underline}
ul.regioni li a.more:hover{text-decoration: underline}
ul.regioni li a.nome-regione{
    background-image: url(../img2/down-arrow.png); 
    background-position: 95% center;
    background-repeat: no-repeat;
}
.tab-desk{display: none;}
.mobile{display: block;}
div.col-1-2 p{padding: 5px 0}
.risp{background: #eaeaea; padding: 15px 0px 0px 15px !important;}
.risp h5{color: #000; font-size: 18px; text-transform: uppercase}
.risp p{ font-size: 16px; padding:5px 10px ;}
div.more-info p{padding:5px 10px ;}
.risp p.note, .risp p.note a{ font-size: 11px; font-style: italic}
.risp p.note a{display: inline; padding: 0px; color: #333; text-decoration: underline; font-weight: bold; }
.fix{display: inline-block; width: 100%;}


.col-1-2{width: calc(100% - 10px); float: left; margin: 0px 10px 10px 0px; padding: 0 5px}
small.apice{font-size: 10px; padding:4px; background: #999; color: #fff; margin-left: 4px; position: relative; top: -4px}
sup.apice{font-size: 10px; padding-left: 4px;position: relative; top: 0px; display: inline-block; float: right;}
sup.apice-reg{font-size: 10px; padding-left: 4px;position: absolute; top: 0px; left: auto; right:30px; display: inline-block;}
.ico{
    position: relative;
    text-align: center;
    display: inline-block;
    font-family: 'Glyphicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.info-ico{
    background-image: url('../img2/i.png');
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center center;
    width: 13px;
    height:13px;
    display: block;    

}
.back-ico{
    background-image: url('../img2/back.png');
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: inline-block;    
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.openNote{
    cursor:pointer;
    width: 13px;
    height:13px;
    display: inline-block;
    padding:0px 0px 0px 6px !important;
    float: right;
}
/*.closeNote{
    line-height: 16px;
    color: #6c7073 !important; 
    font-weight: bold;
    height: 18px;
    font-size: 16px !important;
    cursor: pointer;
	text-transform: uppercase;
	margin-bottom:20px;
}

.closeNote:hover{color :#6c7073 !important}*/

h5.overlay-city-name{
    font-size: 22px;
color: #232323;
text-transform: uppercase;
font-family: Nobel Bold;
border-top: 1px solid #454545;
border-bottom: 1px solid #454545;
display: inline-block;
padding: 15px 0px;

}
.btn-group>.btn{float: none; display: inline-block}

.mobile ul.regioni li a{ padding:5px 0px;}

@media (max-width: 300px){
	.mobile ul.regioni li a{ padding:4px 0px !important;font-size: 19px;}
	.ciano-bg{font-size:14px;}
	h2, .h2 {
    font-size: 24px;}
}
@media (min-width: 480px) {
    .col-1-2{width: calc(50% - 20px);}   
    sup.apice{float: none; top: -8px}
    .openNote{padding:0px 0px 0px 6px !important;}
	
}
@media (min-width: 568px) {
    #map{left: 0px;}
    .tab-desk, header.reg-name{display: block;}
    header.reg-name{padding:10px}
    .mobile{display: none;}
    .area-map{
        background: #eaeaea url(../img2/map-zero.jpg) top center no-repeat;
        height: 750px;
    }
    .col-md-12, .col-lg-12{
        padding: 0;
    }
    fs15{font-size: 13px}
    small.apice{font-size: 10px; padding:4px; background: #999; color: #fff; margin-left: 4px; position: relative; top: -4px}
    sup.apice{top: -5px; font-size: 8px}
    .notaOverlay{padding:0px !important;}
    .btn-hyb {width: auto; margin-left: 10px}
    .btn-group{width: auto; margin: 0px; }
    .btn-group>.btn{float: left;}
    ul.regioni li a.nome-regione:hover{
        color:#fff; 
        text-decoration: none;
        background-image: url(../img2/up-arrow.png); 
        background-position: 95% center;
        background-repeat: no-repeat;
    }
    #overlay{
        
        overflow: scroll !important;
        -webkit-overflow-scrolling: touch !important;
    }
}
@media (min-width: 992px) {
    #map{left: 0;}
    #overlay-content header{
        display: block;
        font-family: "toyota_textbold";
        font-size: 20px;
        color:#555;
        text-transform: uppercase;
    }
}