body {
	background: black;
}

#canvas, #svg {
    width: 1000px;
    height: 1630px;
}

#canvas {
    background: url('background.png') no-repeat;
    position: relative;
    border: 1px solid darkslategray;
		margin: 0px auto;
}

.hidden {
	visibility: hidden;
}

.svg_popup_panel {
	fill: black;
	opacity: 0.8;
}

.svg_popup_text {
	text-anchor: start;
	font-family: 'Roboto Condensed', sans-serif;
	/* font-family: 'PT Sans', sans-serif; */
	fill: #ddd;
	stroke: none;
	font-size: 14px;
}

.svg_title {
	fill: #FFE985;
	/* font-weight: bold; */
}

.svg_company {
	/* font-family: 'Merriweather', serif;
	font-size: 13px; */
	fill: #999;
}

.svg_producer {
	fill: #eee;
}

.svg_film_bar {
	opacity: 1;
	stroke: black;
	stroke-width: 0.3;
}

.svg_film_bar_over {
	/* transform: scale(1.1);
	transform-origin: center; */
	/* scale: 2; */
	opacity: 0.5;
}

.svg_clickable {
	cursor: pointer;
}