/* RESET */
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 {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	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: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

/* FONT */
@font-face {
	font-family: 'Droid Sans';
	src: url('fonts/DroidSans-webfont.eot');
	src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	margin: 0px;
	padding: 0px;
	font-family: 'Droid Sans';
}

body {
	margin: 0;
	padding: 0;
	background: url('../img/bg1.png') repeat;
}

a {
	color: #0088cc;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.wrapper {
	max-width: 1190px;
	margin: 0 auto;
	background: #fff;
}

.topW {
	background: #fff;
	/*box-shadow: 0px 5px 5px #666;-moz-box-shadow: 0px 5px 5px #666;-webkit-box-shadow: 0px 5px 5px #666;*/
}

.emptyW {
	height: 10px;
	width: 100%;
}

@media (max-width: 767px) {
	.emptyW {
		display: none;
	}
}

@media (min-width: 767px) {
	.topW {
		border-top: 3px solid #0088cc;
	}
}

#topFixed {
	width: 100%;
	margin: 0 auto;
	z-index: 99;
	position: fixed;
}

#logo {
	display: none;
}

@media (min-width: 967px) {
	#logo {
		display: inline-block;
		float: left;
		width: 200px;
		margin-right: 10px;
	}
}

#topad {
	float: left;
	max-height: 90px;
}

@media (min-width: 340px) {
	margin:0 10px;
}

@media (max-width: 487px)#topad {
	float:left;
	height:50px;
}
}

@media (max-width: 747px)#topad {
	float:left;
	height:60px;
}
}

#fblikebox {
	display: none;
}

@media (min-width: 1336px) {
	#fblikebox {
		display: inline-block;
		float: right;
		margin-top: 10px;
	}
}

#belowTopFixed {}

@media (min-width: 738px) {
	#belowTopFixed {
		padding-top: 90px;
	}
}

@media (max-width: 737px) {
	#belowTopFixed {
		padding-top: 65px;
	}
}

@media (max-width: 477px) {
	#belowTopFixed {
		padding-top: 55px;
	}
}

#aboveFold {
	/*zbog visine će trebati ?*/
}

#searchAndTitle {
	margin: 0 10px;
	line-height: 30px;
	background:
		/*#444*/
		#0088cc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

@media (max-width: 487px) {
	#searchAndTitle {
		margin: 0;
	}
}

#search {
	float: left;
}

input.inserch {
	padding-left: 5px;
	margin-left: 10px;
	height: 20px;
	border: 1px solid #cccccc;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

@media (min-width: 640px) {
	input.inserch {
		min-width: 300px;
	}
}

#title {
	float: left;
	margin-left: 20px;
}

@media (max-width: 767px) {
	#title {
		display: none;
	}
}

#title h1 {
	font-size: 20px;
	color: #fff;
}

@media (max-width: 767px) {
	#title h1 {
		font-size: 14px;
	}
}

#breadcrumbsAndSocial {
	margin: 0 10px;
}

@media (max-width: 767px) {
	#breadcrumbsAndSocial {
		display: none;
		height: 0;
	}
}

#breadcrumbs {
	float: left;
	font-size: 12px;
	line-height: 24px;
}

#social {
	float: right;
	margin-top: 3px;
}

#mapAndAd {
	margin: 0 10px;
	padding-bottom: 20px;
}

@media (max-width: 340px) {
	#mapAndAd {
		margin: 0;
		padding: 0;
	}
}

#map {
	float: left;
	height: 600px;
}

@media (max-width: 890px) {
	#map {
		width: 100%;
	}
}

@media (min-width: 891px) {
	#map {
		width: 0px;
		/*width is set dinamically with js*/
	}
}

#mapAd {
	float: left;
	width: 300px;
	height: 600px;
	background: #e1e1e1;
}

/* MAP MAX WIDTH without ad: 850px*/
@media (max-width: 870px) {
	#mapAd {
		width: 728px;
		height: 90px;
		clear: both;
	}
}

@media (max-width: 748px) {
	#mapAd {
		width: 468px;
		height: 60px;
		clear: both;
	}
}

@media (max-width: 488px) {
	#mapAd {
		width: 320px;
		height: 50px;
		clear: both;
	}
}

@media (max-width: 320px) {
	#mapAd {
		width: 320px;
		height: 50px;
		clear: both;
		margin-left: -10px;
	}
}

@media (min-width: 871px) and (max-width:1060px) {
	#mapAd {
		width: 160px;
		height: 600px;
	}
}

/*AFTER 871px show ad(width:160px)*/
@media (min-width: 1061px) and (max-width:1200px) {
	#mapAd {
		width: 300px;
		height: 600px;
	}
}

#afterMap {}

.wrapperm {
	max-width: 1190px;
	margin: 0 auto;
	background: #fff;
	margin-top: 20px;
}

