body {
	background-color: #444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;

}
table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#333333;
}

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#000000;
}

.button {
	font-family: verdana,helvetica,arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	letter-spacing: 0.5px;
	border:1px solid outset;
}


.buttonOver {
	font-family: verdana,helvetica,arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	letter-spacing: 0.5px;
	border:1px solid outset;
	background-color: #999999;
	color:#ffffff;
}

.textInputBox{
	font-family: verdana,helvetica,arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background-color: #f7f7f7;
	border: 1px solid #999999;
}

.numberInputBox{
	font-family: verdana,helvetica,arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background-color: #f7f7f7;
	border: 1px solid #999999;
	text-align: right; 
}

.titleText {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #999999; 
	font-size: 14px; 
	font-weight: bold;
}
/* Definicion de tablas */
table.header{
	width:90%;
	background-color:#989898;
}
table.footer{
	width:90%;
	background-color:#FFFFFF;
	padding:3px;
	border-left:1px solid #666666; 
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}
table.footerInfo{
	width:90%;	
	color:#666666; 
	font-size:9px; 
}
#contenido{
	width:90%;
	background-color:#FFFFFF;
	border-left:1px solid #666666; 
	border-right:1px solid #666666;
	padding:3px;
}
table.calendario{
	/*border:1px solid #333333;*/
	background-color:#666666;
	/*width:90%;*/
}
table.calendario th{
	background-color:#990000;
	color:#FFFFFF;
}

caption.calendario{
	font-size:14px;
	font-weight:bold;
	color:#660000;
}

td.calendario{
	background-color:#ffffff;
	vertical-align:top;
	width:120px;
	height:100px;
}

td.calendarioVacio{
	background-color:#dddddd;
	vertical-align:top;
	width:120px;
	height:100px;
}

div.calendarioIcono{
	display:block;
	float:left;
}

div.calendarioContenido{
	display:block;
	width:100px;
}


td.calendarioFinSemana{
	background-color:#ffffff;
	vertical-align:top;
	width:120px;
	height:100px;
}

td.calendarioFinMes{
	background-color:#ffffff;
	vertical-align:top;
	width:120px;
	height:100px;
}

td.calendarioFinSemanaFinMes{
	background-color:#ffffff;
	vertical-align:top;
	width:120px;
	height:100px;
}

td.calendario span.numero{
	display:block;
	color:#663333;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}
td.calendarioFinSemana span.numero{
	display:block;
	color:#663333;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}

.calendar-prev{
	
	padding:1px;
	margin:3px;	
	width:100px;
	background-color:#660000;
	color:#FFFFFF;
	font-weight:bold;
}

.calendar-next{
	
	padding:1px;
	margin:3px;
	width:100px;
	background-color:#660000;
	color:#FFFFFF;
	font-weight:bold;
}

.calendar-title{
	
	padding:1px;
	margin:3px;
	width:100px;
	color:#660000;
	font-weight:bold;
}

span.numero{
	display:block;
	color:#663333;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}
.tablaListado td{
	padding:3px;
}
#listado td{
	padding:4px;
}
#listado .tdcheckbox{
	background-color:#f2f2f2;
}
#listado .trcolapsado{
	display:none;
}