/*reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,td3,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table2 {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Main style*/

a 	{color: #3e75b9;text-decoration: none;  font-weight: normal;}
a:hover {color: #416695;}

h1 	{font-size: 32px;}
h2 	{font-size: 28px;}
h3 	{font-size: 26px;}
h4 	{font-size: 21px;}
h5 	{font-size: 18px;}
h6 	{font-size: 10px;}

p {line-height:16px;}
hr {color:#d8e8f5}

style="font-size:25px; padding:4px; width=10px; text-align:center; border:0px;background:#ffffff" 

figure {margin-bottom:5px;text-align:center; }
p, hr, h1, h2, h3, h4, h5, h6, ol, ul {margin-bottom: 20px;}
/*** Header ***/
header 	{width:auto;float:left;padding:0px;background:white;} 
#Log	{width:auto;height:10px; position:relative;top:-150px;float:left;padding:20px 0 0 0;font-size:1.5rem}
#TempI 	{width:auto;height:10px; color: #000000; font-weight: normal;position:relative;top:-0px;float:left;padding:20px 0 0 0;font-size:1.5rem}
#TempE 	{width:auto;height:10px; color: #000000; font-weight: normal;position:relative;top:-0px;float:right;padding:20px 0 0 0;font-size:1.5rem}
#Idoper	{width:auto;height:10px; position:relative;top:-150px;float:right;padding:20px 0 0 0;font-size:1.0rem}
#pulc   {width:150px;height:40px; position:relative;font-size:20px; text-align:center;vertical-align: middle; border:0px; font-weight:bold;float:right}
#pulc2   {width:250px;height:40px; position:relative;font-size:20px; text-align:center;vertical-align: middle; border:0px solid #ddd; font-weight:bold;float:right}
#TestaT  {font-size:21px; font-weight:bold}
#TotaleD  {font-size:18px; font-weight:bold}
#TestaR, .TestaR  {font-size:18px;font-weight: normal; border:0px;text-align:inherit; width:inherit;}
#TestaR2  {font-size:21px;font-weight: normal; background-color:#e9e9e9; border:0px;text-align:inherit; width:inherit;}
#Combo  {font-size:21px; height:50px; width:500px;}
#AnaFt  {font-size:14px; font-weight: normal;  height:20px; width:600px; border:0px}
#AnaRg  {font-size:14px; font-weight: normal;  height:inherit; width:inherit; padding:0; margin:0; border:0px; text-align:inherit; vertical-align: middle; word-wrap: break-word;}
#AnaRgb  {font-size:14px; font-weight: normal; background-color:#e9e9e9; height:inherit; width:inherit; padding:0; margin:0; border:0px; text-align:inherit; vertical-align: middle; word-wrap: break-word;}
#AnaRg2  {font-size:14px; font:inherit;  height:inherit; width:inherit; padding:0; margin:0; border:0px; text-align:inherit; vertical-align: middle; word-wrap: break-word;}
#AnaRg3  {font-size:21px;font-weight: normal; font:inherit;  height:inherit; width:inherit; padding:0; margin:0; border:0px; text-align:inherit; vertical-align: middle; word-wrap: break-word;}
#AnaFtN  {font-size:14px; font: inherit; height:40px; width:600px; border:0px}
#TCombo {font-size:21px; height:50px; width:200px; font-weight:bold; border:1px solid black;}

/*** Cambio CSS***/
.CampoT, #CampoT {font-size:18px;font-weight: normal; border:0px;text-align:inherit; width:inherit;}
/*** Cambio CSS***/


/*nav*/
#pulsante {
outline: none; cursor:pointer; text-align: center;text-decoration: none;
font: bold 16px Arial, Helvetica, sans-serif; color: #000000;padding: 10px 20px;
border: solid 2px #000000;background: #f5f5f5; position:relative; top:-40px;
width:150px;height:auto;border-radius: 8px;
}
#pulsante:active {
position: relative; top: -40px;
}


#pul {
outline: none; cursor:pointer; text-align: center;text-decoration: none;
font: bold 14px Arial, Helvetica, sans-serif; color: #000000;padding: 10px 10px;
border: solid 1px #000000;background: #f5f5f5; position:relative; top:0px;
width:160px;height:auto;border-radius: 4px;
}
#pul:active {
position: relative; top: 0px;
}
#pul2 {
outline: none; cursor:pointer; text-align: center;text-decoration: none;
font: bold 21px Arial, Helvetica, sans-serif; color: #000000;padding: 10px 10px;
border: solid 1px #000000;background: #f5f5f5; position:relative; top:0px;
width:100px;height:auto;border-radius: 4px;
}
#pul2:active {
position: relative; top: 0px;
}
a { 
text-decoration: none; font-weight: bold; color: #000000 
} 
a:hover { color: #0080FF; align-items:center; }

/* Struttura****************************************************** */ 
.icona {
 width: 35px;
 height: 5px;
 background-color: black;
 margin: 6px 0;
 position: relative;
 cursor: pointer;

-webkit-transition: background-color;
 -webkit-transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-in;

-moz-transition: background-color;
 -moz-transition-duration: 0.5s;
 -moz-transition-timing-function: ease-in;

-ms-transition: background-color;
 -ms-transition-duration: 0.5s;
 -ms-transition-timing-function: ease-in;

-o-transition: background-color;
 -o-transition-duration: 0.5s;
 -o-transition-timing-function: ease-in;
}

.header{
 position: relative;
 width: 100%;
 height: 150px;
 background: fixed no-repeat center;
 background-size: cover;
 background-image: url("temporale.jpg");
 }


.trasparenza{
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: white;
 opacity: 0.6;
 -webkit-transition: opacity;
 -webkit-transition-duration: 2.5s ;
 -webkit-transition-timing-function: ease-in-out;
 -moz-transition: opacity;
 -moz-transition-duration: 2.5s ;
 -moz-transition-timing-function: ease-in-out;
 -ms-transition: opacity;
 -ms-transition-duration: 2.5s ;
 -ms-transition-timing-function: ease-in-out;
 -o-transition: opacity;
 -o-transition-duration: 2.5s ;
 -o-transition-timing-function: ease-in-out;
 }


.trasparenza:hover{
 opacity: 0.4;
 }

.container{
 position: absolute;
 top: 5%;
 left: 20%;
 border-radius: 100%;
 padding:1%;
 width:35px;
 border: solid 2px black;
 -webkit-transition: border-color,border-radius,padding,margin;
 -webkit-transition-duration: 0.5s,1s,1s,1s;
 -webkit-transition-timing-function: ease-out;
 -moz-transition: border-color,border-radius,padding,margin;
 -moz-transition-duration: 0.5s,1s,1s,1s;
 -moz-transition-timing-function: ease-out;
 -ms-transition: border-color,border-radius,padding,margin;
 -ms-transition-duration: 0.5s,1s,1s,1s;
 -ms-transition-timing-function: ease-out;
 -o-transition: border-color,border-radius,padding,margin;
 -o-transition-duration: 0.5s,1s,1s,1s;
 -o-transition-timing-function: ease-out;
}



.container:hover{
 margin-top: 0.5%;
 margin-left: 0.5%;
 border-radius:5%;
 border-color:black;
 padding:0.5%;
}



.container:hover .icona{
 background-color: red;
}



.overlay {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 1;
 left: 0;
 top: 0;
 background-color:#E4E4E4;
 overflow-x: hidden;
 transition: 0.5s;
 display: block
}



.overlay-content {
 position: relative;
 display: block;
 top: 25%;
 width: 100%;
 text-align: left;
 margin-top: 10px;
 margin-left: 30px;
}



.overlay a {
 padding: 20px;
 text-decoration: none;
 font-size: 22px;
 color: black;
 display: block;
 transition: 0.3s;
 
}

#submenu {
 padding: 15px;
 text-decoration: none;
 font-size: 22px;
 color: #616161;
 display: block;
 transition: 0.3s;
}