.left {
	float: left;
}

ul.unstyled {
	margin-left: 20px;
	list-style: none;
	padding: 0;
}

li {
	line-height: 20px;
	margin-bottom: 5px;
}

.vojvodina h3,
.srbija h3 {
	font-size: 15px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	display: inline;
	font-weight: normal;
}

ul.marker {
	margin-left: 20px;
}

ul.marker li {
	background: url('../img/marker.png') no-repeat;
	padding-left: 20px;
}

ul.linkovi li {
	display: inline-block;
	background: url('../img/marker.png') no-repeat;
	padding-left: 15px;
	padding-right: 20px;
}

.left img {
	width: 100%;
}

p.desc4 {
	line-height: 25px;
	margin: 0 10px;
}

@media (min-width: 871px) {
	div.vojvodina .lista {
		margin-top: 70px;
	}

	div.vojvodina .right {
		margin-top: 40px;
	}

	div.centralna .lista {
		margin-top: 70px;
	}

	div.centralna .right {
		margin-top: 40px;
	}

	div.gradovi .lista {
		/*margin-top:60px;*/
	}
}

#ad3 {
	margin-left: 10px;
}

.right {
	float: left;
	width: 310px;
}

.right img {
	width: 300px;
	padding: 4px;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

@media (max-width: 320px) {
	.right img {
		width: 290px;
	}

	#ad3 {
		padding: 0;
		border: 0px;
	}
}

.lista {
	float: left;
	margin-right: 20px;
}

.kartaSlika {
	float: left;
	text-align: center;
}

.shorter {
	margin-right: 20px;
}

.sectionTitle {
	background-color: whiteSmoke;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #c09853;
}

.maintxt {
	line-height: 35px;
	font-size: 100%;
	margin: 0 10px;
}

@media (max-width: 767px) {
	.maintxt {
		line-height: 20px;
	}
}

#links a {
	font-size: 14px;
}

.poslednje li a:hover {
	text-decoration: underline;
	color: #444;
}

.footer {
	background-color: #ddd;
	padding: 20px;
	margin: 20px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#flnks {
	font-size: 13px;
}

.opis {
	font-size: 13px;
}

.copy {}


.clr {
	clear: both;
}

@media (max-width: 767px) {}

