.calendario{ position:relative; padding:10px 0 0 0; height:320px; }
div.scrollable {display:block; margin:10px 0 0 0;}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { position:absolute; display:block;  width:28px; height:25px; background:#000; cursor:pointer;}
a.next{ top:0px; right:15px; z-index:9999; }
a.prev{ top:0px; right:43px; z-index:9999; }
/* mouseover state */
a.prev, a.prevPage { background:url(../images/sprite.png) no-repeat -178px 0;}
a:hover.prev, a:hover.prevPage{background:url(../images/sprite.png) no-repeat -178px -26px;}
/* disabled navigational button 
a.disabled {visibility:hidden !important;}*/

/* next button uses another background image */
a.next, a.nextPage { background:url(../images/sprite.png) no-repeat -208px 0; }
a:hover.next, a:hover.nextPage {  background:url(../images/sprite.png) no-repeat -208px -26px;}

a.prev.disabled{background:url(../images/sprite.png) no-repeat -178px -52px;}
a.next.disabled{background:url(../images/sprite.png) no-repeat -208px -52px;}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {width:400px;height:20px; position:absolute; top:10px; left:150px;}

/* items inside navigator */
div.navi a {width:10px; height:10px; line-height:10px; float:left; margin:3px; background:url(../images/sprite.png) -144px -1px no-repeat; cursor:pointer;}

/* mouseover state */
div.navi a:hover {	background-position:-131px -1px;}

/* active state (current page state) */
div.navi a.active {	background-position:-157px -1px;} 	

/* CONFIG */
/* root element for the whole scrollable setup */
div.scrollable {position:relative; overflow:hidden; width: 621px; height:280px;}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {position:absolute; width:20000em; clear:both;}

/* custom positioning for navigational links */
a.prev, a.next {/*margin-top:118px;*/	}
/* item */
#thumbs div {float:left; width:154px; height:300px; background:#DADFE2; color:#333; border-left:1px dashed #BDC4CB; cursor:pointer;}

/* Hover en el cuadro */
#thumbs div.hover {background-color:#C9CFD4;}

/* Click en el cuadro ACTIVO */
#thumbs div.active { background-color:#EFEFEF;cursor:default;}
#thumbs p, #thumbs span,#thumbs h4,#thumbs a {margin:8px;}
#thumbs h4{ color:#4E7183; font-weight:bold;}
.cal_dia{ display:block; color:#FFF; background:url(../images/cal_bg_dia.gif) no-repeat; width:130px; height:27px; font-size:18px; padding:8px 0 0 6px;}
	.cal_dia:first-letter{text-transform: uppercase;}
.cal_mes{ color:#616D78; font-size:10px; font-weight:bold;}