/*
	NanoBlogger Silver Theme
	simple 2 column layout
*/

body {
        margin: 0;
        padding: 0;
        //background: #050505 url('../images/img01.jpg') repeat;
        background: #FFFFFF url('../images/fronts-meteo-sfondo.png') repeat;
        background-size: 10%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #5B5B5B;
        //text-align: justify;
}

a { color: #003366; text-decoration: none; }
a:link { color: #003366; text-decoration: none; }
a:visited { color: #003366; text-decoration: none; }
a:active { color: #999999; text-decoration:
underline; }
a:hover { color: #999999; text-decoration:
underline; }

h1 {
	/*titolo a vista dell'articolo*/
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Georgia', serif;
	color: #222222;
	position: relative;
	text-align: center;
	padding: 2% 0 2% 0; /*su destra giu sinistra*/
	/*left: 30%;*/
    /*transform: translateX(-50%);*/
}

h2 {
	/*sottotitoli principali*/
	font-weight: bold;
	text-align: center;
	//text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	color: #222222;
	position:relative;
	font-size:18px;
}

h3 {
	//titoli dei paragrafi
	margin: 0;
	padding: 0;
	//text-transform: uppercase;
	font-weight: normal;
	font-family: 'Oswald', sans-serif;
	color: #222222;
	font-size:18px;
}

h4, h5, h6 {
	margin-top:1.5em;
	margin-bottom: 0;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
}

blockquote {
	background-color:#EEE;
	padding:2mm;
	border-left:5px solid #BBB;
}

hr {
    margin: 40px 0 25px 0;
    border-top: 3px dotted grey;
    background-color: white;
    color: white;
}



pre {
	background-color:#EEE;
	padding:2mm;
	border-top:2px solid #999;
	border-left:2px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

table {
	text-align: center;
	//border: 1px;
	//border-color:black;
	//border-style: solid;
	//i fogli di stili sono a cascata, quindi la larghezza delle immagini
	//contenute nella tabella prevarrà sulla larghezza che ho forzato per la tabella
	width: min-width;
	//per centrare la tabella
	margin-left:auto;
	margin-right:auto;
	margin: auto;
	//cellpadding="1" cellspacing="15";
}

/*td {
	padding-top: 10px;
}*/

#home-banner {
	//margin: 10px auto;
	margin-top: 20px;
	margin-left: 20px;
    margin-right: 20px;
    //align-items: stretch;
    height: 220px;
    border-width: 0px;
    background: url('../images/header.jpg') no-repeat;
	background-size: cover;
	//overflow: hidden;
	//position: relative;
	//top: 10px;
}

#banner {
	//margin: 10px auto;
	margin-top: 20px;
	margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    //align-items: stretch;
    height: 220px;
    border-width: 0px;
    background: url('../images/banner_v3_cropped.webp') no-repeat;
	background-size: cover;
    background-position: 0% 0%; /* Sposta l'immagine di 0px a sinistra e 0px verso l'alto */
    //overflow: hidden;
	//position: relative;
	//top: 10px;
    width: 100%;
}

#banner h1 {
	margin:0;
	padding:15px 0 0 10px;
	font-size:x-large;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size:x-large;
	color:#FFF;
	text-decoration:none;
}

#banner2 {
	//border-color:black;
	//border-style:solid;
	//border-width:2px;
	//height:287px;
	height:280px;
	//text-align:center;
	//width:380px";
	//margin-top:50px;margin-bottom:40px;text-align:center"
}

#copyright {
	font-family; Times New Roman, Times, serif;
	font-size:medium;
	//position: relative;
	text-align:center;
	margin-left: 240px;
	//left: 27%;
	//transform: translateX(-50%);
}

//#history-query {
//	text-align: center;
//	position:relative;
//}

