div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 10px;
  color: #000;
  cursor: default;
/*  background: #eef;*/
  background:#ECEDBE;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  /*background: #778 url(menuarrow.gif) no-repeat 100% 100%;*/
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  /*background: #fff;*/
  background:#E1E390;
  color:#006699;
/*  color: #000;*/
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  /*background: #bdf;*/
  background: #4B8BB1;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
/*  background: #bdf;*/
  background:#4B8BB1;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/*
//-------------------------------------------//
//--------- CALENDARIO DE PRESTAMOS ---------//
//-------------------------------------------//
*/

/* IMPORTANT:  The SCW calendar script requires all       
			   the classes defined here.                  
*/                                                        
table.scw      {padding:       1px;                       
				vertical-align:middle;                    
				border:        ridge 2px;                 
				font-size:     10pt;                      
				font-family:    
					   Verdana,Arial,Helvetica,Sans-Serif;
				font-weight:   bold;}                     
td.scwDrag,                                               
td.scwHead                 {padding:       0px 0px;       
							text-align:    center;}       
td.scwDrag                 {font-size:     8pt;}          
select.scwHead             {margin:        3px 1px;       
							text-align:    center;}       
input.scwHead              {height:        22px;          
							width:         22px;          
							vertical-align:middle;        
							text-align:    center;        
							margin:        2px 1px;       
							font-weight:   bold;          
							font-size:     10pt;          
							font-family:   fixedSys;}     
td.scwWeekNumberHead,                                     
td.scwWeek                 {padding:       0px;           
							text-align:    center;        
							font-weight:   bold;}         
td.scwFoot,                                               
td.scwFootHover,                                          
td.scwFoot:hover,                                         
td.scwFootDisabled         {padding:       0px;           
							text-align:    center;        
							font-weight:   normal;}       
table.scwCells             {text-align:    right;         
							font-size:     8pt;           
							width:         96%;}          
td.scwCells,                  
td.scwCellsHover,             
td.scwCells:hover,            
td.scwCellsDisabled,          
td.scwCellsExMonth,           
td.scwCellsExMonthHover,      
td.scwCellsExMonth:hover,     
td.scwCellsExMonthDisabled,   
td.scwCellsWeekend,           
td.scwCellsWeekendHover,      
td.scwCellsWeekend:hover,     
td.scwCellsWeekendDisabled,   
td.scwInputDate,              
td.scwInputDateHover,         
td.scwInputDate:hover,        
td.scwInputDateDisabled,      
td.scwWeekNo,                 
td.scwWeeks                {padding:           3px;       
							width:             16px;      
							height:            16px;      
							border-width:      1px;       
							border-style:      solid;     
							font-weight:       bold;      
							vertical-align:    middle;}   
/* Blend the colours into your page here...    */         
/* Calendar background */                                 
table.scw                  {background-color:  #979A29;}  
/* Drag Handle */                                         
td.scwDrag                 {background-color:  #9999CC;   
							color:             #CCCCFF;}  
/* Week number heading */                                 
td.scwWeekNumberHead       {color:             #6666CC;}  
/* Week day headings */                                   
td.scwWeek                 {color:             #CCCCCC;}  
/* Week numbers */                                        
td.scwWeekNo               {background-color:  #776677;   
							color:             #CCCCCC;}  
/* Enabled Days */                                        
/* Week Day */                                            
td.scwCells                {background-color:  #CCCCCC;   
							color:             #000000;}  
/* Day matching the input date */                         
td.scwInputDate            {background-color:  #CC9999;   
							color:             #FF0000;}  
/* Weekend Day */                                         
td.scwCellsWeekend         {background-color:  #CCCCCC;   
							color:             #CC6666;}  
/* Day outside the current month */                       
td.scwCellsExMonth         {background-color:  #CCCCCC;   
							color:             #666666;}  
/* Today selector */                                      
td.scwFoot                 {background-color:  #6666CC;   
							color:             #FFFFFF;}  
/* MouseOver/Hover formatting                             
	   If you want to "turn off" any of the formatting    
	   then just set to the same as the standard format   
	   above.                                             
														  
	   Note: The reason that the following are            
	   implemented using both a class and a :hover        
	   pseudoclass is because Opera handles the rendering 
	   involved in the class swap very poorly and IE6     
	   (and below) only implements pseudoclasses on the   
	   anchor tag.                                        
*/                                                        
/* Active cells */                                        
td.scwCells:hover,                                        
td.scwCellsHover           {background-color:  #FFFF00;   
							cursor:            pointer;   
							color:             #000000;}  
/* Day matching the input date */                         
td.scwInputDate:hover,                                    
td.scwInputDateHover       {background-color:  #FFFF00;   
							cursor:            pointer;   
							color:             #000000;}  
/* Weekend cells */                                       
td.scwCellsWeekend:hover,                                 
td.scwCellsWeekendHover    {background-color:  #FFFF00;   
							cursor:            pointer;   
							color:             #000000;}  
/* Day outside the current month */                       
td.scwCellsExMonth:hover,                                 
td.scwCellsExMonthHover    {background-color:  #FFFF00;   
							cursor:            pointer;   
							color:             #000000;}  
/* Today selector */                                      
td.scwFoot:hover,                                         
td.scwFootHover            {color:             #FFFF00;   
							cursor:            pointer;   
							font-weight:       bold;}     
/* Disabled cells */                                      
/* Week Day */                                            
/* Day matching the input date */                         
td.scwInputDateDisabled    {background-color:  #999999;   
							color:             #000000;}  
td.scwCellsDisabled        {background-color:  #999999;   
							color:             #000000;}  
/* Weekend Day */                                         
td.scwCellsWeekendDisabled {background-color:  #999999;   
							color:             #CC6666;}  
/* Day outside the current month */                       
td.scwCellsExMonthDisabled {background-color:  #999999;   
							color:             #666666;}  
td.scwFootDisabled         {background-color:  #6666CC;   
							color:             #FFFFFF;}