@media (min-width: 768px) {

	#search,
	#title {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

@media (min-width: 980px) {}

/* Imported from header.php */
@font-face {
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v8/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v8/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

html {
	font-family: Rubik, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
details,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

[hidden] {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: 700
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

small {
	font-size: 80%
}

img {
	border: 0
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
pre {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

textarea {
	overflow: auto
}

.hidden,
[hidden] {
	display: none !important
}

.pure-img {
	max-width: 100%;
	height: auto;
	display: block
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-2-3,
.pure-u-3-4 {
	display: inline-block;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}

.pure-u-1-4 {
	width: 25%
}

.pure-u-1-3 {
	width: 33.3333%
}

.pure-u-1-2 {
	width: 50%
}

.pure-u-2-3 {
	width: 66.6667%
}

.pure-u-3-4 {
	width: 75%
}

.pure-u-1,
.pure-u-1-1 {
	width: 100%
}

@media screen and (min-width:35.5em) {

	.pure-u-sm-1,
	.pure-u-sm-1-1,
	.pure-u-sm-1-2,
	.pure-u-sm-1-3,
	.pure-u-sm-1-4,
	.pure-u-sm-2-3,
	.pure-u-sm-3-4 {
		display: inline-block;
		zoom: 1;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto
	}

	.pure-u-sm-1-4 {
		width: 25%
	}

	.pure-u-sm-1-3 {
		width: 33.3333%
	}

	.pure-u-sm-1-2 {
		width: 50%
	}

	.pure-u-sm-2-3 {
		width: 66.6667%
	}

	.pure-u-sm-3-4 {
		width: 75%
	}

	.pure-u-sm-1,
	.pure-u-sm-1-1 {
		width: 100%
	}

	#logo,
	#menu {
		display: inline-block
	}

	#not-fixed {
		margin-top: 130px
	}
}

@media screen and (min-width:48em) {

	.pure-u-md-1,
	.pure-u-md-1-1,
	.pure-u-md-1-2,
	.pure-u-md-1-3,
	.pure-u-md-1-4,
	.pure-u-md-2-3,
	.pure-u-md-3-4 {
		display: inline-block;
		zoom: 1;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto
	}

	.pure-u-md-1-4 {
		width: 25%
	}

	.pure-u-md-1-3 {
		width: 33.3333%
	}

	.pure-u-md-1-2 {
		width: 50%
	}

	.pure-u-md-2-3 {
		width: 66.6667%
	}

	.pure-u-md-3-4 {
		width: 74%
	}

	.pure-u-md-1,
	.pure-u-md-1-1 {
		width: 100%
	}
}

@media screen and (min-width:64em) {

	.pure-u-lg-1,
	.pure-u-lg-1-1,
	.pure-u-lg-1-2,
	.pure-u-lg-1-3,
	.pure-u-lg-1-4,
	.pure-u-lg-2-3,
	.pure-u-lg-3-4 {
		display: inline-block;
		zoom: 1;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto
	}

	.pure-u-lg-1-4 {
		width: 25%
	}

	.pure-u-lg-1-3 {
		width: 33.3333%
	}

	.pure-u-lg-1-2 {
		width: 50%
	}

	.pure-u-lg-2-3 {
		width: 66.6667%
	}

	.pure-u-lg-3-4 {
		width: 75%
	}

	.pure-u-lg-1,
	.pure-u-lg-1-1 {
		width: 100%
	}
}

@media screen and (min-width:80em) {

	.pure-u-xl-1,
	.pure-u-xl-1-1,
	.pure-u-xl-1-2,
	.pure-u-xl-1-3,
	.pure-u-xl-1-4,
	.pure-u-xl-2-3,
	.pure-u-xl-3-4 {
		display: inline-block;
		zoom: 1;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto
	}

	.pure-u-xl-1-4 {
		width: 25%
	}

	.pure-u-xl-1-3 {
		width: 33.3333%
	}

	.pure-u-xl-1-2 {
		width: 50%
	}

	.pure-u-xl-2-3 {
		width: 66.6667%
	}

	.pure-u-xl-3-4 {
		width: 75%
	}

	.pure-u-xl-1,
	.pure-u-xl-1-1 {
		width: 100%
	}
}

@media screen and (max-width:567px) {
	.pure-vis-sm {
		display: none
	}

	.pure-vis-md {
		display: none
	}

	.pure-vis-lg {
		display: none
	}

	.pure-vis-xl {
		display: none
	}

	.pure-hid-xs {
		display: none
	}
}

@media screen and (min-width:568px) and (max-width:767px) {
	.pure-vis-xs {
		display: none
	}

	.pure-vis-md {
		display: none
	}

	.pure-vis-lg {
		display: none
	}

	.pure-vis-xl {
		display: none
	}

	.pure-hid-sm {
		display: none
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.pure-vis-xs {
		display: none
	}

	.pure-vis-sm {
		display: none
	}

	.pure-vis-lg {
		display: none
	}

	.pure-vis-xl {
		display: none
	}

	.pure-hid-md {
		display: none
	}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
	.pure-vis-xs {
		display: none
	}

	.pure-vis-sm {
		display: none
	}

	.pure-vis-md {
		display: none
	}

	.pure-vis-xl {
		display: none
	}

	.pure-hid-lg {
		display: none
	}
}

@media screen and (min-width:1280px) {
	.pure-vis-xs {
		display: none
	}

	.pure-vis-sm {
		display: none
	}

	.pure-vis-md {
		display: none
	}

	.pure-vis-lg {
		display: none
	}

	.pure-hid-xl {
		display: none
	}
}

* {
	color: #676a6c
}

body {
	background: #fff
}

li {
	line-height: 1.4em
}

a {
	color: #777
}

h1 {
	font-size: 1.3em
}

h2 {
	font-size: 1.2em
}

header {
	background: #fff
}

footer {
	font-size: 12px;
	min-height: 100px;
	margin: 30px auto !important
}

.center {
	text-align: center
}

.right {
	text-align: right
}

.content {
	margin: 0 auto !important;
	max-width: 1170px
}

.box {
	padding: 0 .5em
}

.pure-g {
	letter-spacing: -.31em;
	text-rendering: optimizespeed;
	font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.list-horizontal li {
	display: inline-block
}

.list-horizontal li:before {
	content: '\00a0\2022\00a0\00a0';
	color: #999;
	color: rgba(0, 0, 0, .5);
	font-size: 11px
}

#fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9998;
	background: #fff
}

#not-fixed {
	margin-top: 130px
}

#stripes {
	border-top: 4px solid red;
	border-bottom: 4px solid #171796
}

#stripes div {
	border-bottom: 4px solid #fff
}

#breadcrumbs {
	clear: both;
	background: #fff;
	font-weight: 400;
	font-size: 11px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden
}

#breadcrumbs .pure-u-1 .frame {
	border: 1px solid #e6e6e6;
	background: #f8f8f8;
	padding: 5px 15px
}

.breadcrumbs-container {
	position: relative
}

.breadcrumbs-rest {
	min-height: 27px;
	vertical-align: middle;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	line-height: 27px;
	overflow: auto;
	white-space: nowrap
}

.breadcrumbs-rest a {
	display: inline-block;
}

#search {
	margin: 5px 0
}

