/*Selettori generali*/
* {

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

}

body {

  font-family: 'Segoe UI', sans-serif;
  line-height: 1.6;
  background-color: #D9B104;
  margin: 0;
  padding: 0;
  width: 100%;
  height:100%;

}
/*Main delle varie pagine*/

main{

  margin: 0;
  display: flex;

}

h2{

  text-align: center;
  text-shadow: 0 0 4px #fff;

}

/*Selettori specifici*/

header {

  position:relative;
  margin: 0px;
  top:0px;
  left:0px;
  background-color: #B2721B;
  color: white;
  text-shadow: 0 0 4px #000;
  padding: 10px 0px;
  text-align: center;
  width: 100%;
  height:150px;

}

/*Parte sx dell'header*/

#immagini-sinistra {

  margin-top:15px;
  top: 2px;
  position:absolute;
  left: 10px;
  width: 17%;
  height: auto;
  display: grid;

}

.logo-sx {

  width: 45%;
  height: auto;
  margin: auto 0 auto 10px;
  margin-top:3px ;
  display: block;
  border-radius: 8px;

}

.logo-sx:first-child{

  margin-top: 12px;

}

.logo-sx:last-child{

  position: absolute;
  float: right;
  right: 10px;

}

/*Menù delle pagine*/

header nav ul {

  list-style: none;
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-top: 10px;
  height:49px;

}

header nav a {

  color: white;
  text-decoration: none;
  font-weight: bold;
}

header nav a:hover {

  font-size: 20px;
  color:white ;
  text-decoration: none;
  font-weight: bold;
  background-image:linear-gradient(to bottom, #B2721B,#B2721B, #D9B104);
  

}

header #menu {

  margin: 25px auto;
  width: 70%;
  
}

header h1 {

  width: 63%;
  margin: 15px auto;

}

#immagini-destra {

  margin: auto;
  top: 0px;
  position:absolute;
  right: 10px;
  width: 17%;
  height: 100%;
  float: right;

}

.logo-dx {

  width:auto;
  height:auto;
  border-radius: 8px;
  display: block;
  margin-top: 15%;
  margin-left:15px;

}

/*Centro del sito*/

#centro-sito {

  width:60%;
  margin: 20px auto;
  background-color: #DABA4B;
  box-shadow: 0 0 2px #F0E6A9;
  border-radius: 8px 8px 8px 8px;
  color: #00A5E7;
  position: relative;

}

#centro-sito img, header img{

  box-shadow: 0px 1px 5px #5f5951;

}

.contenitore{
    
    display:flex;
    
}

/* Parte centrale del sito a sx*/

.sx-contenitore {
  
  position: relative;
  width: 12.5%;
  float: left;
  margin: 0 auto;

}

/* Parte centrale del sito al centro*/

.centro-contenitore{

  position: relative;
  margin: 0 auto;
  width: 75%;

}

/*Parte centrale del sito a dx*/

.dx-contenitore{

  position: relative;
  width: 12.5%;
  float: right;
  margin: 0 auto;

}

.icon {

  width: 100%;
  border-radius: 8px;

}

.sub-cont {

  width:90%;
  border-radius: 10px;
  background-color: #fff;
  left:5%;
  position:relative;
  

}

.sub-cont img{
    
    width:90%;
    margin: 5% 5%!important;
    box-shadow: none !important;
    
}

.sub-cont:hover{

  box-shadow: none !important;

}

/*Slide da dx a sx*/

.slideshow-container {

  text-align: center;
  position: relative;
  max-width: 900px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 8px;

}

.slideshow-container p{
    
      font-size:20px;
      color: #00A5E7;
      text-shadow: 0 0 2px #fff;
      text-shadow: 0 0 4px #fff;
  }

.slide {

  display: none;
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;

}

.slide img {

  width: 100%;
  border-radius: 8px;
  display: block;
  margin:auto;

}

.slide.active {

  display: block;
  opacity: 1;
  position: relative;

}

/*fracce*/

.prev,
.next {

  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 10px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  transition: 0.3s;
  user-select: none;

}

.prev {

  left: 0px;
  transform: translateY(-50%);

}

.next {

  right: 0px;
  transform: translateY(-50%);

}

.prev:hover,
.next:hover {

  background-color: rgba(0, 0, 0, 0.6);

}

#third{

	color: #00A5E7;
	text-align: center;
	width:75%;
    position:relative;
    text-shadow: 0 0 2px #fff;
    margin: auto;
    

}

#third h2{

  text-shadow: 0 0 5px #fff;

}

.brochure{

  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #DABA4B;
  border-radius: 8px;
  box-shadow: 0 0 2px #F0E6A9;
  padding-bottom: 5px;

}

.sub-third{

	text-align: center;
	width:250px;
	height:auto;
	margin-left:80px;
	font-weight: bold;
	margin-top:40px;
    text-shadow: 0 0 2px #fff;

}

.sub-third img{

	width:100%;
    padding: 8px 0px 2px 2px;

}

.sub-third img:hover {

	transform: scale(1.03);

}

.sub-third a{

  text-decoration: none;

}

.sub-third span{

  border-radius: 15px;
  color: #fff;
  background-color: #00A5E7;
  border: 2px solid #fff;
  box-shadow: 0 0 2px black;
  text-shadow: 0 0 2px black;
  padding: 0 5px;

}

.sub-third span:hover{

  color: #00A5E7;
  background-color: #fff;
  border: 2px solid #00A5E7;

}

#third .attenzione{

  background:none;
  width: 5%;
  height: auto;
  float: left;
  margin-top: 5px;

}

#travel{

	width:19%;
	position:relative;
    margin: 0 auto 0 auto;
    color: #00A5E7;
    text-shadow: 0 0 2px #fff;
    right: 10px;

}

