*{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    border: 0;
    font-size: 1em;
    text-decoration: none;
    outline: none;
  }

 .backwards {
    unicode-bidi: bidi-override;
    direction: rtl;
  }

  body {
    background-color: #f4f4fa;
  }
  A:hover {
    color: #258a0a;
  }
  .pre-head-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0.2%;
    margin-left: 10%;
    width: 80%;
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 6pt;
    color: #808080;
    background-color: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: right;
  }
  .head-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0.2%;
    margin-left: 10%;
    width: 80%;
    background-color: #eaeaff;
    border-collapse: collapse;
    border-spacing: 0px;
  }
  .nav-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0.2%;
    margin-left: 10%;
    width: 80%;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 11pt;
    color: #404040;
    background-color: #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
  }
  .post-nav-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0.5%;
    margin-left: 10%;
    width: 80%;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 8pt;
    color: #404040;
    background-color: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
  }
  .address-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 2%;
    width: 50%;
    text-align: center;
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 10pt;
    color: #404040;
    background-color: #fafafa;
    border-collapse: collapse;
    border-spacing: 0px;
  }
  .hmo-address-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 4%;
    width: 90%;
    text-align: center;
    color: #404040;
    background-color: #fafafa;
    border-collapse: collapse;
    border-spacing: 0px;
  }
  .topic-div {
    position: relative;
    top: 0%;
    left: 2%;
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    text-align: right;
  }
  .address-div {
    position: relative;
    top: 0%;
    left: 7%;
    width: 100%;
    margin-top: 0%;
    margin-left: 0%;
    text-align: left;
  }
  .hmo-topic-div {
    position: relative;
    top: 0%;
    left: 20%;
    margin-top: 0%;
    margin-left: 10%;
    width: 100%;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 10pt;
    background-color: #f6f6f6;
    text-align: left;
  }
  .hmo-address-div {
    position: relative;
    top: 0%;
    left: 20%;
    margin-top: 0%;
    margin-left: 10%;
    width: 100%;
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 10pt;
    background-color: #f6f6f6;
    text-align: left;
    white-space: nowrap;
  }
  .h1-div {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    text-align: center;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 12pt;
    color: #fefefe;
    background-color: #8080f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .h2-div {
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 12pt;
    color: #ab251f;
  }
  .h3-div {
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 10pt;
    color: #404040;
  }
  .h4-div {
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 6pt;
    color: #fefefe;
  }
  .img-cell {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 388px;
    height: 320px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 3px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 3px;
  }
  .img-logo {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 85px;
  }
  .img-icon {
    width: 15px;
  }
  .parent-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0.7%;
    margin-left: 10%;
    width: 80%;
    text-align: center;
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 10pt;
    color: #404040;
    background-color: #fafafa;
  }
  .contact-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    text-align: center;
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 10pt;
    color: #404040;
    background-color: #fafafa;
  }
  .left-col {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 18%;
vertical-align: top;
    border-spacing: 0px;
  }
  .left-col-table {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    background-color: #f0f0f0;
  }
  .left-row {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    background-color: #8080f1;
    border: 0px #f3f3f3 solid;
  }
  a.left-nav-div {
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 11pt;
    color: #f3f3f3;
  }
  a.left-nav-div:hover {
    color: #000000;
  }
  a.black-nav-div {
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 11pt;
    color: #f3f3f3;
  }
  a.black-nav-div:hover {
    color: #bbcc00;
  }
  a.extr-nav-div {
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 11pt;
    color: #ff0000;
    text-decoration: underline;
  }
  a.extr-nav-div:hover {
    color: #bbcc00;
    text-decoration: underline;
  }

  .p-center-div {
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 10pt;
    color: #303030;
    background-color: #f7f7f7;
    text-align: left;
    padding: 14px;
  }

  .map-img {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 532px;
    height: 350px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }

  .tablo-img {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 518px;
    height: 683px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }


  .foto-img {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 512px;
    height: 384px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }

  .foto-img512x288 {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 512px;
    height: 288px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }
  .foto-img512x340 {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 512px;
    height: 340px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }
  .foto-img512x292 {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 512px;
    height: 292px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }
  .foto-img512x384 {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 512px;
    height: 384px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }

  .foto-img1 {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 288px;
    height: 384px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }


  .foto-pano-img {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 510px;
    height: 272px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }
  .foto-vert-img {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 254px;
    height: 338px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    -o-box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 25) 0 1px 2px;
  }
  .img-legend {
    width: 8px;
  }
  .right-row {
    position: relative;
    top: 0%;
    left: 0%;
    margin-top: 0%;
    margin-left: 0%;
    width: 100%;
    background-color: #8080f1;
    border: 0px #f3f3f3 solid;
  }
  .p-right-div {
    font-family: Verdana, Tahoma;
    font-weight: normal;
    font-size: 10pt;
    color: #303030;
    background-color: #f7f7f7;
    text-align: left;
    padding: 4px;
  }
  .right-img {
    position: relative;
    top: 0%;
    left: 20%;
    margin-top: 0%;
    margin-left: 0%;
    height: 480px;
  }

  .container-map {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 72%;
  }

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe-map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0px
}