@font-face {
   font-family: 'OpenSans';
   src: url('OpenSans-Regular.ttf');
   font-display: swap;
}
@font-face {
   font-family: 'Spinnaker';
   src: url('Spinnaker-Regular.ttf');
   font-display: swap;
}
/*160125 modif x lglink e varie */
body{font-family: 'OpenSans', sans-serif;font-size: 14px; background-color:#ffffff;padding:0;text-align:center;max-width:100%;margin:10px}
main{background-color:#ffffff}
img{max-width:100%;border:0}
header {width:100%}

#p0 {width:100%}


a{text-decoration:none;color:#000000}

h1,h2,h3,h4,h5{margin: 0;padding:0}

h1{font-size:1.2em; font-weight:bold;color:#0033FF}
#p3b h2{font-size: 1em;font-weight: normal;text-align: left;padding:20px;}
h3{text-align:center;font-size:120%;font-weight:bold;margin-bottom:10px}
h4{text-align:left;font-size:120%;font-weight:bold;margin-bottom:10px}
.spetec{display:block,text-align:left;font-size:120%;font-weight:bold;margin-bottom:10px}

h5{margin-top:2px;font-size:0.95em;font-weight:normal}
h6{margin:0; margin-top:8px; margin-bottom:8px;padding:0;height:21pt;font-size:80%;font-weight:bold;background-color:#D2D2D2}
h7{display:inline;font-size:90%;font-weight:bold;color:#0033FF}
h7 a{display:inline;font-size:90%;font-weight:bold;color:#0033FF}

.hme {
  display: block;
  margin-top: 2px;
  padding: 6px 8px;
  font-size: 0.95em;
  font-weight: normal;
  line-height: 1.4;
  color: #222222;
}

.menusx a:hover .hme {
  color: #0033FF;
  background-color: #f5f7ff;
  border-radius: 6px;
}

h8{font-size:130%;font-weight:bold;color:#FF0000}
h9{font-size:12px;font-weight:bold}
h10{font-size:90%;color:#FF0000}
h11{font-size:11px;font-weight:bold;color:#FF0000}

.class8h{font-size:130%;font-weight:bold;color:#FF0000}
.class9h{font-size:12px;font-weight:bold}
.class10h{font-size:90%;color:#FF0000}
.class11h{font-size:11px;font-weight:bold;color:#FF0000}
.class12h{font-size:90%;color:#666666;padding-top:6px;line-height:1.3}
.class16h{font-size:90%;color:#0033FF;padding-top:6px;line-height:1.3}
.class14h{font-size:16px;line-height:20px}
.class15h{font-weight:bold;color:#084ce9}

.riin{font-weight:bold;color:#ffffff;padding:10px; background-color:#33a111;font-size:14px;border:1px #ffffff;border-radius:6px}

h12{font-size:10px;color:#FFFFFF;font-family: "Verdana"}

/* div#messcook{font-size:0.8em; width: 98%;background-color:#3366CC;font-weight:normal; color:#FFFFFF; text-align: left; margin: 0 auto;}*/
div#messcook{font-size:1em;position:fixed;bottom:0px;;background:#ffffff;z-index:999999;text-align: left;padding:50px 50px 50px 50px;border-top:1px solid #000000}

.tahoma3r{font-family:'Tahoma';font-size:0.8em;color:red;font-weight:bold}
.tahoma4r{font-family:'Tahoma';font-size:18px;color:red;font-weight:bold}

ul#menuprior {text-align:left}
ul#menuprior, ul#menuprior li, ul#menuprior ul{color: #0000CC;margin:0; padding:0; list-style: none;line-height: 1.8em; font-size: 0.95em;text-align:center;font-weight:normal}
ul#menuprior a{color: #0000CC;display: block;padding: 0 1em;text-decoration: none;text-align:center}
ul#menuprior a:hover{text-decoration:underline}
ul#menuprior li a#activelink{color: #0000CC}
ul#menuprior li{float: left;position: relative}


.ulmenusx {list-style: none; margin:6px ;padding:0px;font-size:95%;}

.ulmenusx li a {
  display: block;
}  /*250326*/

.menusx a:hover{background-color:#ffffff;color:#0033ff}

/* RESET BOTTONI MENU */
.menusx button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}


.menusx .iconresp,
.menusx .closebtn {
  display: none;
}


#notetes {display: block;clear: left;font-family: 'Spinnaker', sans-serif;background-color: #efefef;padding-bottom: 12px;font-size: 1.0em;color: #00c;padding-top: 12px;
font-weight: bold;padding-left:10px;padding-right:10px}

li.menuf5 {list-style:none; margin: 0 auto; position:relative; text-align:center; color:#ffffff;padding-top:5px}


@media(min-width:1200px){

#testata{height:90px;}
header{background-color:#FFFFFF;width:100%; margin:0 auto;display:block;position:relative;height:90px;}
.testatap1{width:35%;overflow:hidden;float:left;height:90px;clear:right;}
#testata1{display:inline;float:left; width:50%; margin: 0 auto;clear:right;overflow:hidden;}
#testata1 img{max-width:100%;float:left;height:auto}
#testata2{display:inline; float:right; margin:0 auto; font-size:0.95em; color:#0033FF}
#testata2a{margin:0 auto;padding-top:15px}

.testatap2{display:inline;width:65%;overflow:hidden;float:right;clear:right;padding-top:20px}
.testata3{display:inline; position:relative;float:left; width:100%; margin: 0 auto;clear:right}
.testata3a{display:inline; position: relative;float:left;width:65%;padding-top:5px;padding-left:20px}
.testata3a input[type=search] {padding:6px;margin-top:8px;font-size:14px;margin-left:20px;border: 1px solid #ccc; border-radius
: 4px;box-sizing: border-box;}
.testata3a input[type=submit] {padding:6px;margin-top:8px;font-size:14px;}
#testata4{display:inline;position:relative;float:right; width:50%; margin: 0 auto;clear:right}

.carrett{display: inline-block;position: relative;font-size: 1.2em;;width: 30%;padding-top: 14px;}

/*250326.menusx{float:left;max-width:15%;text-align:left; display:inline; margin-top:5px; padding:6px;background-color:#fafafa;font-size:95%;border:2px solid #e7eaff; border-radius:10px}*/
.menusx {
    float: left;
    max-width: 15%;
    text-align: left;
    display: inline;
    margin-top: 5px;
    padding: 6px;
    background-color: #fafafa;
    font-size: 95%;
    border: 2px solid #e7eaff;
    border-radius: 10px;
  }

nav{width:100%;display:block;margin:0 auto;text-align:center; background-color:#efefef;height:30px; font-family:'Spinnaker', sans-serif;overflow:hidden; padding-top:5px; height:25px;}

div#p50{margin-top:5px;margin-bottom:5px; width:100%;display:block; height:15pt; background-color:#ffffff;overflow:hidden;clear:both}

div#arret{margin:0; padding: 5px 10px 1px 20px;float:left;width:50%; text-align:left;font-size:0.85em}
div#arret100{margin:0; padding:10px 10px 10px 20px;width:100%; text-align:left;font-size:0.85em;}
div#presuc{padding: 5px 10px 1px 20px;float:left; text-align:right;width:40%;font-size:0.85em}

#p3{display:block;}
.p3a{display:block;float:left;width:249px; box-shadow: -9px 0 7px -7px #babababa;margin-left:5px;}
#p3b{float:right;max-width:82%;}

.pagefil{font-family:'Spinnaker';font-size:0.8em;clear:left}
.pageoper{width:240px;display:inline-block;text-align:left}
.pageppr{width:240px;display:inline-block}
.pagefilter{}
.pageart{width:240px;display:inline-block;padding-top:5px}
.pagination {display: inline-block; width:240px}
.pagination a {padding-left:2px;text-decoration: none;font-size: 20px;}
.pagination a.active {background-color: #0000cc;color: white;  border-radius: 5px;}
.pagination a:hover:not(.active) {background-color: #ddd;border-radius: 5px;}

div#p51{display:block;position:relative;margin: 0 auto;width:100%;height:10pt;font-size:0.95em}
div#p52{margin:0 auto; width:100%;display:block; position:relative;background-color:#ffffff;font-size:0.95em}

.p52a{padding:10px;max-width:80%;float:left;clear:left}

#p6{display:inline;margin:0 auto;padding:20px 0px 0px 20px; width:400px;float:left; text-align:center;background-color:#ffffff}
#p6 img{height:auto}
#p7{display:inline;margin:0 auto;padding-left:20px; max-width:50%; float:left;text-align:left;background-color:#ffffff}
.sit1{margin:0; padding:0; width:25%; font-size:1em;display:inline; float:left; text-align:left;padding-top:20pt}
.iconresp-top{display:none;} /*260326*/
}

@media(min-width:768px) and (max-width:1199px){
#testata{padding-top:10px}
header{background-color:#FFFFFF;width:100%; margin:0 auto;display:block;position:relative;height:90px;}
.testatap1{width:45%;overflow:hidden;margin: 0 auto;float:left;clear:right}
#testata1{display:inline;float:left; width:150px; margin: 0 auto;clear:right;overflow:hidden}
#testata1 img{max-width:90%;float:left;height:auto}
#testata2{display:inline; position: relative;float:left; width:190px; margin: 0 auto; clear:right;font-size:0.95em; color:#0033FF}
#testata2a{display:inline; position: relative;float:left;width:100%}

.testatap2{margin: 0 auto;float:left; clear:right;height:90px;}
.testata3{display:inline; position:relative;float:left; width:100%; margin: 0 auto;clear:right}
.testata3a{display:inline; position: relative;float:left;width:70%;}
.testata3a input[type=search] {padding:6px;margin-top:8px;float:left;font-size:14px;border: 1px solid #ccc; border-radius: 4px;box-sizing: border-box;}
.testata3a input[type=submit] {padding:6px;font-size:14px;float:left}
#testata4{display:inline;position:relative;float:left; width:190px; margin: 0 auto;clear:right}
.carrett{display:inline; position: relative; font-size:1.2em;margin-bottom:5px;padding-top:40px}

nav{width:100%;display:block;padding:0;margin:0 auto;text-align:center; background-color:#efefef;height:25px; font-family:'Spinnaker', sans-serif;overflow:hidden}

div#p50{margin-top:5px;margin-bottom:5px; width:100%;display:block; height:15pt; background-color:#ffffff;overflow:hidden;clear:both}

div#arret{margin:0; padding: 5px 10px 1px 20px;float:left;width:50%; text-align:left;font-size:0.85em}
div#arret100{margin:0; padding:10px 10px 10px 20px;width:100%; text-align:left;font-size:0.85em;}
div#presuc{padding: 5px 10px 1px 20px;float:left; text-align:right;width:40%;font-size:0.85em}

#p3{display:block;} 
.p3a{display:block;} 
#p3b{float:right;max-width:82%;}

.pagefil{font-family:'Spinnaker';font-size:0.8em;clear:left;height:24px}
.pageoper{width:240px;display:inline-block;text-align:left}
.pageppr{width:240px;display:inline-block}
.pagefilter{}
.pageart{width:240px;display:inline-block;padding-top:5px;height:19px}
.pagination {display: inline-block; width:240px}
.pagination a {padding-left:2px;text-decoration: none;font-size: 20px;}
.pagination a.active {background-color: #0000cc;color: white;  border-radius: 5px;}
.pagination a:hover:not(.active) {background-color: #ddd;border-radius: 5px;}

/* cosi no #p3{display:block;}.p3a{display:block;float:left;width:249px; box-shadow: -9px 0 7px -7px #babababa;margin-left:5px;}#p3b{float:right;max-width:82%;}*/

div#p51{display:block;position:relative;margin: 0 auto;width:100%;height:30pt;font-size:0.85em}
div#p52{margin:0 auto; width:100%;display:block; position:relative;background-color:#ffffff;font-size:0.95em}

.p52a{padding:10px;max-width:80%;float:left}

#p6{display:inline;margin:0 auto;padding:0; max-width:50%;float:left; text-align:left;background-color:#ffffff}
#p6 img{height:auto}
#p7{display:inline;margin:0 auto;padding-left:20px; max-width:30%; float:left;text-align:left;background-color:#ffffff}

ul#menuprior {text-align:left}
ul#menuprior, ul#menuprior li, ul#menuprior ul{color: #0000CC;margin:0; padding:0; list-style: none;font-size: 0.95em;text-align:center;font-weight:normal}
ul#menuprior a{color: #0000CC;display: block;padding: 0 1em;text-decoration: none;text-align:center}
ul#menuprior a:hover{text-decoration:underline}
ul#menuprior li a#activelink{color: #0000CC}
ul#menuprior li{float: left;position: relative}


.menusx{float:left;max-width:15%;text-align:left; display:inline; margin-top:5px; padding:6px;background-color:#ffffff;font-size:95%}

.sit1{margin:0; padding:0; width:25%; font-size:80%;display:inline; float:left; text-align:left;padding-top:20pt}
}

@media(max-width:767px){
.testatap1{width:100%;overflow:hidden;margin: 0 auto;float:left;clear:right}
#testata1{display:inline;float:left; width:160px; margin: 0 auto;clear:right;overflow:hidden}
#testata1 img{max-width:80%;float:left;height:auto}
#testata2{display:inline; position: relative;float:right; width:160px; margin: 0 auto; clear:right;font-size:0.9em; color:#0033FF}
#testata2a{display:inline; position: relative;float:left;width:100%}

.testatap2{width:100%;overflow:hidden;margin: 0 auto;float:right; clear:right; padding:12px;}

/*260326.testata3{width:100%; float:left; margin: 0 auto;clear:right}*/
.testata3a{float:left;width:100%;padding-top:5px;padding-left:10px}

.testata3a input[type=search] {padding:6px;margin-top:8px;font-size:14px;border: 1px solid #ccc; border-radius
: 4px;box-sizing: border-box;}
.testata3a input[type=submit] {padding:6px;font-size:14px;}
#testata4{display:block;position:relative;float:right; width:160px; margin: 0 auto;clear:right}
/*260326.carrett{display:inline; position: relative; font-size:1.2em;margin-bottom:5px;float:right;padding-top:10px} - sostituito con quello sotto*/
.carrett{
  display:inline-block;
  float:none;
  width:auto;
  margin:0;
  padding:0;
  white-space:nowrap;
  font-size:1.1em;
}

nav{display:none;}

div#p50{margin-top:5px;margin-bottom:5px; width:100%;display:block; background-color:#ffffff;overflow:hidden;clear:both}

div#arret{margin:0; padding: 5px 10px 1px 20px;float:left;text-align:left;font-size:0.85em}
div#arret100{margin:0; padding:10px 10px 10px 20px;width:100%; text-align:left;font-size:0.85em;}
div#presuc{padding: 5px 10px 1px; text-align:right;font-size:0.85em;clear:both}



#p3{display:block;}
.pagefil{font-family:'Spinnaker';font-size:0.8em;width:100%;padding-top:10px}
.pageoper{width:160px;display:none}
.pageppr{width:160px;display:none}
.pagefilter{}
.pageart{height:24px;width:160px;display:inline-block}
.pagination {width:160px;display:inline-block}
.pagination a {padding-left:2px;text-decoration: none;font-size: 20px;}
.pagination a.active {background-color: #0000cc;color: white;  border-radius: 5px;}
.pagination a:hover:not(.active) {background-color: #ddd;border-radius: 5px;}

h1.type1{padding-top:10px;}

.p3a{display:block;float:left;width:100%}

div#p51{display:block;position:relative;margin: 0 auto;width:100%;height:10pt;font-size:0.60em}
div#p52{margin:0 auto; width:100%;display:block; position:relative;background-color:#ffffff;font-size:0.95em}

.p52a{margin:0;padding:0; width:100%;display:block;clear:both;position:static;overflow:hidden }

/*160125#p6{display:inline;margin:0 auto;padding:0; width:300px;float:left; text-align:center;background-color:#ffffff}*/
/*270326 #p6{display:inline;margin:0 auto;padding:0; float:left; text-align:center;background-color:#ffffff} */
/*270326 #p6 img{height:auto} */
/*270326++*/
#p6{
  display:block;
  width:100%;
  margin:0 auto;
  padding:0;
  float:none;
  text-align:center;
  background-color:#ffffff;
}

#p6 a{
  display:inline-block;
}

#p6 img{
  height:auto;
  margin:0 auto;
}



/*160125#p7{display:inline;margin:0 auto;padding:0; width:300px;float:left; text-align:center;background-color:#ffffff}*/
#p7{display:inline;margin:0 auto;padding:0; float:left; text-align:center;background-color:#ffffff}
ul#menuprior li,ul#menuprior ul {display:none}
ul#menuprior a {display:none}

.menusx{float:left; text-align:left; display:inline;background-color:#ffffff;font-size:95%}

.menusx a,
.menusx button {
  display: none;
}

/* hamburger */
.menusx .iconresp {
  float: left;
  display: inline-block;
  font-size: 30px;
  width: 50px;
}

/* bottone chiusura */
.menusx .closebtn {
  display: none;
}

.ulmenusx li a {display:none;}

 .menusx.responsive .hme {
    padding: 10px 8px;
    font-size: 1em;
  }

/*260326#carrett{display:inline; position: relative; float:left;font-size:1em;margin-bottom:5px;width:100%;padding: 10px 0px 0px 30px;}*/
/*260326 .carrett{display:inline; position: relative; float:left;font-size:1em;margin-bottom:5px;width:100%;padding: 10px 0px 0px 30px;} */
.sit1{margin:0; padding:0; width:25%; display:inline; float:left; text-align:left;padding-top:20pt}

}

@media(max-width:767px){

  .menusx.responsive {position: relative;max-width:100% }

  .menusx.responsive .iconresp {
  display: none;
}

.menusx.responsive .closebtn {
  display: block;
  font-size: 40px;
}

.menusx.responsive a,
.menusx.responsive button {
  display: block;
  text-align: left;
}

  .menusx.responsive h5{margin-top:2px;font-size:1em;padding:4px 6px;font-weight:normal}

/*260326*/
.testata3{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    gap:8px 0;
  }

/*270326 .testata3a{    flex:0 0 100%;    width:100%;    padding-top:5px;    padding-left:0;  } */
.testata3a{
  flex:0 0 100%;
  width:100%;
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
  box-sizing:border-box;
}

/*270326.testata3a form{    display:flex;    align-items:center;    gap:6px;    width:100%;  } */
.testata3a form{
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
  margin:0;
}

 .testata3a input[type=search]{
    flex:1 1 auto;
    width:auto;
    min-width:0;
    margin-top:0;
  }

 .testata3a input[type=submit]{
    margin-top:0;
  }

.iconresp-top{
    display:inline-block;
    font-size:30px;
    line-height:1;
    background:transparent;
    border:0;
    cursor:pointer;
    padding:2px 0 2px 0;
    margin-left:10px;
    margin-right:auto;
    order:2;
    flex:0 0 auto;
  }

.carrett{
    display:inline-block;
    float:none;
    width:auto;
    margin:0 10px 0 0;
    padding:0;
    white-space:nowrap;
    font-size:1.05em;
    order:3;
    flex:0 0 auto;
    margin-left:auto;
    text-align:right;
  }

.menusx .iconresp{
  display:none;
}


} /*fine 767*/


div#content{margin: 0;padding: 1em 10px}

ul#smenu li {display: inline; color:#808080;  list-style: none; font-size: 80%;}
ul#smenu li a{color:#808080}
ul#smenu li a:hover{color: #0033FF; text-decoration:underline}
ul#smenu li a#activelink{color: #000000}

div#p0{margin: 0;padding:0;display:block;text-align:center;padding-top:10pt;background-color:#ffffff}
div#p1{margin: 0;padding:0;display:block;text-align:center;padding-top:10pt;background-color:#ffffff}
div#p2{background-color:#ffffff; text-align:left;padding:20px}
.p2maps {position: relative;padding-bottom: 73.9%;padding-top: 0;height: 0;overflow: hidden;}
.p2maps iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;border:0}



.p2cent{text-align:center}

div#p3{max-width:100%}

div#p3i{display:block; position:relative}

.p4{margin-top:12px; position:relative;  width:240px; font-size:90%;display:inline-block;text-align:center;padding-top:5px; margin-left:10px;
    border-left: 1px solid #babababa; border-bottom: 1px solid #babababa; box-shadow: 1px 2px 8px #babababa}

.p4a{position:relative; height:50px;margin:0 auto;background-color:#ffffff;font-size:1.1em; }
.p4b{position:relative; height:200px;margin:0 auto;background-color:#ffffff;vertical-align:bottom}
.p4b img{position:absolute; margin:auto; height:auto; top:0; left:0; bottom:0; right:0;}
/*260326.p4c{position:relative; height:50px; margin-left:9px; margin-right:2px}*/
.p4c{
    position:relative;
    height:50px;
    margin:0;
    padding:0 8px;
    box-sizing:border-box;
    overflow:hidden;
    word-break:break-word;
    overflow-wrap:anywhere;
    line-height:1.25;
    text-align:center;
    width:100%;
}
.p4d{position:relative; height:25px; margin:0 auto;background-color:#ffffff;font-size:1.20em; font-weight:bold; padding-top:1px}
.p4dm{position:relative; height:50px; margin:0 auto;background-color:#ffffff;font-size:0.95em; padding-top:5px;  font-style: italic;}

@media(max-width:767px){
.p4{width:160px; font-size:90%;margin-top:4px;margin-left:5px;display:inline-block}
.p4b{height: 200px}
/*260326.p4c{height:80px;}*/
  .p4c{
    height:80px;
    margin:0;
    padding:0 8px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
    word-break:break-word;
    overflow-wrap:anywhere;
    line-height:1.2;
    text-align:center;
  }

.p4d{font-size:1.10em;height:20px; padding-top:0px}
}


.po3{margin:0 auto; padding:0; display:inline; text-align:center;background-color:#f3f3f3;width:100%}
.po4{margin:0; ;padding:0; position:relative;  width:400px; font-size:90%;display:inline-block;  text-align:center;
    padding-top:5px; margin-left:10px; margin-top:20px;
    border-left: 1px solid #babababa; border-bottom: 1px solid #babababa; box-shadow: -9px 7px 7px -7px #bababa;}
.po4a{position:relative; height:50px; margin:0 auto;background-color:#ffffff;font-size:110%}
@media(max-width:767px){
.po4{max-width:400px;}
}
.po4b0{font-family:'Tahoma';font-size:12px;position:relative; margin:0 auto;background-color:#ffffff;padding-left:10px; padding-right:10px; height:50px}
.po4b{position:relative; height:410px;margin:0 auto;background-color:#ffffff;vertical-align:bottom}
.po4b img{position:absolute; margin:auto;height:auto;top:0; left:0; bottom:0; right:0;}
.po4c{position:relative; height:50px; margin:0 auto;background-color:#f3f3f3;font-size:100%}
.po4d{position:relative; height:25px; margin:0 auto;background-color:#ffffff;font-size:1.50em;font-weight:bold}




.ptab{font-size:100%; width:100%; border:0}


.af{margin:0; padding:0; margin-top:5px; width:99%; display:block; text-align:center;}
.af0{margin:5px; padding:5px; width:110px; height: 110px; border:1px solid #808080; border-radius:6px;position:relative; display:inline; float:left; text-align:center}
.af0 img {position:absolute; margin:auto; height:auto;  top:0;  left:0; bottom:0; right:0;}

.al{width:100%; display:block; text-align:left;font-weight:bold;margin-bottom:5px;margin-top:5px;font-size:1.2em}
.alo{margin-bottom:15px;width:100%; display:block; text-align:left;}

.al0{float:left;position:relative;width:240px;display:inline;margin:3px;padding:3px; font-size:0.9em;text-align:center;}
.al1{margin:3px;padding:3px;border:1px solid #C0C0C0;height:200px;position:relative}
.al1 img{ position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);    
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);}
.al2 {}
.al3 {}

.al00{display:inline;margin:0;padding:0; font-size:90%;text-align:center;padding-top:2pt;height:200px;width:200px;border-left: 1px solid #3f3f3f;}

.p3marc{margin:0; margin-top:15px;padding:0; width:100%; text-align:center; background-color:#ffffff; height:auto}
.p4marc{margin:0; padding:0; position:relative; width:200px; font-size:95%;display:inline; float:left; background-color:#ffffff;text-align:left; height:40px}


.p59{margin:0; margin-top:4px; margin-bottom:8px; margin-left:2px; padding:0; font-size:1.2em;font-weight:bold}
.p60{margin:0; margin-top:4px; margin-bottom:4px; padding:0; font-size:1.2em}

.p40{margin:0; margin-left:12px; margin-top:12px;padding:0; 
    width:240px; font-size:90%;display:inline; float:left; text-align:center;height:300px;vertical-align: middle; padding-top:20pt; 
    border-left: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; background-color:#ffffff}
.p4ap{position:relative;text-align:center;}
.p4ba{position:relative;text-align:center;}

div#p5{background-color:#ffffff; width:100%;display:block;text-align:left}




div#p8{margin:0 auto;padding-top:20px;background-color:#ffffff;display:block}

#p53{margin:0 auto; border-top:1px solid #f3f3f3}

div#fasciamenupr{margin:0;padding:0; height:35pt; background-color:#FFFFFF; text-align:center}
ul#menupr {margin:0 auto;text-align:center}
ul#menupr li{margin:0; padding:0; list-style: none;line-height: 1.8em; font-size: 100%;line-height:30pt;text-align:center; font-weight:bold}
ul#menupr a{display: block;padding: 0 1em;text-decoration: none;color:#0000CC;text-align:center}
ul#menupr a:hover{color: #0000CC; background-color: #FFFFFF;text-decoration:underline;font-weight:bold}
ul#menupr li a#activelink{color: #0000CC; background-color:#FFFFFF}
ul#menupr li{float: left;position: relative}


div#sit0{margin:0; padding:0; width:99%; display:block; text-align:center;font-size:80%; font-family: "Arial"}

.ulsit li{list-style: none;}

.flx{max-width:100%}

div#centr{width:80%; display:inline;float:right; margin-top:5px;text-align:center}
div#cent2{margin:0 auto;padding:0; text-align:left}
div#cent3{width:80%; display:inline;float:right; margin-top:5px;text-align:center;}
div#cent4{margin:0 auto;padding:0; text-align:left;line-height:30pt}

footer{display:block;width:100%;clear:both;margin:0 auto; margin-top:10px;padding-top:20px}
div#footer1{position:relative;display:block;max-width:98%;clear:right;overflow:hidden;background-color:#0033FF;margin: 0 auto}
div#footer2{clear:both; text-align:center; padding: 5px 0; background-color: #F3F3F3; color: #000}
div#footer2 a{color:#F3F3F3;text-decoration: underline}
.foot1{width:210px; float:left; display:inline; overflow:hidden;color:#FFFFFF;position:relative}
.foot1 img {display:inline-block; padding-top: 30px;padding-left:10px;height:auto}

.ve10 {color:green; font-size: 12px; font-weight:bold}
.menuf1 {list-style: none; color:#FFFFFF;position:relative}
.menuf1 a{color:#FFFFFF; display: block;padding: 0.1em;text-align:left}
.menuf1 a:hover{text-decoration:underline;font-weight:bold}

.menuf1 li{height:24px}

.menuf2 {list-style: none; color:#FFFFFF;font-size:0.95em;margin-top:20px;position:relative}
.menuf2 a{color:#FFFFFF; display: block;padding: 0.1em;text-align:left}
.menuf2 a:hover{text-decoration:underline;font-weight:bold}


.menuf3 {list-style: none; color:#FFFFFF;font-size:1.30em;margin-top:20px;text-align:left;font-weight:bold;position:relative}
.menuf4 {list-style: none; color:#FFFFFF;font-size:1.20em;margin: 0 auto;text-align:left;position:relative}

#slider img{position:absolute; margin:0 auto; display:none}
#slider a{border:0;display:block;}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(arrows.png) no-repeat; text-indent:-9999px; border:0;}
a.nivo-nextNav {background-position:-30px 0; right:15px;}
a.nivo-prevNav {left:15px;}

.close {  color: #aaaaaa;  float: right;  font-size: 28px;  font-weight: bold;}

.close:hover,.close:focus {  color: #000;  text-decoration: none;  cursor: pointer;}

#p9{position:relative;width:40%;float:left;padding-top:10px}
#p10{position:relative;width:60%;float:right}
#p11{position:relative;width:100%;clear:both; padding-top:25px}
.tabinf{position:relative}
.rowinft{width:100%;font-weight:bold}
.rowinf{width:100%;font-weight:normal;display:table;padding-top:10px;box-shadow: -9px 7px 7px -7px #bababa;}
.rowinf2{width:100%;font-weight:normal;display:table}
.rowinf3{width:100%;font-weight:normal;display:table;padding-top:10px}
.colinf{width:200px;float:left;font-size:0.9em}
.colinf img{max-width:50%}
.ulter1{position:relative;padding-bottom:5px}
.ulter2{position:relative;text-align:left;padding-top:10px}
.ricinf2{position:relative;text-align:left}
textarea{resize:none}

@media(max-width:767px){
#p9{position:relative;width:100%;padding-top:10px}
#p10{position:relative;width:100%}
}

.modal {
  display: block; 
  position: fixed; 
  z-index: 1;
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}


#wadiv{position:fixed; bottom:5px; right:0px; height:50px; width:50px; padding: 10px 20px;}

.waclass{ position: absolute;  top: 4px; right: 4px; width:20px; height:20px;}

#wadiv img{ border-radius: 10px;}

#sodiv{background-color: #efefef;border-radius: 10px;color: #000000; margin:5px;  padding-top:5px;  text-align:center;  float:none; }
#sodiv img{padding:5px; }
#sodiv img:hover{opacity:0.7; }

.tooltip {
  position: relative;
  display: inline-block;
  border-radius:6px;
  background-color: #f3f3f3;
  border: 1px solid #efefef;
  font-size:10px;
  padding: 1px;

}

.tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #efefef;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size:12px;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}


/*.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}*/

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*ricinf */
#pricinf{padding:2 2 2 2;background-color:#ffffff; width:100%;display:block;text-align:left}
.p5but {background-color: #26AA26;color: white;padding: 3px 5px;border: none;border-radius: 4px;cursor: pointer}
.butord {background-color: #26AA26;color:white;padding: 15px 32px;text-align:center;text-decoration:none;border: none;border-radius: 4px;cursor: pointer;font-size:16px; padding 4px;font-weight:bold}

#p8{clear:both}

/* contenitore card */
.laf0,
.laf01 {
  background:#ffffff !important;
  margin:3px;
  width:110px;                 /* larghezza fissa */
  position:relative;
  display:inline-block;         /* affianca le card */
  vertical-align:top;           
  text-align:center;
  font-size:10px;
  font-weight:normal;
  border:1px solid #e1e1e1;
  border-radius:6px;
  box-shadow:none;
  box-sizing:border-box;
}

/* Assicura che i contenuti non allarghino la card */
.laf01 form, .laf0 form,
.laf01 a, .laf0 a,
.laf01 button, .laf0 button {
  display:block;
  width:100%;        /* si adattano al contenitore */
  max-width:100%;
  box-sizing:border-box;
}

/* Hover */
.laf0:not(.selected):hover,
.laf0:not(.selected) a:hover,
.laf0:not(.selected) button:hover,
.laf01:not(.selected):hover,
.laf01:not(.selected) a:hover,
.laf01:not(.selected) button:hover {
  background:#e6e6e6;
  border-color:#000000;
  box-shadow:0 2px 10px rgba(0,0,0,.25);
  transform:translateY(-2px);
}

/* Selezionato */
.laf0.selected,
.laf01.selected {
  background: #dce6ff;
  border: 2px solid #0033ff;
  box-shadow: 0 0 12px rgba(0,51,255,.35);
  font-weight: bold;
  transform: none;
}


/* reset form */
.plaf-form {
  background:transparent !important;
  margin:0;
  padding:0;
  border:none;
  width:100%;        /* non oltre i 110px del genitore */
  box-sizing:border-box;
}

/* bottone */
.plaf-button {
  display:block;
  width:100%;        /* resta dentro i 110px */
  border:none;
  background:transparent !important;
  padding:0;
  margin:0;
  cursor:pointer;
  font-family:'OpenSans', sans-serif;
  font-size:10px;
  color:#000000;
  box-sizing:border-box;
}


/* testo principale */
.plaf0 {
  font-weight:normal;          /* niente bold */
  font-size:10px;
  text-align:center;
  background:#ffffff;
  margin-bottom:4px;
  height:60px;                 /* altezza fissa */
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.2em;
  padding:2px;
  box-sizing:border-box;
  word-wrap:break-word;
}

/* area immagine (senza bordo/radius) */
.plaf1 {
  font-weight:normal;
  font-size:10px;
  text-align:center;
  background:#ffffff;
  height:110px;               /* box fisso per la foto */
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}

.plaf1 img {
  display:block;
  margin:0 auto;
  max-width:100%;
  max-height:100%;
  height:auto;
}


.btn-blue-small {
  border: 1.5px solid #0033FF;
  background: transparent;
  color: #0033FF;
  /*padding: 0.35rem 0.8rem;  più compatto */
  border-radius: 6px;
/*  font-family: 'Open Sans', sans-serif; */
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition: background-color .25s ease, color .25s ease; 
 background: linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(0,0,0,0.05));
}

/* modifiche 140326 x varianti su legami */
.plaf-form {
    display: block;
    margin: 0;
    padding: 0;
}

.plaf-button-leg,
.plaf-link {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
}

.plaf-button-leg {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    cursor: pointer;

    font: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;

    text-align: left;
    white-space: normal;
}

.plaf-button-leg::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.p4b,
.p4c,
.p4d {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.p4c {
    text-align: center;
}

.p4d {
    text-align: center;
    margin-top: 6px;
}

/* ==================================================
   HOME PAGE: schede p4 con cappello categoria
   ================================================== */

/* Allineamento superiore delle schede */
#p0 > .p4 {
    vertical-align:top;
}


/* ---------- CAPPELLO CATEGORIA p4a ---------- */

/* Altezza uguale per tutte le intestazioni */
#p0 > .p4 > .p4a {
    height:50px;
    overflow:hidden;
}

/* Centra verticalmente il testo nel cappello */
#p0 > .p4 > .p4a > a {
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:50px;
    overflow:hidden;
}

/* Massimo 2 righe, senza puntini */
#p0 > .p4 > .p4a > a > .hme {
    display:block;
    width:100%;
    height:34px;
    max-height:34px;

    margin:0;
    padding:0 8px;
    box-sizing:border-box;

    font-size:0.95em;
    line-height:17px;

    overflow:hidden;
    word-break:normal;
    overflow-wrap:break-word;
}


/* ---------- DESCRIZIONE PRODOTTO p4c ---------- */

/* Desktop e tablet */
#p0 > .p4 > .p4a + a > .p4c {
    height:80px;
}


/* Mobile */
@media (max-width:767px) {

    #p0 > .p4 > .p4a + a > .p4c {
        height:110px;
    }

}