@font-face {
	font-family: roboto;
	src: url("/shd58/gx/Roboto-Black.ttf");
	font-weight: bold;
	font-style: normal;
	}
@font-face {
	font-family: roboto;
	src: url("/shd58/gx/Roboto-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: roboto;
	src: url("/shd58/gx/Roboto-Italic.ttf");
	font-weight: normal;
	font-style: italic;
	}
@font-face {
	font-family: roboto_medium;
	src: url("/shd58/gx/Roboto-Medium.ttf");
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: roboto_bold;
	src: url("/shd58/gx/Roboto-Bold.ttf");
	font-weight: bold;
	font-style: normal;
	}
body {
	width: 100%;
	margin: 0;
	background-color: #e8e8e8; }
img {
	border: 0 none;
	vertical-align: middle; }
hr {
	width: 90%;
	height: 1px;
	margin: 1em auto 1em auto;
	border: 0;
	color: #364058;
	background-color: #364058; }
sup {
	font-size: 70%; }
sub {
	font-size: 70%; }
a {
	text-decoration: none;
	color: #ef8254; }
a.menu {
	color: #364058; }
a.menu:hover {
	color: #ef8254; }
a.button {
	display: block;
	width: 360px;
	margin: 10px;
	padding: 32px 0;
	border-radius: 6px;
	background-color: #364058;
	color: White;
	text-align: center;
	font: bold 24pt roboto; }
a.book {
	display: block;
	width: 360px;
	margin: 6px;
	padding: 24px 0;
	border-radius: 6px;
	background-color: #364058;
	color: White;
	text-align: center;
	font: bold 20pt roboto; }
.selected {
	color: White; }
.left {
	text-align: left; }
.center {
	text-align: center; }
.right {
	text-align: right; }
.luft {
	padding-top: 15px;
	padding-bottom: 15px; }
div.banner0 {
	display: block;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/banner-0.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.banner_odbori {
	display: block;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/banner-odbori.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.banner_program {
	display: block;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/banner-program.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.banner_prijava {
	display: block;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/banner-prijava.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.banner_nagrade {
	display: block;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/banner-nagrade.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.banner_sponzori {
	display: block;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/banner-sponzori.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.banner {
	display: block;
	min-width: 800px;
	margin: 0 10% 0 10%;
	padding: 0; }
div.banner_logo {
	display: block;
	position: relative;
	left: 0;
	top: 20px; }
div.banner_lang {
	display: inline-block;
	position: absolute;
	right: 10%;
	top: 20px;
	padding: 5px 10px;
	background-color: rgba(64,64,64,0.75);
	border-radius: 6px; }
div.banner_title {
	display: block;
	position: absolute;
	right: 10%;
	top: 400px; }
div.split {
	display: block;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	background-color: #080808;
	background-image: url("/shd58/gx/split.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: white; }
div.menu0 {
	display: block;
	width: 100%;
	background-color: #c0c0c0;
	margin: 0;
	padding: 0;
	color: White; }
div.menu {
	display: block;
	min-width: 800px;
	margin: 0 10% 0 10%;
	padding: 0;
	vertical-align: middle; }
div.main {
	display: flex;
	min-width: 800px;
	margin: 0 10% 0 10%;
	padding: 0;
	flex-wrap: wrap; }
div.smain {
	display: block;
	min-width: 800px;
	margin: 0 10% 0 10%;
	padding: 0; }
div.levo {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	flex: 65;
	order: 1;
	padding: 0 10px 0 0; }
div.desno {
	display: block;
	position: relative;
	flex: 35;
	min-width: 400px;
	order: 2;
	padding: 0 0 0 10px; }
div.column {
	display: block;
	flex: 1;
	padding: 0 20px; }
div.buttons {
	display: flex;
	padding: 30px 0;
	justify-content: space-around;
	flex-wrap: wrap; }
h1 {
	margin: 0;
	padding: 0;
	text-align: right;
	font: bold 28pt roboto;
	letter-spacing: 2px; }
h2 {
	margin: 0;
	padding: 30px 0 20px 0;
	text-align: center;
	color: #ef8254;
	font: bold 20pt roboto;
	letter-spacing: 2px; }
h3 {
	margin: 0;
	padding: 25px 0 15px 0;
	text-align: center;
	color: #ef8254;
	font: normal 20pt roboto;
	letter-spacing: 1px; }
h4 {
	margin: 0;
	padding: 20px 0 15px 0;
	text-align: left;
	color: #364058;
	font: bold 18pt roboto;
	letter-spacing: 1px;
	text-decoration: underline; }
p {
	margin: 0;
	padding: 5px 0;
	color: #364058;
	text-align: left;
	font: normal 14pt roboto;
	line-height: 150%;
	letter-spacing: 1px; }
p.cond {
	letter-spacing: 0px; }
p.banner {
	text-align: right;
	font: bold 20pt roboto; }
p.dno {
	padding: 5px 0;
	text-align: center;
	color: #ef8254; }
ul {
	margin: 0;
	list-style-type: disc; }
li {
	margin: 0;
	padding: 0;
	color: #364058;
	text-align: left;
	font: normal 14pt roboto;
	line-height: 150%;
	letter-spacing: 1px; }
ul.menu {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 15px 0;
	list-style: none; }
ul.menu li {
	margin: 0 10px;
	padding: 0;
	font: bold 20pt roboto; }
table {
	border-collapse: collapse;
	margin: 10px auto 10px auto; }