#calendario {
	width:520px;
	vertical-align:top;
	font-family:"Trebuchet MS";
	margin-left:30px;

}


#calendarioIndividual {
	width:200px;
	vertical-align:top;
	font-family:"Trebuchet MS";
	margin-left:10px;
}



.descricaoagenda{
float:left;
text-align: center;
font-size:10px;
width:200px;
margin-left:20px;
padding:5px 20px 5px 5px;
}

.celulaagendames{
float:left;
width:210px;
height:10px;
font-weight: bold;
background:#FFFFFF;
color:#000000;
margin:0px;
padding:3px;
}

.celulaagendadia{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#cccccc;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
}

.celulaagenda{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#FFFFFF;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
}

#legendaCalendario {

Float:right;


}


.amarelo{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#FFFF00;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
cursor:hand;
}


.rosa{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#FF9999;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
cursor:hand;
}

.azul{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#6BC2E0;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
cursor:hand;
}

.laranja{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#ffcc00;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
cursor:hand;
}


.verde{
float:left;
width:20px;
height:20px;
font-weight: bold;
background:#00cc66;
color:#000000;
margin:0px;
padding:3px;
border:1px solid #666666;
cursor:hand;
}



div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #00337E;
  color: #FFF;
  font: bold 12px Trebuchet Ms, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}