/* background testo*/
.overlay a:hover, .overlay a:focus {
 color: red;
}

#submenu:hover, #submenu:focus {
 color: green;
}

.overlay .closebtn {
 position: absolute;
 top: 20px;
 left: 295px;
 font-size: 60px;
}


@media screen and (max-height: 450px) {
 .overlay a {font-size: 20px}
 .overlay .closebtn {
 font-size: 40px;
 top: 15px;
 right: 35px;
 }
}

.titolo {
 position: relative;
 top: 10px;
 left: 8%;
 color: red;
 font-size: 48px;
 width:auto;
 height:auto;
 
}

    ul {
        margin: 0;
        list-style-type: none; 
    }
    ul ul{
        width: 180px;
        display: none;
    }
    ul li:hover ul{
        display: list-item;
    }

textarea { /* Stili specifici per la teaxtarea */
font-size: 14px;
font:inherit;
display: table-cell;
vertical-align: middle;
height:inherit; 
padding-top:2px;
overflow: hidden; /* disabilitare la scrollbar in IE */
}
input:required:invalid,
input:focus:invalid
{
background-image: url(/images/form_validationno.png);
background-position: right center;
background-repeat: no-repeat;
}
input:required:valid
{
background-image: url(/images/form_validationsi.png);
background-position: right center;
background-repeat: no-repeat;
}
input[type="date"]{
  padding: .3em;
  font-size: inherit;
  font:inherit;
}

