/*----------- VARIABILI----------*/
/* dichiarazione font generica */
/* dichiarazione sfondo/colore generiche */
/*----------- FINE VARIABILI -----------*/
/* annulla margini e padding */
/*----------- ISTRUZIONI GENERALI -----------*/
header.top-header {
  background: url("../images/header-interne.png") no-repeat top center;
  background-color: #9de1ff; }
  @media (max-width: 991px) {
    header.top-header {
      background: url("../images/header-interne-tablet.png") no-repeat top center;
      background-color: #9de1ff; } }
  @media (min-width: 768px) and (max-width: 991px) {
    header.top-header {
      background-position: center -50px;
      padding-bottom: 10px; } }
  @media (max-width: 767px) {
    header.top-header {
      background-position: center -190px; } }
  @media (min-width: 768px) {
    header.top-header .header_inner {
      min-height: 222px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    header.top-header .header_inner .external-menu {
      margin-top: -30px;
      margin-bottom: 60px; } }

section.main {
  padding: 35px 0;
  background: #9de1ff;
  background: -moz-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #9de1ff), color-stop(0%, #9de1ff), color-stop(100%, #ddf5ff));
  background: -webkit-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
  background: -o-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
  background: -ms-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
  background: linear-gradient(to bottom, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9de1ff', endColorstr='#ddf5ff', GradientType=0 ); }
  @media (max-width: 767px) {
    section.main {
      padding: 0;
      border-top: solid 1px #fff; } }

.txt-box-container {
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 0 20px #5F92AA; }
  .txt-box-container .testo {
    font-size: 19px;
    line-height: 35px; }
  .txt-box-container .readmore {
    display: inline-block;
    border-radius: 5px;
    font-size: 22px;
    line-height: 22px;
    background: #86B939;
    margin-right: 10px;
    box-shadow: 0 0 20px #fff;
    font-family: 'McLaren', cursive;
    padding: 15px;
    color: #fff; }
    .txt-box-container .readmore:hover {
      background: #6a922d; }
    .txt-box-container .readmore i {
      font-size: 35px;
      line-height: 35px;
      margin-left: 10px;
      font-weight: 700; }

.testo img {
  max-width: 100% !important; }

h1 {
  font-size: 42px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
  vertical-align: bottom;
  margin: 0 0 30px;
  font-family: 'McLaren', cursive;
  text-transform: uppercase; }

hgroup h2 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 800; }
  hgroup h2 a {
    color: #1C86B1; }
    hgroup h2 a i {
      font-weight: 700;
      color: #86B939; }

div.sidebar .share {
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 40px;
  box-shadow: 0 0 20px #5F92AA; }
  div.sidebar .share h3 {
    font-size: 19px;
    font-family: "Lato", sans-serif;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase; }
  div.sidebar .share ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    div.sidebar .share ul li {
      margin: 0 10px 0 0;
      padding: 0;
      display: inline-block; }
      div.sidebar .share ul li a {
        border-radius: 100%;
        display: block;
        width: 30px;
        height: 30px;
        color: #fff;
        background: red;
        text-align: center;
        padding-top: 6px; }
        div.sidebar .share ul li a.fb {
          background-color: #3B5998; }
        div.sidebar .share ul li a.tw {
          background-color: #2DAAE1; }
        div.sidebar .share ul li a.gp {
          background-color: #DC4A3D; }
        div.sidebar .share ul li a i {
          font-size: 18px; }
div.sidebar .related-box h2 {
  margin: 0 0 20px;
  font-size: 42px;
  font-weight: 800;
  color: #fff; }
@media (max-width: 767px) {
  div.sidebar .related-box h3 {
    text-align: center; } }
div.sidebar .related-box ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div.sidebar .related-box ul li {
    margin: 0 0 20px;
    box-shadow: 0 0 20px #5F92AA;
    background: #fff;
    border-radius: 5px;
    font-size: 22px;
    font-family: 'McLaren', cursive; }
    div.sidebar .related-box ul li:hover, div.sidebar .related-box ul li.active {
      background: #DDF5FF; }
    @media (max-width: 991px) {
      div.sidebar .related-box ul li {
        font-size: 18px;
        line-height: 18px; } }
    div.sidebar .related-box ul li a {
      display: block;
      padding: 15px;
      overflow: hidden;
      color: #1C86B1;
      position: relative; }
      div.sidebar .related-box ul li a span {
        padding-right: 60px; }
      div.sidebar .related-box ul li a i {
        position: absolute;
        top: 16px;
        right: 16px;
        font-size: 30px;
        font-weight: 700;
        color: #86B939; }
        @media (max-width: 991px) {
          div.sidebar .related-box ul li a i {
            font-size: 22px;
            line-height: 22px; } }
div.sidebar .attached-box h2 {
  margin: 0 0 20px;
  font-size: 30px;
  font-weight: 800;
  color: #fff; }
div.sidebar .attached-box ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div.sidebar .attached-box ul li {
    margin: 0 0 20px;
    box-shadow: 0 0 20px #5F92AA;
    background: #fff;
    border-radius: 5px;
    font-size: 22px;
    font-family: 'McLaren', cursive; }
    @media (max-width: 991px) {
      div.sidebar .attached-box ul li {
        font-size: 18px;
        line-height: 18px; } }
    div.sidebar .attached-box ul li:hover {
      background: #DDF5FF; }
    div.sidebar .attached-box ul li a {
      display: block;
      padding: 15px;
      color: #1C86B1; }
      div.sidebar .attached-box ul li a i {
        font-size: 30px;
        font-weight: 700;
        color: #86B939;
        margin-right: 10px; }

/* pagina video mappa */
#video header.top-header {
  background-color: transparent; }
#video .main {
  padding: 0 !important;
  margin: -50px 0 0 0;
  /* carloforte */
  /* gonnesa */
  /* sant'antioco */
  /* sestu */
  /* siddi baradili */
  /* cagliari-marina */ }
  @media (max-width: 767px) {
    #video .main {
      margin: 20px 0 0 0; } }
  #video .main .map-box {
    margin: 0 0 -40px 0; }
    @media (min-width: 991px) {
      #video .main .map-box {
        height: 868px; } }
    @media (max-width: 767px) {
      #video .main .map-box {
        height: 230px;
        background-size: 200% !important;
        background-position: center center !important; } }
    #video .main .map-box .container {
      position: relative; }
      @media (min-width: 991px) {
        #video .main .map-box .container {
          height: 868px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-box .container {
          height: 660px; } }
      @media (max-width: 767px) {
        #video .main .map-box .container {
          position: initial; } }
      #video .main .map-box .container .illustrazione-video {
        display: block;
        position: absolute;
        background-size: 100% auto;
        background-repeat: no-repeat; }
        @media (max-width: 767px) {
          #video .main .map-box .container .illustrazione-video {
            display: none; } }
        #video .main .map-box .container .illustrazione-video span {
          display: none; }
  #video .main .map-carloforte {
    background: url("../images/mappa-carloforte.png") top center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #video .main .map-carloforte {
        background: url("../images/mappa-carloforte-tablet.png") top center; } }
    #video .main .map-carloforte .carloforte-corniciaia {
      background: url("../images/illustrazioni/carloforte/corniciaia.png") center center;
      width: 244px;
      height: 234px;
      top: 30px;
      left: 380px; }
      #video .main .map-carloforte .carloforte-corniciaia:hover {
        background: url("../images/illustrazioni/carloforte/corniciaia-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-carloforte .carloforte-corniciaia {
          left: 280px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-carloforte .carloforte-corniciaia {
          width: 122px;
          height: 117px;
          left: 250px;
          top: 50px; } }
    #video .main .map-carloforte .carloforte-delcomar {
      background: url("../images/illustrazioni/carloforte/delcomar.png") center center;
      width: 304px;
      height: 160px;
      top: 300px;
      right: 180px; }
      #video .main .map-carloforte .carloforte-delcomar:hover {
        background: url("../images/illustrazioni/carloforte/delcomar-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-carloforte .carloforte-delcomar {
          right: 80px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-carloforte .carloforte-delcomar {
          width: 156px;
          height: 80px;
          top: 250px;
          right: 150px; } }
    #video .main .map-carloforte .carloforte-maestroascia {
      background: url("../images/illustrazioni/carloforte/maestro-ascia.png") center center;
      width: 326px;
      height: 180px;
      bottom: 100px;
      right: 180px; }
      #video .main .map-carloforte .carloforte-maestroascia:hover {
        background: url("../images/illustrazioni/carloforte/maestro-ascia-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-carloforte .carloforte-maestroascia {
          width: 168px;
          height: 90px;
          bottom: 100px;
          right: 150px; } }
    #video .main .map-carloforte .carloforte-pastaia {
      background: url("../images/illustrazioni/carloforte/pastaia.png") center center;
      width: 212px;
      height: 266px;
      top: 170px;
      left: 50px; }
      #video .main .map-carloforte .carloforte-pastaia:hover {
        background: url("../images/illustrazioni/carloforte/pastaia-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-carloforte .carloforte-pastaia {
          left: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-carloforte .carloforte-pastaia {
          width: 106px;
          height: 133px;
          top: 140px;
          left: 20px; } }
    #video .main .map-carloforte .carloforte-pizzaiolo {
      background: url("../images/illustrazioni/carloforte/pizzaiolo.png") center center;
      width: 292px;
      height: 230px;
      bottom: 160px;
      left: 60px; }
      #video .main .map-carloforte .carloforte-pizzaiolo:hover {
        background: url("../images/illustrazioni/carloforte/pizzaiolo-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-carloforte .carloforte-pizzaiolo {
          left: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-carloforte .carloforte-pizzaiolo {
          width: 146px;
          height: 115px;
          bottom: 180px;
          left: 40px; } }
  #video .main .map-gonnesa {
    background: url("../images/mappa-gonnesa.png") top center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #video .main .map-gonnesa {
        background: url("../images/mappa-gonnesa-tablet.png") top center; } }
    #video .main .map-gonnesa .gonnesa-agricoltore {
      background: url("../images/illustrazioni/gonnesa/agricoltore.png") center center;
      width: 366px;
      height: 278px;
      top: 40px;
      left: 80px; }
      #video .main .map-gonnesa .gonnesa-agricoltore:hover {
        background: url("../images/illustrazioni/gonnesa/agricoltore-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-agricoltore {
          left: 50px; } }
      @media (min-width: 1201px) and (max-width: 1490px) {
        #video .main .map-gonnesa .gonnesa-agricoltore {
          width: 326px;
          left: 130px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-agricoltore {
          width: 183px;
          height: 139px;
          top: 40px;
          left: 160px; } }
    #video .main .map-gonnesa .gonnesa-fabbro {
      background: url("../images/illustrazioni/gonnesa/fabbro.png") center center;
      width: 268px;
      height: 310px;
      top: 190px;
      right: 80px; }
      #video .main .map-gonnesa .gonnesa-fabbro:hover {
        background: url("../images/illustrazioni/gonnesa/fabbro-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-fabbro {
          right: 80px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-fabbro {
          width: 134px;
          height: 155px;
          top: 140px;
          right: 60px; } }
    #video .main .map-gonnesa .gonnesa-miniera {
      background: url("../images/illustrazioni/gonnesa/miniera.png") center center;
      width: 336px;
      height: 250px;
      bottom: 40px;
      left: 50px; }
      #video .main .map-gonnesa .gonnesa-miniera:hover {
        background: url("../images/illustrazioni/gonnesa/miniera-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-miniera {
          left: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-miniera {
          width: 168px;
          height: 125px;
          bottom: 40px;
          left: 80px; } }
    #video .main .map-gonnesa .gonnesa-panettiere {
      background: url("../images/illustrazioni/gonnesa/panettiere.png") center center;
      width: 366px;
      height: 234px;
      bottom: 120px;
      right: 100px; }
      #video .main .map-gonnesa .gonnesa-panettiere:hover {
        background: url("../images/illustrazioni/gonnesa/panettiere-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-panettiere {
          right: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-panettiere {
          width: 183px;
          height: 117px;
          bottom: 100px;
          right: 80px; } }
    #video .main .map-gonnesa .gonnesa-pescatore {
      background: url("../images/illustrazioni/gonnesa/pescatore.png") center center;
      width: 366px;
      height: 236px;
      bottom: 320px;
      left: 0px; }
      #video .main .map-gonnesa .gonnesa-pescatore:hover {
        background: url("../images/illustrazioni/gonnesa/pescatore-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-pescatore {
          left: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-pescatore {
          width: 183px;
          height: 118px;
          bottom: 320px;
          left: 0px; } }
    #video .main .map-gonnesa .gonnesa-cuoca {
      background: url("../images/illustrazioni/gonnesa/cuoca.png") center center;
      width: 146px;
      height: 256px;
      bottom: 20px;
      left: 410px; }
      #video .main .map-gonnesa .gonnesa-cuoca:hover {
        background: url("../images/illustrazioni/gonnesa/cuoca-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-cuoca {
          left: 460px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-cuoca {
          width: 113px;
          height: 198px;
          bottom: 30px;
          left: 270px; } }
    #video .main .map-gonnesa .gonnesa-fablab {
      background: url("../images/illustrazioni/gonnesa/fablab.png") center center;
      width: 126px;
      height: 186px;
      bottom: 40px;
      left: 580px; }
      #video .main .map-gonnesa .gonnesa-fablab:hover {
        background: url("../images/illustrazioni/gonnesa/fablab-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-fablab {
          left: 350px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-fablab {
          width: 82px;
          height: 118px;
          bottom: 40px;
          left: 400px; } }
    #video .main .map-gonnesa .gonnesa-qrcode {
      background: url("../images/illustrazioni/gonnesa/qrcode.png") center center;
      width: 216px;
      height: 236px;
      bottom: 510px;
      left: 650px; }
      #video .main .map-gonnesa .gonnesa-qrcode:hover {
        background: url("../images/illustrazioni/gonnesa/qrcode-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-qrcode {
          left: 620px;
          bottom: 660px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-qrcode {
          width: 113px;
          height: 118px;
          bottom: 350px;
          left: 380px; } }
    #video .main .map-gonnesa .gonnesa-tablet {
      background: url("../images/illustrazioni/gonnesa/tablet.png") center center;
      width: 176px;
      height: 166px;
      bottom: 380px;
      left: 390px; }
      #video .main .map-gonnesa .gonnesa-tablet:hover {
        background: url("../images/illustrazioni/gonnesa/tablet-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-tablet {
          left: 390px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-tablet {
          width: 120px;
          height: 118px;
          bottom: 220px;
          left: 200px; } }
    #video .main .map-gonnesa .gonnesa-videolettera {
      background: url("../images/illustrazioni/gonnesa/videolettera.png") center center;
      width: 206px;
      height: 266px;
      top: 40px;
      left: -100px; }
      #video .main .map-gonnesa .gonnesa-videolettera:hover {
        background: url("../images/illustrazioni/gonnesa/videolettera-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 1201px) and (max-width: 1490px) {
        #video .main .map-gonnesa .gonnesa-videolettera {
          left: -40px; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-videolettera {
          left: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-videolettera {
          width: 146px;
          height: 196px;
          top: 20px;
          left: -20px; } }
    #video .main .map-gonnesa .gonnesa-visore {
      background: url("../images/illustrazioni/gonnesa/visore.png") center center;
      width: 206px;
      height: 216px;
      top: 30px;
      left: 460px; }
      #video .main .map-gonnesa .gonnesa-visore:hover {
        background: url("../images/illustrazioni/gonnesa/visore-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-gonnesa .gonnesa-visore {
          left: 410px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-gonnesa .gonnesa-visore {
          width: 123px;
          height: 128px;
          bottom: 310px;
          left: 506px; } }
  #video .main .map-santantioco {
    background: url("../images/mappa-santantioco.png") top center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #video .main .map-santantioco {
        background: url("../images/mappa-santantioco-tablet.png") top center; } }
    #video .main .map-santantioco .santantioco-basket {
      background: url("../images/illustrazioni/santantioco/basket.png") center center;
      width: 270px;
      height: 300px;
      bottom: 58px;
      left: 460px; }
      #video .main .map-santantioco .santantioco-basket:hover {
        background: url("../images/illustrazioni/santantioco/basket-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-santantioco .santantioco-basket {
          left: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-santantioco .santantioco-basket {
          width: 168px;
          height: 182px;
          bottom: 40px;
          left: 80px; } }
    #video .main .map-santantioco .santantioco-pescatore {
      background: url("../images/illustrazioni/santantioco/pescatore.png") center center;
      width: 400px;
      height: 265px;
      bottom: 420px;
      right: 0px; }
      #video .main .map-santantioco .santantioco-pescatore:hover {
        background: url("../images/illustrazioni/santantioco/pescatore-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-santantioco .santantioco-pescatore {
          right: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-santantioco .santantioco-pescatore {
          width: 183px;
          height: 117px;
          bottom: 340px;
          right: 0px; } }
    #video .main .map-santantioco .santantioco-videolettera {
      background: url("../images/illustrazioni/santantioco/videolettera.png") center center;
      width: 200px;
      height: 300px;
      bottom: 530px;
      left: 250px; }
      #video .main .map-santantioco .santantioco-videolettera:hover {
        background: url("../images/illustrazioni/santantioco/videolettera-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-santantioco .santantioco-videolettera {
          left: 166px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-santantioco .santantioco-videolettera {
          width: 183px;
          height: 238px;
          bottom: 330px;
          left: 110px; } }
    #video .main .map-santantioco .santantioco-gatto {
      background: url("../images/illustrazioni/santantioco/gatto.png") center center;
      width: 170px;
      height: 235px;
      bottom: 30px;
      right: 0px; }
      #video .main .map-santantioco .santantioco-gatto:hover {
        background: url("../images/illustrazioni/santantioco/gatto-over.png") center center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-santantioco .santantioco-gatto {
          right: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-santantioco .santantioco-gatto {
          width: 113px;
          height: 137px;
          bottom: 50px;
          right: 0px; } }
    #video .main .map-santantioco .santantioco-sindaco {
      background: url("../images/illustrazioni/santantioco/sindaco.png") center center;
      background-repeat: no-repeat;
      width: 170px;
      height: 265px;
      bottom: 45px;
      left: 520px; }
      #video .main .map-santantioco .santantioco-sindaco:hover {
        background: url("../images/illustrazioni/santantioco/sindaco-over.png") center center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-santantioco .santantioco-sindaco {
          right: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-santantioco .santantioco-sindaco {
          width: 103px;
          height: 137px;
          bottom: 70px;
          left: 340px; } }
    #video .main .map-santantioco .santantioco-pirata {
      background: url("../images/illustrazioni/santantioco/pirata.png") center center;
      background-repeat: no-repeat;
      width: 200px;
      height: 265px;
      bottom: 570px;
      right: 330px; }
      #video .main .map-santantioco .santantioco-pirata:hover {
        background: url("../images/illustrazioni/santantioco/pirata-over.png") center center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-santantioco .santantioco-pirata {
          right: 250px;
          bottom: 600px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-santantioco .santantioco-pirata {
          width: 120px;
          height: 160px;
          bottom: 440px;
          right: 180px; } }
  #video .main .map-sestu {
    background: url("../images/mappa-sestu.png") top center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #video .main .map-sestu {
        background: url("../images/mappa-sestu-tablet.png") top center; } }
    #video .main .map-sestu .sestu-fabbro {
      background: url("../images/illustrazioni/sestu/fabbro.png") center center;
      width: 290px;
      height: 265px;
      bottom: 90px;
      right: 125px; }
      #video .main .map-sestu .sestu-fabbro:hover {
        background: url("../images/illustrazioni/sestu/fabbro-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-sestu .sestu-fabbro {
          right: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-sestu .sestu-fabbro {
          width: 183px;
          height: 177px;
          bottom: 380px;
          right: 10px; } }
    #video .main .map-sestu .sestu-maschera {
      background: url("../images/illustrazioni/sestu/maschera.png") center center;
      width: 350px;
      height: 300px;
      bottom: 120px;
      left: 100px; }
      #video .main .map-sestu .sestu-maschera:hover {
        background: url("../images/illustrazioni/sestu/maschera-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-sestu .sestu-maschera {
          left: 166px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-sestu .sestu-maschera {
          width: 235px;
          height: 238px;
          bottom: 30px;
          left: 60px; } }
    #video .main .map-sestu .sestu-videolettera {
      background: url("../images/illustrazioni/sestu/videolettera.png") center center;
      width: 200px;
      height: 300px;
      bottom: 530px;
      left: 250px; }
      #video .main .map-sestu .sestu-videolettera:hover {
        background: url("../images/illustrazioni/sestu/videolettera-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-sestu .sestu-videolettera {
          left: 166px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-sestu .sestu-videolettera {
          width: 183px;
          height: 238px;
          bottom: 330px;
          left: 110px; } }
  #video .main .map-siddi {
    background: url("../images/mappa-siddi_baradili.png") top center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #video .main .map-siddi {
        background: url("../images/mappa-siddi_baradili-tablet.png") top center; } }
    #video .main .map-siddi .siddi-ristorante {
      background: url("../images/illustrazioni/siddi/ristorante.png") center center;
      width: 210px;
      height: 305px;
      bottom: 90px;
      left: 65px; }
      #video .main .map-siddi .siddi-ristorante:hover {
        background: url("../images/illustrazioni/siddi/ristorante-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #video .main .map-siddi .siddi-ristorante {
          width: 173px;
          height: 267px;
          left: -15px; } }
    #video .main .map-siddi .siddi-accademia {
      background: url("../images/illustrazioni/siddi/accademia.png") center center;
      width: 270px;
      height: 200px;
      bottom: 210px;
      right: 130px; }
      #video .main .map-siddi .siddi-accademia:hover {
        background: url("../images/illustrazioni/siddi/accademia-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 768px) and (max-width: 1199px) {
        #video .main .map-siddi .siddi-accademia {
          width: 235px;
          height: 178px;
          right: 20px;
          bottom: 180px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #video .main .map-siddi .siddi-accademia {
          right: 40px;
          bottom: 240px; } }
  #video .main .map-cagliari-marina {
    background: url("../images/mappa-cagliari-marina.png") top center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #video .main .map-cagliari-marina {
        background: url("../images/mappa-cagliari-marina-tablet.png") top center; } }
    #video .main .map-cagliari-marina .marina-multiculturale {
      background: url("../images/illustrazioni/cagliari-marina/multiculturalita.png") center center;
      width: 310px;
      height: 275px;
      left: 240px;
      bottom: 130px; }
      #video .main .map-cagliari-marina .marina-multiculturale:hover {
        background: url("../images/illustrazioni/cagliari-marina/multiculturalita-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-cagliari-marina .marina-multiculturale {
          left: 80px;
          bottom: 200px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-cagliari-marina .marina-multiculturale {
          width: 122px;
          height: 107px;
          left: 220px;
          top: 360px; } }
    #video .main .map-cagliari-marina .marina-gelataio {
      background: url("../images/illustrazioni/cagliari-marina/gelataio.png") center center;
      width: 300px;
      height: 280px;
      top: 10px;
      left: 230px; }
      #video .main .map-cagliari-marina .marina-gelataio:hover {
        background: url("../images/illustrazioni/cagliari-marina/gelataio-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-cagliari-marina .marina-gelataio {
          left: 100px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-cagliari-marina .marina-gelataio {
          width: 156px;
          height: 140px;
          top: 100px;
          left: 210px; } }
    #video .main .map-cagliari-marina .marina-mutseu {
      background: url("../images/illustrazioni/cagliari-marina/mutseu.png") center center;
      width: 300px;
      height: 260px;
      bottom: 310px;
      right: 170px; }
      #video .main .map-cagliari-marina .marina-mutseu:hover {
        background: url("../images/illustrazioni/cagliari-marina/mutseu-over.png") center center;
        background-size: 100% auto; }
      @media (min-width: 992px) and (max-width: 1200px) {
        #video .main .map-cagliari-marina .marina-mutseu {
          right: 60px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #video .main .map-cagliari-marina .marina-mutseu {
          width: 168px;
          height: 140px;
          bottom: 280px;
          right: 130px; } }
  #video .main .text-map-box {
    background: url("../images/decoro-mappa.png") top center no-repeat;
    min-height: 100px;
    padding-top: 86px;
    padding-bottom: 60px; }
    @media (max-width: 767px) {
      #video .main .text-map-box h1 {
        margin-top: -120px;
        text-align: center;
        font-family: "Open Sans", sans-serif;
        text-transform: none;
        font-size: 24px;
        line-height: 24px; } }
    #video .main .text-map-box .anchor-related {
      padding: 10px;
      display: block;
      box-shadow: 0 0 20px #5F92AA;
      background: #fff;
      border-radius: 5px;
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 60px; }
      #video .main .text-map-box .anchor-related i {
        float: right;
        padding-right: 10px;
        padding-top: 6px;
        line-height: 24px;
        font-size: 24px; }
    #video .main .text-map-box > div:first-child {
      background: #9de1ff;
      background: -moz-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #9de1ff), color-stop(0%, #9de1ff), color-stop(100%, #ddf5ff));
      background: -webkit-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
      background: -o-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
      background: -ms-linear-gradient(top, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%);
      background: linear-gradient(to bottom, #9de1ff 0%, #9de1ff 0%, #ddf5ff 100%); }
    #video .main .text-map-box .testo {
      font-size: 19px;
      line-height: 35px;
      margin-bottom: 60px; }
    @media (max-width: 767px) {
      #video .main .text-map-box .related-box ul li {
        box-shadow: none;
        background: none;
        border-radius: 5px; } }
    @media (max-width: 991px) {
      #video .main .text-map-box .related-box ul li a {
        font-family: "Open Sans", sans-serif; } }
    @media (max-width: 767px) {
      #video .main .text-map-box .related-box ul li a {
        text-align: center;
        display: block; } }
    #video .main .text-map-box .related-box ul li a img {
      position: relative;
      z-index: 110; }
    @media (max-width: 767px) {
      #video .main .text-map-box .related-box ul li a .related-box-element {
        display: block;
        box-shadow: 0 0 20px #5F92AA;
        background: #fff;
        border-radius: 5px;
        padding: 14px;
        padding-top: 24px;
        margin-top: -14px;
        position: relative;
        z-index: 100; } }
    #video .main .text-map-box .related-box ul li a .related-box-element .title-related {
      padding-right: 10px; }
      @media (max-width: 991px) {
        #video .main .text-map-box .related-box ul li a .related-box-element .title-related {
          display: block;
          text-transform: uppercase;
          font-weight: 800; } }
      @media (max-width: 767px) {
        #video .main .text-map-box .related-box ul li a .related-box-element .title-related {
          padding-right: 0px; } }
    @media (min-width: 991px) {
      #video .main .text-map-box .related-box ul li a .related-box-element .location-related {
        font-size: 14px; } }
    @media (max-width: 991px) {
      #video .main .text-map-box .related-box ul li a .related-box-element .location-related {
        font-size: 12px; } }
    @media (max-width: 767px) {
      #video .main .text-map-box .related-box ul li a .related-box-element .location-related {
        padding-right: 0px; } }

