@charset "utf-8";

#calDisponibilidad {
	min-height:365px;  width:99%; border:2px solid #E87C00; float:left; clear:both;
}

#CalendarWrapper {
	background-color:#FFFFFF; text-align:center; 
}

#MonthsWrapper {
   float:left;	
}

#CalendarFirst {
	background-color:#999999; border:2px solid #777777;  
}

#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:92%;*/ 
}

#CalendarControl {
	padding:10px 0px 20px; text-align:center;  
}

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

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

.booked {
	text-align:center; background-color:#3399CC; color:#FFFFFF; border:1px solid #000; width:18px; height:18px;
}

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

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

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

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

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

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

td.monthName {
	background-color:#04193a; text-align:center; font-size:12px; 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:18px; height:18px;
}

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

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

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

#calDisponibilidad p {
	width:100%;
}