.header {
	box-shadow: none;
}

.bg-sz {
	background-color: #00617d;
}

.header-container {
	padding: 16px 0;
	
	text-align: center;
}


.logo_SZ {
	
	width: 306px;
	height: 35px;
	
	background: url("../img/logo_slovenske_zeleznice.png");
}
.logo_SZ_small {
	display: inline-block;
	
	width: 45px;
	height: 17px;
	
	background: url("../img/logo_slovenske_zeleznice_small.png");
}


.grb {
	display: inline-block;
	
	width: 430px;
	height: 350px;
	
	transform-origin: 0 0;
	transform: scale(0.25);
	margin-right: -322px;
	margin-bottom: -262px;
}
.text_obcina {
	display: inline-block;
	
	margin-left: 20px;
	
	vertical-align: top;
	
	line-height: 150%;
	font-size: 400%;
}

.logo_interreg {
	display: inline-block;
	
	margin: 5px;
	
	vertical-align: top;
	
	width: 640px;
	height: 300px;
	
	background: url("../img/logo_interreg.jpg");
	
	transform-origin: 0 0;
	transform: scale(0.25);
	margin-right: -480px;
	margin-bottom: -225px;
}

		
.pointer {
	cursor: pointer;
}

.carrousel {
	position: relative;
	
	height: 450px;
	
	margin-left: 0;
	
	transition: margin-left 3s ease-in-out;
}
.carrousel.left {
	margin-left: -1080px;
}
.carrousel.right {
	margin-left: 1080px;
}

.advert {
	position: absolute;
	display: inline-block;
	
	vertical-align: top;
	
	width: 1080px;
	height: 450px;
	
	top: 0;
}
.advert.left {
	left: -1080px;
}
.advert.center {
	left: 0px;
}
.advert.right {
	left: 1080px;
}


.footer {
	padding: 0;
	
	height: 85px;
	
	background: #0082bc;
	
	box-shadow: none;
}
.footer .text {
	display: inline-block;
	
	vertical-align: top;
	
	width: calc(1080px - 165px - 450px);
	
	color: white;
	
	font-size: 90%;
	
	padding: 5px 10px;
	
	text-align: justify;
	
	line-height: 1.7em;
}
.footer .qrCodes {
	display: inline-block;
	
	margin: 5px;
	
	width: calc(450px - 2 * 5px);
	height: calc(85px - 2 * 5px);
	
	color: black;
	
	background-color: white;
}

.footer .textRotated-90 {
	display: inline-block;
	
	color: #0082bc;
	
	font-size: 80%;
	
	margin: 0 -20px;
	
	transform-origin: 60% 130%;
	transform: rotate(-90deg);
}

.footer .qrCode {
	display: inline-block;
	
	width: 29px;
	height: 29px;
	
	transform-origin: 0 0;
	transform: scale(2.0);
	
	margin: -10% 5px;
	
	image-rendering: optimizeSpeed;					/* STOP SMOOTHING, GIVE ME SPEED		*/
	image-rendering: -moz-crisp-edges;				/* Firefox									*/
	image-rendering: -o-crisp-edges;					/* Opera										*/
	image-rendering: -webkit-optimize-contrast;	/* Chrome (and eventually Safari)	*/
	image-rendering: pixelated;						/* Chrome									*/
	image-rendering: optimize-contrast;				/* CSS3 Proposed							*/
	-ms-interpolation-mode: nearest-neighbor;		/* IE8+										*/
}
.footer .qrCode.LPP {
	background: url("../img/qr/qr_lpp.png");
}
.footer .qrCode.obcina {
	width: 25px;
	height: 25px;
}
.footer .qrCode.SZ {
	background: url("../img/qr/qr_zeleznice.png");
}

#content-weather {
	background-color: #0082bc;
}
#content-weather iframe {
	vertical-align: top;
	
	pointer-events: none;
}

#content {
	height: calc(1920px - 128px - 185px - 450px - 85px);
}

