@charset "UTF-8";



/* Foglio stile esterno */

body { background-color: #FFFFFF } /* sfondo bianco */





h1, h2, h3, h4, h5, h6 {

  font-weight: bold; 

  font-family: "arial"; 

  color: #001268;/* blu */

}



h7  {

  font-weight: bold; 

  font-family: "black"; 

  color: #bbbbbb;/* grigio */

  opacity:50

}





@font-face {

	font-family: 'arial';

	src: url('arial.TTF') format('truetype');

	}





@font-face {

	font-family: 'narrow';

	src: url(arial_narrow_7.ttf) format('truetype');

	}





@font-face {

	font-family: 'black';

	src: url(ArchivoBlack-Regular.ttf) format('truetype');

	}











h1 { 

  font-size: 20pt;

 }

 

h2 { 

   font-size: 16pt; 

} 





h3 { 

   font-size: 12pt; 

} 





h4 { 

   font-size: 8pt; 

} 









p {

  font-family: "arial", serif;

  width: 65%;

  font-size: l2pt;

}

 

ul li { 

  font-family: "arial", serif; 

  font-size: l2pt;

  list-style-type: square;

}



a:link {

    color: #001268;}

a:visited {

    color: #8b1400;}







.image-container {

  position: relative;

}





.image-text {

  position: absolute;

  top: 80%;

  left: 50%;

  transform: translate(-50%, -70%);

  z-index: 1;

  

  color: #eeeeee;

  font-size: 40px;

  font-weight: bold;

}

.image-text {height: 200px; background: #aaaaaa opacity:0}

.image-text {height: 200px; opacity:0; transition: all .7s ease-in-out}

.image-text:hover {opacity: 1}



}