@font-face {
    font-family: 'Exo2';
    src: url('fonts/exo2-bold-webfont.eot');
    src: url('fonts/exo2-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo2-bold-webfont.woff2') format('woff2'),
         url('fonts/exo2-bold-webfont.woff') format('woff'),
         url('fonts/exo2-bold-webfont.ttf') format('truetype'),
         url('fonts/exo2-bold-webfont.svg#exo_2bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Exo2';
    src: url('fonts/exo2-bolditalic-webfont.eot');
    src: url('fonts/exo2-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo2-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/exo2-bolditalic-webfont.woff') format('woff'),
         url('fonts/exo2-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/exo2-bolditalic-webfont.svg#exo_2bold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Exo2';
    src: url('fonts/exo2-italic-webfont.eot');
    src: url('fonts/exo2-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo2-italic-webfont.woff2') format('woff2'),
         url('fonts/exo2-italic-webfont.woff') format('woff'),
         url('fonts/exo2-italic-webfont.ttf') format('truetype'),
         url('fonts/exo2-italic-webfont.svg#exo_2italic') format('svg');
    font-weight: normal;
    font-style: italic
}
@font-face {
    font-family: 'Exo2';
    src: url('fonts/exo2-regular-webfont.eot');
    src: url('fonts/exo2-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo2-regular-webfont.woff2') format('woff2'),
         url('fonts/exo2-regular-webfont.woff') format('woff'),
         url('fonts/exo2-regular-webfont.ttf') format('truetype'),
         url('fonts/exo2-regular-webfont.svg#exo_2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
	height: 100%;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
img, a>img {
	border: none;
	max-width: 100%;
}
img:hover, img:focus {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
img.flag {
	width: 24px;
	height: 18px;
	border: 1px solid #ccc;
	vertical-align: text-bottom;
}
body {
	background-color: #000;
	font-family: 'Exo2', Arial, Helvetica, sans-serif;
	overflow: hidden;
}
a { 
	text-decoration: none;
	color: #fff;
	outline: none;
}
.iw a {
	color: #02b116;
}
a:focus, a:hover {
	color: #999;
	outline: none;
}
hr {
	border: 0;
	height: 1px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.3);
}
.clear {
	clear: both;
}
#parent {
	position: absolute;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
#div1 {
	position: relative;
	float: left;
	height: 100%;
	width: 60%;
	background-color: #000;
}
#div2 {
	position: relative;
	float: left;
	height: 100%;
	width: 40%;
	/*min-width: 300px;*/
	background-color: #000;
}
#map {
	width: 100%;
	height: 100%;
	background: url('../img/map.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#sidebar {
	/*position: relative;
	width: 91%;
	padding: 1% 1% 1% 3%*/
	height: 100%;
	padding: 0;
	background: #000;
	background-image: -webkit-linear-gradient(to right, #434343 0%, #000 100%);
	background-image: -moz-linear-gradient(to right, #434343 0%, #000 100%);
	background-image: linear-gradient(to right, #434343 0%, #000 100%);
	color: #fff;
	border-left: 5px solid #02b116;
	text-shadow: 1px 1px 1px #000;
	overflow: hidden;
}
#sidebar .pin {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 8px solid #fff;
  width: 8px;
  height: 8px;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  -ms-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}

#sidebar .pin::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: -30px;
  left: -6px;
  border: 10px solid transparent;
  border-top: 17px solid #fff;
}
#sidebar .title {
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	padding: 10px 30px 10px 5px;
}
#sidebar .title span {
	display: none;
	position: relative;
}
#sidebar h1 {
	text-transform: uppercase;
	font-size: 14px;
}
#counter, #points {
    position: absolute;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    top: 4px;
    border: 2px solid #fff;
    font-size: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #02b116;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
}
#points {
	margin-left: 50px;
}
#header {
	min-height: 150px;
	padding: 5px 10px;
}
#menu {
	display: none;
	position: absolute;
	top: 20px;
	right: 30px;
	font-family: serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	width: 32px;
	height: 32px;
	color: #fff;
	background: #000;
	padding: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	cursor: pointer;
}
#menu:hover, #menu:focus {
	color: #02b116;
}
#close, #legend-close {
	position: fixed;
	top: 10px;
	right: 10px;
	font-size: 32px;
	color: #fff;
	cursor: pointer;
}
#close:hover, #close:focus {
	color: #fb0e00;
}
#zoom-slider {
	margin: 20px auto;
	width: 75%;
	position: relative;
}
#zoom-slider #zoom-control-minus, #zoom-slider #zoom-control-plus {
	position: absolute;
	top: 0;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 32px;
	line-height: 16px;
	text-align: center;
	color: #eee;
	overflow: hidden;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;
}
#zoom-slider #zoom-control-minus {
	left: -20px;
}
#zoom-slider #zoom-control-plus {
	right: -20px;
}
#zoom-slider #zoom-control-minus:hover, #zoom-slider #zoom-control-plus:hover, #zoom-slider #zoom-control-minus:focus, #zoom-slider #zoom-control-plus:focus {
	color: #02b116;
}
#zoom-slider #zoom-range #zoom-path {
	height: 14px;
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	background: transparent;
	border: 1px solid #ccc;
}
#zoom-slider #zoom-range .ui-slider-handle {
	position: absolute;
	top: -3px;
	margin-left: -11px;
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: move;
	z-index: 2;
	outline: none;
}
#zoom-slider #zoom-range .ui-slider-handle:hover, #zoom-slider #zoom-range .ui-slider-handle:focus {
	background: #02b116;
	border: 1px solid #02b116;
}
.pan {
	display: none;
	position: fixed;
	top: 20px;
	left: 20px;
	color: #eee;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.pan, .pan-c {
	width: 60px;
	height: 60px;
}
.pan-c {
	position: relative;
}
.pan:hover {
	background: #000;
}
.pan-btnup, .pan-btndown, .pan-btnleft, .pan-btnright, .pan-btnctr {
	position: absolute;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}