.profile a {
	
	font-weight: 600;
	font-size: 200%;
}
.profile-content {
	height: calc(100% - 64px);
}
.profile-content .tab-content {
	height: 100%;
}
.profile-content .tab-content .tab-pane {
	height: 100%;
}
.profile-content .tab-content #schedule .row {
	height: 50%;
}

.nav-tabs {
	margin-right: 0;
	
	border-bottom: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: 5px solid transparent;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	
	background-color: #0082bc;
	
	color: #eee;
}
.nav-tabs>li>a, .nav-tabs>li>a:hover {
	border: 5px solid #0082bc;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
	
	background-color: #88c6ff;
	background-color: transparent;
	
	color: #0082bc;
}
.nav>li>a {
	padding: 5px 15px;
}
.nav-item {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	
	width: calc(25% - 2 * 5px);
	
	text-align: center;
	
	border-radius: 5px 5px 0 0;
	
/*	pointer-events: none;	*/
}

.tab-content {
	height: 100%;
	
	background-color: #0082bc;
}
.tab-content .tab-pane {
	height: 100%;
}

#schedule table {
	border-color: black;
	color: #eee;
	
	font-size: 120%;
	
	margin-top: 80px;
}
#schedule .row {
	padding-right: 20px;
}

.row {
	margin: 0;
}

.semaphore {
	width: 20px;
	height: 20px;
	
	border-radius: 10px;
}
.semaphore.red {
	background-color: firebrick;
}
.semaphore.green {
	background-color: limegreen;
}


#page-container {
	-webkit-touch-callout:	none; /* iOS Safari */
	-webkit-user-select:		none; /* Safari */
	-khtml-user-select:		none; /* Konqueror HTML */
	-moz-user-select:			none; /* Old versions of Firefox */
	-ms-user-select:			none; /* Internet Explorer/Edge */
	user-select:				none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

#timeDisplay {
	float: left;
	
	line-height: 2.3em;
	
	padding-left: 30px;
	
	font-size: 300%;
	font-weight: 600;
}
#dateDisplay {
	float: right;
	
	line-height: 2.3em;
	
	padding-right: 30px;
	
	text-align: right;
	
	font-size: 300%;
	font-weight: 600;
}
#dateDisplay span {
	position: absolute;
	
	right: 30px;
	top: -115px;
	
	font-size: 60%;
}

.button.busses, .button.trains {
	display: inline-block;
	
	padding: 2px 10px;
	margin-top: 10px;
	
	text-align: center;
	
	font-size: 200%;
	font-weight: 600;
	
	color: white;
	
	background-color: #01577f;
	
	border-radius: 6px;
	
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	
	cursor: pointer;
}



#busi {
	opacity: 0.0;
	
	position: absolute;
	z-index: 2000;
	
	left: 0;
	top: 0;
	
	background-color: rgba(0,0,0,0.5);
	
	width: 1080px;
	height: 1920px;
	
	transition: opacity 0.25s linear;
	
	pointer-events: none;
}
#busi.busiShow {
	opacity: 1.0;
	
	pointer-events: auto;
}

#busi_list {
	display: inline-block;
	
	vertical-align: top;
	
	margin-left: 32px;
	margin-top: 390px;
	
	padding: 20px;
	
	width: 200px;
	
	background-color: white;
	
	border-radius: 4px;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
}
#busi_list .button {
	padding: 4px 8px;
	margin-bottom: 12px;
	
	color: white;
	
	background-color: #01577f;
	
	border-radius: 6px;
	
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	
	cursor: pointer;
}
#busi_list .button:last-child {
	margin-bottom: 0;
}
#busi_list .button.selected {
	background-color: white;
	border: 2px solid #01577f;
	
	color: #01577f;
	
	font-weight: 600;
	padding: 2px 6px;
	
	cursor: default;
}
#busi_html {
	position: relative;
	
	display: none;
	display: inline-block;
	
	vertical-align: top;
	
	margin-left: 20px;
	margin-top: 390px;
	
	padding: 10px;
	
	width: 810px;
	height: 980px;
	
	background-color: white;
	
	border-radius: 4px;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
}
#busi_html .content {
	overflow: hidden;
	
	width: 100%;
	height: 100%;
}
#busi_html iframe {
	width: 100%;
}
#busi_html .noselect {
	position: absolute;
	
	left: 0;
	top: 0;
	
	width: 100%;
	height: 100%;
	
	-webkit-touch-callout:	none; /* iOS Safari */
	-webkit-user-select:		none; /* Safari */
	-khtml-user-select:		none; /* Konqueror HTML */
	-moz-user-select:			none; /* Old versions of Firefox */
	-ms-user-select:			none; /* Internet Explorer/Edge */
	user-select:				none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
