body{margin:20px 0 0;font-family:DM Sans,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;background-color:#F3F3F3;margin-top:0}
h1,h2,h3,h4,h5,h6{-webkit-margin-before:0;-webkit-margin-after:0;margin:0;font-weight:700;font-family:Nunito,Helvetica,Arial,sans-serif}
IMG.bigliettosolo{display:none}
.header {position:relative; text-align: center; background: rgb(0,170,248);background: radial-gradient(circle, rgba(0,170,248,1) 0%, rgba(1,39,108,1) 100%);}
.header img { position: absolute; top:10px; left:10px; width: 200px; height: auto; }
div.menulinketti{float:left;margin:0; padding:30px 15% 50px;display:block; background:#b8e6fc;border-top:3px solid #fff;box-shadow: 0 2px 8px rgba(0,0,0,.3);}
div.menulinketti a { text-decoration:none; color:#003876; font-size: 15px; line-height: 21px;}
div.menulinketti a:hover { text-decoration: underline; }
div.menulinketti DIV{margin:auto;width:100%;display:block}
table{font-size:20px;-moz-box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999;box-shadow:0 0 8px #999;width:100%}
td{background-color:#fff;padding:8px;}
table tr:nth-of-type(2n+2) td {background: #d6f0ff;}
.tabellabigliettobanner td{background-color:#F3F3F3}
TD.tdcolor{background-color:#D3D3D3}
h1{font-size:34px;text-align:center;margin:0;padding:20px 0;color: #fff;text-shadow:0 0 10px rgba(0,0,0,.4)}
h2{font-size:20px;text-align:center;margin:0;background-color:#FFD51E;padding:14px 0;border-bottom:3px solid;border-bottom-color:#FFF;font-weight:400; box-shadow: 0 -2px 8px rgba(0,0,0,.3);}
h3{font-size:30px;text-align:center;margin:40px 0 0;color:#003876;font-weight:400}
p{font-size:20px;margin:0 0 14px;text-align:center;color:#000}
P.amzn{font-size:16px;margin:0 0 14px;text-align:center;color:#000;width:99%}
.messaggino{text-align:center;display:block;color:#000;margin:0;padding:5px;background-color:#87ef93;font-size:18px}
.blocco{margin:20px auto;width:980px;height:auto;padding:0 50px}
table{width:99%;margin:0 auto}
.titolo{background-color:#003876;color:#fff; font-size:19px;padding: 8px;}
a:link{color:#666}
a:visited{color:#666}
a:hover{color:#666}
a:active{color:#666}
.footer2{width:100%;float:left;text-align:center;padding:60px 0 25px;background-color:#003876;position: relative;color: #fff;}
.footer2 img { position: absolute;top:-30px;left:50%;margin-left:-75px; }
p.amzn a:link,p.amzn a:visited{background-color:#fff;text-decoration:none}
p.amzn a:hover{background-color:#F49511;color:#FFF}

/** BLOG **/
#blog { float:left; width:100%;background: #fff; width: 100%; padding: 20px 0 80px; }
#blog h3 { margin-bottom:40px; text-align: center; font-size: 36px; font-weight: 700; }
#blog .col3 { float:left; width: 21%; min-height:200px; margin:0 2% 30px; position: relative; }
#blog .col3 figure { position:relative; width: 100%;  margin:0; padding:0; overflow: hidden; }
#blog .col3 figure img { width: 100%; height: auto; }
#blog .col3 .txt { text-align: left!important; }
#blog .col3 .txt h5 a { font-size: 18px; line-height: 24px; color: #003876; text-decoration: none; margin-bottom: 10px; }
#blog .col3 .txt time { opacity: .6; font-size: 12px; color:#000; margin:10px 0; display: block;}
#blog .button-wrap { float:left; width:100%;text-align: center; margin-top:30px; }
.btn {text-decoration:none;display:inline-block;background-color:#fdd619;color:#02397a!important;vertical-align:top;height:50px;line-height:50px;padding:0 30px;border:none;border-radius:50px;color:#fff;font-size:18px;font-weight:500;text-align:center;transition:all .25s}
.btn:hover { background-color:#E1BB03; }

/** RESPONSIVE **/

@media (max-width: 979px) {
	h1{font-size:28px;}
	h2{font-size:20px;}
	h3{font-size:24px;}
	P.amzn{font-size:12px;margin:0 0 14px;text-align:center;color:#000;width:99%}
	table{width:100%;font-size:12px;margin:0 auto; box-shadow: none!important;}
	table td { padding: 5px; }
	.titolo { font-size: 13px; padding: 5px; }
	iframe{width:100%}
	.blocco{margin:0;width:100%;height:auto;padding:0 5px;text-align:center}

	.header, .blocco, h1, h2, h3, .footer2, div.menulinketti, #blog { padding-left: 3%; padding-right: 3%; width: 94% }
	.header img { position: relative; top:10px; left:inherit; width: 150px; height: auto; }
	.restab { width: 98%; overflow-x: auto; }

	#blog .col3 { width: 46%; }
}

@media (max-width: 640px) {
	div.menulinketti{padding:20px 3% 60px; text-align: center;}
	div.menulinketti span{display:none}
	div.menulinketti a{padding:20px;margin:0 5px;display:inline-block; font-size:18px; font-weight: 700;}

	.tabellabigliettobanner { display: block; width: 94%; padding: 0 3%; }
	.tabellabigliettobanner td { width: 65%; display: block; }
}

@media (max-width: 480px) {
	#blog .col3 { width: 100%; margin:0 0 20px; }
}