/* Struttura****************************************************** */
#wrapper 	{width: 960px;margin:0 0;background:#fff; align:center; padding:0 0 0 0;}
#login  	{width: 500px;margin:0 auto;background:#fff; align:center}
#container	{width: 920px;float:left;padding:20px;}
#footer     {background:white;width:100%;bottom:10;left:0;width: 1226px; height:50px;}
/*Immagine */
.clear 	    {clear:both;}
.img	    {width:10%;height:auto;margin-bottom:5px;}
.imgFt       {width:5%;height:auto}
.imgTit     { 
    position: absolute;
    top: 3%;
    left: 37%;
    padding:1%;
    width:100px;
}
#sitemap    {padding-left:10px;}


#verde {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 18px;
 background-color: #06C24F;
 border-radius: 4px;
 padding: 3px 9px;
 border: 1px solid #06C24F;
 cursor: pointer;
}
#verde:hover {
 background-color: #000000;
 border-color: #000000;
}
#verde > strong {
 font-size: 30px;
}

#verde2 {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 2.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 40px;
 background-color: #06C24F;
 border-radius: 4px;
 padding: 3px 9px;
 border: 1px solid #06C24F;
 cursor: pointer;
 width:200;
}
#verde2:hover {
 background-color: #000000;
 border-color: #000000;
}
#verde2 > strong {
 font-size: 40px;
}
#rosso {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 18px;
 background-color: #F00000;
 border-radius: 4px;
 padding: 3px 11px;
 border: 1px solid #F00000;
 cursor: pointer;
}
#rosso:hover {
 background-color: #000000;
 border-color: #000000;
}
#rosso > strong {
 font-size: 30px;
}
#rosso2 {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 2.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 40px;
 background-color: #F00000;
 border-radius: 4px;
 padding: 3px 15px;
 border: 1px solid #F00000;
 cursor: pointer;
 width:200;
}
#rosso2:hover {
 background-color: #000000;
 border-color: #000000;
}
#rosso2 > strong {
 font-size: 40px;
}
#nero{
 text-align: center;
 font-weight: normal;
 color: #000000;
}

#rettangolo {
	width:200px;
	height:100px;
	background:green;
}



@media (max-width: 500px) {
body      	{width:1400px;padding:10px;background:white;}
header 		{width:1400px;float:left;padding:0px;display:block} 
nav			{width:100%;float:left;display:block;}
aside		{width:420px;float:right;}
footer		{width:1400px;float:left;padding:0px;}
#wrapper    {width:1400px;margin:0 0 0 0;}
#login      {margin:auto;}
#content  	{width:500px;float:left;}

}
@media      (min-width: 501px) and (max-width: 1199px) 	{
body     	{padding:10px;background:white;}	
header 		{width:700px;float:left;padding:0px;display:block} 
nav			{width:100%;float:left;display:block;}
aside		{width:420px;float:right;}
footer		{width:1130px;float:left;padding:0px;}
#wrapper 	{width:700px;margin:0 0 0 0;}
#login   	{width:1170px;margin:0 auto;}
#content    {width:700px;float:left;}

}
@media (min-width: 1200px) and (max-width: 1412px){
body     	{padding:10px;background:white;}	
header 		{width:1130px;float:left;padding:0px;} 
nav			{width:100%;float:left;display:block;}
aside		{width:420px;float:right;}
footer		{width:1130px;float:left;padding:0px;}
#wrapper 	{width:1170px;margin:0 auto;}
#login   	{width:1170px;margin:0 auto;}
#content    {width:1130px;float:left;}
}
@media (min-width: 1412px){
body     	{padding:10px;background:white;}	
header	 	{width:1360px;float:left;padding:0px;} 
nav			{width:100%;float:left;display:block;}
aside		{width:420px;float:right;}
footer		{width:1360px;float:left;padding:0px;}
#wrapper 	{width:1360px;margin:0 auto;}
#login   	{width:1360;margin:0 auto;}
#content    {width:1000px;float:left;}
}