<!--
/*------------------------------- calendario.css --------------------------------*/
/* Hoja de estilos para el calendario                                            */
/*-------------------------------------------------------------------------------*/

/*ancho del contenedor y cada una de las filas del contenido*/
.calendario_contenedor, .fila_mes  {
    width: 200px;    
}
.fila_dias, .primera_fila, .filas {
	width:198px;
}
/*ancho de cada uno de los dias (tanto las letras del dia como los numeros del calendario*/
.fila_dias .d, .dia_normal, .dia_evento {
    width: 28px;
}

.calendario_contenedor {
    height:auto;
    margin:0 0 20px 0 !important;
    padding:0px!important;
	background:#FFF;
	border-bottom:2px solid #CC0033;
}
.fila_mes {
    text-align: center;
    height: 30px !important;
    background: #FFF url(../images/fnd_mes_cal.gif) center bottom no-repeat;
    font-weight: bold;
	line-height:30px;
	color: #FFF;
}
.btn_der {
    vertical-align: middle;
    border: none;
    float: right;
    margin: 8px 15px 0;
}
.btn_izq {
    vertical-align: middle;
    border: none;
    float: left;
    margin: 8px 0 0 15px;
}
.fila_dias {
    text-align: right;
    background: #CCC;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    padding: 5px 0px 5px 0px;
    background: #CCC;
    margin-bottom: 0px;
	border-left:1px solid #CC3300;
	border-right:1px solid #CC3300;
}
.fila_dias .d {
    display: block;
    float: left;
    text-align: center;
    background: inherit;
}
.primera_fila {
    background: #FFF;
    padding-bottom: 2px;
	display:block;
	border-left:1px solid #CC3300;
	border-right:1px solid #CC3300;
}
.filas {
    background: #FFF;
    padding-bottom: 2px;
	border-left:1px solid #CC3300;
	border-right:1px solid #CC3300;
}
.dia_normal {
    margin:0px;
    padding: 5px 0px 5px 0px;
    float:left;
    clear:none;
    display: table; 
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    background: #FFF;
}
.dia_evento {
    margin:0px;
    padding: 5px 0px 5px 0px;
    float:left;
    text-align: center;
    background-image: url(../images/fnd_evento_cal.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.dia_evento a {
    display:block;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    margin-left: 4px;

}
/*various*/
.clearer {
    clear: both;
    font-size:1px;
    width:100%;
    float:none;
	height:1px;
	background:transparent;
}