*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::selection{color:#fff;background:#000;text-shadow:1px 1px 0 #000;}
::-moz-selection{color:#fff;background:#000;text-shadow:1px 1px 0 #000;}
body {
	margin:0px;
	padding:0px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	color:#333;
	background:#fff;
	overflow-x:hidden;
	opacity:1 !important;
}
body>img[width="1"]{display:none;}
h1{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:3em;
	font-weight:200;
}
h2{
	font-size:1.6em;
	font-weight:200;
}
h3{
	font-family: serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	color:#800;
	text-shadow:1px 1px 0 #fff;
	padding:3px 5px;
	background:#fff url(../immagini/grafica/muro-bianco.jpg) center center;
	background-size:120px 60px;
	margin-bottom:1px;
	border-radius:2px 3px 0 0;
	border-top:2px solid #800;
	letter-spacing:0.25px;
}
h3 a{text-decoration:none;}
h3 svg.toCorner{
	float:right;
	color:#800;
	position:relative;
	top:-3px;
	right:-5px;
}

a,a:visited,a:active{color:#600;}a:hover{color:#800;}
svg.icon{
	width:20px;
	height:20px;
	vertical-align:middle;
}
svg.icon.white{color:#fff;}
svg.icon.black{color:#333;}
svg.icon.red{color:#800;}
svg.icon.green{color:#080;}
svg.icon.huge{
	width:60px;
	height:60px;
}
svg.icon.fit{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:.2;
	z-index:0;
}

img{border:none;}
iframe{
	border:none;
	margin:0;
	overflow:hidden;
	background:transparent;
}

.pageW{
	width:100%;
	max-width:1220px;
	margin:0 auto;
	padding:0 10px;
}	
.main,
.side,
.col1,
.col2{
	display:inline-block;
	vertical-align:top;
}
.main{width:calc(100% - 480px);}
.side{width:480px;}
.col1,.col2{width:240px;padding-left:10px;}
.header{
	width:100%;
	border-top:3px solid #800;
	background:#fff url(/immagini/grafica/muro-bianco.jpg) center center;
	box-shadow:0 -40px 40px 0px #fff inset;
}

.pre-footer{
	margin-top:30px;
	padding:20px 0 10px;
	background:#fff url(/immagini/grafica/muro-bianco.jpg) center center;
	box-shadow:0 30px 30px 0px #fff inset;
}
.footer{
	font-size:0em;
	padding:5px 0;
	background:#800;
}
.footer a{
	display:inline-block;
	padding:5px;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	background:rgba(0,0,0,.2);
	margin:0 1px 1px 0;
	border-radius:2px;
}
.footer a:hover{
	color:#800;
	background:#fff;
}
.footer .network{
	margin-top:5px;
	border-top:1px solid rgba(0,0,0,.1);
	padding-top:5px;
}

.last-line{
	font-size:.8em;
	padding:10px 0;
	background:#fff url(/immagini/grafica/muro-bianco.jpg) center center;
	border-bottom:2px solid #800;
}
.last-line div{vertical-align:middle;}
.last-line strong{
	text-transform:uppercase;
	background:#fff;
} 

.logo{
	display:inline-block;
	vertical-align:top;
	position:relative;
	float:left;
	top:-3px;
	text-decoration:none;
	text-transform:uppercase;
	box-shadow:0 -10px 10px 1px rgba(0,0,0,.5);
}
.logo span{display:block;}
.logo .flag{
	width:40px;
	height:150px;
	border-left:2px solid #800;
	border-right:2px solid #800;
	padding:2px 2px 0 2px;
	background:#fff;
	transition:all .2s;
}
.logo .flag .innerFlag{
	height:150px;
	background:#eee;
	border-radius:1px 1px 0px 0px;
	transition:all .2s;
}
.logo .flag .innerFlag .name{
	position:absolute;
	display:flex;
	gap:5px;
	top:140px;
	line-height:32px;
	transform-origin:top left;
	transform:rotate(-90deg); 
	letter-spacing:1px;
	transition:all .2s;
}
.logo .flag .innerFlag .name > span{
	white-space: nowrap;
	text-shadow:1px 1px 0 #fff;
	transition:all .1s;
}
.logo .flag .innerFlag .name .black{color:#333;}
.logo .flag .innerFlag .name .red{color:#800;}
.logo .doveTail {
	width:0;
	height:0;
	border-left:20px solid #800;
	border-right:20px solid #800;
	border-top:6px solid #800;
	border-bottom:10px solid transparent;
}
.logo .doveTail .doveTail {
	position:relative;
	border-left:18px solid #fff;
	border-right:18px solid #fff;
	border-top:3px solid #fff;
	border-bottom:9px solid transparent;
	top:-6px;
	left:-18px;
}
.logo .doveTail .doveTail .doveTail {
	border-left:16px solid #eee;
	border-right:16px solid #eee;
	border-top:3px solid #eee;
	border-bottom:8px solid transparent;
	left:-16px;
}

.search {
	display:inline-block;
	vertical-align:top;
	float:right;
	width:400px;
	padding:12px;
	background:rgba(255,255,255,.5);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	border-radius:0 0 5px 5px;
	backdrop-filter:blur(1px);
	-webkit-backdrop-filter:blur(1px);
}
.search input[type="text"] {
	width:85%;
	height:33px;
	padding:8px;
	border:none;
	border-bottom:solid 2px #ccc;
	border-radius:2px 1px 1px 2px;
	transition:border .3s;
	outline:0 none;
}
.search input[type="text"]:focus,
.search input[type="text"].focus {border-bottom:solid 2px #800;}
.search button {
	background:#800;
	border:0px solid #fff;
	width:15%;
	height:33px;
	color:#fff;
	margin:0;
	vertical-align:top;
	border-radius:1px 2px 2px 1px;
	transition:background-color .3s;
}
.search button:hover {background-color:#600;}
.search .searching button svg.icon{
	animation-name:ckw;
    animation-duration:3s; 
	animation-iteration-count:infinite;
}
@keyframes ckw {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

.search.searchAut{
	float:none;
	width:100%;
	padding:10px 0;
	box-shadow:none;
}

.banner_top{
	font-size:0;
}

.menu{
	text-align:center;
	clear:both;
	min-height:60px;
}
.menu a{
	display:inline-block;
	vertical-align:top;
	padding:20px 15px;
	color:#333;
	text-shadow:1px 1px 0 #eee;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	white-space:nowrap;
	border-bottom:2px solid transparent ;
	border-radius:2px 2px 0px 0px;
	background:rgba(255,255,255,.5);
	backdrop-filter:blur(1px);
	-webkit-backdrop-filter:blur(1px);
	transition:border .2s, backdrop-filter .2s;
}
.menu a+a{border-left:1px solid rgba(0,0,0,.1);}
.menu a svg.icon{
	display:inline-block;
	margin-right:5px;
	color:#800;
}
.menu a:hover, .menu a:active{
	border-bottom:solid 2px #800;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
}

.menu.stuck .sticky{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin:0 auto;
	background:rgba(255,255,255,.6);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	box-shadow:0 10px 10px -10px rgba(0,0,0,.6);
	z-index:999;
}
.menu.stuck a{
	width:25%;
	padding:10px 5px;
	background:transparent;
}

a.rac{
	display:block;
	padding:20px;
	margin-bottom:1px;
	color:#333;
	text-decoration:none;
	border-left:2px solid #ddd;
	box-shadow:30px 30px 50px -50px rgba(0,0,0,.25) inset;
	border-radius:0 2px 2px 0;
	word-break:break-word;
	transition:all .2s;
}
a.rac .tit{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:2em;
	text-shadow:1px 1px 0 #fff;
	word-break:break-word;
}
a.rac .description{
	display:block;
	margin-top:5px;
	word-break:break-word;
}
a.rac .readingTime{
	display:block;
	margin:5px 0;
	color: #555;
	font-size: 0.75em;
	font-weight: 600;
	letter-spacing: 1px;
}
a.rac:hover{
	border-left:2px solid #800;
	background:rgba(0,0,0,.05);	
}
a.rac:hover .tit{
	color:#800;	
}
a.rac .infos {
	flex-wrap:wrap
}
a.rac .infos > * {
	min-width:120px;
} 

.infos{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:5px;
}
.infos > * {
	position:relative;
	flex-grow:1;
	flex-shrink:1;
	text-align:center;
	padding:15px 10px;
}
.infos > *+*{
	border-left:1px dotted #eee;
}
.infos svg.icon{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:90%;
	opacity:0.1;
	z-index:0;
}
.infos a{
	position:relative;
	z-index:1;
}
.infos > .double{
	flex-basis:200%;
}

.smallVersion .rac{padding:6px;}
.smallVersion .rac .tit{
	font-size:1.5em;
	letter-spacing:0.5px;
}
.smallVersion .rac .infos > *{padding:10px 5px;}

.pagination{margin:5px 0;}
.pagination a{
	display:inline-block;
	vertical-align:top;
	padding: 0 5px;
	min-width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	text-decoration:none;
	border:1px solid #ddd;
	border-radius:2px;
	margin:1px;
	transition:border .3s;
}
.pagination a:hover{ border:1px solid #800; }
.pagination a.plain{border-color:#fff;}
.pagination a.current{
	font-weight:600;
	color:#800;
	border:1px solid #800;	
}

.linksPreRacconti{
	position: relative;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;

}
.linksPreRacconti a{
	flex-grow:1;
	padding:15px 10px;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
}
.linksPreRacconti a+a{border-left:1px solid rgba(0,0,0,.1);}
.linksPreRacconti a svg.icon{
	display:inline-block;
	margin-right:5px;
	color:#555;
	transition:all .2s;
}
.linksPreRacconti a:hover svg.icon{
	color:#800;
}

.cat {
	display:flex;
	flex-wrap:wrap;
	gap:1px;
}
.cat a{
	position:relative;
	display:block;
	flex-grow:1;
	flex-shrink:1;
	flex-basis:30%;
	min-width:180px;
	height:44px;
	text-align:right;
	overflow:hidden;
}
.cat a .name{
	position:absolute;
	display:block;
	width:100%;
	height:44px;
	padding:10px;
	text-align:left;
	font-size:1.5em;
	color:#800;
	text-shadow:1px 1px 0 #fff;
	background:rgba(0,0,0,.05);
	border-radius:1px;
	border-left:0px solid;
	transition:border .1s;
	z-index:2;
}
.cat a img{
	z-index:0;
	transition:filter .1s, transform .1s;
}
.cat a svg.icon{
	position:absolute;
	top:10%;
	right:10px;
	height:80%;
	z-index:0;
	transition:filter .1s, transform .2s, opacity .1s;
}
.cat a .name .number{
	display:block;
	position:relative;
	top:-3px;
	font-size:.5em;
	color:#333;
	letter-spacing:1px;
	text-shadow:1px 1px 0 #fff;
	font-style:italic;
}
.cat a:hover .name{border-left:6px solid;}
.cat a:hover img{
	filter:blur(2px);
	transform:scale(1.1) rotate(2deg);
}
.cat a:hover svg.icon{
	filter:blur(0px) grayscale(.5);
	transform:scale(1.2) rotate(0deg);
	opacity:1;
}
.cat a:not(:hover) svg.icon{
	color:#333 !important;
	opacity:.2;
	filter:blur(1px);
	transform:scale(2.5) rotate(5deg);
}

.catBall {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
	padding:6px;
	border-radius:1px 5px 5px 5px;
	z-index:1;
}

.timeframeSelection {
	width:100%;
	display:flex;
	gap:1px;
	margin:1px 0;
	border-radius:10px 0 10px 0;
	overflow:hidden;
	flex-wrap: wrap;
}
.timeframeSelection .frame {
	flex-grow:1;
	padding:8px;
	text-align:center;
	background:#eee;
	text-decoration:none;
	transition:all .2s;
}
.timeframeSelection .frame.current,
.timeframeSelection .frame:hover {
	color:#fff;
	background:#800;
}

.columnBox{
	position:relative;
	padding:10px;
	border-left:3px solid #eee;
	border-right:3px solid #eee;
	margin-bottom:calc(10% + 15px);
}
.columnBox:before{
	content:"";
	position:absolute;
	top:calc(100% + 3px); 
	left:-3px;
	background-color:#fff;
	width:calc(50% + 3px);
	padding-bottom:calc(50% + 3px);
	z-index:-1;
	transform-origin:0 0;
	transform:rotate(-10deg) skewX(70deg) scaleY(cos(70deg));
}
.columnBox:after{
	content:"";
	position:absolute;
	top:calc(100% + 6px); 
	left:-3px;
	background-color:#eee;
	padding-bottom:calc(50% + 3px);
	width:calc(50% + 3px);
	z-index:-2;
	transform-origin:0 0;
	transform:rotate(-10deg) skewX(70deg) scaleY(cos(70deg));
}

.tagsCloud{
    text-align:center;
    line-height:0.8;
	word-break: break-all;
}
.tagsCloud a{
    display:inline-block;
    vertical-align:middle;
    padding:2px;
    text-decoration:none;
}
.tagsCloud a:hover,.tags a:active{text-decoration:underline;}

.banner_side{
	text-align:center;
	overflow:hidden;
}
.banner_adapter{
	position: relative;
	z-index: 0;
	padding:20px;
	background:#f6f6f6;
	margin-bottom:1px;
	border-radius:1px;
	transition:margin-top .2s;
}

.story{
	-webkit-touch-callout:none;
	user-select:none;
}
.story .tit{
	text-shadow:2px 1px 0 #ddd;
}
.story .tes{
	font-family:"Courier New",Courier,monospace;
	font-size:1.35em;
	line-height:140%;
	color:#000;
	word-wrap:break-word;
}
.story .infos {
	margin:30px 0;
}
.story a{text-decoration:none;}
.story a:hover{text-decoration:underline;}


.scoreBar {
	position:relative;
	display:flex;
	gap:1px;
	overflow:hidden;
	margin:5px auto;
	max-width:180px;
	border-radius:10px 0 10px 0;
}
.scoreBar .bar {
	flex-basis:10%;
	height:5px;
	background:#ddd;
}
.scoreBar .bar .inner{
	height:5px;
	background:#800;
}


.sFilter {
	text-align:right;
	margin-top:-20px;
}
.sFilter .title {
	display:inline-block;
	padding:5px 10px;
	background:#eee;
	cursor:pointer;
	letter-spacing:.5px;
	border-radius:0 5px 0 5px;
	transition:all .2s;
}
.sFilter .title:hover {
	background:#ddd;
}
.sFilter.disabled,
.sFilter.disabled .title{
	pointer-events:none;
}


.selector {
	position:relative;
	display:flex;
	align-items:stretch;
	gap:1px;
	overflow:hidden;
	border-radius:10px 0 10px 0;
	padding-top:5px;
	cursor:pointer;
}
.selector.long {
	flex-wrap:wrap;
}
.selector .sec{
	position: relative;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	flex-grow:1;
	padding:8px;
	background:#eee;
	text-decoration:none;
	overflow: hidden;
	transition:all .1s;
}
.selector .sec:hover,
.selector .sec.current {
	color:#fff;
	background:#800;
	text-decoration:none;
}

.selector.disabled,
.selector.loading,
.selector.locked {
	pointer-events:none;
}
.selector.collapse {
	padding-top:2px;
}
.selector.label {
	font-size:0.85em;
	font-style:italic;
	color:#999;
}

.selector.loading .sec,
.selector.collapse .sec {
	font-size:0;
	padding:1px;
	pointer-events:none;
}
.selector.loading .sec {
	background:#eee;
}

.selector .sec .label{
	transition:all .05s;
}
.selector .sec svg.icon{
	padding: 3px;
	margin-left: -40%;
	filter: grayscale(1) blur(1px);
}
.selector.loading .sec svg.icon,
.selector.collapse .sec svg.icon {
	width:0;
	height:0;
}



.selector.loading .loadingBar {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#800;
	animation:indeterminateAnimation 1s infinite linear;
	transform-origin:0% 50%;
	z-index:1;
}

.selector.locked .sec:not(.current) {
	color:#999;
	background:#f6f6f6;
}
.selector.locked .sec.current {
	font-weight:600;
}

.selector.label.collapse {
	font-size:0;
	padding:0;
	pointer-events:none;
}

@keyframes indeterminateAnimation {
	0% {
		transform:translateX(0) scaleX(0);
	}
	40% {
		transform:translateX(0) scaleX(0.4);
	}
	100% {
		transform:translateX(100%) scaleX(0.5);
	}
}


.multicalendar {
	display:flex;
	gap: 5px;
}
.multicalendar .years {
	display:flex;
	flex-direction:column;
	justify-content:center;
    align-items:center;
	padding-top: 20px;
}
.multicalendar .years .line{
	flex-grow:1;
	height:100%;
	width:1px;
	background-color:#eee;
}
.multicalendar .years .arrow{
	color: #eee;
}
.multicalendar .years .from{
	border-top: 1px solid #eee;
	padding-top: 3px;
}
.multicalendar .years .to{
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
}

.multicalendar .time {
	display:flex;
	justify-content:center;
    align-items:center;
	padding-bottom: 5px;
}
.multicalendar .time .line{
	flex-grow:1;
	height:1px;
	width:100%;
	background-color:#eee;
}
.multicalendar .time .arrow{
	color: #eee;
}
.multicalendar .time .from{
	border-left: 1px solid #eee;
	height: 15px;
}
.multicalendar .time .to{
	border-right: 1px solid #eee;
	height: 15px;
}

.multicalendar .lines {
	width:100%;
	flex-grow:1;
}
.multicalendar .lines .line {
	width:100%;
	display:flex;
	gap:0;
	margin:0;
}
.multicalendar .slot {
	position:relative;
	flex-grow:1;
	padding-top: 1.5%;
	min-height: 5px;
	transition:all .2s;
}
.multicalendar .slot .label {
	position:absolute;
	white-space:nowrap;
	top:0px;
	padding:3px 6px;
	background:rgba(255,255,255,.9);
	border-radius:5px 5px 5px 0;
	opacity:0;
	pointer-events:none;
	z-index:1;
	transition:all .2s;
}
.multicalendar .slot:hover .label {
	top:-20px;
	opacity:1;
}


.sections,
.links {
	display:flex;
	align-items:stretch;
	justify-self:stretch;
	flex-wrap:wrap;
	gap:2px;
}
.sections a,
.links a{
	display:inline-block;
	padding:15px;
	background:rgba(0,0,0,.05);
	border-radius:2px;
}

.cookies-line{
	position:fixed;
	z-index:9999;
	left:0;
	bottom:0;
	width:100%;
	padding:20px;
	color:#fff;
	background:#300;
   	-webkit-transform:translate(0,100%);
	-ms-transform:translate(0,100%);
    transform:translate(0,100%);
	-webkit-transition:1s;
	-ms-transition:1s;
	transition:1s;
}
.cookies-line.show{
   	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
    transform:translate(0,0);	
}
.cookies-line svg.icon{color:#fff;}
.cookies-line .more{
	float:right;
	padding:5px 10px;
	border-left:1px dotted #fff;
	margin-left:10px;
	color:#eee;
}
.cookies-line .more:hover{color:#fff;}

.sitemap a{
	display:block;
	margin:2px 0;
	background:rgba(0,0,0,.05);
	border-radius:2px;
}
.sitemap a svg.icon{
	color:#fff;
	padding:8px;
	height:30px;
	width:30px;
	background-color:#800;
	border-radius:2px 0 0 2px;
}

.mailContact{
	font-size:2em;
}

.counterBoard{
    display:inline-block;
    vertical-align:bottom;
    font-size:0;
}
.counterBoard .digit{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    text-align:center;
    font-family:"Lucida Console",Monaco,monospace;
    font-weight:200;
    text-transform:uppercase;
    text-decoration:none;
    padding:2px;
    margin:0 1px 1px 0;
    color:#fff;
    background:rgb(30,30,30);
    background:-webkit-gradient(linear,center top,center bottom,
    color-stop(0.0,rgba(15,15,15,1)),
    color-stop(0.05,rgba(35,35,35,1)),
    color-stop(1.0,rgba(60,60,70,1)));
    background:-moz-linear-gradient(270deg,
    rgba(15,15,15,1) 0%,
    rgba(35,35,35,1) 5%,
    rgba(60,60,70,1) 100%);
    border:2px solid #000;
    border-radius:3px;
}
.counterBoard .digit:before {
    position:absolute;
    left:0px;
    top:calc(50% - 1px);
    width:100%;
    height:0px;
    border-top:1px solid rgba(0,0,0,.5);
    border-bottom:1px solid rgba(255,255,255,.1);
    content:" ";
    display:block;
}
.counterBoard .digit svg.icon{
    color:#fff;
    width:100%;
    height:100%;
    vertical-align:top;
}
.digit.d15 {width:14px; height:15px; font-size:10px; line-height:10px;}
.digit.d20 {width:18px; height:20px; font-size:14px; line-height:14px;}
.digit.d30 {width:26px; height:30px; font-size:20px; line-height:26px;}
.digit.d40 {width:34px; height:40px; font-size:34px; line-height:38px;}
.digit.d60 {width:50px; height:60px; font-size:48px; line-height:60px;}

.pretitleImage {
	float:right;
	position:relative;
	width:140px;
	height:140px;
	margin:20px 20px -160px 0;
	filter:blur(4px);
	opacity:0.25;
	z-index:-1;
}

.catChart {
	display:flex;
	gap:2px;
	align-items:stretch;
	justify-content:stretch;
	margin:10px 0;
}
.catChart .segment {
	position:relative;
	background-color:#eee;
	height:30px;
	filter:grayscale(.5);
	transition:all .2s;
}
.catChart .segment.l .label{left:0;}
.catChart .segment.r .label{right:0;}
.catChart .label {
	position:absolute;
	white-space:nowrap;
	top:0px;
	padding:3px 6px;
	background:rgba(255,255,255,.9);
	border-radius:3px 3px 0 0;
	opacity:0;
	pointer-events:none;
	transition:all .2s;
}
.catChart .label svg.icon{
	width:16px;
	height:16px;
	margin:-2px 3px -2px -2px;
}

.catChart .segment:hover {
	filter:grayscale(0);
}
.catChart .segment:hover .label {
	top:-20px;
	opacity:1;
}


.timeChart {
	display:flex;
	align-items:center;
	justify-content:stretch;
	margin:10px 0;
	padding:45px 0 20px 0;
	border-top:1px dashed #333;
}

.timeChart .past,
.timeChart .future{
	border-top:1px dashed #ddd;
	width:3%;
}
.timeChart .future{
	position:relative;
	width:8%;
}
.timeChart .end{
	color:#ddd;
}

.timeChart .future .visite{
	position:absolute;
	top:-55px;
	right:-15px;
	width:150%;
	text-align:right;
}
.timeChart .line{
	position:relative;
	border-top:1px solid #bbb;
	flex-grow:1;
}
.timeChart .line .dot{
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	top:-3px;
	margin-left:-2px;
	background:#999;
	filter:grayscale(.5);
	z-index:2;
}
.timeChart .line .dot .tall{
	position:absolute;
	height:50px;
	width:1px;
	background:rgba(0,0,0,.15);
	bottom:5px;
	left:2px;
	transform-origin:bottom center;
	z-index:1;
}
.timeChart .line .dot .label{
	position:absolute;
	top:8px;
	color:#333;
	white-space:nowrap;
}
.timeChart .line .dot .label.left{
	left:2px;
	padding-left:5px;
	border-left:1px solid #999;
}
.timeChart .line .dot .label.right{
	right:2px;
	padding-right:5px;
	border-right:1px solid #999;
}


.paddedButton{
	display:inline-block;
	padding:10px;
	background:rgba(0,0,0,.025);
	border:1px solid #fff;
	text-align:center;
	text-decoration:none;
	border-radius:2px;
	transition:background-color .3s;
}
.paddedButton:hover{
	background:rgba(0,0,0,.05);
}
.paddedButton .tit{
	display:block;
	padding:5px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.6em;
	text-shadow:1px 1px 0 #fff;
	color:#333;
}
.paddedButton .label{
	display:block;
	padding:2px;
}

.noResults {
	font-size:1.6em;
	font-weight:200;
	color:rgba(0,0,0,.7);
	margin:15% 5%;
	text-align:center;
}
.highlight {
	color: #800;
	font-size: 1.05em;
}

.divided,
.divided1,
.divided2,
.divided3,
.divided4,
.divided5,
.divided6{
	display:inline-block;
	vertical-align:top;
	width:100%;
}
.divided{width:auto;}
.divided1{width:100%;}
.divided2{width:50%;}
.divided3{width:calc(100% / 3);}
.divided4{width:25%;}
.divided5{width:20%;}
.divided6{width:calc(100% / 6);}

.fullFlex{
	display:flex;
	align-items:stretch;
	gap:1px;
	margin-bottom:1px;
}
.fullFlex > * {
	flex-grow:1;
}
.inlineRelative {
	display:inline-block;
	position:relative;
}
.abtn{
	display:inline-flex;
	position:relative;
	max-width:80px;
	min-width:80px;
	align-items:center;
	justify-content:center;
	background:#eee;
	text-decoration:none;
	transition:all 0.2s;
}
.abtn .icon{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:15%;
	opacity:0.1;
	z-index:0;
}
.abtn.delete{
	border-bottom:2px solid #800;
	border-radius:0 3px 3px 0;
}
.abtn:hover{
	filter:brightness(0.9);
}
.abtn:active{
	filter:brightness(0.75);
}

.abtn.logout{
	float:right;
	min-height:50px;
	margin:0 0 10px 10px;
}

.centerText{text-align:center;}
.noDecoration{text-decoration:none;}

.floatLeft{float:left;}
.floatRight{float:right;}

@media (max-width:979px) {
	.main{width:calc(100% - 240px);}
	.side{width:240px;}
	.search {
		width:calc(100% - 41px);
	}
}
@media (max-width:739px) {
	.main,.side{width:100%;}
	.col1{padding-left:0;}
	.col1,.col2{width:50%;}
	.menu a svg.icon{
		display:block;
		margin:0 auto 3px;
	}
	.tagsCloud {
		font-size:1.2em;
	}
	.footer a {
		padding:10px;
	}
}
@media (max-width:599px) {
	.logo{
		margin-bottom:-16px;
		z-index:9999;
	}
	.logo .flag{height:50px;}
	.logo .flag .innerFlag{height:50px;}
	.logo .flag .innerFlag .name{
		top:40px;
		letter-spacing:0;
	}
	.logo .flag .innerFlag .name>span{font-size:0;}
	.logo .flag .innerFlag .name>span:first-letter{font-size:12px;}
	.menu a{font-size:10px;}
	.tagsCloud {
		font-size:1.3em;
	}
	.footer a {
		padding:15px;
	}
}
@media (max-width:499px) {
	.main,.side{width:100%;}
	.col1,.col2{width:100%;padding-left:0;}
	.banner_top{margin-left:-10px;}
	.menu a{
		font-style:italic;
		text-transform:lowercase;
	}
}
@media (max-width:399px) {
	.menu a{font-size:9px;}
}
@media print{
	.main{width:100%;}
	.header .search,
	.header .banner_top,
	.header .menu,
	.side,
	.pre-footer,
	.footer,
	.cookies-line{display:none;}
}