.pan-btnup {
	top: -4px;
	left: 21px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.pan-btnright {
	right: -4px;
	top: 18px;
}
.pan-btndown {
	bottom: -4px;
	left: 21px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.pan-btnleft {
	left: -4px;
	top: 18px;
}
.pan-btnctr {
	left: 20px;
	top: 20px;
}
.pan-btnctr:hover, .pan-btnctr:focus, .pan-btnup:hover, .pan-btnup:focus, .pan-btnright:hover, .pan-btnright:focus, .pan-btndown:hover, .pan-btndown:focus, .pan-btnleft:hover, .pan-btnleft:focus, .pan-btnctr:hover, .pan-btnctr:focus {
	color: #02b116;
}
#sidebar .menu {
	position: relative;
}
#sidebar .menu ul, #tiles, #legend {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#sidebar .menu ul li {
	display: inline-block;
	color: #eee;
	fill: currentColor;
	cursor: pointer;
}
#sidebar .menu ul li svg {
	width: 20px;
	height: 20px;
	padding: 7px 10px;
}
#sidebar #menu li:hover, #sidebar #menu li:focus, .icon:hover, .icon:focus {
	color: #02b116;
	fill: #02b116;
}
.switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
	vertical-align: sub;
}
.switch input {
	display: none;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	border: 1px solid #ccc;
}
.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: -1px;
	bottom: -1px;
	background-color: #fff;
}
input:checked + .slider {
	background-color: #02b116;
}
input:checked + .slider:before {
	-webkit-transform: translateX(19px);
	-moz-transform: translateX(19px);
	-o-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}