input {
	border: 1px solid #ddd;
	display: inline-block;
	font-size: 12px;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	height: 40px;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out
}

img.logo {
	height: 40px;
	vertical-align: middle
}

#top-menu {
	background: #fff;
	font-size: 14px;
	padding: 10px 10px;
	line-height: 1.5
}

#top-menu a {
	color: red;
	text-transform: uppercase;
	margin-right: 7px
}

#karta {
	height: 600px;
	width: 100%;
	z-index: 1;
}

#title {
	margin: 5px 0;
	color: #000
}

.gad {
	margin: 10px auto;
	text-align: center;
	max-width: 1170px
}

#logo {
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	margin: 15px 0 15px 0;
	background: #fff !important
}

#menu {
	vertical-align: middle;
	line-height: 12px;
	font-size: 12px;
	margin: 15px 0
}

#search-container {
	float: right;
	margin-top: 10px;
	width: 200px
}

#logo-menu-container {
	float: left
}

#top-container {
	background: #fff;
	position: relative
}

#brand {
	display: inline-block;
	padding-right: 10px
}

@media screen and (max-width:64em) {

	#logo,
	#menu {
		margin: 0
	}

	.copy {
		text-align: center
	}
}

@media screen and (max-width:64em) {
	#search-container {
		clear: both;
		float: left;
		text-align: center;
		width: 100%;
		margin-top: 0
	}

	#not-fixed {
		margin-top: 138px
	}

	#logo-menu-container {
		width: 100%
	}

	#breadcrumbs .pure-u-1 .frame {
		border: 0;
		background: #f8f8f8;
	}

	#title,
	#top-menu {
		text-align: center
	}

	#map {
		height: 500px;
	}
}

@media screen and (max-width:48em) {
	#not-fixed {
		margin-top: 187px
	}
}

img.image-location {
	width: 100%;
	object-fit: cover
}

.footer-container {
	margin-top: 30px;
	border: 1px solid #eee;
	background: #f8f8f8;
	padding: 7px
}

.copy {
	margin: 30px auto
}

.microdata {
	margin: 7px auto
}

#sharer {
	position: absolute;
	right: 10px;
	top: 7px
}

.footer-container img,
#sharer img {
	opacity: .4
}

.footer-container img:hover,
#nav-toggle {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 35px;
	cursor: pointer;
}

#sharer-mobile {
	position: absolute;
	top: 7px;
	right: 10px;
	display: none
}

#sharer img,
#sharer-mobile img {
	opacity: .4;
}

.sharer img:hover,
#sharer-mobile img:hover {
	opacity: 1
}

.footer-links-container {
	padding: 20px;
	background: #f8f8f8;
	margin: 10px 0;
	min-height: 450px
}

#footer-links {
	margin: 30px auto;
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: Rubik, sans-serif;
}

.pure-g.gutters {
	margin: 0 -1em;
}

.pure-g.gutters>[class *=pure-u] {
	box-sizing: border-box;
	padding: 0em 1em;
}

@media screen and (max-width:567px) {
	#not-fixed {
		margin-top: 87px;
	}

	#nav-toggle {
		display: inline-block;
	}

	#search-container {
		display: none;
	}

	#menu {
		display: none;
	}

	#sharer {
		display: none;
	}

	#sharer-mobile {
		display: block;
	}
}

#map-container {
	border: 1px solid #ddd
}

.karta-print img {
	width: 100%;
	background: #f8f8f8;
}

.karte-za-print img {
	background: #f8f8f8;
	max-width: 640px;
	width: 100%;
}

@media screen and (max-width:767px) {
	.footer-links-container {
		min-height: auto;
	}

	#footer-links {
		font-size: 1.3em;
		line-height: 1.7em;
	}
}

.pac-container {
	z-index: 9999 !important;
}

.karta-full-width {}

.karta-full-width img {
	width: 100%
}

.pure-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center
}

.pure-table td,
.pure-table th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: .5em 1em
}

.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom
}

.pure-table td {
	background-color: transparent
}

.pure-table-odd td {
	background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
	background-color: #f2f2f2
}

.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody>tr:last-child>td {
	border-bottom-width: 0
}

.pure-table-horizontal td,
.pure-table-horizontal th {
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody>tr:last-child>td {
	border-bottom-width: 0
}

.table-korona td {
	color: red;
	text-align: center;
}

.table-korona td:nth-child(1) {
	color: inherit;
	text-align: left
}

.table-korona {
	font-size: 11px;
	width: 100%;
	margin-top: 30px;
	text-align: center;
	color: red
}

#karta {
	height: 600px;
	width: 100%;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	#karta {
		height: 500px;
	}
}