/* CSS Document */
p {
font-size:1em;                 /*    16px / 16px  = 1em              */
line-height:1.125em;            /*    18px  / 16px = 1.125em    */
}

body {background:#FFF; font-family: 'Lato', sans-serif; color:#252525;}
/*
h1 {font-size:1.25em; color:#464C51; line-height:1.25em;}
*/
h1 {font-size:2.75em; font-weight: bold;}
h2 {font-size:2em; font-weight:bold;}
h3 {font-size:3.75em; font-weight:bold;}
h4 {font-size:1.5em;}
h5 {font-size:1.875em;}

.trattino {width:6.25em;}

.blocco-item li::marker {
  color: #E53F33;
}
.blocco-item li::before {
	content: "";
  background: #97252B;
	width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}


#frmBlocco input[type=submit] {background: #715D55; padding: 1em 2em}

.blu {color: #223166;}
.grigio {color: #B0B0B0;}
.scuro {color: #1C1C1C;}
.marrone {color: #715D55;}
.azzurro {color: #13B0F2;}

.sf-blu {background: #223166;}
.sf-grigio {background: #B0B0B0;}
.sf-marrone {background: #715D55;}
.sf-scuro {background: #1C1C1C;}
.sf-grigio-ft {background:#151515;}
.sf-azzurro {background:#13B0F2;}

.blocco-item a {color:#97252B;}

.brd-lang {border:1px solid #FFF;}

.fs18 {font-size: 1.125em;}
.fs20 {font-size: 1.25em;}
.fs22 {font-size: 1.375em;}
.fs24 {font-size: 1.5em;}
.fs30 {font-size: 1.875em;}

.hd-top-home {position: absolute; top: 1em; z-index: 10; width: 100%;}
.hd-top {margin-top: 1em; width: 100%;}





.hp-img-container {padding-top: 60%; height: 0; overflow: hidden; position: relative;}
.hp-img-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hp-img-content img {height: 100%;}

.pad-left-contatti {padding-left: 15em;}
.hp-brd-verticale {border-left: 4px solid #FFF;}

.mappa-home {width:100%; height:40em; z-index:100}
.foto-mappa {height:40em;}

.img-zi:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -ms-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}


#spazio-webcam {width: 50%; margin: auto;}

#modalImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#modalImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#modal-caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #modal-caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.modal-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

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

.slick-dots li button::before {font-size: 13px !important;}
.slick-dots li.slick-active button::before {opacity: .75; color: #E53F33 !important;}


.bkg-linea {background: #CCC; height: 1px; width: 100%; margin: 0.5em 0;}
.over-linea {position: absolute; background: #FFF; z-index: 100; margin-top: -1.5em; padding-right: 1em;}

.w300 {width:300px;}


/*********MEDIA QUERY *************/
@media only screen and (max-width:699px) {
		
	h2.home {font-size:2em;}
	h2.home span {padding:0 !important; border-top:none !important;}
  
  #hd-tel {text-align: center;}
  #hd-mail {text-align: center;}
	
  .hd-top-home {position: relative; top: 0; z-index: 10; width: 100%;}
  .hd-top {position: relative; top: 0; z-index: 10; width: 100%; margin-top: 0;}
  
  .hp-inner-box {padding-top: 0; height: 0; overflow: auto; position: relative;}
  .hp-inner-text {position: relative; width: 100%; height: 100%; padding-top:0; padding-bottom:0;}
  .pad-left-contatti {padding-left: 0; padding-top: 2em;}
  
	#spazio-webcam {width: 90%; margin: auto;}
  
  .mappa-home {height: 20em;}
  .foto-mappa {height:auto;}
  
  .modal-content {width: 100%;}
  
  footer {text-align:center;}
	
	
	.bottom-navigation {background:#F7D900;}
	

}


@media only screen and (min-width: 700px) and (max-width: 980px) {
	
	
}


@media only screen and (min-width:1400px) {
	
}

@media only screen and (min-width:1800px) {
	
}