/**
*	HOJA DE ESTILOS PARA EL CONTROL CALENDARIO
**/


/*capa contenedor que contiene todo el calendario*/

#calendario0{
	left: 28% !important;	
}

#calendario1{
	left: 48% !important;	
}

.calContenedor {
	position: absolute;
	display: block;	
	/*margin-left: 1em !important;*/
	margin: 0 !important;
	font: normal Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	width: 215px;
	z-index:10 !important;/*any value*/
	overflow:hidden !important;/*must have*/	

}

#popup .calContenedor {
	/*Compensar desplazamiento en popups*/
	margin-left: -250px !important;
}

.calContenedor iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;	
}

.calBorde {
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
	border-right: 2px solid #666 !important;
	border-bottom: 2px solid #666 !important;
	padding: 1px !important;
	text-align: center !important;
	line-height: 1em !important;
	background-color: #FFFFEE !important;
	/*
	opacity: 0.95; 
	filter:alpha(opacity=95);	
	*/
}

/*capa con la navegaci�n por meses y selectores de mes y a�o*/
.calControles {
	font: normal 75% Arial, Helvetica, sans-serif !important;
	text-align: center !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin 0 auto !important;
}
.calControles select {
	font: normal 75% Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;	
	border: 1px solid #aaa !important;
	margin: 0 2px !important;
	vertical-align: middle !important;
    float: left !important;
}
.calControles img {
	vertical-align: middle !important;
}

/*capa que contiene la tabla del calendario*/
.calTabla {	
    clear: both !important;
	margin-bottom: 5px !important;
	padding: 0 4px 0 4px !important;
}

/*tabla del calendario*/
.calContenedor table.cal {
	margin-left: auto !important;
	margin-right: auto !important;	
	line-height: 1.1em !important;
	table-layout: fixed !important;
	width: 200px !important;
    border: none !important;
}

/*filas de la tabla que contienen d�as*/
.calContenedor table.cal tr.calDias {	
	background-color: #FFFFEE !important;
}

/*celdas de la tabla*/
.calContenedor table.cal td {
	padding: 2px 3px !important;
    /*border: none !important;*/
}

/*efecto al pasar sobre una celda*/
.calHover {
    color: #000 !important;
    font-weight: bolder !important;
    border: 1px solid #f00 !important;    
}

/*cabecera con los dias de la semana de la tabla*/
td.calCabecera {
	background-color: #0066CC !important;
	color: #FFF !important;
	font-weight: bold !important;
	text-align: right !important;
	font-size: 10px !important;
}

/*celdas con formato especial*/
td.calCelda, 
	td.calCeldaMesSiguiente, 
	td.calCeldaHoy, 
	td.calCeldaFinSemana, 
	td.calCeldaSeleccionada, 
	td.calCeldaVacia {
		
	/*font-size: 10px !important;	*/
	vertical-align: middle !important;
	text-align: right !important;
	height: 20px !important;
	width: 21px !important;	
	background-color: #FFFFEE !important;
	border-bottom: 1px solid #ccc;
}

td.calCelda, 
	td.calCeldaHoy, 
	td.calCeldaSeleccionada, 
	td.calCeldaFinSemana, 
	td.calCeldaMesSiguiente  {
	font-size: 12px !important;
	cursor: pointer !important;
    text-align: right !important;
}

td.calCeldaVacia{
	
}
td.calCeldaMesSiguiente{
	color: #DDE !important;
}

td.calCeldaHoy {
	background-color: #CCFFCC !important;
}
td.calCeldaSeleccionada {
	font-weight: bold !important;
	/*
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #555 !important;
	border-top: 1px solid #555 !important;
	*/	
	background-color: #fff !important;

}


td.calCeldaFinSemana {
	/*background-color: #EEEEDD;*/
	/*cursor: pointer;*/
	/*font-weight: bold;*/
	color: #a33 !important;
}


.calBarraInferior {        	 
	background-color: #EEEEDD !important;
	font-size: 8px !important;
	display: block !important;
	height: 17px !important;
}

.calBarraInferior p {
    clear: both !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
   	font-size: 0 !important;
}


a.calBotonCalendario {
    background: transparent url(../img/calBoton.gif) no-repeat top left !important;
    margin-left: 2px !important;
    display: inline !important;     
    height: 16px !important;
    width: 16px !important;
    vertical-align: 1% !important;
    padding: 1px !important;
}

a.calBotonCalendario span {
    visibility: hidden;
    font-size: 16px;
    padding: 0 2px;
}

a.calBotonCalendario:hover {
	text-decoration: none !important;
}



.calContenedor a span {
    display: none !important;
}

.calBotonAnteriorMes, .calBotonSiguienteMes, .calBotonCerrar {
    margin: 2px 2px !important;
    cursor: pointer !important;	
    display: block !important;
    width: 13px !important;
    height: 14px !important;
}

.calBotonAnteriorMes, .calBotonSiguienteMes {
    float: left !important;  
}

.calBotonAnteriorMes {
    background: transparent url(../img/calMesAnt.jpg) no-repeat top left !important;
    margin-left: 5px !important;
    margin-right: 2px !important;
}

.calBotonSiguienteMes {
    background: transparent url(../img/calMesSig.jpg) no-repeat top left !important;
    margin-left: 2px !important;
    margin-right: 9px !important;
}

/*bot�n para cerrar el calendario*/
.calBotonCerrar {
    background: transparent url(../img/calOcultar.gif) no-repeat top left !important;
    float: right !important;
}

td.noSeleccionable {
	text-decoration: line-through !important;
	font-size: 0.9em !important;
	cursor: default !important;
	color: #ccc !important;	
}