.gif-circolazione {
	alt="animazione della circolazione mensile";
	border-color:black;
	border-style:solid;
	border-width:2px;
	height:200px;
	margin-left:0px;
	margin-right:20px;
    	margin-top: 0px;
	width:300px;
	border-radius: 0;
    	float: left;
}

#month-overall-table {
	text-align: center;
	font-weight: 600;
	border: none;
	width: 400px;
	padding: 5px;
	border-style: solid;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 25px;
}

img {
	//devo forzare l'apertura dell'immagine in una nuova scheda
	border-color:black;
	border-style:solid;
	border-width:2px;
	height:150px;
	//la larghezza non la forzo, perchè così si regola in automatico in base al'altezza che ho forzato
	//width:200px;
	border-radius: 5%;
	margin-left: 10px;
	margin-right: 10px;
    margin-top: 15px;
	//padding: 0px 1px 1px 0px;
}

.img1 {
	border-color:black;
	border-style:solid;
	border-width:2px;
	height:200px;
	width:200px;
    border-radius: 50%;
}

.img-text {
	max-width: 600px;
}

.indextitle {
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Georgia', serif;
	color: #222222;
	padding-bottom: 30px;
	//left: 25%;
	//margin-left: 100px;
	//transform: translateX(25%);
	position: relative;
}

.item-description {
	text-align: center;
}

.caption {
	//didascalie immagini
	font-size:12px;
    font-family: 'Great Vibes', cursive;
}

.description {
	font-family: verdana, arial, serif;
	color:#FFF;
	font-size:small;
	font-weight:bold;
	text-transform:lowercase;
	padding:0 0 0 10px;
}

#logo h1 {
	color: #1F1F1F;
	text-shadow: 2px 1px 0px rgba(0,0,0,.2);
	border: none;
	background: none;
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	text-align: left;
}

#logo h2 {
	color: #1F1F1F;
	border: none;
	background: none;
	font-size: 1.3em;
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	text-transform:lowercase;
	text-align: left;
	margin-left: 15px;
}

#wrapper {
	text-align:justify;
	//float: middle;
	//width: 800px;
	//padding: 0px 0px 0px 0px;
	padding-left: 10%;
	padding-right: 10%;
	//overflow: hidden;
    //justify-content: space-around;
}

#container {
	margin-left: 20px;
	margin-right: 20px;
	padding:0;
	background-color:#FFF;
	//width: 1035px;
}

#content {
	margin:0;
	padding:0;
	//margin-left:15px;
	background-color:#FFF;
}

/* AMCharts graph */

#chartdiv {
        height: 480px;
        overflow: hidden;
        text-align: left;
        margin-bottom: 20px;
}

.chart {
        height: 480px;
        overflow: hidden;
        text-align: left;
}

#links {
	//contenitore del menu laterale
	padding-right: 15px;
	line-height: 180%;
	float:left;
	width:249px;
	background-color:#FFF;
	margin-bottom: 30px;
	//margin:0;
	//padding:0;
	//border:1px solid #FFF;
	//border-right: 1px dotted #999;
	//padding:15px 0 15px 0;
}

#footer {
	margin-left:245px;
	//position:relative;
	text-align:center;
	//padding:0;
	//clear:both;
	//background-color:#999999;
	//border-top:1px dotted #999;
	//border-bottom:1px dotted #999;
}

.note {
	color: #E74C3C;
}

.archives {
	margin:20px;
	padding:0;
	font-family: verdana, arial, sans-serif;
	color:#333;
	font-size:small;
	font-weight: normal;
	padding:15px;
	font-size: 16px;
	line-height: 1.8;
}

.blog {
	//il testo del corpopagina (e ha priorità sul blogbody)
	margin:0;
	padding:0;
	font-size: 110%;
	font-weight:normal;
	line-height: 150%;
	//padding:15px;
}

.blogbody {
	//contenitore del corpopagina
	font-family: verdana, arial, sans-serif;
	color:#656565;
	//font-size:small;
	margin-left: 250px;
	margin-right: 10px;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
	font-weight:normal;
	text-decoration:underline;
}

