@charset "utf-8";

/* --------------------------------------------------------------------	*/
/*	CSS calendario														*/
/*  -------------------------------------------------------------------	*/
* {margin:0; padding:0;}

.eventos-calendario {
	width:100%;
	/*font-size:0.9em;*/
}

.eventos-calendario h1 {font-size:16px; margin:0; margin-bottom:4px; text-align:center;}

#calendario {}
#calendario .encabezadoCalendario {display:none;text-align:center;}
#calendario div.tabla {position:relative; padding-bottom:22px;}
#calendario p {display:none;}
#calendario ul {list-style:none;margin:0; padding:0;}
#calendario ul span {display:none;}
#calendario table {border:1px solid #eee; border-collapse: separate; border-spacing: 0; border-width:1px 0 0 1px; width:100%; }

#calendario .col { width:14.28%; }

table caption { font-family:'TkTypeBold' ;font-size: 16px; color: #fff; background-color:#72889d; padding: 6px; text-align:center;  }
#calendario table caption span {}
#calendario table thead th {background-color:#dee5e9; border:1px solid #eee; border-width:0 1px 1px 0 ; color:#000000; font-size: 14px; padding:8px; text-align:center;}
#calendario table tbody  { margin:0; padding:0; }
#calendario table tbody td {border:1px solid #eee; border-width:0 1px 1px 0; text-align:center; font-size: 16px;line-height: 1.0em;}
#calendario table tbody td .enlace {display:block;background-color:transparent;padding: 2px;padding-top: 10px;padding-bottom: 10px;}
#calendario table tbody td.diaNulo {color:#000;}
#calendario table td { font-size: 9px; margin:0px; padding:0px; }

#calNavMeses li:first-letter {text-transform:uppercase;}
#calNavMeses li {position:absolute; top:6px; background:none;}
#calNavMeses li a {display:block;  width:20px; height:24px;}
#calNavMeses li.anterior { font-size: 9px; font-weight: bold; color:#000000; }
#calNavMeses li.siguiente {font-size: 9px; font-weight: bold; color:#000000; }
#calNavMeses li.anterior a {display:block; background:url(../img/calendario/fizq.png) no-repeat 0px 0px; }
#calNavMeses li.siguiente a {background:url(../img/calendario/fder.png) no-repeat 2px 0px; }

#calNavYears { display:none; }
#calNavYears li {bottom:0; position:absolute; background:none; }

#calendario ul li.anterior {left:4px; font-size: 10px; font-weight: bold; color:#000000; }
#calendario ul li.siguiente {right:4px; font-size: 10px; font-weight: bold; color:#000000; }

.eventos-calendario #calendario a {color:#000000!important; text-decoration:none;padding: 2px; padding-top:10px; padding-bottom:10px;}
/*.eventos-calendario #calendario a:hover {color:#009ee2;}*/
.eventos-calendario #calendario table tbody td.fechaHoy a {background-color:#000; color:#ccc!important; }
.eventos-calendario #calendario table tbody td.fechaWebinar a {background-color:#9bc832; color:#ffffff!important; }

/*.eventos-calendario #calendario table tbody td.fechaEvento a:hover {background-color:#009ee2; color:#ffffff!important;}*/
.eventos-calendario #calendario table tbody td.fechaEventoAlternativa a {background-color:#a51482; color:#ffffff!important; }
.eventos-calendario #calendario table tbody td.fechaNoticia a {background-color:#a3c73f; color:#ffffff;}
/*.eventos-calendario #calendario table tbody td.fechaNoticia a:hover {background-color:#a3c73f; color:#96dbf1;}*/
.eventos-calendario #calendario table tbody td.fechaPromocion a {background-color:#78b3df; color:#ffffff;}
/*.eventos-calendario #calendario table tbody td.fechaPromocion a:hover {background-color:#78b3df; color:#96dbf1;}*/
.eventos-calendario #calendario table tbody td.fechaSeleccionada a {background-color:#333333; color:#fff;}

.eventos-calendario #calendario table tbody td.fechaEventoPasado a {background-color:#80d6f6; color:#000!important; } /* Pasado: #dee5e9 */
.eventos-calendario #calendario table tbody td.fechaEventoProximo a {background-color:#80d6f6; color:#000!important; }
.eventos-calendario #calendario table tbody td.fechaReunion a {background-color:#acda68; color:#000!important; }



#eventos-calendario-leyenda {
	margin-top:10px;
}

	.leyenda-item {
		margin-bottom:5px;
	}
		.leyenda-item-tipo {
			display: inline-block;
			vertical-align: top;
			width:20px;
			height:20px;
		}
			.leyenda-item-tipo.tipo-webinar-pasado {
				background-color: #dee5e9;
			}
			.leyenda-item-tipo.tipo-webinar-futuro {
				background-color: #80d6f6;
			}
			.leyenda-item-tipo.tipo-reunion {
				background-color: #acda68;
			}

		.leyenda-item-nombre {
			display: inline-block;
			vertical-align: top;

			padding-top:2px;
			margin-left: 5px;
			width:85%;
			
			font-family: 'TkTypeBold';
			line-height: 1.2;
		}

/*
<div id="eventos-calendario-leyenda">
                                <div class="leyenda-item">
                                    <span class="leyenda-item-tipo tipo-webinar-pasado"></span>
                                    <span class="leyenda-item-nombre">Webinar pasado</span>
                                </div>
                                <div class="leyenda-item">
                                    <span class="leyenda-item-tipo tipo-webinar-pasado"></span>
                                    <span class="leyenda-item-nombre">Webinar futuro</span>
                                </div>
                                <div class="leyenda-item">
                                    <span class="leyenda-item-tipo tipo-reunion"></span>
                                    <span class="leyenda-item-nombre">Reunión</span>
                                </div>
                            </div>
*/