.calendario {

	position: absolute;

	font-size: 10px;

	font-family: Tahoma, sans-serif;

	color: #000;

	line-height: normal;

	width: 172px;

	height: 135px;

	padding: 14px;

	background: url(../images/calendario/frame.png) no-repeat;

	z-index:99;

}



/* header

********************************************************/

.calendario .header {

	position: relative;

	height: 15px;

	margin-bottom: 5px;

	padding-top: 1px;

	color:#314A97;

}



.calendario .header .title {

	text-align: center;

	margin: 0 18px 0 18px;

	color:#314A97;

}



.calendario .header .titleText {

}



.calendario .header .previous,

.calendario .header .next,

.calendario .header .closeButton {

	position: absolute;

	cursor: pointer;

	text-indent: -40px;

	overflow: hidden;

	width: 12px;

	height: 12px;

	top: 2px;

	background-image: url(../images/calendario/buttons.png);

	background-position: left top;

	background-repeat: no-repeat;

}



.calendario .header .previous {

	left: 4px;

}

.calendario .header .previous:hover {

	background-position: left bottom;

}

.calendario .header .next {

	right: 4px;

	background-position: -13px top;

}

.calendario .header .next:hover {

	background-position: -13px bottom;

}

.calendario .header .closeButton {

	display: none;

	right: 0px;

	top: 0px;

	background-position: right top;

}

.calendario .header .closeButton:hover {

	background-position: right bottom;

}



/* body

********************************************************/

.calendario .body {

	position: relative;

	top: 0px;

	left: 2px;

	width: 168px;

	height: 112px;

	overflow: hidden;

	color:#314A97;

}



/* time

********************************************************/

.calendario .time {

	position: relative;

	width: 100%;

	height: 100%;

}



.calendario .time .hour,

.calendario .time .separator,

.calendario .time .minutes {

	border: 1px solid #ccc;

	background: #fff;

	width: 50px;

	font-size: 32px;

	position: absolute;

	top: 10px;

	text-align: center;

	padding: 2px;

}



.calendario .time .hour {

	left: 15px;

}

.calendario .time .separator {

	background: transparent;

	border: 0px;

	width: 10px;

	left: 76px;

}



.calendario .time .minutes {

	left: 95px;

}

.calendario .time .ok {

	position: absolute;

	top: 65px;

	width: 136px;

	left: 15px;

	font-size: 20px;

}



/* days-grid

********************************************************/

.calendario .days .day {

	float: left;

	text-align: center;

	overflow: hidden;

	width: 23px;

	height: 15px;

	margin: 0 1px 1px 0;

}

.calendario .days .titles {

	height: 15px;

	border-bottom: 1px solid #e0e0e0;

	margin-bottom: 1px;

}

.calendario .days .day0 {

	margin-right: 0;

}



.calendario .days .week5 .day {

	margin-bottom: 0;

}



/* days-colors

********************************************************/

.calendario .days .week .day {

	cursor: pointer;

}

.calendario .days .week .day:hover {

	background: url(../images/calendario/days.png) left top no-repeat;

	color: #0084AA;

}



.calendario .days .otherMonth {

	color: #aaa;

}



.calendario .days .selected {

	background: url(../images/calendario/days.png) left bottom no-repeat;

	color: #316879;

}



/* months-grid

********************************************************/

.calendario .months .month {

	float: left;

	cursor: pointer;

	text-align: center;

	padding-top: 6px;

	width: 55px;

	overflow: hidden;

	height: 21px;

	margin: 0 1px 1px 0;

	color:#314A97;

}



.calendario .months .month3,

.calendario .months .month6,

.calendario .months .month9,

.calendario .months .month12 {

	margin-right: 0;

}



.calendario .months .month10,

.calendario .months .month11,

.calendario .months .month12 {

	margin-bottom: 0;

}



/* months-colors

********************************************************/

.calendario .months .month:hover {

	background: url(../images/calendario/months.png) left top no-repeat;

	color:#314A97;

}



.calendario .months .selected {

	background: url(../images/calendario/months.png) left bottom no-repeat;

	color: #316879;

}



/* years-grid

********************************************************/

.calendario .years .year {

	float: left;

	cursor: pointer;

	text-align: center;

	padding-top: 6px;

	width: 32px;

	overflow: hidden;

	height: 21px;

	margin: 0 1px 1px 0;

	color:#314A97;

}



.calendario .years .year4,

.calendario .years .year9,

.calendario .years .year14,

.calendario .years .year19 {

	margin-right: 0;

}



.calendario .years .year15,

.calendario .years .year16,

.calendario .years .year17,

.calendario .years .year18,

.calendario .years .year19 {

	margin-bottom: 0;

}



/* years-colors

********************************************************/

.calendario .years .year:hover {

	background: url(../images/calendario/years.png) left top no-repeat;

	color:#314A97;

}



.calendario .years .selected {

	background: url(../images/calendario/years.png) left bottom no-repeat;

	color: #316879;

}



/* global

********************************************************/

.calendario .unavailable {

	background: none !important;

	color: #fbb !important;

	cursor: default !important;

}