@font-face {
    font-family: Avenir-Roman;
    src: url(../fonts/Avenir-Roman.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;    
}

.calendar {
	position: relative;
	font-family: Avenir-Roman, Calibri, 'Helvetica';
	font-size: 11px;
	border-collapse: collapse;
	margin-top : 7px; padding: 0;
	z-index: 4;
	border:1px solid grey;
	width: 230px;
	color: #000;
	text-align: center;
	background-color: #FFF;
}
.calendar th,
.calendar td {
	text-align: center;
	-webki-ttransition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.calendar th:first-child,
.calendar td:first-child {
	margin-left: 5px;
}
.calendar span {
	padding:  0px ; 
	display: block;
}
.calendar .month {
	padding: 15px;
}

.calendar .pMDate, .calendar .nMDate { color: #AAA; }
.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month { cursor: pointer; }
.calendar .date:hover, .calendar .pMDate:hover, .calendar .nMDate:hover, .calendar .month:hover { background-color: #E2E2E2; }
    .calendar .date:active, .calendar .pMDate:active, .calendar .nMDate:active, .calendar .month:active {
        background-color: rgba(66,21,92);
        color: #FFF;
    }
    .calendar .date.selected {
        background-color: rgba(66,21,92);
        color: #FFF;
    }

.calendar tr:first-child th {
	background-color: #FFF;
	padding: 4px;
	padding-top: 7px;
	font-size: 13px;
}

.calendar tr:first-child th { cursor: pointer; color:#000; }
    .calendar tr:first-child th:hover {
        color: rgba(66,21,92);
    }
    .calendar tr:first-child th:active {
        color: rgba(66,21,92);
    }
.calendar thead tr:nth-child(2) th { color: grey; padding: 5px 3px; }
.calendar #prev, .calendar #next {
	font-family: Avenir-Roman, Calibri, 'Helvetica';
	font-size: 20px;
	padding: 0px;
}
    .calendar #today {
        text-align: center;
        cursor: pointer;
        color: rgba(66,21,92);
        padding: 6px;
    }
.calendar #today:hover { color: #80A7DD; }
.calendar #today:active { color: #000; }
.calendar #currDay { color:black; font-weimages/ight:bold; font-size: 12px; }
.datepicker {
	background: url('../images/calendario.png') transparent right no-repeat;
	background-size: contain;
}