.calendario {
	margin: 10px auto;
	font-size: 12px;
	border: 1px solid #fff;
}
.calendario td, 
.calendario th {
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	border: 1px dotted #fff;
	padding:5px;
}
.calendario thead th {
	font-weight: bold;
	font-size: 14px;
	background-color:#FFF;
	color:#000;
	text-transform:uppercase;
}
	.calendario td:hover,
	.calendario th:hover { }
	
.calendario td.date_has_event { background-color:#CCC; color:#000 }
	.calendario td.date_has_event:hover { background-color:#FFF; cursor:pointer }

.calendario td.padding { }

.calendario td.today { color: white; font-weight:bold; background-color:#333 }
	.calendario td.today:hover { }

.calendario .events { position: relative; }
	.calendario .events ul {
		text-align: left;
		position: absolute;
		display: none;
		z-index: 1000;
		padding: 15px 0;
		background: #FFF;
		color: white;
		font-size: 15px;
		width: 200px;
		list-style: none;
		color: #444444;
	}
		.calendario .events li {
			padding-bottom: 5px;
		}
			.calendario .events li span {
				display: block;
				font-size: 12px;
				text-align: justify;
				color: #555;
			}
			.calendario .events li span.title {
				font-weight: bold;
				color: #222;
			}
.calendario th a {
	text-decoration:none;
	font-size:120%;
	font-weight:bold;
	color: #000;
	outline-width:0;
}