/* ! Grid */

.grid{display: flex; max-width: 1350px; padding: 0 30px;margin: 0 auto;}
.grid .col{width: 100%;}

.col_sx{
  padding-right: 15px; border-right: 3px solid green;
}
.col_dx{
  padding-left: 15px; border-left: 3px solid green;
}

@media (max-width: 768px) {
  .grid{flex-wrap: wrap}
  .col_sx{
    padding-right: 0; border-right:none; }
  .col_dx{
    padding-left: 0; border-left:none;
  }
}


.watermark_body {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='150px' width='150px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(0, 0, 0, 0.2)' font-size='20'>Ator in Friûl</text></svg>");
  border: 1px solid rgba(224,224,148,1); padding: 5px 25px 5px 5px;
}
.img_maps { max-width: 100vh; }
.gridtable { width: 100%; border: 1px dotted blue; vertical-align: middle;}
/*
.watermark_body {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='150px' width='150px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(0, 0, 0, 0.2)' font-size='20'>Ator in Friûl</text></svg>");
}
*/



li span {
   display:inline-block;
   width: 100%;
   vertical-align:middle;
}

.Cartello_paese{
  border-style: SOLID;
  border-width: thin;
  border-collapse: separate;
  border-radius: 25px;
  border-color: BLACK;
  width: 150px;
  height:100px;
  background-color: white;
  font-family: sans-serif;
  font-weight: bold;
  padding-left:15px;
  padding-top:40px;
  float:left;}

.td_img{  display: flex;
 justify-content: center;
 align-items: center;}

.td_rb{text-align: center;
  vertical-align: middle;
  width:100%;
  height: 100px;
  min-height: 120px;
  }

  .punto_interesse{
    border-style: dashed;
    border-width: thin;
    border-collapse: separate;
    border-radius: 20px;
    border-color: BLACK;
    vertical-align: middle;
    width: 40px;
    height:40px;
    background-color: white;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    float:right;
    color: #ffffff;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
    letter-spacing: 2px;    }

    @media (max-width:766px) {
      .gridtable, .gridtable thead, .gridtable tbody, .gridtable tr {
        display: grid;
        width: 100%;
      }
    .gridtable tr { grid-template-columns: auto; }
    .img_maps  { min-width: 75vw;margin: auto;}
    .Cartello_paese{
      margin-top:5px;
      padding-left: 0px;
      padding-top:0px;
      width: auto;
      height:auto;}
    .gridtable img{  margin-top:25px;}

    }
  /*
  .cartello_a_destra{
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: 80%;}


  .cartello_a_sinistra{
      display: block;
      margin-left: 0;
      margin-right: auto;
      width: 80%;}


  .Scritta_cartello {
    letter-spacing: -1px;
    text-align: center;
    font-family: sans-serif;
    font-weight: 900;}


    .base_tabella {
      font-size: larger;
      width: 100%;
      border: 1px dotted blue;}
  */