.horari_reserva{width: 100%; margin-bottom: 10px; position: relative; table-layout: fixed;}
.horari_reserva th{font-weight: bold; background: #0D224A url(/plantillas/base/poliwin/reserva_titulo.gif) repeat-x scroll center top; color: #FFF; border-bottom: 2px solid #444; padding:5px; border-right: 1px solid #444;}
.horari_reserva td{text-align: center; font-weight: bold; background:#999999; border:1px solid #666; padding:5px;}
.horari_reserva td a{display: block; color:#626161;}
.horari_reserva td a:hover{display: block; text-decoration: none; color:#626161;}
.llegenda .horari_reserva{ width: auto; margin-top: 10px;}
.llegenda .horari_reserva td{ vertical-align: middle;}

.groupclasses{width:99%; margin-bottom: 10px; font-size: 10px;}
.groupclasses th{
	font-weight: bold;
	border-bottom: 1px solid #444;
	padding:5px;
	background-color: #888;
	color: white;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.groupclasses td{text-align: center; font-weight: bold; border:1px solid #666; padding:5px;}
.groupclasses td a{display: block; color:#626161;border: 2px solid white;}

.groupclasse {
	text-align: center;
	padding: 5px 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: 2px solid transparent;
}

.groupclasse:hover{border: 2px solid #888;}

.groupclasselegend{
	text-align: center;
	padding: 5px 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	width: 300px;
	display: inline-block;
}


td.reservable{color:#FFF; background: #2BA423 url(/plantillas/base/poliwin/reserva_reservable.gif) repeat-x scroll center top; padding:0;}
td.reservable:hover{background: #CCCCCC url(/plantillas/base/poliwin/reserva_reservable_hover.gif) repeat-x scroll center top;}
td.reservable a{color:#FFFFFF; display:block; padding:5px; text-decoration:none;}
td.reservable a:hover{color:#000000; text-decoration:none;}
td.noreservable, td.noreservable:hover{background: #FF0 url(/plantillas/base/poliwin/reserva_noreservable.gif) top repeat-x; color: #333;}
td.foradhorari, td.foradhorari:hover{background: #777777 url(/plantillas/base/poliwin/reserva_foradhorari.gif) top repeat-x; color: #FFF;}
td.foradhorarireserves, td.foradhorarireserves:hover{background: #252223 url(/plantillas/base/poliwin/reserva_foradhorarireserves.gif) top repeat-x; color: #FFF;}
td.periodevacacional, td.periodevacacional:hover{background: #BBBBBB url(/plantillas/base/poliwin/reserva_periodevacacional.gif) top repeat-x; color: #000;}
td.maxreserves, td.maxreserves:hover{background: #4444CC url(/plantillas/base/poliwin/reserva_maxreserves.gif) top repeat-x; color: #FFF;}
td.maxreservespendents, td.maxreservespendents:hover{background: #95BDF8 url(/plantillas/base/poliwin/reserva_maxreservespendents.gif) top repeat-x; color: #333;}
td.maxreservesglobal, td.maxreservesglobal:hover{background: #0A0F5E url(/plantillas/base/poliwin/reserva_maxreservesglobal.gif) top repeat-x; color: #FFF;}
td.horasolapada, td.horasolapada:hover{background: #A609D9 url(/plantillas/base/poliwin/reserva_horasolapada.gif) top repeat-x; color: #FFFFFF;}
td.reservaenproces, td.reservaenproces:hover{background: #A80f52 url(/plantillas/base/poliwin/reserva_enproces.gif) top repeat-x; color: #FFFFFF;}
td.reservatsubzona, td.reservatsubzona:hover{background: url(/plantillas/base/poliwin/degradat_superior.png) top repeat-x, repeating-linear-gradient(
  45deg,
  #FF0000,
  #FF0000 10px,
  #B31414 10px,
  #B31414 20px
); color: #FFFFFF;}
td.subzonaforadhorari, td.subzonaforadhorari:hover{background: url(/plantillas/base/poliwin/degradat_superior.png) top repeat-x, repeating-linear-gradient(
  45deg,
  #777777,
  #777777 10px,
  #6A6A6A 10px,
  #6A6A6A 20px
); color: #FFFFFF;}
td.normal, td.normal:hover{border:0; text-align: left; background:none;}
td.reservat, td.reservat:hover{ background: #f00 url(/plantillas/base/poliwin/reserva_reservat.gif) top repeat-x; color: #FFF;}
.llegenda td.reservable, .llegenda td.reservable:hover{background: #2BA423 url(/plantillas/base/poliwin/reserva_reservable.gif) repeat-x scroll center top; padding:0;}
.llegenda td{cursor:help;}

.arrow_box
{
	background:#FFFF99;
	border:1px solid #8a8a8a;
	position:relative;
	margin-bottom:20px;
	margin-top:5px;
	max-width:500px;
}

.arrow_box:after,.arrow_box:before
{
	border:solid transparent;
	bottom:100%;
	content:" ";
	height:0;
	left:100px;
	pointer-events:none;
	position:absolute;
	width:0;
}

.arrow_box:after
{
	border-color:rgba(252,255,163,0) rgba(252,255,163,0) #FFFF99;
	border-width:5px;
	margin-left:-5px;
}

.arrow_box:before
{
	border-color:rgba(138,138,138,0) rgba(138,138,138,0) #8a8a8a;
	border-width:6px;
	margin-left:-6px;
}
.arrow_box p{
	padding:5px;
	margin:0;
	font-size:10px;
}
.arrow_box ul{
padding:15px;
	list-style-type:disc;
}
.arrow_box ul li{
	font-size:10px;
}

@media (max-width: 700px) {
	.table-small{
		display: block !important;
	}
	.table-big{
		display: none;
	}
}
.table-small{
	display: none;
	font-weight: bold;
}
.table-small .table-small-hora {
	border: 1px solid #666;
	border-right: none;
	background-color: #888;
	color: white !important;
	font-weight: bold;
	padding: 5px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.table-small .table-small-classe a{
	border: 5px solid white;
	display: block;
}
.table-small .table-small-classe {
	border: 1px solid #666;
	border-bottom: none;
}
.table-small .table-small-dia {
	background-color: #888;
	color: white;
	padding: 5px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	border: 1px solid #666;
	border-bottom: none;
}

/* No s'ha redifint en aquesta plantilla */