body{
	font-family:Tahoma;
}

a:link {
color:#666;
text-decoration:none;
}
a:visited {
color:#666;
text-decoration:none;
}

a:active {
color:#666;
text-decoration:none;
}

a:hover {
color:black;
text-decoration:none;
}

.link-button {
  background: none;
  border: none;
  color: #666;
  text-decoration: none;
  cursor: pointer;
	font-size:5vw;
}

.link-button:focus {
  outline: none;
}
.link-button:active {
  color:red;
}
.link-button:hover {
  color:black;
text-decoration:none;
}

#mesano{
	color:#666;
	font-size:5vw;
	text-align:center;
	text-decoration:none;
	width:98vw;
}

#mesano ul{
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	width:98vw;
}

#mesano li{
	display:block;
	float:left;
	width:60vw;
	padding:5px;
	box-sizing:border-box;
	margin-right:-1px;
	margin-bottom:-1px;
}

#mesano li.flecha{
	display:block;
	float:left;
	width:19vw;
	padding:5px;
	box-sizing:border-box;
	margin-right:-1px;
	margin-bottom:-1px;
}

#calendar{
	width:98vw;
}

#calendar a{
	color:#666;
	text-decoration:none;
}

#calendar ul{
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	width:98vw;
}

#calendar li{
	display:block;
	float:left;
	width:14vw;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	margin-right:-1px;
	margin-bottom:-1px;
}

#calendar ul.weekdays{
	
	height:5vw;
	background:#fff;
}

#calendar ul.weekdays li{
	text-align:center;
	text-transform:uppercase;
	line-height:2vw;
	border:none !important;
	padding:1vw 0.6vw;
	color:#7F8C8D;
	font-size:2vw;
}

#calendar .days li{
	height:14vw;
}

/*#calendar .days li:hover{
	background:#BFC9CA;
}*/

#calendar .date{
	text-align:center;
	font-size:2.5vw;
	margin-bottom:5px;
	padding:5px;
	background:#7F8C8D;
	color:#fff;
	width:3vw;
	border-radius:50%;
	float:right;
}

#calendar .event{

	clear:both;
	display:block;
	font-size:2.5vw;
	padding:0.5vw;
	margin-top:9vw;
	margin-bottom:0.5vw;
	color:#7F8C8D;
	line-height:1.5vw;
	text-decoration:none;
}

/* #calendar .event{
	clear:both;
	display:block;
	font-size:13px;
	border-radius:4px;
	padding:5px;
	margin-top:40px;
	margin-bottom:5px;
	color:#666;
	line-height:14px;
	background:#e4f2f2;
	border: 1px solid #b5dbdc;
	color:#009aaf;
	text-decoration:none;
}

#calendar .event-desc{
	color:#666;
	margin:3px 0 7px 0;
	text-decoration:none;

} */
#calendar .dom{
	color:#666;
	text-decoration:none;
	display:none;
} 

#calendar .other-month{
	background:#EBE9E5;
	color:#666;
}

#calendar .other-month:hover{
	background:#EBE9E5;
	color:#666;
}

#calendar .libre{
	background:#ABFAAA;
	color:#666;
}

#calendar .libre:hover{
	background:#BFC9CA;
	color:#666;
}

#calendar .semi{
	background:#FADEAA;
	color:#666;
}

#calendar .semi:hover{
	background:#BFC9CA;
	color:#666;
}

#calendar .ocupado{
	background:#FAB0AA;
	color:#666;
}

#calendar .ocupado:hover{
	background:#BFC9CA;
	color:#666;
}

#calendar .pasado{
	background:#EBE9E5;
	color:#666;
}

#calendar .pasado:hover{
	background:#EBE9E5;
	color:#666;
}
#calendar .selec{
	background:#aed6f1;
	color:#666;
}


#calendar .selec:hover{
	background:#BFC9CA;
	color:#666;
}


@media(max-width:200px){
	#calendar .weekdays, #calendar .other-month{
		display:none;
	}

	#calendar li{
		height:auto !important;
		border:1px solid #cdcdcd;
		width:100%;
		padding:10px;
		margin-bottom:-1px;
	}
	#calendar .date{
		float:none;
	}
}