@import url('https://fonts.cdnfonts.com/css/futura-std-4');

* {
  box-sizing: border-box;
}

/*
td
{
  border: medium solid #FFFF00;
}


/*@media (orientation: portrait)
{*/

  html{background-color: #FFFFFF;}
  body{font-size: 14px;font-family: Arial;font-weight: normal;}
	h1{font-size:18px;padding:0px 0px;margin:5px 5px}
	h2{font-size:15px;padding:0px 0px;margin:0px 0px}  
	h3{font-size:12px;padding:0px 0px;margin:0px 0px}  
	h4{font-size:10px;padding:0px 0px;margin:0px 0px}  
	
	a{text-decoration:none;color: #E6690D;}
	a:hover{text-decoration: none;color: #5388D4;cursor:pointer}  
	
	/*height da 100 a 120 per fare entrare 3 bandiere*/
	.intestazione {position:fixed;height:120px;width:100%;top: 0; right: 0;bottom: auto;left: 0;background-color: #31170D;color:White}
	.corpo{padding-bottom: 100px;padding-top: 100px;background-color: #FFFFFF;}
	.piedepagina{position: fixed;height: 100px;width :100%;top: auto;right: 0;bottom: 0;left: 0;background-color: #31170D;color:White}	
	
	.imgButton {border:none;width:50px;height:50px;} 
		.imgFoto {  display: flex; justify-content: center;align-items: center;width:60px;height:60px}
		.imgFoto img{border:none;max-width:60px;max-height:60px;}

	.btnCar {width:50px;height:50px;float:left;margin: 0;padding: 0;position: relative;overflow: hidden}
	.btnCar img{border:none;width:50px;height:50px;}
	.btnCar span{height: 100%;width: 100%;text-align:center;vertical-align:middle;position: absolute;left: 0;bottom: 0}
	
	.imgIntestazione{border:none;max-height:80px;}
	
	.imgFotoDett{border:none;max-width:80px;max-height:80px;}




	.font1{font-size: 14px;font-family: Arial;font-weight: normal;}
	.font2{font-size: 16px;font-family: Arial;font-weight: bold;}
	.font3{font-size: 14px;font-family: Arial;font-weight: normal;}
	
	.center{display: flex;justify-content: center;align-items: center;}
	
	/*Bottoni*/
	a.buttonNav {
	  display: inline-block;
	  color: #31170D;
	  text-decoration: none;
	  padding: .5em 2em;
	  outline: none;
	  border-width: 2px 0;
	  border-style: solid none;
	  border-color: #FDBE33 #000 #D77206;
	  border-radius: 6px;
	  background: linear-gradient(#F3AE0F, #E38916) #E38916;
	  transition: 0.2s;
	} 
	a.buttonNav:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
	a.buttonNav:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }
	

button {
	color:#FFFFFF;
	background-color:#F24537;
	border-radius:8px;
	border:1px solid #D02718;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	/*font-size:17px;*/
	padding:10px 5px;
	text-decoration:none;
}
button:hover {
	background-color:#C62D1F;
}
button:active {
	position:relative;
	top:1px;
}
	


    /*Messaggi*/
	/* The Modal (background) */
	.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Sit on top */
	  padding-top: 10vh; /* Location of the box (era 100px) */
	  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.4); /* Black w/ opacity */
	}

	/* Modal Content */
	.modal-content {
	  position: relative;
	  background-color: #fefefe;
	  margin: auto;
	  padding: 0;
	  border: 1px solid #888;
	  width: 85%;
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	  -webkit-animation-name: animatetop;
	  -webkit-animation-duration: 0.4s;
	  animation-name: animatetop;
	  animation-duration: 0.4s
	}

	/* Add Animation */
	@-webkit-keyframes animatetop {
	  from {top:-100px; opacity:0} 
	  to {top:0; opacity:1}
	}

	@keyframes animatetop {
	  from {top:-100px; opacity:0}
	  to {top:0; opacity:1}
	}

	/* The Close Button */
	.close {
	  color: white;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}

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

	.modal-header {
	  padding: 2px 16px;
	  background-color: #31170D;
	  color: white;
	}

	.modal-body {padding: 2px 16px;min-height:100px;}

	.modal-footer {
	  padding: 2px 16px;
	  background-color: #31170D;
	  color: white;
	}

/*
}       

 
@media (orientation: landscape)
{

	body{font-size: 2vw;font-family: Arial;}
	.intestazione {position:fixed;height:15vw;width:100%;top: 0; right: 0;bottom: auto;left: 0;background-color: #31170D;color:White}
	.corpo{padding-bottom: 15vw;padding-top: 15vw;background-color:white;}
	.piedepagina{position: fixed;height: 15vw;width :100%;height: 15vw;top: auto;right: 0;bottom: 0;left: 0;background-color: #31170D;color:White}	
	
	.imgButton {border:none;width:5vw;height:5vw;}

	.btnCar {width:5vw;height:5vw;float:left;margin: 0;padding: 0;position: relative;overflow: hidden}
	.btnCar img{border:none;width:5vw;height:5vw;}
	.btnCar span{height: 100%;width: 100%;text-align:center;vertical-align:middle;position: absolute;left: 0;bottom: 0}

	a{text-decoration:none;color: #E6690D;}
	a:hover{text-decoration: none;color: #5388D4;}	
	
	.font2{font-size: 3vw}
	
              
}
*/