@charset 'utf-8';
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
body       {font-family: tahoma, arial,  verdana,  sans-serif;  margin: 0;padding: 0;color: #000; font-size: 0.9em;}  
h1,h2,h3   {font-family: "Lucida Grande", Tahoma, Arial, Verdana; }
h4,h5,h6   {margin: 0; padding:0;}
h1         { font-size: 1.3em;color: #000;font-weight: normal;text-align: left; margin-bottom: 1em; margin-top: 1em; background: url(immagini/ombrello35.png)no-repeat; background-position: 1px 1px; padding-left: 60px; min-height: 50px; }
h2         { font-size: 1.2em;color: #000;font-weight: normal;text-align: left; padding-top: 1em; }
h3         { font-size: 1.1em;color: #000;font-weight: normal;text-align: left; padding-top: 1em; }
h2 a       {text-decoration: underline ; color: #fff; font-size: 1.1em; }
h2 a:hover { text-decoration: underline; color: #fff; font-size: 1.1em;}

#pagina          { width:97%;margin: 0 auto;background: #fff;text-align:left;}
#contenitore     {max-width: 100%; margin: 0 auto;  padding: 2%; font-size: 0.9em;}
#contenitore img {display: block; max-width: 100%; height: auto; margin-bottom: 0.625em;}
#piede           { clear: both;width: 100%;margin-top: 15px;padding-top: 5px;padding-bottom: 5px;text-align: center;color: #000;font-size: 0.9em;}
#sinistro        {font-size: 0.9em;float: left; width: 100%;color: #000;margin-top: 15px;/*display: none;*/}
#destro          { font-size: 0.9em;float: left; width: 100%;color: #000;margin: 0;padding-left: 0;}
#testina img     {text-align: center; padding: 1%;}

#testa, .testatina          {display:none;}
#colleft                    {display:none;}
#menu, .no                  {display:none;}
#testina         {display:block;}
#rightnav        {display:block;}
#menlat          {margin-left:auto; margin-right:auto; max-width: 88%;}
#menlat          {display:block;}
#centrato        {margin-left:auto; margin-right:auto; width:auto;}
#piede a         {text-decoration:none;color:#000;font-size:1em;}
#piede a:hover   {text-decoration:underline;color:#000;font-size:1em;}
a                {text-decoration: underline ; color: #000; font-size: 0.9em; }
a:hover          { text-decoration: underline; color: #000; font-size: 0.9em;}

a.navpiede       {text-decoration:none;font-weight:400; background: #fff; color:#111; font-size:1em; padding: 5px 5px 5px 5px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #111; margin: 10px 10px 10px 10px;}
a:hover.navpiede {color:#000; font-weight:400;text-decoration:underline; background-color:#DCDCDC; font-size:1em; padding: 5px 5px 5px 5px;  margin: 10px 10px 10px 10px;}
a.infometeo      {min-height: 30px; text-decoration:none;color: #808080; background: #DFDFFF; display:block;}
a.infometeo:hover{color: #000; text-decoration:none; }

a.nav2           {text-align: right; text-decoration:none;font-weight:700;background: #9accff url(immagini/me1.png)no-repeat; background-position: 6px 10px; color:#000; font-size:1em; padding:10px 5px 5px 40px; height: 25px; border: 0; border-radius: 0.5em; -webkit-appearance: none; display:block; }
a:hover.nav2     {text-align: right; color:#000;font-weight:700;text-decoration:none; background-color:#E8EDFF; font-size:1em; padding:10px 5px 5px 35px; height: 25px; }

a.nav            {font-size: 1em;text-decoration:none;font-weight:700;background: #0456a9 url(immagini/me1.png)no-repeat; background-position: 7px 7px; color:#fff; padding:3px 0 3px 40px; height: 40px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #0A58D0; display:block; }
a:hover.nav      {font-size: 1em;color:#000;font-weight:700; background-color:#9accff;  padding: 3px 0 3px 40px; height: 40px; }

a.navcit                  {margin-left: auto; margin-right: auto; max-width: 80%; font-size: 0.9em;text-decoration:none;font-weight:700;background: #E8EDFF url(immagini/me2.png)no-repeat; background-position: 8px 8px; color:#000; padding:8px 0 8px 40px; height: 30px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #0456a9; display:block; }
a:hover.navcit            {font-size: 0.9em; color:#000;font-weight:700; background-color:#9accff;  padding: 8px 0 8px 40px; height: 30px; }

a.navind         {margin-left:auto; margin-right:auto;max-width: 80%; font-size: 0.9em;text-decoration:none;font-weight:700;background: #f8c88a url(immagini/me1.png)no-repeat; background-position: 6px 5px; color:#000; padding:3px 0 3px 40px; height: 30px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #000; display:block; }
a:hover.navind   {font-size: 0.9em; color:#000;font-weight:700; background-color:#cdd079;  padding: 3px 0 3px 40px; height: 30px; }

#contenitore .bb {border-bottom:10px; width: 96%;  float: left; margin-left:10px;}
#contenitore .bx {border-bottom:10px; width: 100px;  float: left; margin-left:10px;}
#contenitore .bx2 {border-bottom:10px; width: 200px;  float: left; margin-left:10px;}
#contenitore .bz {border-bottom:10px; width: 100px;  float: left; margin-left:10px;}
#contenitore .bz2 {border-bottom:10px; width: 200px;  float: left; margin-left:10px;}

a.cellbb         { width: 100%; font-size: 1.2em;text-decoration:none;font-weight:400;background: #0456a9; color:#fff; padding:3px 0 3px 3px; height: 32px; border: 0; border-radius: 0.3em; -webkit-appearance: none;  display:block; }
a:hover.cellbb   {font-size: 1.2em; color:#000;font-weight:400; background-color:#9accff;  padding: 3px 0 3px 3px; height: 32px; }

a.cell         { width: 95px; font-size: 0.9em;text-decoration:none;font-weight:400;background: #0456a9; color:#fff; padding:3px 0 3px 3px; height: 32px; border: 0; border-radius: 0.3em; -webkit-appearance: none;  display:block; }
a:hover.cell   {font-size: 0.9em; color:#000;font-weight:400; background-color:#9accff;  padding: 3px 0 3px 3px; height: 32px; }

.spazio        { width: 100%; display: block; min-height: 10px; height: auto !important; height: 10px; clear: both;}

span.b           {display: inline-block; width: 35px; height: 35px; margin-right: 5px;}
span.x           {display: inline-block; width: 100px; height: 100px; margin-right: 5px;}
span.pre         {display: inline-block; width: 45px; height: 45px; margin-right: 5px;}
.previ           {float:left;margin-right:-5px;}

.styled-select select {background: #E8EDFF url(immagini/me2.png)no-repeat; background-position: 10px 10px; min-width: 100%; padding:5px 0 5px 50px;font-size: 1em;line-height: 1.2em;border: 0;border-radius: 0.5em; min-height: 60px;-webkit-appearance: none; border: 1px solid #0456a9;}
otion {background: #E8EDFF; font-size: 1em; line-height: 1.2em;}

b.tem           {font-weight: 900; color: #fff;   font-size: 1em; background:#c50909; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura */
b.tem30         {font-weight: 900; color: #fff;   font-size: 1em; background:#c50909; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura oltre 30  rosso */
b.tem20         {font-weight: 900; color: #000;   font-size: 1em; background:#fdbf03; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura 20 30 arancio*/
b.tem15         {font-weight: 900; color: #000;   font-size: 1em; background:#fefb00; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura 16 20 giallo*/
b.tem10         {font-weight: 900; color: #000;   font-size: 1em; background:#b4feff; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura 10 15 azzurrino*/
b.tem00         {font-weight: 900; color: #fff;   font-size: 1em; background:#039cfd; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura 0 10 azzurro*/
b.temmeno       {font-weight: 900; color: #fff;   font-size: 1em; background:#0361fd; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* temperatura sotto zero blu*/
b.vis           {font-weight: bold;   color: #000;   font-size: 0.9em;background:#c4fdf2; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* umidita */
b.vis90         {font-weight: bold;   color: #fff;   font-size: 0.9em;background:#039cfd; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* umidita */
b.pre           {font-weight: bold;   color: #fff;   font-size: 0.9em;background:#1C4690; padding-left: 3px; padding-right: 3px; border-radius: 0.3em;} /* pressione */
b.win {font-weight: 900;    color: #fff;   font-size: 1em;background:#000;    padding-left: 3px; padding-right: 3px; border-radius: 0.3em;}
b.attuali  {font-weight:900;color:#000; font-size: 1em; background:#ffae12; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; border-radius: 0.3em;}
b.minime   {font-weight:900;color:#fff; font-size: 1em; background:#2356fc; padding-left: 3px; padding-right: 3px;  padding-bottom: 3px; border-radius: 0.3em;}
b.massime  {font-weight:900;color:#fff; font-size: 1em; background:#fe1b0a; padding-left: 3px; padding-right: 3px;  padding-bottom: 3px; border-radius: 0.3em;}
b.minumi  {font-weight:900;color:#000; font-size: 1em; background:#dfdfdf; padding-left: 3px; padding-right: 3px;  padding-bottom: 3px; border-radius: 0.3em;}
b.maxumi  {font-weight:900;color:#fff; font-size: 1em; background:#434242; padding-left: 3px; padding-right: 3px;  padding-bottom: 3px; border-radius: 0.3em;}

b.vss {font-weight: 900;    color: #fff;   font-size: 0.9em;background:#000;    padding-left: 3px; padding-right: 3px;}
b.mps {font-weight: 900;    color: #fff;   font-size: 0.9em;background:#000;    padding-left: 3px; padding-right: 3px;}
b.clo {font-weight: 900;    color: #000;   font-size: 0.9em;background:#5bd4f9; padding-left: 3px; padding-right: 3px;}
b.cvx {font-weight: 900;    color: #376c03;font-size: 0.9em;background:#8bf326; padding-left: 3px; padding-right: 3px;}
b.clx {font-weight: 900;    color: #000;   font-size: 0.9em;background:#8bf326; padding-left: 3px; padding-right: 3px;}

.box             {float:left;max-width:45%; }
.testatina img   {text-align: center;margin:0; padding:0;}
.spazio          {width:100%;display: block;min-height: 5px;height: auto !important;height: 5px;clear: both;}
.destro          {float: left; margin-right: 5px; margin-bottom: 5px;}
.left            {float: left; margin-right: 5px; margin-bottom: 10px;}
.grande          {font-size: .9em;}
.medio           {font-size: 0.9em;}
.piccolo         {font-size: .7em;}
.testamob        {display:block;} 
.rs              {margin-bottom: 1px;padding: 3px;border-bottom: 1px dashed #0456a9; font-size: 0.9em;}
.freccia         {font-size: 2em;}

.center          {display: block; margin-left: auto; margin-right: auto;}
.italy           {position: relative;max-width: 280px;min-height: 325px;height: auto !important;height: 325px;color: #000;background: url(immagini/italia-mini-3.jpg)no-repeat; text-align: left; margin-left:2px;}

.italiafisica    {position: relative; max-width: 400px; min-height: 450px; height: auto !important; height: 450px; color: #000;background: url(immagini/italia-previsioni.jpg)no-repeat; }
.tit {font-size: 0.7em;color:red; float: left;}

.italianew       {position: relative; max-width: 400px; min-height: 400px; height: auto !important; height: 450px; color: #000;background: url(immagini/italia/italia-2022-3.jpg)no-repeat; } /*italia-2022-3.jpg  -  italia-new.jpg */


.adv300          {position: relative;max-width: 300px;min-height: 250px;height: auto !important;height: 250px;margin-top: 5px;margin-bottom: 5px;}
.pagprev         {font-size: 1.2em;color: #fff;text-align: center;background: #9EB4FF;font-weight: bold;margin: 0px;padding: 3px;}
.mininav         {float:right; margin-right:5px; margin-bottom:15px; font-size: 0.7em;}
.adv-desk        {display:none;} 
.adv-smart       {display: block;}
.adv-smart-adunit{display: inline-block;}
.advpiede        { text-align: left; }
.itamini         {font-size: 0.9em; width: 280px;color: #000; font-weight: 200;margin: 0;padding-top: 2px;padding-bottom: 2px;text-align: center;display: block;}
.white           {font-size: 0.8em;font-weight: 200;color: #000;}
.tornasu         {text-align: center;background: #ffffff; width: 50%;padding: 5px;font-size: 1.2em; font-weight:700; cursor: pointer;border: 0;border-radius: 0.5em; height: 30px;-webkit-appearance: none;border: 1px solid #C0C0C0;}
.men             {padding-top:6px;}

img               {max-width: 100% !important; height: auto;}
img               {border: 0; }

td.infometeo      { border-bottom: 1px solid #DFDFFF;}
table             {margin-left:auto; margin-right:auto; border-collapse:collapse; min-width: 98%;} 
td                {border:1px solid #ccc;padding:6px; height: 40px;}
th                {background: #cfe6fd; border:1px solid #60aefd; padding:6px;} /* bordo verde 118c01 - bordo blu 60aefd */
tr:hover          {cursor: pointer ;  background-color: #cfe6fd;}

.video iframe     { width: 100%;height: 100%;position: absolute;top: 0;}
.video-container  { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.slicknav_menu               {display:none;}
.js .slicknav_menu           {display:block;}
a span.tooltip               { color: #0D2355;border: 2px solid #1B28A8;background-color: #fff;font-size: 0.9em;}
a.tooltip span.tooltip       { display: none}
a.tooltip:hover span.tooltip { text-decoration: none;position: absolute;display: block; margin-left: -5px;margin-top: -5px;border: 2px solid #1B28A8;background-color: #fff;max-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: 0.9em;}

/*##################### IPAD PORTRAIT ######################### */
@media screen and (min-width: 768px) {
body       {font-family: tahoma, arial,  verdana,  sans-serif;  margin: 0;padding: 0;color: #000; font-size: 0.9em;}  
h1,h2,h3   {font-family: "Lucida Grande", Tahoma, Arial, Verdana; }
h1         { font-size: 1.3em;color: #000;font-weight: normal;text-align: left; margin-bottom: 1em; margin-top: 1em; background: url(immagini/ombrello80.png)no-repeat; background-position: 4px 4px; padding-left: 50px}
h2         { font-size: 1.2em;color: #000;font-weight: normal;text-align: left; padding-top: 1em; }
h3         { font-size: 1.1em;color: #000;font-weight: normal;text-align: left; padding-top: 1em; }
h2 a       {text-decoration: underline ; color: #fff; font-size: 1.1em; }
h2 a:hover { text-decoration: underline; color: #fff; font-size: 1.1em;}
.men       {padding-top:4px;}
#menlat                     {display:block;}
.italy     {position: relative;max-width: 400px;min-height: 325px;height: auto !important;height: 325px;color: #000; background: url(immagini/italia-mini-2.jpg) no-repeat; text-align: left; margin-left:2px;}
.itamini   {font-size: 0.9em; width: 280px;color: #000; font-weight: 200;margin: 0;padding-top: 2px;padding-bottom: 2px;text-align: center;display: block;}

table             {margin-left:auto; margin-right:auto; border-collapse:collapse; min-width: 98%;} 
/*02fc43 verde scuro - a8fdbe verde chiaro*/
/* colori vecchi dbe3fd over 9EB4FF bg*/
td                {border:1px solid #ccc;padding:6px; height: 40px;}
th                {background: #dfebff; border:1px solid #dbe3fd; padding:6px;} /* bordo verde 118c01 - bordo blu 60aefd */
tr:hover          {cursor: pointer ;  background-color: #dfebff;}

.italiafisica    {position: relative; max-width: 400px; min-height: 450px; height: auto !important;height: 450px; color: #000;background: url(immagini/italia-previsioni.jpg)no-repeat; }
.tit {font-size: 0.7em;color:red; float: left;}

.box             {float:left;max-width:45%; }
#contenitore .bx {width: 100px;  float: left; margin-left:10px;}
#contenitore .bx2 {width: 200px;  float: left; margin-left:10px;}
#contenitore .bz {width: 100px;  float: left; margin-left:10px;}
#contenitore .bz2 {width: 200px;  float: left; margin-left:10px;}

a.cellbb         { width: 99%; font-size: 1.2em;text-decoration:none;font-weight:800;background: #0456a9; color:#fff; padding:3px 0 3px 3px; height: 32px; border: 0; border-radius: 0.3em; -webkit-appearance: none;  display:block; }
a:hover.cellbb   {font-size: 1.2em; color:#000;font-weight:800; background-color:#9accffe;  padding: 3px 0 3px 3px; height: 32px; }

a.cell         {border-bottom:10px; width: 95px; font-size: 0.9em;text-decoration:none;font-weight:400;background: #0456a9; color:#fff; padding:3px 0 3px 3px; height: 32px; border: 0; border-radius: 0.3em; -webkit-appearance: none;  display:block; }
a:hover.cell   {font-size: 0.9em; color:#000;font-weight:400; background-color:#9accff;  padding: 3px 0 3px 3px; height: 32px; }

/* ############################################################## */

/* IPAD LANDSCAPE + NETBOOK */
@media screen and (min-width: 1024px) { 
body       {font-family:  tahoma, arial,  verdana,  sans-serif;  margin: 0;padding: 0;color: #000; font-size: 1em;}  
h1,h2,h3   { font-family: "Lucida Grande", Tahoma, Arial, Verdana; }
h1         { font-size: 1.3em;color: #000;font-weight: normal;text-align: left; margin-bottom: 1em; margin-top: 1em; background: url(immagini/ombrello35.png)no-repeat; background-position: 1px 1px; padding-left: 60px; min-height: 50px; display: block; margin-bottom: 3px;}
h2         { font-size: 1.2em;color: #000;font-weight: normal;text-align: left; padding-top: 1em; }
h3         { font-size: 1.1em;color: #000;font-weight: normal;text-align: left; padding-top: 1em; }
h2 a       {text-decoration: underline ; color: #fff; font-size: 1.1em; }
h2 a:hover { text-decoration: underline; color: #fff; font-size: 1.1em;}



#lamma                  {float: right;width: 640px;min-height: 290px;height: auto !important;height: 290px;margin-right: 0px;margin-top: 5px;}
#pagina                 {width: 1020px;margin: 0 auto;background-color: #fff;text-align: left;}
#testa                  {float: left;width: 1020px;text-align: center; margin:0; padding:0;}
#testina img            {text-align: center; padding: 1%;}
#testina                {display:none;}
#contenitore            {float: left;max-width:780px;padding: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;background: white;text-align: left; font-size: 1em;}
#piede                  {clear: both;width: 100%;margin-top: 15px;padding-top: 5px;padding-bottom: 5px;text-align: center;color: #000;font-size: 0.9em;}
#sinistro               {font-size: .7em; float: left;width: 350px;color: #000;text-align: left; display:block; margin-top:0;}
#destro                 {font-size: .7em; float: right;width: 350px;color: #000;margin: 0; text-align:center; margin-left: 30px;}
#menlat                 {float: right;width: 200px;min-height: 600px;height: auto !important;height: 600px;padding: 0px;margin-right: 5px;margin-top: 25px;font-size: 1em;}
#menlat                 {display:block;}
#centrato               {margin-left:auto; margin-right:auto; width:auto;}
#rightnav               {margin-top: 0;margin-left: -14px;}
#rightnav               {font-size: 0.9em; width: 215px;padding: 0px;}


#testa, .testatina, #menlat, .no {display:block;}
#rightnav                        {display:block;}
.testamob                        {display:none;} 
.js #menu                        {display:none;}
.js .slicknav_menu               {display:none;}
.adv-desk                        {display:block;}
.adv-smart                       {display:none;} 
.adv-smart-adunit                {display:none; }


.italy      {position: relative; width: 400px;min-height: 325px;height: auto !important;height: 325px;color: #000;background: url(immagini/italia-mini-3.jpg)no-repeat;margin-top: 10px;margin-bottom: 10px; margin-left:10px;}
.adv300     {position: relative;width: 300px;min-height: 250px;height: auto !important;height: 250px;margin-top: 5px;margin-bottom: 5px;}
.gg2013     {float: left;width: 328px;margin-top: 5px;min-height: 290px;height: auto !important;height: 290px;margin-right: 10px;}
.pagprev    {font-size: 1.2em;color: #fff;text-align: center;background: #9EB4FF;font-weight: bold;margin: 0px;padding: 3px;}
.center     {display: block;margin: 0 auto;}
.itamini    {font-size: 0.9em; width: 280px;color: #000; font-weight: 200;margin: 0;padding-top: 2px;padding-bottom: 2px;text-align: center;display: block;}
.white      {font-size: 0.8em;font-weight: 200;color: #000;}
.testo      {font-size: 92%;color: #000;text-align: justify;}
.testatina  {float: left;width: 1020px; margin:0; padding:0;}
.gg2015     {float: left; width: 328px;margin-top: 5px;min-height: 290px;height: auto !important;height: 290px;margin-right: 10px;}
.spazio     {width: 100%;display: block;min-height: 10px;height: auto !important;height: 10px;clear: both;}
.mininav    {float:right; margin-right:5px; margin-bottom:15px; font-size: 0.7em;}
.advpiede   {text-align: left; }

.men        {padding-top:6px;}
.rs         {margin-bottom: 1px;padding: 3px;border-bottom: 1px dashed #0456a9; font-size: 0.9em;}
.freccia    {font-size: 2em;}

td.infometeo           {border-bottom: 1px solid #8080FF;}

/*#contenitore .bx {display:none;)}*/

a.nav            {font-size: 1em;text-decoration:none;font-weight:400;background: #0456a9 url(immagini/me1.png)no-repeat; background-position: 7px 7px; color:#fff; padding:3px 0 3px 40px; height: 40px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #0A58D0; display:block; }
a:hover.nav      {font-size: 1em;color:#000;font-weight:400; background-color:#9accff;  padding: 3px 0 3px 40px; height: 40px; }

a.navcit                  {margin-left: auto; margin-right: auto; max-width: 500px; font-size: 1em;text-decoration:none;font-weight:700;background: #E8EDFF url(immagini/me2.png)no-repeat; background-position: 8px 8px; color:#000; padding:8px 0 8px 40px; height: 30px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #0456a9; display:block; }
a:hover.navcit            {font-size: 1em; color:#000;font-weight:700; background-color:#9accff;  padding: 8px 0 8px 40px; height: 30px; }

a.navind         {margin-left:auto; margin-right:auto; max-width: 500px; font-size: 1em;text-decoration:none;font-weight:700;background: #f8c88a url(immagini/me1.png)no-repeat; background-position: 6px 5px; color:#000; padding:3px 0 3px 40px; height: 30px; border: 0; border-radius: 0.5em; -webkit-appearance: none; border: 1px solid #000; display:block; }
a:hover.navind   {font-size: 1em; color:#000;font-weight:700; background-color:#cdd079;  padding: 3px 0 3px 40px; height: 30px; }

.styled-select select {background: #E8EDFF url(immagini/me2.png)no-repeat; background-position: 10px 10px; min-width: 100%; padding:5px 0 5px 50px;font-size: 1em;line-height: 1.2em;border: 0;border-radius: 0.5em; min-height: 60px;-webkit-appearance: none; border: 1px solid #0456a9;}
otion {background: #E8EDFF; font-size: 1em; line-height: 1.2em;}

a.infometeo            {min-height: 0;text-decoration: underline;color: #000;font-size: .9em; background:none;}
a.infometeo:hover      {text-decoration: underline;color: #D01313;font-size: .9em; background:none;}
a span.tooltip         {color: #0D2355;border: 2px solid #1B28A8;background-color: #fff;font-size: 0.9em;}
a.tooltip span.tooltip {display: none}
a.tooltip:hover span.tooltip {text-decoration: none;position: absolute;display: block; margin-left: -5px;margin-top: -5px;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: 0.9em;}


span.b           {display: inline-block; width: 35px; height: 35px; margin-right: 5px;}
span.x           {display: inline-block; width: 100px; height: 100px; margin-right: 5px;}
span.pre         {display: inline-block; width: 45px; height: 45px; margin-right: 5px;}

table             {margin-left:auto; margin-right:auto; border-collapse:collapse; min-width: 100%;}
table.a           {table-layout: fixed; width: 100%;} 
/*02fc43 verde scuro - a8fdbe verde chiaro*/
/* colori vecchi dbe3fd over 9EB4FF bg*/
td                {border:1px solid #ccc;padding:6px; height: 40px;}
th                {background: #dfebff; border:1px solid #dbe3fd; padding:6px;} /* bordo verde 118c01 - bordo blu 60aefd */
tr:hover          {cursor: pointer ;  background-color: #dfebff;}

.box             {float:left;max-width:45%; }
}