/* CSS Document */
td{
width:25px;
text-align:center;
background-color:#FFFFFF
}

#topleft {
position: absolute;
left: 0;
top: 0;
display: block;
height: 330px;
width: 330px;
background: url(../imgs/cbbcPrepara_esquina.gif)no-repeat;
text-indent: -999em;
text-decoration: none;}

#pieCal{
clear:both;
width:100%;
text-align:center;
}

#calContain{
width:720px;
margin:auto;
padding:10px;
/*background-image:url(../imgs/fondo_blanco_50.png);*/
background-color:#FFFFFF;
border:#808080 solid thin;
}

#leyenda{
background-color: #00a2df;
width:100%;
clear:both;
}

#calendario table{
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#cal{
margin:10px;
width:160px;
background-color:#00a2df;
float:left;
/*float:left;*/
}

#leyenda img {
display:inline;
}

.leyenda{
color:#fff;
font-size:smaller;
padding:5px;
font-weight:bold;
}

.nombreMes{
font-size:small;
text-align:center;
color:#fff;
margin:3px auto 2px auto;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.resalte{
background-color:#66FF99;
}

.tramiteEscolar{
background-image:url(../imgs/candybar_naranja12px.gif);
}

.eventoEscolar{
background-image:url(../imgs/candybar_verde12px.gif);
}

.maestros{
background-image:url(../imgs/actividades_maestros.gif);
}

.domingo{
background-color:#CCCCCC;
}

.festivo{
background-image:url(../imgs/candybar_azul12px.gif);
}

.dia{
background-color:#808080;
color:#FFFFFF;
font-weight:bold;
}

table a:link {
color:#000000;
text-decoration:none;
}
/*TOOLTIPS--------------------------*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; font-weight:bold}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block; font-size:small;
    position:absolute; padding:5px;
    top:2em; left:2em; width:15em;
    border:1px solid #808080;
    color:#222; background-image:url(../imgs/fondo_blanco_90.png);
    text-align: center; font-weight:normal}
/*TOOLTIPS--------------------------*/