* {

  box-sizing: border-box;  /* le dimensioni dei div non sono influenzate dal padding */

}



body {

	margin: 0px;

	background-color: #09ab8b;

}



/*-- Inizio Header --*/



.header {

  padding: 0px 15px;

  text-align: center;

  color: white;

  font-size: 20px;

  line-height: normal;

}



.hd_1 {

  padding: 0px 5px;

  text-align: right;

  border: solid red 0px;
  margin: 5px 7px 5px 0px;

}





.hd_2 {

  text-align: center; 

  border: solid white 0px; 

  font-family: Albertina, times, serif; 

  color: #00A;
  margin: 3px 3px 3px 6px;
  

}





#sp_h { 

  border: solid red 0px; 

  font-family: Simbol; 

  padding:0px; 

  margin:0px; 

  word-spacing: 12px; 

}



/* Barra di navigazione */





.div_nav {

  background-color: #228;

  padding: 3px 8px;

  color: #fff;

}







.a_menu {

  color: #f2f2f2;

  padding: 6px 12px;

  text-decoration: none;

  border: solid #228 1px;

}





.a_menu:hover {

  background-color: #ddd;

  color: black;

  text-decoration: none;

  border: solid #228 1px;

  border-radius: 6px;

}





/* sottomenu della barra di navigazione */





.dropdown-menu {

  font-family: Cambria, Optima, 'Times New Roman';

  padding: 4px 6px;

  margin: 0px;

  border: solid #09ab8b 1px;

        background-color: #014b8f;



}









.dropdown-item:hover {

  background-color: #ddd;	

	color: #228;

	  border-radius: 4px;

}





.dropdown-item {

	color: #f2f2f2;

	padding: 4px;

}



/* FINE Barra di navigazione */





/* Inizio modal */



.modal_tr1 { 

	font-weight: bold; 

	margin: 5px 10px 10px 30px;

	}



.modal_tr2 { 

	font-weight: bold; 

	margin: 5px 10px 10px 10px;

	}



/* Inizio parte centrale */



.centrale {

  padding: 0px 18px;

  font-family: Cambria, Optima, 'Times New Roman';

  font-size: 16px;

  line-height: normal;

  letter-spacing: normal;

}





.colonna_1 {

  background-color: #fff;

  color: #33A;

  border: solid red 0px;

  margin-top: 14px;

  margin-bottom: 0px;

  padding: 3px 12px;

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}



.titolo_pp { 					  /* titolo div prima pagina */

	text-align:left; 

	background-color: #228; 

	color: #fff; 

	border: solid #229 1px; 

	padding: 2px 10px

}



.sezione_pp {  					 /* sezione div prima pagina */

	 border: solid #229 1px; 

	 padding: 10px; 

	 margin-bottom: 15px

}



.titolo_pag {			/* titolo pagina */

	text-align: center; 

	background-color: #fff; 

	color: #955; 

	margin: 10px 0px;

		border: solid #229 0px; 

	padding: 0px 10px;

	font-weight: bold;

	

}







.titolo_20 {

	font-size: 20px; 

}





/* Inizio colonna_2 */



.colonna_2 {

  background-color: rgb(220,220,220);

  border: solid blue 0px;

  margin-top: 14px;

  margin-bottom: 0px;

  padding-top: 2px;

  padding-bottom: 3px;

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}



.testo_s {

	

	color: #000;

}



.testo_s:hover {

	color: #b00;

}







/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}





/* Inizio Footer */



.footer {

  background-color: #228;

  text-align: center;

  font-family: Cambria, Optima, 'Times New Roman';

  font-size: 13px;

  padding: 10px 5px;

  margin: 0px 0px;

  color: rgb(220,220,220);

  line-height:normal;

  border-radius: 6px;

}





/* media query */



/* 

  ##Device = Desktops

  ##Screen = 1281px to higher resolution desktops

*/



@media (min-width: 1281px) {

  

  	#hd_2 {

	  font-size: 18px; 

	}



	#sp_h { 

	  font-size: 36px; 

	}

	

	#benvenuto { 

	  font-size: 26px; 

	}



.simboli_18 {

	font-size: 18px;

	}





}



/* 

  ##Device = Laptops, Desktops

  ##Screen = B/w 1025px to 1280px

*/



@media (min-width: 1025px) and (max-width: 1280px) {

  

  	#hd_2 {

	  font-size: 18px; 

	}



	#sp_h { 

	  font-size: 36px; 

	}

 

	#benvenuto { 

	  font-size: 26px; 

	}

	

	

	.simboli_18 {

		font-size: 18px;

	}	

	

}