#travel h2{

  text-shadow: 0 0 5px #fff;

}

.mezzi{

  position: relative;
  background-color: #DABA4B;
  border-radius: 8px;
  box-shadow: 0 0 3px #F0E6A9;

}

#travel .attenzione{

  background:none;
  width: 17%;
  height: auto;
  float: right;
  right: 0;
  margin-top: 5px;

}

.sub-mezzi{

	width:100%;
	height:auto;
	font-weight: bold;
    text-shadow: 0 0 2px #fff;
    text-align: center;
    align-items: center;
    margin-top: 10px;
    
}

.sub-mezzi:first-child{

  padding-top: 1px;

}

.sub-mezzi:last-child{
  padding-bottom: 15px;
}

.sub-mezzi img{

  width: 20%;
  padding: 10px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 2px #000;

  
}

.sub-mezzi img:hover{

box-shadow: none;

}

.avvertenza{

  color: #fff;
  text-shadow: 0 0 2px #000;
  margin: 2px;

}

.avvertenza span{

  color: #ff0000;
  text-shadow: none;
  

}

/*Css per affiliati*/

.affiliato{

  background-color: #DABA4B;
  border-radius: 8px;
  box-shadow: 0 0 2px #F0E6A9;
  text-shadow: 0 0 1px #fff;
  margin: 10px;
  font-size:24px;
  font-weight:bold;
  color: #00A5E7;
  height:110px;
 
}

.affiliato img{

  width: 100px;
  height:100px;
  float: left;
  margin: 5px;
  border-radius: 20px;
  background:#fff;
  position:relative;
  box-shadow:0 0 1px #000;

}

.affiliato p{
    float:left;
    margin-right:5px;
    margin-left:5px;
}

.affiliato a{
    
    float:left;
    font-size:15px;
    text-decoration:none;
    color:white;
    text-shadow: 0 0 2px #000;
    margin-right:5px;
    margin-left:5px;
    
}

.affiliato a:hover{
    color:white;
}

.affiliato a:active{
    color:white;
}

/*Classi Pagina Documenti*/

.bilancio, .statuto{

  padding: 5px;
  padding-top: 15px;
  border-bottom: 2px solid #F0E6A9;
  border-radius: 8px;
  margin: 0 10px;
  

}

.bilancio span, .statuto span{

  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 2px #000;

}

.bilancio a, .statuto a{

  text-decoration: none;
  color: #000;
  text-shadow: 0 0 2px #fff;
  font-weight: bold;

}


.manutenzione{

color: #fff;
text-shadow: 0 0 2px #000;
margin: auto;
text-align:center;
font-weight: bold;
font-size: 30px;

}

/*Footer*/

footer {

  
  background-image: linear-gradient( to left top, #C3791F, #B2721B);
  color: white;
  text-shadow: 0 0 2px #000;
  left: 0px;
  float: left; 
  margin-top: 20px;
  width: 100%; 
  height:auto;
  padding-bottom:20px;

}

#contatti{

  flex-direction: row;
  text-align: left;


}

#contatti p{

  margin: auto;
  font-weight: bold;
  text-align: center;
  font-size:24px;

}

.under-footer {

  position: relative;
  right: 0px;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 50px;
  
}

.info {

  width: 33%;
  position: absolute;
  margin: 25px 10px;

}

.under-info {

  margin: 0px;
  padding: 0px;
  font-weight: unset !important;
  text-align: left !important;
  font-size:18px !important;

}

.under-info a{
    
    text-decoration: none !important;
    color: white !important;
    
}

.under-info a:hover{
    
    text-decoration: none ;
    color: white;
    
}

.social {

  position: absolute;
  display: flex;
  margin: auto;
  left:60%;
  padding: 20px;
  
}

.under-social{

  height: auto;
  width: auto;
  margin-right: 10px;
  padding: 5px;

}


.under-social img {

  width:50%;
  display:block;
  margin: 0 auto;

}

.under-social img:hover {

  transform: scale(1.05);

}

.Contattaci{
    
    margin-top:70px;
    margin-bottom:5px;
    width:100%;
    position:relative;
    
}

.form-contatti{
    
    position:relative;
    float:right;
    width:28%;
    background-color:#bb7708;
    border-radius:12px;
    border:2px solid #a15e1d;
    text-align: center;
    right:6%;

}

.form-contatti p{
    
    font-size:25px;
    width:55%;
    border-radius:15px;
    margin:auto;
    margin-top:-20px;
    background:#8c4e0d;
    
}

input, select, textarea{
    border-radius:8px;
    border:none;
    width:60%;
    height:30px;
    padding-left:5px;
    
}

textarea{
    padding-top:5px;
}

.text{
    
    height:80px;
    width:75%;
    padding:0;
    padding-left:10px;
    
}

.button{
    
    margin-top:10px;
    margin-bottom:5px;
    background:#8c4e0d;
    width:33%;
    border: 2px solid #fff;
    color:#fff;
    box-shadow:0 0 2px #fff;
    font-size:18px;
    font-weight:bold;
    border-radius:12px;
    padding-left:0px !important;
    
}

.ritorno p{
    
    font-size:12px !important;
    color:white !important;
    width:100% !important;
    background:none !important;
    text-decoration:underline;
    margin: 5px 0 5px 0;
    position:relative;
    
}

.g-maps{
    
    position:relative;
    border-radius:15px;
    border:2px solid #a15e1d;
    float:left;
    margin-left:10%;
    width:500px;
    height:500px;
    transition: 0.5s ease-in-out;
    opacity:0.75;
    
}

.g-maps:hover{
    
    opacity:1;
}