/*
2022-01-12
stile 2022 

*/

@charset "iso-8859-1";

@font-face {
  font-family: "Abel";
  src: url("http://gaspoz.free.fr/fonts/Abel/Abel-Regular.woff") format("woff"), url("http://gaspoz.free.fr/fonts/Abel/Abel-Regular.ttf") format("truetype"), url("http://gaspoz.free.fr/fonts/Abel/Abel-Regular.otf") format("otf"),url("http://gaspoz.free.fr/fonts/Abel/Abel-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }


@font-face {
  font-family: "ATW";
  src: url("http://gaspoz.free.fr/fonts/AmericanTypeWriter/AmericanTypeWriter.woff") format("woff"), url("http://gaspoz.free.fr/fonts/AmericanTypeWriter/AmericanTypeWriter.ttf") format("truetype"), url("http://gaspoz.free.fr/fonts/AmericanTypeWriter/AmericanTypeWriter.otf") format("otf"),url("http://gaspoz.free.fr/fonts/AmericanTypeWriter/AmericanTypeWriter.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
  
@font-face {
  font-family: "Astral";
  src: url("http://gaspoz.free.fr/fonts/AstralSisters/AstralSisters.woff") format("woff"), url("http://gaspoz.free.fr/fonts/AstralSisters/AstralSisters.ttf") format("truetype"), url("http://gaspoz.free.fr/fonts/AstralSisters/AstralSisters.otf") format("otf"),url("http://gaspoz.free.fr/fonts/AstralSisters/AstralSisters.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Code3xR";
  src: url("http://gaspoz.free.fr/fonts/Code3xR/Code3xR-D23.woff") format("woff"), url("http://gaspoz.free.fr/fonts/Code3xR/Code3xR-D23.ttf") format("truetype"), url("http://gaspoz.free.fr/fonts/Code3xR/Code3xR-D23.otf") format("otf"),url("http://gaspoz.free.fr/fonts/Code3xR/Code3xR-D23.woff2") format("woff2"), url("http://gaspoz.free.fr/fonts/Code3xR/Code3xR-D23.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Monofonto";
  src: url("http://gaspoz.free.fr/fonts/Monofonto/monofonto.woff") format("woff"), url("http://gaspoz.free.fr/fonts/Monofonto/monofonto.ttf") format("truetype"), url("http://gaspoz.free.fr/fonts/Monofonto/monofonto.otf") format("otf"),url("http://gaspoz.free.fr/fonts/Monofonto/monofonto.woff2") format("woff2"),url("http://gaspoz.free.fr/fonts/Monofonto/monofonto.eot") format("eot");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
	font-family: Abel;
	margin: 5px;
	padding: 5px;
	cursor: crosshair;
	font-size: 14pt;
	background: url(http://gaspoz.free.fr/images/asfalt-dark.png);
	background-color:#6868b6;
}

/*dl,dd,dt,
*/ul,li,address,br,p,cite {font-family: inherit}

.normal {
	color: #303030;
	text-align: justify;
	text-justify: distribute;
	font-size: 14pt;
	padding: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}

.careful {
	background-color:#6868b6;
	color:#303030;
	font-weight:bold;
	font-size:14pt;
	text-align: justify;
	font-family: Abel;
	padding: 20px;
}

.dt_titolo {
	font-size: 18pt;
	color: #303030;
	/*	font-weight: inherit;  
	text-decoration: none;*/
	padding-right: 10px;
	padding-left: 10px;
	border-style: ;
	border-width: ;
	background-color: #6868b6;
	/*	background-image: url(../img/cella22.png);  */	
	font-weight: bold;
	font-family: Abel;
}

.dt_sotto {
	color: #303030;
	font-size: 14pt;
	line-height: 1.3;
	font-weight: bold;
}

.dt_normale {
	color: #303030;
	font-size: 14pt;
	line-height: 1.3;
}


.sotta {
	/*	text-align: left; 
	color: #03F;
	font-size: 93pt;*/
	background: url(http://gaspoz.free.fr/images/asfalt-dark.png);
background-color: #6868b6;
/*		text-justify: distribute;
	padding: 20;
	font-style: normal;
	font-weight: normal; */
}

.bigger {
	font-size: 36pt;
	text-align: right;
	font-weight: bolder;
	font-family: Astral;
}


.cop {color: #4F4A4A; font-size: 8pt}

.mesi {
	color: #4F4A4A;
	font-size: 14pt;
	line-height: 1.3;
	padding-left: 10px;
	padding-right: 10px;
}

.PrezzoMaglia {
	background-color:#303030;
	color:#6868b6;
	font-weight:bold;
	font-size:35px;
	font-family:Monofonto;
	padding:10px;
}

.ThatsAll {
	background-color:#303030;
	color:#6868b6;
	font-weight:bold;
	font-size:40px;
	font-family:Astral;
	padding:15px;
	font-style: oblique;
}

.titolo {
	font-size: 25pt;
	color: #303030;
	font-weight: bold;
	text-decoration: none;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #fff #fff #fff #fff;
	height: auto;
	font-family: ATW;
	padding-top: 15px;
	padding-bottom: 15px;
}

.ultimamodifica {
	font-family: Code3xR;
	text-align: center;
	color: #303030;
	font-size: 17pt;
	text-justify: distribute;
	font-style: normal;
	font-weight: normal;
}

.fattu {
	font-family: Astral;
	font-size: 20pt;
	color: #303030;
	text-align: center;
/*	line-height: 1;
	background: url(http://gaspoz.free.fr/TLWXPN/img/cella22.png);*/	
	padding: 3px;
}

.piedipagina {
	font-family: inherit;
	font-size: 8pt;
	color: #303030;
	text-align: justify;
	line-height: 1.2;
	/*	background: url(http://gaspoz.free.fr/TLWXPN/img/cella11.png);
*/	padding: 3px;
}

a.posta:link, a.posta:visited {
	font-size: 14pt;
	color: #f6b224;
	font-weight: normal;
	text-decoration: none;
	background: #303030;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
}

a.posta:hover {
	font-size: 14pt;
	color: #303030;
	text-decoration: none;
	background-color: #f6b224;
}

a.collega:link, a.collega:visited {
	font-size: 14pt;
	color: #f6f7f8;
	font-weight: normal;
	text-decoration: none;
	background: #303030;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Abel;
}

a.collega:hover {
	font-size: 14pt;
	color: #6868b6;
	text-decoration: none;
	background-color: #f6f7f8;
	font-family: Abel;

}

a.compra:link, a.compra:visited {
	font-size: 14pt;
	color: #6868b6;
	font-weight: normal;
	text-decoration: none;
	background: #303030;
	padding-right: 15px;
	padding-left: 15px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #303030 #303030 #303030 #303030;
	font-family: Monofonto;
}

a.compra:hover {
	font-size: 14pt;
	color: #303030;
	text-decoration: none;
	border-color: #303030 #303030 #303030 #303030;
	font-family: Monofonto;
	background: none;
}

a.ML:link, a.ML:visited {
	font-size: 14pt;
	color: #6868b6;
	font-weight: normal;
	text-decoration: none;
	background: #303030;
	padding-right: 25px;
	padding-left: 25px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #303030 #303030 #303030 #303030;
	font-family: Monofonto;
}

a.ML:hover {
	font-size: 14pt;
	color: #303030;
	text-decoration: none;
	border-color: #303030 #303030 #303030 #303030;
	font-family: Monofonto;
	background: none;
}

.tabella {background-image: url(../img/sfondo_46.png)}
.cella {background-image: url(../img/sfondo_75.png)}

a.sottobanner:link, a.sottobanner:visited {
	font-size: 14pt;
	color: #303030;
	font-weight: normal;
	text-decoration: none;
	background: none;
	padding-right: 10px;
	padding-left: 10px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #303030 #303030 #303030 #303030;
	background-image: url(../img/sfondo_46.png);
	vertical-align: middle;
}
a.sottobanner:hover {
	font-size: 14pt;
	color: #ff6600;
	font-weight: normal;
	text-decoration: none;
	background: #f6b224;
	padding-right: 10px;
	padding-left: 10px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ff6600 #ff6600 #ff6600 #ff6600;
}

/*
a:visited {font-size: 14pt; color: #CCFF99; text-decoration: underline; font: lighter}
a:hover {font-size: 14pt; color: #FFFF00; text-decoration: none; background-color: #000000}
*/

a:visited.piccolo {font-size: 10pt; color: #CCFF99; text-decoration: underline; font: lighter; text-align: left}
				  				  
a:hover.piccolo {font-size: 10pt; color: #FFFF00; text-decoration: none; background-color: #000000;font: bold; text-align: left}

h3{
	margin: 10px 10px 0 10px;
	font-size: 23pt;
	color: Silver;
	font-weight: bold;
}

	.boxgrid{ 
				width: 170px; 
				height: 200px; 
				margin: 18px; 
				float:left; 
				background:#7A7A7A; 
				
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 200px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 230;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 155;
 					left: 0;
 				}

/* the dropdown content */
.dropbtn {
	background-color: #303030;
	color: #6868b6;
	padding: 10px;
	font-size: 14pt;
	border: none;
	font-family: Abel;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	font-weight: bold;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #6868b6;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  	font-size: 14pt;

}

/* Links inside the dropdown */
.dropdown-content a {
	color: #303030;
	padding: 8px 8px;
	text-decoration: none;
	display: block;
	text-align: left;
	background-image:url(http://gaspoz.free.fr/images/asfalt-dark.png);
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #303030;
	color: #fff;
	font-weight: bolder;

}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: #303030;
	color:#6868b6;
	background-image:url(http://gaspoz.free.fr/images/asfalt-dark.png);
}