div.tabpanel {width:100%;margin-bottom:2em}
div.tabpanel div.tab{border: 1px solid #fff;border-top:0}
div.tabpanel div.tab{padding: 1px}
div.tab h2{width:100%;margin: 0;padding:0.3em 0;font-size:150%;color:#86A5D8}
div.tab p{margin-top:0}

/* Inizio tab */

ul.tabnav{width: 100%;overflow:hidden;list-style: none;
     margin: 0;padding:0;background:url(/meteo/line.png) repeat-x bottom}
ul.tabnav li{float: left;margin: 0 0 0 0.2em;padding: 0}
ul.tabnav a{float: left;padding: 0 0 0 0.2em;
    background: url(/meteo/tab.png) no-repeat top left;
    text-decoration: none;color: #222;
    border-bottom: 1px solid #D7D7D7}
ul.tabnav span{float: left;padding: 0.1em 0.1em 0.6em 0;
    background: url(/meteo/tab.png) no-repeat top right;cursor: pointer}
ul.tabnav a.active,ul.tabnav a:hover{
    background: url(/meteo/tab2.png) no-repeat top left;
    border-bottom:1px solid #FFF}
ul.tabnav a.active span,ul.tabnav a:hover span{
    background: url(/meteo/tab2.png) no-repeat top right;color: #184D8A}

li.tabnav a.active,li.tabnav a:hover{
    background: url(/meteo/tab2.png) no-repeat top left;
    border-bottom:0px solid #FFF}

.responsive{
display:inline-block;
}