#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Verdana,Tahoma;
letter-spacing: 5px;
line-height: 0.5em;
color: white;
padding: 7px 0;
text-align: right;
visibility:hidden;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #444400;
color:#FFFFFF;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#menu{
    float: center;
    width: 150px;
    padding: 10px;
    border-right-color: #587123;
    padding-left: 10px;
    border-top-color:#587123;
    font-family: Georgia, Times New Roman, Times, sans-serif;	
    color: #587123;
}
#menu a{
    padding: 3px 1px;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid gray;    
    color: #587123;
    font-size:12px;
    font-family: Georgia, Times New Roman, Times, sans-serif;	
}
#menu a:hover{
    background-color: #587123;
    color: #ffffff;
    font-size:12px;
    font-family: Georgia, Times New Roman, Times, sans-serif;	
}
body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
.titulos {
    color: #036;
}

#contenidos {
	float:center;
	margin-left:5px;
	padding:5px;
	margin-right:10px;
	
}

#thumbnails { }
p.thumb {width: <?php echo $pwidth; ?>px; height: <?php echo $pheight; ?>px;
		margin: 1px; padding: 2px; float: left;
		font-size: 10px; text-align: center;
		background-color: #fff; border: 1px solid #ccc;
		border-style: solid; border-width: 1px; border-color: #ccc #a0a0a0 #a0a0a0 #ccc;
/*border-width: 1px 2px 2px 1px; border-style: solid;
border-color: #aaa #000 #000 #aaa;*/}
p.thumb a {color: #000; font-weight: bold;  }
tt {font-family: verdana; font-size: 10px; color: #000; }



.pagenav {position: relative; margin: auto; clear: both; float: left;
		height: 20px; width: 100%;	text-align: left; }
	.pagenav ul, .pagenav li {margin: auto; padding: 0; list-style-type: none; }
	.pagenav li {float: left; text-align: left;  }
	.pagenav li.current a.page {font-weight: bold; color: #fff; background-color: #aaa; }
	.pagenav a.page {display: block; padding: 2px 5px 2px 5px; color: #444; }
	.pagenav a.prev, .pagenav a.next, .pagenav .prev, .pagenav .next {display: block; width: 65px; padding: 2px 5px 2px 5px; }
	.pagenav a:hover {color: #000;  }

a {color: #006600; text-decoration: none; }
a:hover, a:active {color: #009900; text-decoration: underline;}

p.footer {position: relative; float: left; clear: both; margin: -20px auto auto auto; }

.monthname{text-align:center;width:150px;background-color:#80c0ff;font-weight:bold}
.monthcell{padding:2px;border:1px solid #000000;background-color:#e0e0e0;height:153px}
.kw{background-color:#ffc080;font-size:10px}
.kw0{background-color:#ffc080;border-bottom:1px solid #000000}
.day{text-align:right}
.days{text-align:right;color:#d00000;font-weight:bold}
.dayname{text-align:center;border-bottom:1px solid #000000}
.semana{text-align:right;background-color:#cccc99}
.semanai{text-align:right;background-color:#99cccc}