@charset "utf-8";
/* CSS Document */

#calDisponibilidad {
	min-height:365px; /*width:790px;*/ width:99%; border:1px solid #FF9900; float:left; clear:both;
}

#CalendarWrapper {
	background-color:#EEE; /*height:350px; width:98%;*/ padding:16px 10px; text-align:center; float:left;	
}

#MonthsWrapper {
	/*height:210px;*/ padding:5px 0px 5px 8%; float:left;	
}

#CalendarFirst {
	background-color:#999999; border:2px solid #777777; padding:3px; float:left;
}

#CalendarSecond, #CalendarThird {
	background-color:#999999; border:2px solid #777777; padding:3px; float:left; margin-left:5px;
}

#CalendarRefs {
	background-color:#F9F9F9; padding:15px 8px 20px 40px; height:15px; font-size:1.2em; text-align:left; float:left; margin-bottom:13px; width:94%;
}

#CalendarControl {
	padding:10px 0px 20px; text-align:center; float:left; /*clear:both; width:92%;*/ width:100%;
}

.notBooked {
	text-align:center; background-color:#EEEEEE; color:#111111; border:1px solid #000; width:22px; height:22px;
}

.notBooked:hover {
	background-color:#DDDDDD; cursor:default;
}

.booked {
	text-align:center; background-color:#A60000; color:#F9F9F9; border:1px solid #000; width:22px; height:22px;
}

.booked:hover {
	background-color:#990000; cursor:default;
}

.ref { 
	width:20px; height:20px; float:left;
}

.refLabel {
	float:left; padding-left:5px; padding-right:5px; padding-top:2px;
}

table.calendar { 
	/*width:210px;*/ border-collapse:collapse; font-size:1em; /*display:block;*/
}

td.weekDays {
	background-color:#CCCCCC; text-align:center; width:22px; height:22px; font-weight:bold; border:1px solid #000000;	
}

td.weekDays:hover {
	background-color:#BBBBBB;
}

td.monthName {
	background-color:#111111; text-align:center; font-size:1.1em; font-weight:bold; color:#F9F9F9; border:1px solid #000000;
}

td.monthName:hover {
	background-color:#333333;	
}

td.empty {
	background-color:#F9F9F9; border:1px solid #000000; width:22px; height:22px;
}

td.empty:hover {
	background-color:#FFFFFF;
}

.cal {
	color:#4B557D; /*#00F;*/ text-decoration:underline; cursor:pointer; padding:2px 5px; font-size:1em; 
}

.cal:hover {
	color:#EEE; background-color:#4B557D; /*#009;*/ padding:2px 5px; text-decoration:none;
}

#calDisponibilidad p {
	width:100%;
}