/*STILI PER CALENDARIO*/
#calendar{background:#e4eff7; background:#f1f1f1; border-bottom:4px solid #fff; }
#calendar .container{ width:100%; margin:0 auto; display:table; table-layout:fixed; }
.event_slide_arrow{ margin:0px 0 0 0; position:absolute; top:50%; left:5px; z-index:1;}
.event_slide_arrow.right{ left:auto; right:5px;}
.event_slide_arrow a{font-size:1.5em; display:block; color:#fff; text-decoration:none; height:1.5em; width:1.5em; line-height:1.5em; border-radius:50%; text-align:center;  background:#999}
.event_slide_arrow a:hover{ color:#000}

.left_cal{ width:65%; display:table-cell; border-right:0px solid #e1e1e1; vertical-align:top; padding:0px 0 0 0 ; margin:0 0 0px 0; position:relative; box-sizing:border-box}
#content .left_cal h2{ width:100%; float:left; padding:0.3em 0; margin:0 0 0px 0; font-size:2em; font-weight:600; text-align:center; color:#333}
#content .left_cal h2 span{ font-weight:100}
.cal_block{  float:left; padding:0 45px; margin:0; width:100%; box-sizing:border-box}
.cal_block table{ table-layout:fixed; width:100%; max-width:600px; border:2px solid #ccc; background:#ccc; margin:0 auto 1em auto}
.cal_block th{ font-size:0.8em; padding:0.5em 0;   color:#fff; background:#ccc; font-weight:400;}
.cal_block td{ height:5em; padding:7px; font-size:13px; background:#ffffff; border:1px solid #fff; vertical-align:top; color:#ccc; box-sizing:border-box }
.cal_block td:hover{ border:1px solid #000}
.cal_block .event_select{ background:#fcf9e3;  color:#333; position:relative}
.cal_block .no-pointer{ background:#f1f1f1}

.mesi-nav{}
.mesi-nav ul{ margin:0; padding:10px 0 0 0; list-style:none; text-align:center}
.mesi-nav li{ display:inline-block;}
.mesi-nav li a{ display:block; background:#fff; padding:2px 5px; font-size:13px; border-bottom:2px solid rgba(0,0,0,0.1)}
.mesi-nav li a:hover, .mesi-nav li.active a{ background:#333; color:#fff}

.etichette-nav{}
.etichette-nav ul{ margin:0; padding:10px 0 0 0; list-style:none; text-align:left}
.etichette-nav li{ display:inline-block;}
.etichette-nav li a{ display:block; background:#fff; padding:2px 5px; font-size:13px; border-bottom:2px solid rgba(0,0,0,0.1)}
.etichette-nav li a:hover, .etichette-nav li.active a{ background:#333; color:#fff}

.event_select.active, .event_select.active:hover{ border:2px solid #000;}
.event_select{ background:#8f4300;}

.event-mini{ position:absolute; bottom:0; left:0; width:100%}
.event-mini ul{ text-align:center; margin:0; padding:0}
.event-mini li{ display:inline-block; padding:0 0em 0.1em 0; position: relative}
.event-mini li a{ color:#000; display:block; border-radius:50%; font-size:0.9em; text-align:center; height:1.6em; line-height:1.6em; width:1.6em; padding:0; margin:0;}
.event-mini a:hover{ text-decoration:none}
.event-mini li.red, .event-mini li.yellow, .event-mini li.blu, .event-mini li.green, .event-mini li.orange, .event-mini li.violet { background:none}
.event-mini li.red a, .calendar .on.red{ background:#FF0000; color:#FFF; }
.event-mini li.yellow a, .calendar .on.yellow{ color:#333; background:#FFDE00}
.event-mini li.blu a, .calendar .on.blu{ color:#fff; background:#00BFFF}
.event-mini li.green a, .calendar .on.green{ color:#fff; background:#008800}
.event-mini li.orange a, .calendar .on.orange{ color:#fff; background:#F63}
.event-mini li.violet a, .calendar .on.violet{ color:#fff; background:#FF00FF}
.event-mini a i{ display:block; font-size:1.5em; line-height:1em }

.event-mini li.lavorato a:before{ display: block; content: '\f00d'; content: '\f058'; font-family:FontAwesome; line-height: 1em;  position: absolute; top: -4px; left: -4px; color: #4fbf9f;font-size: 13px; text-shadow: 1px 1px 0px rgba(277,277,277,1);}
.event-mini li.semilavorato a:before{ display: block; content: '\f013'; font-family:FontAwesome; line-height: 1em;  position: absolute; top: -4px; left: -4px; color: #333;  color: #FF0000;  font-size: 13px; text-shadow: 1px 1px 0px rgba(277,277,277,1);}

.right_cal{ width:35%; display:table-cell; background:#fff; vertical-align:top; padding:0px 0 0 0px; margin:0 0 0px 0; position:relative;}
.right_cal:after{
	top: 2.7em; bottom:auto;
	left: -20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.right_cal:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-left: -0px;
}

.event_toggle{ float:right; padding:0; margin:26px 0 0 7px; position:relative;}
.btn-slide{ width:100%; float:left; padding:0 22px 0 0; margin:0; cursor:pointer; font-size:16px;}
.event_sdw{ height:38px; float:left; padding:0; margin:0; position:absolute; left:15px; right:23px; bottom:0; z-index:999;}

.event_left_sec{ width:100%; float:left; padding:0; margin:0;}
.event_left_sec figure{ width:100%; float:left; padding:0; margin:0 0 24px 0;}
.event_left_sec figure img{ width:100%;}

/*Legenda table*/
.legenda{ text-align:center}
.legenda p{ font-size:0.8em}
.legenda p span{ display:inline-block; padding-right:0.8em;}

/*toolTip*/
#box-tooltip{ position:absolute; top:100px; left:0px; width:300px; z-index:1500; padding:0px 0 0 0; display:none }
#box-tooltip .box{ background:#fff; padding-top:30px; padding-bottom:5px}
#box-tooltip .box.arrowed:after, #box-tooltip .box.arrowed:before {
	top: 100%; bottom:auto;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#box-tooltip .box.arrowed:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
#box-tooltip .box.arrowed:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color:  rgba(0,0,0,0.2);
	border-width: 11px;
	margin-left: -11px;
}
#box-tooltip ul{ border-top:2px solid #e5f2f2}
#box-tooltip li{ font-size:0.7em; font-family: 'Roboto Slab', serif; padding:7px 5px 7px 0;  border-bottom:1px solid #f1f1f1; background:transparent }
#box-tooltip li:last-child{ border:0}
#box-tooltip li:hover{background:#f2fbfe}
#box-tooltip li span{ display:block; overflow:hidden; line-height:1.1em; padding-left:5px}
#box-tooltip li i{ float:left}
#box-tooltip li .fa-lg{ line-height:1em}
#box-tooltip li a{ display:block }
#box-tooltip .pul-close{ text-align:right; position:absolute; top:0px; right:5px}
#box-tooltip .pul-close span{ display:none}
#box-tooltip .pul-close a{}

#content .list { padding-top:0.6em}
#content .list h2{ font-size:1.2em; text-align:center; margin:0em 0 0.2em 0; padding:0.5em 0.2em; color:#666}
.list h2 span{ color:#333; font-weight:600}
.list ul{ margin:0; padding:0 1em; list-style:none; overflow:scroll; max-height:30em}
.list li{ border-top:1px solid #e1e1e1; background:#fff; padding:0.2em 0 0.5em 0}
.list li:hover{ background:#fcf9e3}
.list article{ position:relative; padding:0.6em 0.2em 0.2em 4.2em;}
.day{ width:2.4em; font-size:1.2em; padding:0.5em; position:absolute; top:0; left:0; text-align:center;}
.number{ font-size:1.2em; background:#e1e1e1; color:#333; line-height:1em; font-weight:600;padding-top:0.2em}
.month{ font-size:0.6em; background:#e1e1e1; color:#666; line-height:1em; text-transform:uppercase;font-weight:600}
.year{ font-size:0.6em; background:#e1e1e1; color:#000; line-height:1.1em; padding-bottom:0.4em}
.list .info{ font-size:0.8em; line-height:1.1em; display:block; padding:0.5em 0}
#content .list li h1{ font-size:1.2em; line-height:1em; margin:0; padding:0}
.list li.service h1{ line-height:1.3em}
#content  .list li p{ font-size:0.8em; margin:0; padding:0}
.list .img-container{ width:3em; position:absolute; top:0.6em; left:0.4em; height:3em; overflow:hidden}
.list .img-container img{ border:0;  max-width:100%}
.list .img-container:hover img{-moz-transform: scale(1.1);  
-o-transform: scale(1.1);  
-webkit-transform: scale(1.1);  
transform: scale(1.1);  }
.list li.service .img-container img{ height:4em; max-width:none}