@charset "utf-8";
/* CSS Document */

.floorplan img {
	max-width: 100% !important;
    vertical-align: middle;
    border: 0;
    cursor: pointer;
}

	
#floorbutton li {
	display: inline-block;
	float:left;
	 margin-right: 5px;
/*	 padding-left: .8em;
    padding-bottom: .5em;
	*/
}

#floorbutton li a {
    display: block;
    padding-left: 8px;
	padding-right:8px;
}


#floorbutton ul {
    margin: 0 0 0 0;
}

.circlelist {
	padding-bottom: 20px;
}
.circlelist .pos_row_no {
	font-weight: 800;
	text-decoration: underline;
	color: #FF0004;
}

.circ_table {
 	display: table;
  	width: 100%;
}

.circ_row {
display: table-row;
}

.circ_row .cir_pos {
display: table-cell;
  width: 60px;
font-size: 90%;
padding-right: 6px;
}

.circ_row .cir_name {
	display: table-cell;
	font-size: 90%;
}
.circ_row .cir_name img {
	vertical-align: middle;
}

@media (max-width: 736px){


	#floorbutton li a {
		display: block;
	}

	#floorbutton ul {
		margin: 0 0 0 0;
	}

		ul.actions li {
		display: block;
		padding: 1em 0 0 0;
		text-align: center;
		/* width: 100%; */
	}

	#floorbutton a.floor{
			/* width: 80px; */
	}

	#floorbutton a.filter{
			 /*width: 140px; */
	}

	.circ_row .cir_pos {
		display: table-cell;
		width: 60px;
		font-size: 100%;
		padding-right: 6px;
	}

	.circ_row .cir_name {
		display: table-cell;
		font-size: 100%;
	}

}