body 
{
font-family: "Lucida Grande", verdana, tahoma, sans-serif;  
margin: 5px;
padding: 0;
background: #1c4690 url(immagini/logo-sfondo.jpg); /*14460c*/
background-attachment: fixed;
color: #000; 
font-size: 8pt;
}

/* ----------------corpo-------------------*/
#pagina 
{ 
width:970px; margin: 0 auto;
background: white;
text-align: left;
}

#testa 
{ 
float: left;
width: 960px;
text-align: center; 
background: white;
}

#contenitore
 { 
float: left;
width: 750px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background: white;
text-align: left;
}

#menlat
 { 
float: right;
width: 190px;
min-height: 600px;
height: auto !important;
height: 600px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: -280px;
}
/* le due colonne della testa*/
#logo 
{
float: right;
width: 294px ;
padding: 0px;
min-height: 282px;
height: auto !important;
height: 282px;
margin-top: 1px;
margin-right: 204px;
}

#lamma 
{
float: left;
width: 460px ;
min-height: 282px;
height: auto !important;
height: 282px;
padding: 0px;
margin-top: 1px;
margin-left: 1px;
position:relative;
}
#infovarie 
{
float: left;
width: 600px ;
padding: 70px;
margin-top: 0px;
margin-left: 0px;
text-align: justify;

}
#piede 
{ 
clear: both;
width: 100%;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: #000; 
}
#testodx
{
font-size: 92%;
color: #000;
background: white;
text-align: justify;
padding-top: 5px;
margin-bottom: 15px;
}
#sinistro
{
font-size: 92%;
float: left;
width: 455px;
color: #000;
text-align: justify;

}

#destro
{
font-size: 92%;
float: right;
width: 280px;
color: #000;
margin-left: 10px;
text-align: left;
}

#annuncio
{
font-size: 110%;
width: 250px;
margin: 0 auto;
color: #000;
background: white;
padding: 10px 5px 5px 5px ;
text-align: justify;
border: 2px dashed #1B28A8;
}
/* immagini meteo e carte */
#immagini_sx
{
font-size: 92%;
float: right;
width: 570px;
color: #000;
background: white;
padding-top: 5px ;
padding-left: 3px ;
padding-right: 1px ;
text-align: justify;
}

#immagini_dx
{
font-size: 92%;
float: left;
width: 165px;
color: #000;
background: white;
text-align: left;
padding-top: 0px ;
padding-left: 1px ;
padding-right: 3px ;
}
#img_sat {
overflow: auto;
position: relative;
margin: 0 auto;
width: 560px;
color: #000;
background-color: #fff;
text-align: center;
}
#img_sat2 {
overflow: auto;
position: relative;
margin: 0 auto;
width: 560px;
color: #000;
background-color: #fff;
text-align: center;
}
#img_hires {
overflow: auto;
position: relative;
margin: 0 auto;
width: 730px;
color: #000;
background-color: #fff;
text-align: center;
}
/* fine immagini meteo e carte */
/* google*/
div#quadrato
{
width: 280px;
min-height: 280px;
height: auto !important;
height: 280px;
margin-top: 5px;
padding-top: 5px;
padding-bottom:5px;

}

#gg_home /*300x250*/
{
float: left;
width: 302px;
color: #000;
text-align: center;
margin-right: 5px;
border-right: 1px solid silver;
}
#gg728x90
{
width:750px; 
height:90px;
background: #fff;
text-align: left;
margin-bottom: 5px;
}
/* fine*/ 
/* icone italia*/
#italia
{
float: right;
position: relative;
width: 435px;
height: 524px;
color: #000;
background: url(immagini/italia-2.jpg) no-repeat;
margin-top: 0px;
text-align: center;
}