#busi_html .scrollUp, #busi_html .scrollDown {
	position: absolute;
	
	right: 10px;
	
	width: 40px;
	height: 40px;
	
	border-radius: 20px;
	
	line-height: 40px;
	
	color: white;
	
	font-size: 170%;
	text-align: center;
	
	background-color: #01577f;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}

#busi .Xclose {
	position: absolute;
	
	top: 340px;
	left: 195px;
	
	width: 40px;
	height: 40px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: #01577f;
	
	font-size: 170%;
	text-align: center;
	
	background-color: white;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}
#busi .XcloseText {
	position: absolute;
	
	top: 340px;
	left: 120px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: white;
	
	font-size: 170%;
	text-align: right;
	
	text-shadow: 0 0 8px rgba(0,0,0,0.75);
	
	cursor: pointer;
}




#vlaki {
	opacity: 0.0;
	
	position: absolute;
	z-index: 2000;
	
	left: 0;
	top: 0;
	
	background-color: rgba(0,0,0,0.5);
	
	width: 1080px;
	height: 1920px;
	
	transition: opacity 0.25s linear;
	
	pointer-events: none;
}
#vlaki.vlakiShow {
	opacity: 1.0;
	
	pointer-events: auto;
}

#vlaki_list {
	display: inline-block;
	
	vertical-align: top;
	
	margin-left: 32px;
	margin-top: 390px;
	
	padding: 20px;
	
	width: 200px;
	
	background-color: white;
	
	border-radius: 4px;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
}
#vlaki_list .button {
	padding: 4px 8px;
	margin-bottom: 12px;
	
	color: white;
	
	background-color: #01577f;
	
	border-radius: 6px;
	
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	
	cursor: pointer;
}
#vlaki_list .button:last-child {
	margin-bottom: 0;
}
#vlaki_list .button.selected {
	background-color: white;
	border: 2px solid #01577f;
	
	color: #01577f;
	
	font-weight: 600;
	padding: 2px 6px;
	
	cursor: default;
}
#vlaki_html {
	position: relative;
	
	display: none;
	display: inline-block;
	
	vertical-align: top;
	
	margin-left: 20px;
	margin-top: 390px;
	
	padding: 10px;
	
	width: 810px;
	height: 980px;
	
	background-color: white;
	
	border-radius: 4px;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
}
#vlaki_html .content {
	overflow: hidden;
	
	width: 100%;
	height: 100%;
}
#vlaki_html .noselect {
	position: absolute;
	
	left: 0;
	top: 0;
	
	width: 100%;
	height: 100%;
	
	-webkit-touch-callout:	none; /* iOS Safari */
	-webkit-user-select:		none; /* Safari */
	-khtml-user-select:		none; /* Konqueror HTML */
	-moz-user-select:			none; /* Old versions of Firefox */
	-ms-user-select:			none; /* Internet Explorer/Edge */
	user-select:				none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
#vlaki_html .scrollUp, #vlaki_html .scrollDown {
	position: absolute;
	
	right: 10px;
	
	width: 40px;
	height: 40px;
	
	border-radius: 20px;
	
	line-height: 40px;
	
	color: white;
	
	font-size: 170%;
	text-align: center;
	
	background-color: #01577f;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}

