/* CSS Document */

#box_calendar{
position:relative;
width:249px;
background:#F2F1ED url(../img/fondo-calendar.gif) top left no-repeat;
margin:0px;
padding:0px;
}

#box_calendar h4{
position:relative;
margin:0px;
padding:0px;
margin-left: 15px;
margin-right:15px;
background: url(../img/dotted.gif) bottom left repeat-x;
padding-bottom:3px;
padding-top: 8px;
font-size: 1em;
color: #AAA89F;
margin-bottom:5px;
}

#box_calendar .prev img{
position: absolute;
top: 27px;
left: 50px;
}
#box_calendar .next img{
position: absolute;
top: 27px;
right: 50px;
}



 #calendar {
    margin : 0;
    padding : 0;
  }
  
.month{
color:#92A03C;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

/* div for the calendar markup - text must be centered */
div#calendar {
margin:0 auto;
  padding : 0px;
  text-align : center;
  width : 220px;
}

div#calendar ul li {
list-style-type:none;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  list-style-type : none;
  margin : 3px 0 3px 0;
  padding:0px;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color :none;
  font-size: .9em;
  border : none;
  font-weight : bold;
  color : #7B7670;
  padding-right : 13px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.ha, ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  padding-left : 6px;
  padding-right : 6px;
  border: solid 1px #fff;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : #C4CC66;
  border: solid 1px #E5E7C7;
  color : #666;
  cursor : default;
}

/* all states of half-used links */
ul.weeks li a.ha, ul.weeks li a.ha:hover, ul.weeks li a.ha:focus, ul.weeks li a.ha:active   { 
  background:url(../img/ico_diaentrada.gif) bottom right no-repeat;
  border-right: solid 1px #C4CC66;
  border-bottom: solid 1px #C4CC66;
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
  color : #666;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #C4CC66;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
/*ul.weeks li a.nu { 
  color : #eee;
  padding-left : 8px;
  padding-right : 8px;
  border: solid 1px #F2F1ED;
  cursor : default;
  margin:0px;
}*/

ul.weeks li a.nu { 
  color : #eee;
  padding-left : 7px;
  padding-right : 7px;
  border: solid 1px #F2F1ED;
  cursor : default;
  margin:0px;
  position:relative;
  border:0px;
}

/**/
html* ul.weeks li a.nu { 

  padding-left : 7px;
  padding-right : 7px;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 10px;
  letter-spacing : 0.001em;
}

.leyend{
position:relative;
clear:both;
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
padding-left: 20px;
padding-bottom: 10px;
padding-top:10px;
background:url(../img/calendario_bot.jpg) bottom left no-repeat;
border-top: solid 1px #F2F1ED;
}

.verde{
padding: 1px;
background:#C4CC66;
color:#C4CC66;  
font-size: 9px;

}

ul.leyend li{
font-weight:bold;
font-size: .9em;
}

/* End Styles */