#stato
{
position: relative;
width: 280px;
min-height: 320px;
height: auto !important;
height: 320px;
color: #000;
background: url(immagini/italia-mini-2.jpg);
margin-top: 0px;
margin-bottom: 5px;
text-align: center;
}
#prevision
{
position: relative;
width: 280px;
min-height: 320px;
height: auto !important;
height: 320px;
color: #000;
margin-top: 0px;
margin-bottom: 5px;
background: url(immagini/italia-mini-2.jpg);
text-align: center;
}
#prev-tmp
{
position: relative;
width: 280px;
min-height: 320px;
height: auto !important;
height: 320px;
color: #000;
margin-bottom: 5px;
background: url(immagini/italia-mini-2.jpg);
text-align: center;
}
.pagprev {
font-size: 120%;
color: #fff; /*#FDE6A0*/
text-align: center;
background: #9EB4FF;
font-weight: bold;
margin: 0px;
padding: 3px;
display: block;
}
.itamini {
font-size: 100%;
width: 280px;
color: #fff; /*#FDE6A0*/
background: #1B28A8;
font-weight: bold;
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
margin-bottom:0px;
display: block;
}
.itamedia {
font-size: 100%;
width: 435px;
color: #fff; /*#FDE6A0*/
background: #1B28A8;
font-weight: bold;
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
margin-bottom:0px;
display: block;
}
#nuovogg250
{
width: 300px;
min-height: 255px;
height: auto !important;
height: 255px;
}
#tempe
{

position: relative;
width: 280px;
min-height: 320px;
height: auto !important;
height: 320px;
margin-bottom: 5px;
color: #000;
background: url(immagini/italia-mini-2.jpg);
text-align: center;
}
#visib
{
position: relative;
width: 280px;
min-height: 320px;
height: auto !important;
height: 320px;
margin-bottom: 5px;
color: #000;
background: url(immagini/italia-mini-2.jpg);
text-align: center;
}
#press
{

position: relative;
width: 280px;
min-height: 320px;
height: auto !important;
height: 320px;
margin-top: 5px;
color: #000;
background: url(immagini/italia-mini-2.jpg);
text-align: center;
}

/*--------------*/
/*  td info meteo */
 td.infometeo
{
border-bottom: 1px dashed #1B28A8;
/*border-right: 1px dashed #9EB4FF;*/
text-align:left;
}

h1, h2, h3 {
font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
}

h1 {
font-size: 150%;
color: #fff; /*#FDE6A0*/
background: #9EB4FF;
font-weight: bold;
text-align:center;
padding: 0px ;
margin-top: -3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:3px;
}

h2 {
font-size: 150%; 
color: #000;
background: #9EB4FF;
font-weight: normal;
text-align:center;
padding: 0px ;
margin-top: -3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
}

h3 {
font-size: 150%; 
color: #000;
background: #9EB4FF;
font-weight: normal;
text-align:center;
padding: 0px ;
margin-top: -3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
}

h4{
font-size: 100%;
color: #000; 
font-weight: normal;
text-align:center;
padding: 0px ;
margin-top: -3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
}

a.std {
text-decoration: underline ; 
color: #000; 
font-size: 7pt; 
}
a.std:hover { 
text-decoration: underline; 
color: #D01313; 
font-size: 7pt; 
}
/*------------------------------*/
a{
text-decoration: none ; 
color: #000; 
font-size: 7pt; 
}
a span.tooltip
{
color: #0D2355;
border: 2px solid #1B28A8;
background-color: #fff;
font-size: 7pt;
}
a.tooltip span.tooltip
{
display: none;
}
a.tooltip:hover span.tooltip
{
text-decoration: none ; 
position: absolute;
display: block;
margin-left: -350px;
margin-top: -20px;
border: 2px solid #1B28A8;
background-color: #fff;
width: 200px;
padding-left: 2px;
padding-bottom: 5px;
z-index:100;
}
span.tooltip span.titolo
{
margin-left: -3px;
display: block;
background-color: #1B28A8 !important;
color:  #fff !important;
font-size: 9pt;
}


/*----------------------*/
a.infometeo {
text-decoration: underline ; 
color: #000; 
font-size: 7pt; 
}
a.infometeo :hover{ 
text-decoration: underline; 
color: #D01313; 
font-size: 7pt; 
}
a.blog {
text-decoration: underline ; 
color: #fff; 
font-size: 9pt; 
}
a.blog :hover{ 
text-decoration: underline; 
color: #fff; 
font-size: 9pt; 
}

b.tem 
{
font-weight: normal;
color: white;
font-size: 7pt;
background: #1B28A8;
padding: 0 1px 0 1px;
}
b.vis 
{
font-weight: bold;
color: white;
font-size: 7pt;
background: #71A5F8;
padding: 0 1px 0 1px;
}
b.pre 
{
font-weight: bold;
color: white;
font-size: 7pt;
background: #1C4690;
padding: 0 1px 0 1px;
}
b.regi
{
font-weight: normal;
text-align: left;
font-size: 120%;
color: #fff;
background: #1b28a8;
padding-left: 5px;
padding-right:5px;
}