/*  pagina video scheda */
.video-detail hgroup {
  overflow: hidden;
  border-bottom: 1px dashed #fff;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .video-detail hgroup h1 {
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    text-transform: none;
    margin: 0; }
  .video-detail hgroup h3 {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    display: inline-block;
    margin: 0 0 3px 10px;
    vertical-align: bottom;
    font-weight: 700; }
.video-detail p.txt-intro-detail {
  margin-bottom: 20px;
  font-size: 15px; }
.video-detail .thumb {
  margin-bottom: 30px; }
  .video-detail .thumb img {
    display: block; }
  .video-detail .thumb h3 {
    margin: 0;
    text-align: center;
    font-family: "Lato", sans-serif; }
    .video-detail .thumb h3 .row1 {
      display: block;
      color: #fff;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 15px; }
    .video-detail .thumb h3 .row2 {
      display: block;
      font-size: 15px; }

.testo .video {
  margin-bottom: 34px;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative; }
  .testo .video iframe,
  .testo .video object,
  .testo .video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/*  fine pagina video scheda */
/*  pagina progetti */
.list-gallery-related {
  overflow: hidden;
  margin-bottom: -20px;
  /*annulla il margin inferiore assegnato agli a dell'ultima riga. si vedrebbe troppo padding inferiore nel box bianco*/ }
  .list-gallery-related a {
    margin-bottom: 20px; }

.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .title,
.blueimp-gallery > .indicator,
.blueimp-gallery > .play-pause {
  /*serve per mostrare sempre tal elementi. di default questa gallery prevede che al clic sull'immagine, scompaiono o vengono mostrati i pulsanti. in questo modo vengono comunque mostrati*/
  display: block; }

/*  fine pagina progetti */
/* pagina gallery */
.photogallery_cat {
  margin-bottom: 30px;
  position: relative; }
  .photogallery_cat figure {
    z-index: 1; }
  .photogallery_cat h2 {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    background: rgba(134, 185, 57, 0.5);
    height: 70px;
    font-size: 20px;
    font-weight: 300;
    width: 100%;
    margin: 0; }
    .photogallery_cat h2 a {
      color: #fff;
      padding: 10px;
      height: 70px;
      display: block;
      width: 100%; }
      .photogallery_cat h2 a:hover {
        text-decoration: none; }
  .photogallery_cat:hover h2 {
    background: #86B939; }

.sfoglia_pagine {
  clear: both; }

/* fine pagina gallery */
/* pagina 404 */
div.error404 {
  width: 450px;
  padding-right: 300px;
  background: url("../images/404face.png") right 0 no-repeat;
  margin-top: 30px; }
  div.error404 h1 {
    color: #666;
    font-size: 50px;
    line-height: 55px;
    margin: 0 0 30px;
    padding: 0;
    float: none;
    width: auto;
    text-transform: uppercase; }
  div.error404 h2 {
    font-size: 22px;
    margin-bottom: 35px;
    padding-right: 240px;
    text-transform: uppercase;
    width: 370px; }
  div.error404 h3 {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 13px;
    text-transform: uppercase; }
    div.error404 h3.good_nav {
      font-size: 30px;
      text-transform: uppercase; }
  div.error404 ul {
    margin: 0 0 20px 15px;
    padding: 0; }
    div.error404 ul li {
      font-size: 16px;
      margin-bottom: 8px; }

/*------------------------------------------------- 	contatti 	---------*/
div.form-contatti textarea {
  height: 182px; }
div.form-contatti button[type="submit"] {
  background-color: #86B939;
  color: #fff;
  border: none; }

/*------------------------------------------------- 	mappa del sito 	---------*/
ul.sitemap {
  list-style: none;
  padding: 0; }

ul.sitemap li.first {
  border-bottom: 1px solid #ccc;
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
  padding: 9px 10px 9px 20px; }

ul.sitemap li {
  margin: 0;
  padding: 1px 0; }

ul.sitemap ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 24px; }

ul.sitemap ul.branch li {
  font-size: 11px;
  font-weight: normal;
  padding: 3px 0 4px 15px;
  background-position: 0px 13px; }

ul.sitemap ul.branch ul li {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 4px 0 2px 25px;
  background-position: 0px 2px; }

/*# sourceMappingURL=interna.css.map */