#divHorari{width:98%; font-size:11px;}
#divHorari td{width:12%; height:25px; text-align:center; vertical-align:middle;}
#divHorari td a, #divHorari td a:hover{font-size:11px; text-decoration:none; vertical-align:middle;}
#divHorari .hora{background-color:#3B5AA2; border: 1px solid #6F8CCE; font-weight:bold; color: #FFF;}
#divHorari .espai{background-color:#C3CCDF; border: 1px solid #6F8CCE; color: #555;}
#divHorari .dia{background-color:#153A91; border: 1px solid #5680E2; font-weight:bold; color: #FFF;}
#divHorari .clase{border: 1px solid #2F5F95; vertical-align:top; background-color:#FFF}
#divHorari .clase div{;}
#divHorari .clase div .nom{font-weight:bold;}
#divHorari .clase div .hora{font-weight:normal;}
#divHorari .clase div .dificultat{margin-top:10px;}
#divHorari .clase div .monitor{margin-top:10px;}
#divHorari .clase div.alçadaMin{min-height:25px; height:auto; display:block; margin:2px;}

#columnaInfo{width: 350px; float:left;}
#columnaInfo ul{padding-left:0;}
#columnaInfo ul li{list-style-type: none;}

#llegendaDiv li{margin-bottom:5px; display:table; width:100%;}
#llegendaDiv li>a.enllac{vertical-align:middle; height:18px; width:100%; display:block;}
#llegendaDiv li>a>div{width:10px; height:18px; float:left;}
#llegendaDiv li>a>img{vertical-align:middle; float:right; margin:5px 0;}
#llegendaDiv li>a>span{}
#llegendaDiv li>a>.color{margin-right:5px;}

.infoHorari{font-size:11px; background-color:#FFF; color:#333333;}
.transparencia{opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); border-width:0; border-style:dotted;}
.catact{margin:0 0 8px 0; border-bottom:1px solid #000000; color: #000000; font-size:12px}

.tornarenrrere{float:right; margin:5px 15px; clear:both;}
.negreta{font-weight:bold}

a.boto{display:inline-block;}
.blancPopup td{background-color:#FFF}
#infodates{margin-right:15px; width: 100%; text-align:right;}

.infoact {
	padding: 10px;
	font-weight: bold;
	float:right;
	width:500px;
}

.horarios_clase {
	display:block;
	padding:5px;
}