@media screen and (min-width: 800px){

body{ margin-top: 0px; margin-bottom: 0px; margin: 0px; font-family: Segoe UI; font-size: 16px; color:#575757; background-image: url(img/top.jpg); background-position: left top; background-repeat: repeat-x;}
table,tr, td{ font-family: Segoe UI; font-size: 16px; color: #333333; }
#top{ width: 970px; height: 60px; margin-top: 15px; position: relative; left: 50%; margin-left: -480px; margin-bottom: 30px; }

h1{ font-weight: none; color:#1F1F1F; margin: 0px;}
h2{ color: #575757; margin: 0px; line-height: 60px; }
#submitButton{ background-color: #ED2024; color: #FFF; font-size: 16px; font-family: Segoe UI; margin: 1px; padding: 5px; }
#InfoButton{ background-color: #FEBB12; color: #FFF; font-size: 16px; font-family: Segoe UI; margin: 1px; padding: 5px; }

#pagina { width: 970px; margin-top: 15px; margin-bottom: 15px; position: relative; left: 50%; margin-left: -480px;  border: 0px solid #D1D1D1;}

#contenuto{ width: 970px; margin-top: 15px; }
#contenuto h1{ color: #3A9CD6;}
#bottom{ clear: both; width: 100%; height: 250px; background-image: url("img/bottom.png"); background-repeat: repeat-x;}

hr{ color: #FEBB12; background-color: #FEBB12; height: 2px; border: 0px; margin-top: 25px; margin-bottom: 25px; clear: both;}

#mn_pnl{ width: 970px; font-size: 12px; height: 200px; background-color: #F6F6F6; }
#mn_pnl_box{ margin-bottom: 15px;  float: left; clear: none; width: 300px; margin-left: 11px; margin-right: 11px; }
#mn_pnl_box h2{ line-height: 25px; font-size: 16px; background-color: #3A9CD6; margin: 0px; padding: px; color: #fff;}

.tbl_titolo{  line-height: 25px; font-size: 16px; background-color: #3A9CD6; margin: 0px; padding: px; color: #fff; }

#pnl_centrale{ width: 970px; }
#table_pnl table,tr,td { font-size: 12px; }


/* mappa */

#mappa img{border:none;}
#mappa{ }
#mappa a{}
#mappa a img.regione{position: absolute;}
#mappa a:hover img.regione{
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}

#aosta{
left:5px;
top:37px;
z-index:1;
}
#piemonte{
left:2px;
top:27px;
}
#liguria{
left:20px;
top:77px;
}
#lombardia{
left:41px;
top:19px;
}
#trentino{
left:80px;
top:3px;
z-index:2;
}
#veneto{
left:85px;
top:15px;
}
#friuli{
left:120px;
top:15px;
z-index:3;
}
#romagna{
left:55px;
top:62px;
}
#toscana{
left:66px;
top:81px;
}
#marche{
left:118px;
top:96px;
}
#umbria{
left:113px;
top:108px;
}
#lazio{
left:105px;
top:132px;
}
#abruzzo{
left:139px;
top:128px;
}
#molise{
left:160px;
top:152px;
z-index:4;
}
#puglia{
left:182px;
top:154px;
}
#campania{
left:158px;
top:169px;
}
#basilicata{
left:194px;
top:179px;
z-index:5;
}
#calabria{
left:205px;
top:210px;
}
#sardegna{
left:30px;
top:175px;
}
#sicilia{
left:130px;
top:270px;
}

/**/

#menu_lat{ float: left; width: 200px; margin-right: 20px;  background-color: #3A9CD6; color: #FFF;  padding-bottom: 400px; }

#menu_w ul { width: 200px; font-family: Trebuchet MS; margin: 0px; padding: 0px; }
#menu_w ul li{ width: 200px; list-style: none; line-height: 30px; font-size: 14px; margin: 0px; padding: 0px; border-bottom: 1px solid #FFF;}
#menu_w ul li b{ color: #3D3D3D; text-transform: uppercase;}
#menu_w ul li a{ background-color: #F4F4F4; color: #3A9CD6; display: block; padding-left: 7px; padding-right: 7px; text-decoration: none; font-size: 12px; }
#menu_w ul li a:hover{ text-decoration: underline; }

.imghomepage{ border: 5px solid #3A9CD6; float: right; margin: 25px;  }
.hometabellaitalia{ width:600px; float: left; clear: none;}
.tabnuovohome{ float: left; clear: none; width: 425px; margin-right: 50px; }
.tabnuovohome2nd{ float: left; clear: none; width: 425px; }
.logopsi{ float: left; clear: none; margin-right: 70px; WIDTH: 400; HEIGHT: 58px; float: left; clear: none; }
.prevtabella{ margin-top: 5px; width: 650px;}

.boxrow{ clear: both;  }
.formlabel{ background-color: #f5f5f5; padding: 5px; clear: none; float: left; width: 330px; margin: 5px; }
.formlabellungo{ background-color: #f5f5f5; padding: 5px; width: 95%; margin: 5px;  }
.formtxt{ float: left; clear: none; padding: 5px; margin: 5px; width: 330px; }
.formtxtlungo{  padding: 5px; width: 95%; margin: 5px; }
.formtxtbutton{ text-align: center; }
.box_form{ width: 700px; border: 1px solid #e6e6e6; margin: 10px; }
}


/*/////////////////////// cellulare  -----------------------------------------------*/

@media screen and (max-width: 800px){

body{ margin: 3px; font-family: Segoe UI; font-size: 20px; color:#575757; }

#top{ background-color: #e4e4e4; border-bottom: 1px solid #ff0000; margin-bottom: 30px; }
#contenuto{ }
#bottom{ clear: both; width: 100%; height: 250px; }

#pagina {  }

#submitButton{ background-color: #ED2024; color: #FFF; font-size: 20px; font-family: Segoe UI; margin: 1px; padding: 5px; }
#InfoButton{ background-color: #FEBB12; color: #FFF; font-size: 20px; font-family: Segoe UI; margin: 1px; padding: 5px; }

.imghomepage{ display: none; visibility: hidden;}
.hometabellaitalia{ width: 100%px;}
.prevtabella{ width: 100%; }

h1{ font-weight: none; color:#1F1F1F; margin: 0px; font-size: 24px; }
h2{ color: #575757; margin: 0px; font-size: 22px; line-height: 60px; }

.logopsi{ float: left; clear: none; margin-right: 70px; WIDTH: 100%; }

input[type="text"] { width: 150px; }
.soloweb{ display: none; }

.boxrow{    }
.formlabel{ background-color: #e6e6e6; padding: 5px; clear: none; float: left; width: 90%; margin: 5px; }
.formlabellungo{ background-color: #e6e6e6; padding: 5px; clear: none; float: left; width: 90%; margin: 5px;  }
.formtxt{ float: left; clear: none; width: 90%; padding: 5px;   margin: 5px;}
.formtxt input[type="text"], select, textarea{ width: 90%;  }
.formtxtlungo{ float: left; clear: none;width: 100%;  }
.formtxtbutton{ text-align: center; }
.box_form{  }



}