.slider.round {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.slider.round:before {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#tiles, #legend, #modal {
	position: absolute;
	padding: 5px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.9);
	border: 1px solid rgb(255, 255, 255);
	border: 1px solid rgba(255, 255, 255, 0.3);
	z-index: 10;
}
#tiles {
	top: -3000px;
	width: 60%;
}
#legend {
	bottom: -1000px;
	width: 80%;
}
#tiles .top, #legend .top {
	border-bottom: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 5px 0 7px 0;
	margin: 0 0 5px 0;
	font-size: 16px;
}
#tiles li, #legend li {
	padding: 5px;
	cursor: pointer;
}
#legend li {
	display: inline-block;
}
#tiles li:hover, #tiles li:focus {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.75);
	color: #000;
	text-shadow: none;
}
#legend li.reset, #reset {
	display: block;
	font-size: 16px;
	border-top: 1px solid rgb(255, 255, 255);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding: 7px 0 5px 0;
	margin: 5px 0 0 0;
}
#legend li.reset i {
	font-size: 20px;
}
#legend li:hover, #legend li:focus {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#legend li:first-child {
	cursor: default;
}
#legend-close {
	position: absolute;
	font-size: 12px;
}
#btn-legend, #btn-scroll {
	cursor: pointer;
}
#btn-legend:hover, #btn-legend:focus, #legend-close:hover, #legend-close:focus, #btn-scroll:hover, #btn-scroll:focus {
	color: #02b116;
}
#btn-legend {
	float: left;
}
#btn-scroll {
	float: right;
}
#btn-shift {
    display: none;
}
#modal {
	display: none;
	width: 70%;
	margin-top: 5px;
	padding: 10px;
	text-align: center;
}
.search {
	text-align: center;
	margin: 10px auto 20px auto;
}
#filter {
	min-width: 50%;
    padding: 5px;
    font-family: 'Exo2', Arial, Helvetica, sans-serif;
    background: transparent;
    color: #fff;
    border: 1px solid #ccc;
    outline: none;
    font-size: 14px;
}
#filter:hover {
    background: #434343;
    outline: none;
}
#filter:focus {
    border: 1px solid #02b116;
    background: #000;
    outline: none;
}
.del {
	margin-left: 10px;
	cursor: pointer;
}
.del:hover, .del:focus {
	color: #02b116;
}
#content {
	position: relative;
	height: 50%;
	border-top: 1px solid rgb(255, 255, 255);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	padding: 5px 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	clear: both;
}
#content ul {
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	font-size: 12px;
	list-style-type: none;
	list-style-position: outside;
}
#content ul li {
	padding: 10px 5px;
	position: relative;
	border-bottom: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#content ul li:last-child {
	border-bottom: 0;
}
#content ul li span {
	display: block;
	margin-top: 8px;
}
#content ul li .side {
	position: absolute;
	right: 5px;
	bottom: 36px;
}
#footer {
	min-height: 30px;
	line-height: 35px;
	border-top: 1px solid rgb(255, 255, 255);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	width: 100%;
}
#footer .cont {
	padding: 0 10px;
}
.iw {
	font-family: 'Exo2', Arial, Helvetica, sans-serif;
	color: #000;
}
.iw h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 3px 0;
}
.iw p {
	font-size: 14px;
	padding: 3px 0;
	line-height: 1.4;
}
.iw img {
	max-width: 98%!important;
	border: 1px solid #ccc;
}
.iw img.pht {
    margin: 5px;
    max-height: 150px;
}
.iw img.pht:first-child {
	margin-left: 0;
}
.iw img.poly {
    display: inline-block;
    margin: 5px 0 0 5px;
}
.iw img.first {
    margin: 5px 0 0 0;
}
.iw .zm {
	float: right;
	text-align: right;
	font-size: 12px;
}
.labels {
	color: #fff;
	background-color: #000;
	font-size: 13px;
	text-align: center;
	padding: 2px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#pano, .alt {
	width: 350px;
	height: 200px;
	margin: 15px auto;
}
#sidebar ul.grena li a:hover,
#sidebar ul.grena li a:focus,
#sidebar ul.grena li:before,
.grena {
	color: #85144b;
}
#sidebar ul.roz li a:hover,
#sidebar ul.roz li a:focus,
#sidebar ul.roz li:before,
.roz {
	color: #f012be;
}
#sidebar ul.rosu li a:hover,
#sidebar ul.rosu li a:focus,
#sidebar ul.rosu li:before,
.rosu {
	color: #ff4136;
}
#sidebar ul.portocaliu li a:hover,
#sidebar ul.portocaliu li a:focus,
#sidebar ul.portocaliu li:before,
.portocaliu {
	color: #ff851b;
}
#sidebar ul.galben li a:hover,
#sidebar ul.galben li a:focus,
#sidebar ul.galben li:before,
.galben {
	color: #ffd808;
}
#sidebar ul.turcoaz li a:hover,
#sidebar ul.turcoaz li a:focus,
#sidebar ul.turcoaz li:before,
.turcoaz {
	color: #39ccc;
}
#sidebar ul.verde li a:hover,
#sidebar ul.verde li a:focus,
#sidebar ul.verde li:before,
.verde {
	color: #02b116;
}
#sidebar ul.bleu li a:hover,
#sidebar ul.bleu li a:focus,
#sidebar ul.bleu li:before,
.bleu {
	color: #7fdbff;
}
#sidebar ul.albastru li a:hover,
#sidebar ul.albastru li a:focus,
#sidebar ul.albastru li:before,
.albastru {
	color: #0074d9;
}
#sidebar ul.bleumarin li a:hover,
#sidebar ul.bleumarin li a:focus,
#sidebar ul.bleumarin li:before,
.bleumarin {
	color: #001f3f;
}
#sidebar ul.mov li a:hover,
#sidebar ul.mov li a:focus,
#sidebar ul.mov li:before,
.mov {
	color: #b10dc9;
}
#sidebar ul.violet li a:hover,
#sidebar ul.violet li a:focus,
#sidebar ul.violet li:before,
.violet {
	color: #583f82;
}
#sidebar ul.maron li a:hover,
#sidebar ul.maron li a:focus,
#sidebar ul.maron li:before,
.maron {
	color: #78250c;
}
#sidebar ul.negru li a:hover,
#sidebar ul.negru li a:focus,
#sidebar ul.negru li:before,
.negru {
	color: #111;
}
#sidebar ul.gri li a:hover,
#sidebar ul.gri li a:focus,
#sidebar ul.gri li:before,
.gri {
	color: #aaa;
}
#sidebar ul.alb li a:hover,
#sidebar ul.alb li a:focus,
#sidebar ul.alb li:before,
.alb {
	color: #fff;
}
#sidebar ul.tlc li a:hover,
#sidebar ul.tlc li a:focus,
#sidebar ul.tlc li:before,
.tlc {
	color: #58595b;
}
.circle {
  height: 15px;
  width: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #aaa;
  display: inline-block;
  margin-right: 5px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.grena .circle {
	background: #85144b;
}
.roz .circle {
	background: #f012be;
}
.rosu .circle {
	background: #FF4136;
}
.portocaliu .circle {
	background: #FF851B;
}
.galben .circle {
	background: #FFD808;
}
.turcoaz .circle {
	background: #39ccc;
}
.verde .circle {
	background: #02b116;
}
.bleu .circle {
	background: #7fdbff;
}
.albastru .circle {
	background: #0074D9;
}
.bleumarin .circle {
	background: #001f3f;
}
.mov .circle {
	background: #b10dc9;
}
.violet .circle {
	background: #583f82;
}
.maron .circle {
	background: #78250c;
}
.negru .circle {
	background: #111;
}
.gri .circle {
	background: #aaa;
}
.alb .circle {
	background: #fff;
}
.tlc .circle {
	background: #58595B;
}
a, img, svg, .slider, .slider:before {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-o-transition: all .35s;
	-ms-transition: all .35s;
	transition: all .35s;
}
::-moz-selection {
	background: #111;
	color: #fff;
}
::selection {
	background: #111;
	color: #fff;
}
:target { -webkit-animation: highlight 2s ease; -moz-animation: highlight 2s ease; -o-animation: highlight 2s ease; animation: highlight 2s ease; }
@-webkit-keyframes highlight {
    0% { background: #02b116; }
    100% { background: none; }
}
@-moz-keyframes highlight {
    0% { background: #02b116; }
    100% { background: none; }
}
@-o-keyframes highlight {
    0% { background: #02b116; }
    100% { background: none; }
}
@keyframes highlight {
    0% { background: #02b116; }
    100% { background: none; }
}
@-webkit-keyframes rotation {
    from { -webkit-transform: rotateY(0deg); }
	to { -webkit-transform: rotateY(359deg); }
}
@-moz-keyframes rotation {
    from { -moz-transform: rotateY(0deg); }
	to { -moz-transform: rotateY(359deg); }
}
@-o-keyframes rotation {
    from { -o-transform: rotateY(0deg); }
	to { -o-transform: rotateY(359deg); }
}
@keyframes rotation {
    from { transform: rotateY(0deg); }
	to { transform: rotateY(359deg); }
}
@media only screen and ( min-width: 480px ) {
	#div1 {
		width: 65%;
	}
	#div2 {
		width: 35%;
	}
	#sidebar .title {
		font-size: 24px;
	}
	#sidebar .title span {
		display: inline;
	}
	#sidebar h1 {
		font-size: 12px;
	}
	#sidebar ul li, #legend {
		font-size: 10px;
	}
}
@media only screen and ( min-width: 768px ) {
	#div1 {
		width: 75%;
	}
	#div2 {
		width: 25%;
	}
	#sidebar .title {
		font-size: 32px;
	}
	#sidebar h1 {
		font-size: 16px;
	}
	#sidebar ul li, #legend {
		font-size: 12px;
	}
	#sidebar .menu ul li svg {
		width: 28px;
		height: 28px;
		padding: 7px;
	}
	#btn-shift {
	    display: inline-block;
	}
	#content ul li .side {
		bottom: 12px;
	}
	#content ul li span {
		display: inline;
		margin-left: 8px;
		margin-top: 0;
		line-height: 1.5;
	}
	#content ul li.poly span {
		margin-left: 0;
	}
	.switch {
		display: block;
	}
}
@media only screen and ( min-width: 1024px ) {
	#div1 {
		width: 80%;
	}
	#div2 {
		width: 20%;
	}
	#sidebar h1 {
		font-size: 20px;
	}
	#sidebar ul li, #legend {
		font-size: 16px;
	}
	#counter, #points {
		top: -4px;
	}
	#content ul li.poly span {
		margin-left: 8px;
	}
	.switch {
		display: inline-block;
	}
}