/* 

  ##Device = Tablets, Ipads (portrait)

  ##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) {

  

   	#img_h {

		width: 40px;

		height: 40px;

	}



	#hd_2 {

	  font-size: 12px; 

	}

	

	#sp_h { 

	  font-size: 20px; 

	}



	#benvenuto { 

	  font-size: 22px; 

	}





	.simboli_18 {

		font-size: 16px;

	}	

	

	.testo_s {

		font-size: 12px;

	}

  

}



/* 

  ##Device = Tablets, Ipads (landscape)

  ##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  

  	#img_h {

		width: 50px;

		height: 50px;

	}



	#hd_2 {

	  font-size: 14px; 

	}

	

	#sp_h { 

	  font-size: 20px; 

	}



	#benvenuto { 

	  font-size: 18px; 

	}



	.titolo_20 {

		font-size: 15px; 

	}



	.simboli_18 {

		font-size: 14px;

	}	



	.testo_s {

		font-size: 12px;

	}

  

}



/* 

  ##Device = Low Resolution Tablets, Mobiles (Landscape)

  ##Screen = B/w 481px to 767px

*/



@media (min-width: 481px) and (max-width: 767px) {

  

 	#img_h {

		width: 40px;

		height: 40px;

	}



	#hd_2 {

	  font-size: 14px; 

	  margin-bottom:0px; 

	}	



	#sp_h { 

	  display: none;

	}

	


	#benvenuto { 

	  font-size: 14px; 

	}



	.titolo_20 {

		font-size: 12px; 

	}



	.simboli_18 {

		font-size: 14px;

	}	



	.testo_s {

		font-size: 14px;

	}	

	

  

}



/* 

  ##Device = Most of the Smartphones Mobiles (Portrait)

  ##Screen = B/w 320px to 479px

*/



@media (min-width: 320px) and (max-width: 480px) {

  

	#img_h { width: 40px; height: 40px; }



	#hd_2 { font-size: 14px;  margin-bottom:0px; }	



	#sp_h { display: none; }

	

	#benvenuto {  font-size: 14px; }

	

 	.colonna_1 { border-radius: 6px; padding: 2px 0px;} 



	.centrale {font-size: 10px;  padding: 0px 4px; }

	



	.titolo_20 {

		font-size: 11px;

	}



	.simboli_18 {

		font-size: 10px;

	}	

	

	.testo_s {

		font-size: 14px;

	}	

	

  

}













/*  



@media (max-width: 575.98px) {



	#img_h {

		width: 110px;

		height: 35px;

	}



	#hd_2 {

	  font-size: 14px; 

	  margin-bottom:0px; 

	}	



	#sp_h { 

	  display: none;

	}

	

	#motto { 

	  display: none;

	}

	

	.testo_s {

		font-size: 14px;

	}	

	



}







@media (min-width: 576px) and (max-width: 767.98px) {

	#img_h {

		width: 154px;

		height: 49px;

	}



	#hd_2 {

	  font-size: 14px; 

	}

	

	#sp_h { 

	  font-size: 20px; 

	}



	.testo_s {

		font-size: 12px;

	}



}





@media (min-width: 768px) {



	#hd_2 {

	  font-size: 18px; 

	}



	#sp_h { 

	  font-size: 32px; 

	}





}



*/



a:link {

    text-decoration: none;



}



a:visited {

    text-decoration: none;



}



a:hover {

    text-decoration: none;

	color: #b00;



}



a:active {

    text-decoration: none;

}






.eser_div {
	border: solid 2px #294A70;
	border-radius: 0.5em;
	padding: 0.5% 1% 1% 1%;
	margin-bottom: 2%;
	margin: 8px;
}


.eser_sol {
	border: solid 1px #888;
	border-radius: 0.2em;
	background: #f8f8f8;
	padding: 1%;
	margin-bottom: 0px;
	margin-top: -1px;
}




.more {
    display: none;
    padding-top: 10px;
}

a.showLink,
a.hideLink {
    text-decoration: none;
}

a.b_eser {
	display: block;
	border: solid 1px #888;
	border-radius: 0.2em;
	background: #eee;
	color: #000;
	font-weight: bold;
	padding: 5px;
	
	
}


.tel_div {
  display: none;
  background: #ccc;
  overflow: hidden;
  display: block;

  }

.formu {
	color:black;
	display: block;

	
}