button::-moz-focus-inner {
  border: 0;
}
img::-moz-focus-inner {
  border: 0;
}
button:focus {
  outline: none;
}



body {
  overflow-x: hidden;
  background-color:#1e1e1e	;
  background-image: url(../images/background_logo.png);
  background-position: calc(50vw + 80px) 0px;
  padding-left: calc(100vw - 100%);
}

html,
body {
  height: 100%;
  display: flex;
  flex-flow: column;
  margin: 0;
}

#mainDiv {
  background-color:#1e1e1e;
  background-image: url(../images/top_background.png);
  background-repeat:no-repeat;
  width:818px;
  flex: 1 1 auto;
  margin-left: auto;
  margin-right: auto;
}

.cursorPointer:hover {
  cursor: pointer;
}

.button {
  border: none;
  background: none;
  cursor:pointer;
  color: #F8CF7F;
	font-size: 14px;
	padding-left: 14px;
	line-height: 24px;
}

.button2 {
  border: none;
  background: none;
  cursor:pointer;
  color: #F8CF7F;
	font-size: 11px;
	padding-left: 23px;
	line-height: 16px;
}

.button3 {
  border: none;
  background: none;
  cursor:pointer;
  padding-left: 14px;
	line-height: 16px;
}

.buttonJeziki {
  border: none;
  background: none;
  cursor:pointer;
  color: #F8CF7F;
	
	float: right;
  line-height: 24px;
}

.positionSlikaSide {
  position:absolute;
  left:27px;
  top:195px;
}

.rounded_top {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.rounded_bot {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.paddingTop {
  padding-top: 15px;
}

.paddingLeft{
  padding-left: 14px;
}

.style1 {
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 12px;
}

a:link {
	color: #F8CF7F;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F8CF7F;
}

a:active {
	text-decoration: none;
	color: #F8CF7F;
}
.style5 {
  color: #FFFFFF;
  font-family: Tahoma;
  font-size: 12px;
  padding-left: 14px;
  padding-top: 0px;
  line-height: 20px;
}

.style7 {
	color: #FFFFFF;
	padding-left: 14px;
	font-family: Tahoma;
	font-size: 14px;
}
.style8 {
	color: #F8CF7F;
	font-family: Tahoma;
	font-size: 14px;
	padding-left: 14px;
}
.style9 {
	color: #F8CF7F;
	font-family: Tahoma;
	font-size: 14px;
}

#layer1 {
  position:absolute;
  opacity: 0;
  z-index:1;
  width: 574px;
  pointer-events: none;
}

#layer2 {
  position:absolute;
  width: 574px;
  opacity: 0;
  z-index:2;
  max-width:588px;
  pointer-events: none;
}

#layer3 {
  position:absolute;
  opacity: 0;
  z-index:3;
  pointer-events: none;
}

#layer4 {
  position:absolute;
  opacity: 0;
  z-index:4;
  pointer-events: none;
}

#layer5 {
  position:absolute;
  opacity: 0;
  z-index:5;
  pointer-events: none;
}

#layer6 {
  position:absolute;
  opacity: 0;
  z-index:6;
  pointer-events: none;
}

#layer7 {
  position:absolute;
  opacity: 0;
  z-index:7;
  pointer-events: none;
}

#layer8 {
  position:absolute;
  opacity: 0;
  z-index:8;
  pointer-events: none;
}

#pdf1 {
  position:absolute;
  z-index:1;
}

#pdfDownload1 {
  position:absolute;
  z-index:2;
}

#pdf2 {
  position:absolute;
  z-index:3;
}

#pdfDownload2 {
  position:absolute;
  z-index:4;
}

#pdf3 {
  position:absolute;
  z-index:5;
}

#pdfDownload3 {
  position:absolute;
  z-index:6;
}


#loadingScreen {
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 2;
  background-color: black;
  pointer-events: auto;
}

#loadingScreenBackground1 {
  position: absolute;
  height: 100vh;
  width: 110vw;
  z-index: 5;
  background: url(../images/ozadje1.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

#loadingScreenBackground2 {
  position: absolute;
  height: 100vh;
  width: 110vw;
  z-index: 4;
  background: url(../images/ozadje2.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

#loadingScreenBackground3 {
  position: absolute;
  height: 100vh;
  width: 110vw;
  z-index: 3;
  background: url(../images/ozadje3.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.drawLogo {
  stroke-dasharray: 1900;
  stroke-dashoffset: 0;
  position: absolute;
  z-index: 6;
  width:50vw;
  padding-left:25%;
  padding-top:12%;
}

#btn1, #btn2, #btn3, #btn4, #btn5, #btn6, #btn7, #btn8, #slo, #ger, #cro, #ita, #srp, #eng {
  background: linear-gradient(to bottom, #fff0 95%, #F8CF7F 1%);
  background-repeat:no-repeat;
}

.optimizacija {
  color:#1e1e1e;
}