.auto-incolonnamento {
    flex-wrap: wrap;
    justify-content: center;
    display:flex;
    text-align:center;
    margin-bottom:10px;
    margin-top:30px;
}

#menu, .menu {
	font-family: verdana, arial, sans-serif;
	//font-size:small;
	margin-top:25px;
	margin-bottom:25px;
	//margin-left: 240px;
	text-align:center;
}



#to-top {
	font-family: verdana, arial, sans-serif;
	//font-size:small;
	margin-top:25px;
	margin-bottom:25px;
	margin-left: 240px;
	text-align:center;
}

.date {
	font-family: verdana, arial, sans-serif;
	font-size:small;
	color:#666;
	border-bottom:1px solid #999;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
}

.posted {
	font-family: verdana, arial, sans-serif;
	font-size:x-small;
	color:#000000;
	margin-bottom:25px;
	text-align: center;
}

.side {
	padding:0px 0px 0px 20px;
	border:none;
	line-height:30px;
	list-style:none;
	font-family;Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: capitalize;
}

.side a {
	padding: 0px 0px 0px 20px;
	color:#5E5E5E;
	background: #FFFFFF url('../images/img04.jpg') no-repeat left 50%;
}

.side a:hover {
	text-decoration: underline;
	font-weight:bold;
    
}

.sidetitle {

/* quelli grossi che compaiono nel menu laterale */
	margin:0;
	padding:0px 0px 5px 20px;
	list-style:none;
	line-height:180%;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#494949;
	font-size:1.8em;
	letter-spacing:-0.5px;
}

/*il menu presente sopra gli elenchi delle varie sezioni (archivi, commenti mensili, ecc...)*/

.menu-link {
	padding:0px 0px 0px 30px;
	border:none;
	line-height:30px;
	list-style:none;
	font-family;Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform: capitalize;
}

.menu-link a {
	color:#5E5E5E;
}

.menu-link a:hover {
	text-decoration: underline;
	font-weight:bold;
    
}

.feed-small {
	height: 14px;
	padding-left: 15px;
	background: url('../images/feed-icon-14x14.png') no-repeat 0% 50%;
}

.powered {
	font-family: verdana, arial, sans-serif;
	font-size:x-small;
	line-height:150%;
	background-color:#EEE;
	color:#666;
	padding:2px 15px 2px 15px;
	border-left:15px solid #FFF;
	border-right:15px solid #FFF;
	text-align:center;
}



/*
.comments-body {
	font-family: verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight: normal;
	line-height: 120%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #999;
}

.comments-post {
	font-family: verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight: normal;
}

.trackback-url {
	font-family: verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight: normal;
	line-height: 150%;
	padding:5px;
	border:1px dotted #999;
}

.trackback-body {
	font-family: verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight: normal;
	line-height: 120%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #999;
}

.trackback-post {
	font-family: verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight: normal;
}

.comments-head {
	font-family: verdana, arial, sans-serif;
	font-size:small;
	color: #666;
	border-bottom: 1px solid #999;
	margin-top:20px;
	font-weight: bold;
}
*/

#banner-commentspop {
	font-family: verdana, arial, sans-serif;
	color:#FFF;
	font-size:large;
	font-weight: bold;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top:1px solid #FFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*
.intro {
	font-family: verdana, arial, sans-serif;
	border-bottom: 1px solid #003366;
	background-color:#FFF;
	color:#333;
	font-size:small;
	font-weight: normal;
	line-height: 140%;
	padding:10px 10px 0px 10px;
	margin-bottom: 45px;
}

.intro a,
.intro a:link,
.intro a:visited,
.intro a:active,
.intro a:hover {
	font-weight: normal;
	text-decoration: underline;
	color:#333;
}

.fortune {
	color: #555;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: x-small;
	padding:2px 15px 2px 15px;
}
*/