#vlaki .Xclose {
	position: absolute;
	
	top: 340px;
	left: 195px;
	
	width: 40px;
	height: 40px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: #01577f;
	
	font-size: 170%;
	text-align: center;
	
	background-color: white;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}
#vlaki .XcloseText {
	position: absolute;
	
	top: 340px;
	left: 120px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: white;
	
	font-size: 170%;
	text-align: right;
	
	text-shadow: 0 0 8px rgba(0,0,0,0.75);
	
	cursor: pointer;
}




#page-container.sized {
	position: relative;
	
	width: 1080px;
	height: 1920px;
	
	margin: 0 auto;
	margin: 0;
}





#turism_content .scrollUp, #turism_content .scrollDown {
	position: absolute;
	
	right: 20px;
	
	width: 40px;
	height: 40px;
	
	border-radius: 20px;
	
	line-height: 40px;
	
	color: white;
	
	font-size: 170%;
	text-align: center;
	
	background-color: #0082bc;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}

#news_content .scrollUp, #news_content .scrollDown {
	position: absolute;
	
	right: 20px;
	
	width: 40px;
	height: 40px;
	
	border-radius: 20px;
	
	line-height: 40px;
	
	color: white;
	
	font-size: 170%;
	text-align: center;
	
	background-color: #0082bc;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}

#dogodki_content .scrollUp, #dogodki_content .scrollDown {
	position: absolute;
	
	right: 20px;
	
	width: 40px;
	height: 40px;
	
	border-radius: 20px;
	
	line-height: 40px;
	
	color: white;
	
	font-size: 170%;
	text-align: center;
	
	background-color: #0082bc;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}

#newsDIV .scrollUp, #newsDIV .scrollDown {
	position: absolute;
	
	right: 20px;
	
	width: 40px;
	height: 40px;
	
	border-radius: 20px;
	
	line-height: 40px;
	
	color: white;
	
	font-size: 170%;
	text-align: center;
	
	background-color: #0082bc;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}





.popupContainer {
	z-index: 10000;
	
	background: rgba(0,0,0,0.7);
}
#newsPopup {
	position: absolute;
	
	left: 0;
	top: 0;
	
	width: 100%;
	height: 100%;
}
#newsDIV {
	display: block;
	position: relative;
	
	top: 395px;
	
	width: 1040px;
	
	margin-left: auto;
	margin-right: auto;
}



#newsContentBig .Xclose {
	position: absolute;
	
	top: -50px;
	right: 10px;
	
	width: 40px;
	height: 40px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: #01577f;
	
	font-size: 170%;
	text-align: center;
	
	background-color: white;
	
	box-shadow: 0 0 16px rgba(0,0,0,0.5);
	
	cursor: pointer;
}
#newsContentBig .XcloseText {
	position: absolute;
	
	top: -50px;
	right: 60px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: white;
	
	font-size: 170%;
	text-align: right;
	
	text-shadow: 0 0 8px rgba(0,0,0,0.75);
	
	cursor: pointer;
}
#newsContentBig .XcloseCounter {
	position: absolute;
	
	top: -50px;
	right: 160px;
	
	line-height: 40px;
	
	border-radius: 20px;
	
	color: white;
	
	font-size: 170%;
	text-align: right;
	
	text-shadow: 0 0 8px rgba(0,0,0,0.75);
	
	cursor: pointer;
}







#dogodki_list .col-xs-11 {
	padding: 20px;
}

#cal {
	float: left;
	margin-right: 20px;
}

body .color1_85transparency {
	background-color: rgba(25,136,78,.85);
}

#contentDogodek>a, #contentDogodek>div {
	display: block;
	font-size: 1.5rem;
	margin-left: 15px;
}
#contentDogodek>a {
	margin-bottom: 3px;
}
body .color1, body .color1 a, body .color2 a:hover, body .colored_links a {
	color: #19884e;
}
.odreziTekstDodajTriPike {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#image .CropImage {
	float: left;
	width: 170px;
	height: 90px;
}
.coverBackgroundImage {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.elementor-image {
	transform: scale(0.9);
}