/* ..... global reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}

strong {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    font-weight: bold;	
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
    /* color: #000; Nero per maggiore contrasto */
}

section, article, header, footer, nav, aside, hgroup { display:block; }

/* ...... web font embedding */

@font-face {
	font-family: 'SansationRegular';
	src: url('Sansation_Regular.eot?'),
		url('Sansation_Regular.woff') format('woff'), 
		url('Sansation_Regular.ttf') format('truetype'), 
		url('Sansation_Regular.svg#webfontLr2B6u5e') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SansationBold';
	src: url('Sansation_Bold.eot?'),
		url('Sansation_Bold.woff') format('woff'), 
		url('Sansation_Bold.ttf') format('truetype'), 
		url('Sansation_Bold.svg#webfont8dfDl0fr') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/* BODY */





body {  
font-family: 'SansationRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#042; line-height:150%; text-align:center;
/*width:960px;*/ margin:0 auto;
/* background: url(images/sky.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
background-color: rgb(250, 250, 250);
}


/* TIPOGRAPHY */

h1, h2, h3, h4, h5, h6 { font-family:'SansationBold', Arial, Helvetica, sans-serif; line-height:120%; }
time { color: #000000; font-size:12px; }

a { text-decoration:none; }
a:link, a:visited { color:#0802BB;}
a:hover, a:focus, a:active { color:#904060; }

dl { display:inline; float:left; } 
dt { float:left; display:inline; margin-right:10px; color:#FEFEFE; } 
dd { float:left; display:inline; margin-right:10px; color:#FEFEFE; }


mark { background:none; color:#DDDDDD; }

/* ..... header */

header { width:100%; /*float:left;*/ display:inline; margin-bottom:20px; }


hgroup { margin:15px 0; }
hgroup h1 { font-size: 50px; color:#002288; line-height:100%; }

hgroup h2 { font-size:24px; font-family:'SansationRegular', Arial, Helvetica, sans-serif; color:#000000;}


header > nav { /*float:left;*/ /*display:inline;*/ /*width:960px;*/ width:100%;
padding:20px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background: rgba(0,80,0,0.6); /*ultima virgola percentuale trasparenza*/
/*position: fixed;*/

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow:0 2px 3px #000000;
-moz-box-shadow:0 2px 3px #000000;
box-shadow:0 2px 3px #000000;
}

/* colore e dimensione del titolo del menu
header > nav h1 { float:left; font-size:16px; color:#CCCCCC  }*/
header > nav h1 { /*float:left;*/ font-size:16px; /*margin-top:10px; margin-left:10px;*/ color:#EEEEEE; display:none  }

header > nav ul { /*float:right;*/  }
header > nav li { display:inline; /*float:left;*/ margin-right:20px;  }
header > nav li:last-child { margin-right:5px; }

header > nav li a { 
/*float:left;*/ display:inline;
align-items: center;
padding:10px 20px; 
font-size:18px; 
font-family:'SansationBold', Arial, Helvetica, sans-serif; 
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px #000000;
-moz-box-shadow: 0 1px 2px #000000;
box-shadow: 0 1px 2px #000000;

-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

/* contorno dei pulsanti del menu */
header > nav a:link, header > nav a:visited  { 
color:#FFFFFF;  
background:rgba(0,30,51,0.4);
}

header > nav a:hover, header > nav a:focus, header > nav a:active { 
color:#ffcc00; 
background:#000033;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

header > nav {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
}

/* CONTENUTI */
article header { width:100%; float:right; display:inline;
background:none;
}

section { /*width:200px;*/ /*width:100%;*/ /*float:left;*/ /*display:inline;*/
margin:20px 20px 20px 20px;
padding:25px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;

background: rgba(175,175,150,0.6);

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:0 2px 3px #000000;
-moz-box-shadow:0 2px 3px #000000;
box-shadow:0 2px 3px #000000;

text-align:center;
}

/*
body > section:nth-of-type(1) { width: 420px;}
body > section:nth-of-type(2) { width: 280px;}*/
/*body > section:first-of-type { width: 750px;}
body > section:last-of-type { width: 500px;}*/




/*gestione delle tabelle*/
table 
{
width: 95%;
/*border: 1px solid;*/
align: center;
text-align: center;
margin-top: 10px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
/*font-size:18px;*/
}

/*colora la riga dove ti trovi
tr:hover
{
background-color: coral;
}*/

tr:nth-child(even)
{
background-color: #f2f2f2;
}

th,td
{
width:33%;
padding: 10px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #876;
/*border-left: 1px solid #876;
border-right: 1px solid #876;*/
}



aside { width:125px; /*float:right;*/ /*display:inline;*/
padding:5px;
margin-top: 50px;
margin-left: 5px;
position: fixed;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;

background: rgba(100,140,100,1);

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow:0 2px 3px #000000;
-moz-box-shadow:0 2px 3px #000000;
box-shadow:0 2px 3px #000000;
}

aside h1 { /*float:left;*/ font-size:16px; /*margin-top:10px; margin-left:10px;*/ color:#EEEEEE; display:none  }

aside ul { /*list-style-position:inside;*/ /*margin-top:auto; font-size:28px;*/ }

aside > nav li { /*display:inline;*/ /*float:left;*/ /*margin-right:auto;*/ margin-top:25px; }
aside > nav li:last-child { margin-bottom:20px; }

aside > nav li a { 
/*float:left;*/ display:inline;
padding:10px 20px; 
font-size:18px; 
font-family:'SansationBold', Arial, Helvetica, sans-serif; 
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px #000000;
-moz-box-shadow: 0 1px 2px #000000;
box-shadow: 0 1px 2px #000000;

-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

/* contorno dei pulsanti del menu */
aside > nav a:link, aside > nav a:visited  { 
color:#FFFFFF;  
background:rgba(0,30,51,0.4);
}

aside > nav a:hover, aside > nav a:focus, aside > nav a:active { 
color:#ffcc00; 
background:#000033;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

section section, aside section, article section {width:auto; /*float:left;*/ padding:0; margin:20px 0 0 0; background:none; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }


article > section { margin-top:20px; }
aside section { margin:20px 0 30px 0; }


/*dimensione scritta section dentro non titolo*/
h1, aside section > h1 { font-size:32px; margin-bottom:5px; }
h2, aside section > h2 { font-size:18px; margin-bottom:5px; }
/*colore e dimensione scritta h1 section titolo*/
section > h1, aside > h1 { font-size:48px; color:#448844; margin-bottom:10px; }

article footer { width:100%; height:auto; /*float:left; display:inline;*/
background:none; margin:auto auto 5px; padding:20px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: center;
}


footer { 
width:100%; clear:both; margin:0 0 10px 0;
padding:15px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
/*height:125px;*/
background: rgba(0,40,0,0.6);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:0 2px 3px #000000;
-moz-box-shadow:0 2px 3px #000000;
box-shadow:0 2px 3px #000000;
}

footer small { float:right; /*padding:2px;*/ text-align:center; }

footer address { text-align:right; }

footer dl,
footer dt,
footer dd {
  float: none;
  display: block;
  text-align: center;
}

footer dt {
  margin-top: 10px;
  font-weight: bold;
}

footer dd {
  margin-bottom: 10px;
}

/* form */
legend { font-size:18px; color:#FFFF00; padding-bottom:5px; }
label { float:left; clear:right; width:100%; }
input, textarea { border:none; margin:0 0 10px 0; 
padding:5px 0;
float:left; display:inline;  
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px; 
width:100%; /* calc(100% - 30px) */  
background:rgba(255,255,255,0.9);
-webkit-box-shadow: 0 1px 2px #000000;
-moz-box-shadow: 0 1px 2px #000000;
box-shadow: 0 1px 2px #000000;
color:#000000;
font-family:'SansationRegular', Arial, Helvetica, sans-serif;
font-size:14px;
}

textarea { overflow:hidden; height:70px; }

input[type="search"] { -webkit-appearance: textfield; }

input:focus, textarea:focus { 
background:#FFFFFF;
}

input[type="submit"], input[type="reset"] {
color:#FFFFFF; 
margin:0 10px 0 0;
background:rgba(0,0,51,0.4);
padding:5px 10px;
width:auto;

}

input[type="submit"]:hover, input[type="reset"]:hover { 
background:#000033;
-webkit-box-shadow: 0 1px 2px #000000;
-moz-box-shadow: 0 1px 2px #000000;
box-shadow: 0 1px 2px #000000;
}