#Calendario
{
    width:262px;
    color:#666666;
}

#Calendario .pulsantiera
{
   width:262px;
   height:30px;
   background-color:#fff;
   border-bottom:1px solid #ddd
}

#Calendario .pulsantiera .meseprecedente
{
   width:22px;
   float:left;
}

#Calendario .pulsantiera .mesesuccessivo
{
   width:22px;
   float:left;
}

#Calendario .pulsantiera .mesevisualizzato
{
    width:218px;
    font:bold 13px Arial;
    padding:5px 0 0 0;
    text-align:center;
    float:left;
}

.ttip{
	text-align:center}
.eventi_cal{
	padding:0 2px 1px 0;
	width:8px;
	height:8px;}

#Calendario .testataggset
{
   width:100%;
   font:normal 10px Arial;
}

#Calendario .testataggset .labelggsett
{
    width:37px;
    float:left;
    font:normal 12px Arial;
	padding:5px 0;
	text-align:center
}

#Calendario .dettagliotestataggsett
{
    width:100%;
    font:normal 10px Arial;
}

#Calendario .dettagliotestataggsett .dettaglio
{
    width:31px;
	padding:2px;
    height:31px;
	border:1px solid #ddd;
    text-align:center;
    float:left;
    font:normal 12px Arial;
}

#Calendario .separatoredettagliolegenda
{
    width:100%;
    height:10px;
}

#Calendario .legenda
{
    width:100%;
    /* border:solid 1px #eee; */
}

#Calendario .legenda .testataleggenda
{
    width:100%;
    font:bold 12px Arial;
}

#Calendario .legenda .dettaglio
{
    width:100%;
    font:normal 12px Arial;
}

#Calendario .legenda .separatorevoci
{
    width:100%;
    height:5px;
}

#SchedeCalendario
{
    width:100%;
    font-family:Arial;
    font-size:12px;
	
	 color:#666;
}

#SchedeCalendario .Categoria
{
    text-align:left;
    font-weight:bold;
}

#SchedeCalendario .Categoria a
{
    text-decoration:none;
	padding:10px 0 0 0;
	color:#3398fe
}

#SchedeCalendario .Categoria a:hover, .active
{
    text-decoration:none;
}

#SchedeCalendario .Titolo
{
    text-align:left;
   
}

#SchedeCalendario .Titolo a
{
    text-decoration:none;
	padding:0 0 10px 0
}

#SchedeCalendario .Titolo a:hover
{
    text-decoration:none;
}

#SchedeCalendario .Separatore
{
    border-bottom:1px solid #ddd;
	margin:10px 0 9px 0;
}

/* Tooltip */
.tooltip{
    position: absolute;
	border:1px solid #CCC;
	background:#f8f8f8;
    z-index: 2;
    color: #666;           
    font-family: sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
	padding:10px;
	width:300px;
	top:-10px;
    right:20px;
}


.tooltip h3{
    margin: 0 0 5px;
    text-align: left;
}

@media (max-device-width : 767px) {
/* Smartphone  */

/* Tooltip */
.tooltip{
    position: absolute;
	border:1px solid #CCC;
	background:#f8f8f8;
    z-index: 2;
    color: #666;           
    font-family: sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
	padding:10px;
	width:200px;
	top:-10px;
    right:20px;
}


.tooltip h3{
    margin: 0 0 5px;
    text-align: left;
}

}