:root {
    --boja1: rgba(249, 249, 249, 1);
    --bojaProz: rgba(240, 240, 240, 0.75);
    --linIcrt: #fff;
}

html {
  box-sizing: border-box;
}


*, *:before, *:after {
  box-sizing: inherit;
}

@font-face { 
	font-family: 'openSansReg'; 
	src: url('font/OpenSans-Regular.ttf') format('truetype'); 
	font-weight: normal; font-style: normal;
}

body {
   margin: 0 auto;
   font-family: 'openSansReg';
   background: rgb(255, 255, 255);
   font-size: 0.95em;
}

header {
  grid-area: header;
  position: relative;
  padding-top: 10px;
  background: var(--boja1);
  border-bottom: 1px solid #ddd;
}

nav {
	position: absolute;
	z-index: 100;
}

article {
  grid-area: article;
}

aside {
  grid-area: aside;
}

section {
  grid-area: section;
}

footer {
  grid-area: footer;
  padding: 20px 0px;
  background-color: #333;
  font-size: 1em;
  color: #666;
}

footer a {
	text-decoration: none;
	color: #999;
	transition: 0.3s all ease;
}

footer a:hover {
	color: #fff;
}

.sadrzaj {
  display: grid;
  grid-template-areas:
  	'header'
  	'section'
  	'article'
  	'aside'
  	'footer';
  color: #666;
}

.dva {
	display: grid;
   grid-gap: 20px;
}

.tri {
	display: grid;
   grid-gap: 10px;
}

.triudva {
	display: grid;
	text-align: center;
	margin-top: 10px;
   grid-gap: 10px;
}

.tribezpromjene {
	display: grid;
   grid-gap: 15px 10px;
   grid-template-columns: 1fr 1fr 1fr;
   word-wrap: break-word;
}

.dvabezpromjene {
  display: grid;
   grid-gap: 15px 10px;
   grid-template-columns: 1fr 1fr;
   word-wrap: break-word;
}

.cetiriudva {
	display: grid;
   grid-gap: 5px;
   margin: 10px 0px;
   font-size: 0.8em;
   font-weight: bold;
   text-align: center;
   color: #464646;
}

.podstranica {
    display: grid;
    max-width: 100%;
}

.proizvod {
    display: grid;
    max-width: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

#tridesktopproizvodi {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  word-wrap: break-word;
}

#jedandesktopproizvodi {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
  word-wrap: break-word;
}

#desktopproizvodi{position: relative;}

.proizvoddesktop {
    display: grid;
    max-width: 100%;
    grid-gap: 0px 0%;
    grid-template-columns: 100%;
    margin-bottom: 40px;
}

.proizvoddesktoplista {
    display: grid;
    max-width: 100%;
    grid-gap: 10px 4%;
    grid-template-columns: 24% 72%;
    margin-bottom: 40px;
}

.veleprodajadesktop {
    position: relative;
    display: grid;
    max-width: 100%;
    grid-gap: 10px 4%;
    grid-template-columns: 26% 70%;
}

.veleprodajamobilno {
    display: grid;
    max-width: 100%;
    grid-gap: 0px;
    grid-template-columns: 1fr;
}

.centrirano {text-align: center;}
.izjednaceno {text-align: justify;}
.gornjamarg {margin-top: 20px;}
.donjamarg {margin-bottom: 20px;}
.tekstic {font-family: "Times New Roman", Times, serif;}

.sestutrizahotspot {
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.hotspotlink {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
  transition: all 0.3 ease;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #d20535;
}

.hotspotlink:hover {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
  border-radius: 5px;
}

.hotspotlink img {
  display: block;
  border-radius: 5px;
  margin-bottom: 10px;
}

.hotspotlink a {
  display: block;
  text-decoration: none;
  border-radius: 5px;
  color: #d20535;
  text-align: center;
  font-size: 0.76em;
  text-transform: uppercase;
  padding-bottom: 10px;
  background: var(--boja1);
  transition: all 0.3 ease; 
}

.hotspotlink a:hover {
  background: #d20535;
  color: #fff;
  }

#prikaz {position: relative;}

#obrazacporuke {position: relative; height: auto;}
#pokrij3 {position: absolute; width: 100%; height: 100%; display: none; text-align: center; background: rgba(255, 255, 255, 0.6);}
form {font-size: 0.8em; font-weight: bold;}
input[type="text"] {padding: 2%; width: 100%; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff;}
input[type="date"] {padding: 1%; width: 100%; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff;}
input[type="email"] {padding: 2%; width: 100%; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff;}
input[type="checkbox"] {padding: 6px; width: 30px; height: 30px; vertical-align: middle; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]:disabled {color:#ddd;}
.tristupca input[type="checkbox"] {padding: 2px; width: 13px; height: 13px; vertical-align: middle; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: none;}
.kolicina {padding: 2%; width: 80px; height: 60px; border: 1px solid #eee;  margin-top: 0px;  margin-left: 0%; text-align: center; font-size: 1.4em; color:#d20535; background: var(--boja1);}
.kolicina2 {padding: 2%; width: 80px; height: 60px; border: 1px solid #eee;  margin-top: 0px;  margin-left: 0%; text-align: center; font-size: 1.4em; color:#d20535; background: var(--boja1);}
.brojke {padding: 2%; border: 1px solid #eee; margin-top: 2px; text-align: right; font-weight: bold; color:#444; background: #fff;}
.drzikosaricu {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 5;
}
#kosarica {position: relative; min-height: 300px; font-size: 0.9em; background-color: rgba(245, 245, 245, 1);}
#pokrijkosaricu {display: none; position: absolute; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.6); z-index: 50; text-align: center;}
.plusminus {display: inline-table; padding: 10px 10px; height: 40px; min-width: 30px; margin: 10px 0px; text-align: center; border: 1px solid #eee; font-size: 1.4em; color: #d20535; text-decoration: none; background: var(--boja1); transition: all 0.3s linear;}
.plusminus:hover {background: #d20535; color: #fff;}
select {padding: 2%; border: 1px solid #eee; width: 100%; margin-top: 1px; font-weight: bold; color:#444; background: none;}
label {padding: 0%; width: 100%;  display: inline-block;}
#korisnik {width: 300px; padding: 3px; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff; text-align: center;}
#loza {width: 300px; padding: 3px; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff; text-align: center;}
textarea {padding: 1%; width: 100%; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff;}
#korisnikreg {width: 300px; padding: 3px; border: 1px solid #eee; margin-top: 2px; font-weight: bold; color:#444; background: #fff; text-align: center;}

.trazi {
    display: grid;
    max-width: 100%;
    grid-gap: 0% 2%; grid-template-columns: 67% 31%;
}

#tra {padding: 7px 4px; max-width: calc(100% - 75px); border: none; background: none; border-bottom: 1px solid #d20535}
#tra2 {padding: 7px 4px; max-width: calc(100% - 75px); border: none; background: none; border-bottom: 1px solid #d20535}
#sor {padding: 6px 4px;}
#sor2 {padding: 6px 4px;}
#vrs {padding: 6px 4px;}
#tip {padding: 6px 4px;}
#pro {padding: 6px 4px;}

#trazibotun {
    position: relative;
    max-width: 70px;
    padding:7px 16px;
    left:-6px;
    border:1px solid #d20535;
    background-color: rgba(245, 245, 245, 1);
    color:#d20535;
    transition: all 0.3s linear;
}
#trazibotun:hover  {
    background-color:#d20535;
    color:#fafafa;
}

#trazibotunmob {
    position: relative;
    max-width: 70px;
    padding:7px 16px;
    left:-6px;
    border:1px solid #d20535;
    background-color: rgba(245, 245, 245, 1);
    color:#d20535;
    transition: all 0.3s linear;
}
#trazibotunmob:hover  {
    background-color:#d20535;
    color:#fafafa;
}

#dodatnifilteri {
    display: block;
    color: #d20535;
    height: 20px;
}
#filterisvojstava {height: 0px; overflow: hidden; transition: height 0.5s linear;}

.brisi {
    position: relative;
    max-width: 10px;
    padding: 0px 2px;
    margin-right: 2px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #d20535;
    background-color: rgba(245, 245, 245, 1);
    color: #d20535;
    transition: all 0.3s linear;
}
.brisi:hover  {
    background-color:#d20535;
    color:#fafafa;
}

.cjen {
	border-bottom: 1px dashed #666;
	margin: 1px 0px 0px 20%;
	clear: right;
}
.cijena {
	float: right;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px solid #ffffff;
}
.usl {
	border-bottom: 1px solid #ffffff;
	padding: 2px 5px 0px 5px;
}

iframe {width: 100%; height: 360px; margin: 0px; border: none;}

#botun{
	width: 180px;
	height: 60px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	background: #d20535;
	color: #fff;
	transition: all 0.3s linear;
	border: 1px solid #ddd;
}
#botun:hover{
	background: var(--boja1);
	border: 1px solid #ddd;
	color: #d20535;
}

#botun:disabled{
  background: var(--boja1);
  border: 1px solid #ddd;
  color: #ddd;
}

.pola {display: inline-block; width: 50%; float: left;}

h2 {color: #d20535;}
h3 {margin: 0; background: #333; padding: 10px; color: #fff;}
h4 {margin: 10px 0px;}

.tekstislika {
	overflow: hidden;
}

.slika {
	padding: 10px;
	max-width: 100%;
	height: auto;
}

.slikaizvelikeumalu {display: block; margin: 0% 0%;}

.tekst {
	overflow: hidden;
	padding: 20px 10px;
	min-width: 320px;
}

.slika2 {max-width: 100%}
.slika3 {display: block; width: 96%; margin: 0% 2%;}

.slikapoz {
	position: relative;
	display: block;
	margin: 0% 0% 30px 0%;
	width: 100%;
	padding: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.vrpca {background: #d20535; color: #fff; font-weight: bold; padding: 5px; text-align: center; font-size: 1.2em; margin-top: 0px; margin-bottom: 10px;}

#lo {position: absolute; display: inline-block; z-index: 102;}

#lo img {background: var(--boja1);}

#lotek {position: absolute; background: var(--boja1); z-index: 103;}

#tvi {position: absolute; background: var(--boja1) url(/slsajt/tv.png) no-repeat center center;}

#ins {position: absolute; background: var(--boja1) url(/slsajt/ins.png) no-repeat center center;}

#lin {position: absolute; background: var(--boja1) url(/slsajt/tv.png) no-repeat center center;}

#fb {position: absolute; background: var(--boja1) url(/slsajt/weather.png) no-repeat center center;}

#br {position: absolute; background: var(--boja1) url(/slsajt/br.png) no-repeat center center;}

#regprijkos {position: absolute; display: inline-block; background: var(--boja1); overflow: visible; z-index: 101;}
  
#regprijodj {display: inline-block; background: url(/slsajt/pri.png) no-repeat right center;}
#prijavljen {display: inline-block; background: url(/slsajt/pri2.png) no-repeat right center;}
  
#ko {display: inline-block; background: url(/slsajt/kos.png) no-repeat left center;}
#koak {display: inline-block; background: url(/slsajt/kos2.png) no-repeat left center;}
  
#kosin {background: none; display: inline-block; color: #444; width: 81px; text-align: right; padding: 3px; border: 1px solid #444;}

#kosinakt {background: none; display: inline-block; color: #d20535; width: 81px; text-align: right; padding: 3px; border: 1px solid #d20535;}

.tekstzagl {display: inline-block; word-wrap: break-word;}
  
.linkovi {
   display: inline-block;
   text-align: right;
}

.aktivirajlinkove {
	position: absolute;
}

#izbornik {
  overflow: hidden;
  transition: overflow 0.5s ease-out;
}

#prikazisakrij{
  transition: opacity 0.3s ease-out;
  display: none;
}

#izbotv {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-image: url(/slsajt/izb.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.linkovi ul {
  	margin: 0px;
  	display: block;
  	border-top: 1px solid #d20535;
    background: var(--boja1);
}

.linkovi ul li {
  position: relative;
  list-style-type: none;
  border-bottom: 1px solid #d20535;
}

.linkovi ul li a {
  text-align: center;
  text-decoration: none;
  color: #999;
  font-weight: normal;
  transition: 0.5s all ease-in;
}

.linkovi ul li a:hover {
  background: #d20535;
  color: #fff;
}

#podizbornik {
    display: inline-block;
    overflow: hidden;
}

#zatvoripodizbornik {
  position: absolute;
  display: block;
  height: 51px;
  top: 100%;
  background: url(slsajt/otvo.png) no-repeat right top;
  background-size: 21px 51px; 
  z-index: 105;
}

#podnav {height: 0px; background: none;}

.linkovi ul li ul.podnav {
  position: relative;
  margin-top: 0px;
  width: 100%;
  height: 0px;
  background: none;
  visibility: visible;
  
}

.linkovi ul li ul.podnav li {
    width: 100%;
    height: 50px;
    background: var(--boja1);
    font-size: 0.84em;
}

.linkovi ul li ul.podnav li a {
    padding-top: 15px;
    height: 49px;
}

.linkovi ul li ul.podnav li:hover {
  background: #d20535;
}

.linkovi ul li:hover ul.podnav {
  background: var(--boja1);
}

 /* ZA PODIZBORNIK */
.uslugeizb {  
  text-align: center;
  text-decoration: none;
  color: #999;
  font-weight: normal;
  transition: 0.5s all ease-in;
}

.aktivan, .uslugeizb:hover {
  background: #d20535;
  color: #fff;
}

.uslugeizb:after {
  /*content: '\2795';  Unicode za (+) */
  font-size: 13px;
  color: #999;
  float: right;
  margin: 2px 5px 0px 5px;
}

.aktivan:after {
  /*content: "\2796";  Unicode za (-) */
  color: #fff;
}

.linkovi ul li ul.uslugepodizb {
  border-top: none;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.linkovi ul li ul.uslugepodizb li {
    border-bottom: none;
    border-top: 1px solid #d20535;
    width: 100%;
    height: 50px;
    background: var(--boja1);
    font-size: 0.84em;
}
.linkovi ul li ul.uslugepodizb li a {
    padding-top: 15px;
    height: 49px;
}

/* PODIZBORNIK KRAJ */
.animacija {
	position: relative;
	width: 100%;
}

#slojprvi {
	position: absolute;
	z-index: 1;
	top: 0px;
	background: url(/slsajt/a5.jpg) no-repeat right center;
	background-size: contain;
}

#slojdrugi {
	position: absolute;
	z-index: 2;
	top: 0px;
	background-size: contain;
}

#slojtreci {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	width: 100%;
}

.sloj1sadrzaj {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 5;
}

.sloj1sadrzaj a {
	display: inline-block;
	margin: 0px 10px 10px 0px;
	border: 1px solid #fff;
	background: #ddd;
	color: white;
}

#sloj2sadrzaj {
	position: absolute;
	left: 0px;
	z-index: 4;
}

#sloj2sadrzaj h3{
	color: #d20535;
	background: none;
	padding: 5px 0px;
	margin: 0px;
	font-weight: normal;
}

#sloj2sadrzaj h4{
	color: #666;
	padding: 5px 0px;
	margin: 0px;
	font-weight: normal;
}

#sloj2sadrzaj p{
	padding: 5px 0px;
	color: #999;
	margin: 0px;
}

#sloj2sadrzaj a{
    display: inline-block;
    text-decoration: none;
}

/* ANIMACIJA WEBSHOP */

#shopokvir {
  background: #fff;
  border: 1px solid var(--boja1);
  position: relative;
  min-height: 382px;
}

.biraj {height: 40px; background: var(--boja1); margin-bottom: 10px}

.biraj a {text-decoration: none; display: inline-block; color: #d20535; width: 100%; height: 40px; padding: 7px 0px; text-align: center;}

.kliknuti {background: #fff;}

.zavebshop {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.dijapozitivi {
  display: none;
}

.prije, .poslije {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -62px;
  padding: 16px;
  color: #d20535;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.poslije {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prije:hover, .poslije:hover {
  background-color: var(--boja1);
}

.tekstveleprodaje {
  color: #888a85;
  font-size: 0.84em;
  padding: 0px;
  text-align: center;
}

.brojslajdova {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.tocka {
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: 0 4px;
  background-color: #ddd;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.akt, .tocka:hover {
  background-color: #d20535;
}

.tockazapodstranicu {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #ddd;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.aktzapodstranicu {
  background-color: #d20535;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* ANIMACIJA WEBSHOP KRAJ */

.linkic {
	display: block;
	text-decoration: none;
	background: #d20535;
	color: #fff;
	border: 1px solid #ddd;
	padding: 10px 0px;
	margin: 0px 0px 20px 50%;
	text-align: center;
	font-size: 1em;
	transition: 0.3s all ease-in;}

.linkic:hover {color: #d20535; background: var(--boja1);}

.linkic3 {
  display: inline-block;
  text-decoration: none;
  background: #d20535;
  color: #fff;
  border: 1px solid #d20535;
  padding: 10px 20px;
  text-align: center;
  font-size: 1em;
  transition: 0.3s all ease-in;}

.linkic3:hover {color: #d20535; border: 1px solid #d20535; background: var(--boja1);}

.linkic2 {
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0%;
	transition: 0.3s all ease-in;
	}
	
.linkic2:hover {color: #d20535;}

.nazovi {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100%;
	font-size: 0.67em;
	z-index: 12;
	text-align: center;
	transition: 0.3s all ease-in;
	}
.nazovi a {background: #d20535; text-decoration: none; display: inline-block; padding: 5px; width: 100%; height: auto; color: #fff; border 1px solid var(--boja1);}
.nazovi:hover {color: #d20535; background: var(--boja1);}

.rub {
  position: relative;
  padding: 10px;
  height: auto;
}

.rubmobilni {padding: 0px 10px;}

.prozpoz {background-color: var(--bojaProz);}

 /* ZA FAQ */
.pitanjeiodgovor {
  background-color: var(--boja1);
  color: #666;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .pitanjeiodgovor:hover {
  background-color: rgba(240, 240, 240, 1);
}

.pitanjeiodgovor:after {
  content: '\02795'; /* Unicode za (+) */
  font-size: 13px;
  color: #d20535;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode za (-) */
  color: #d20535;
}

.odgovor {
  padding: 0px 10px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* FAQ KRAJ */

/*ADMINISTRACIJA*/

.admlink {display: inline-block; background: #333; text-decoration: none; color: #ddd; padding: 10px; transition: 0.3s all ease-in;}
.admlink:hover {background: #ddd; color: #333;}
.admlink2 {display: inline-block; background: #d20535; text-decoration: none; color: #fff; padding: 10px; transition: 0.3s all ease-in;}
.admlink2:hover {background: #ddd; color: #333;}
.admlink3 {display: inline-block; float: right; background: none; text-decoration: none; color: #d20535; font-size: 0.85em; font-weight: bold; padding: 2px 15px; transition: 0.3s all ease-in;}
.admlink3:hover {background: none; color: #333;}
#administracija {position: relative; min-height: 420px;}
#pokrij2 {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; text-align: center; background: rgba(255, 255, 255, 0.6); z-index: 80;}
#administracijaipodizbornik {position: relative; min-height: 420px;}
#korisnicipodizbornik {position: relative; min-height: 420px;}
#pokrij {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; text-align: center; background: rgba(255, 255, 255, 0.6); z-index: 81;}
.redak {padding: 0.7% 1.5%; border-bottom: 1px solid rgba(240, 240, 240, 1);}
.redak:nth-of-type(odd) {background: rgba(245, 245, 245, 1);}

.filter {background: rgba(245, 245, 245, 1);}
.stranice {text-align: center; background: rgba(245, 245, 245, 1);}

.aktivna {text-decoration: none; background: #d20535; padding: 5px; color: #fff; display: inline-block; width: 36px; height: 36px; margin: 0px 2px; border: 1px solid #d20535; transition: 0.3s all ease;}
.aktivna:hover {background: rgba(240, 240, 240, 1); color: #d20535; border: 1px solid #d20535;}

.trenutna {display: inline-block; width: 36px; height: 36px; padding: 5px; text-decoration:none; margin: 0px 2px; background: rgba(245, 245, 245, 1); color: #d20535; border: 1px solid #d20535;}

.neaktivna {display: inline-block; width: 36px; height: 36px; padding: 5px; text-decoration:none; margin: 0px 2px; background: none; color: #ccc; border: 1px solid #ccc;}

.izbwebsho {text-decoration: none; background: #d20535; padding: 5px; color: #fff; display: inline-block; width: calc(100% - 44px); height: 36px; margin: 0px 2px; border: 1px solid #d20535; transition: 0.3s all ease;}
.izbwebsho:hover {background: rgba(245, 245, 245, 1); color: #d20535; border: 1px solid #d20535;}
.uvuceno {margin: 0; padding-left:45px;}
.izbwebsho2 {text-decoration: none; background: #d20535; padding: 5px; color: #fff; display: inline-block; width: calc(100% - 2px); height: 36px; margin: 0px; border: 1px solid #d20535; transition: 0.3s all ease;}
.izbwebsho2:hover {background: rgba(245, 245, 245, 1); color: #d20535; border: 1px solid #d20535;}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input[type="radio"] + label span {
    display:inline-block;
    vertical-align:middle;
    background:none;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:#d20535;
}

.prikazproizvodadesk {text-decoration: none; background: rgba(245, 245, 245, 1); cursor: pointer; display: inline-block; width: 36px; height: 36px; margin: 0px 2px; border: none; transition: 0.3s all ease;}
.prikazproizvodadesk:hover {background: #d20535;}

#lista{
  background-image: url(slsajt/prolista.png);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;}

#resetka{
  background: #d20535;
  background-image: url(slsajt/progrid.png);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;}

.filterkontroledesktop {
  margin: 20px 0px;
  display: grid;
  grid-gap: 20px;
  font-size: 1.35em;
  grid-template-columns: 1fr 2fr 1fr;

}

#prikazproizvoda {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(40, 40, 40, 0.5);
    z-index: 150;
    visibility: hidden;
    text-align: center;
    overflow-y: scroll;
}

.objavaslike {
	position: relative;
	display: inline-block;
	min-width: 200px;
	max-width: 400px;
   min-height: 360px;
}

#fileinput {
	background: none;
	margin: 10px 0px;
	}
	
#poruka {
	background: #d20535;
	color: #fff;
	height: 30px;
	padding: 5px 10px 0px 10px;
  font-size: 1.1em;
	}
	
#prozirni {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	z-index: 2;
	}

#galerija {
	position: relative;
	width: 100%;
	min-height: 350px;
	background: none;
	padding: 1px;
	z-index: 1;
	}

#galerija .klasaslike {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  z-index: 3;
  }

#galerija .klasaslike img{
   max-width:100%;
  }
  
#galerija .klasaslike2 {
	display: inline-block;
   width: 20%;
   padding: 10px 0.5% 0% 0.5%; 
   height: auto;
  }

#galerija .klasaslike2 img{
   width: 100%;
  }
  
#progress
{
	display: none;
}
/*ADMINISTRACIJA KRAJ*/

@media only screen and (max-width: 719px) {
  .sadrzaj {
  	 grid-gap: 0px;
    grid-template-columns: 100%;
    grid-template-areas: 'header' 'section' 'article' 'aside' 'footer';
    max-width: 100%;
  }

	footer {text-align: center;}
	.slika {float: none;}
	.slikaizvelikeumalu {width: 50%; margin: 0% 25%;}
  .sadr {width: 100%; overflow: hidden;}
  .sadr2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .bane {margin-top: 20px;}
  .dva {grid-template-columns: 1fr;}
  .tri {grid-template-columns: 1fr;}
  .triudva {grid-template-columns: 1fr 1fr;}
  .cetiriudva {grid-template-columns: 1fr 1fr;}
  .podstranica {grid-gap: 0% 0%; grid-template-columns: 100%;}
  .proizvod {grid-gap: 0% 0%; grid-template-columns: 100%;}
  .veleprodajadesktop {display: none;}
  .veleprodajamobilno {display: grid;}
  .tristupca {column-count: 2;}
  .sestutrizahotspot {grid-template-columns: 1fr 1fr 1fr;}
  .rubmobilni {padding: 0px 10px;}
  
/**NAVIGACIJA**/
	header {height: 60px; margin-bottom: 40px;}
  	.tekstzagl {display: none;}
  	#kosin {background: none; display: none;}
  	#kosinakt {background: none; display: none;}
  	nav {height: 50px; width: 100%; top: 0px; z-index: 49;}
	#lo {top: 5px; left: 0px;}
	#lotek {top: 75px; left: 10px; font-size: 1.18em;}
	#tvi {display: none; width: 240px; height: 70px; top: 0px; left: calc(100% - 550px)}
	#ins {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 280px);}
	#lin {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 210px);}
  	#fb {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 140px);}
    #br {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 70px);}
  	#regprijkos {top: 5px; left: 212px; text-align: center; width: calc(100% - 212px - 40px); height: 40px;}
  	#regprijodj {background-size: 32px, 32px; width: 34px; height: 50px; font-size: 1.18em; text-decoration: none; color: #444;}
  	#prijavljen {background-size: 32px, 32px; width: 34px; height: 50px; font-size: 1.18em; text-decoration: none; color: #d20535;}
  	#ko {background-size: 32px, 32px; width: 34px; height: 50px;}
  	#koak {background-size: 32px, 32px; width: 34px; height: 50px;}																					
  
  #lo img {height: 45px;}
   
  .linkic2 {padding: 0px 0px 0px 0px; text-align: center; background: none;}
  .poravnajtekst {text-align: center;}
  .nazovi {display: block;}
  #izbotv {background-size: 30px, 30px}
  
  nav {display: inline-block; height: 50px; z-index: 49;}
  
  .aktivirajlinkove {display: inline-block; top: 0px; left: calc(100% - 45px); height: 60px; width: 35px; z-index: 52;}
  	
  .linkovi {left: 0; top: -50px; width: 100%; height: auto; transition: 0.5s all ease;}
  
  .linkovi ul{height: 100%; padding: 0px; margin-top: 59px;}
  
  #prikazisakrij {opacity: 0; display: none;}
  
  .linkovi ul li {display: block; float: none; width: 100%; height: auto;}
  
  .linkovi ul li ul.uslugepodizb {margin-top: 0px;}
  
  #podizbornik {height: 51px;}
  
  #zatvoripodizbornik {width: 100%}
  
  .linkovi ul li a {
  		display: block;
  		width: 100%;
  		height: 50px;
  		padding-top: 15px;
  		font-size: 1em;
  	}
/**NAVIGACIJA KRAJ**/
/**ANIMACIJA KRAJ**/
	.animacija {height: 400px;}

	#slojprvi {height: 180px; left: 0%; width: 100%;}
	
	#slojdrugi {height: 180px; left: 0%; width: 100%;}
	
	#slojtreci {height: 400px;}
	
	.sloj1sadrzaj {top: 360px; height: 60px; text-align: center;}
	
	.sloj1sadrzaj a {width: 30px;	height: 30px; text-align: center;}
	
	#sloj2sadrzaj {width: 100%; height: auto; top: 180px; text-align: left;}
	
	#sloj2sadrzaj h3{font-size: 20px;}
	
	#sloj2sadrzaj h4{font-size: 14px;}
	
	#sloj2sadrzaj p{font-size: 12px;}
/**ANIMACIJA KRAJ**/
}

@media only screen and (min-width: 720px) and (orientation: portrait) {
  .sadrzaj {
  	 grid-gap: 0px;
    grid-template-columns: 100%;
    grid-template-areas: 'header' 'section' 'article' 'aside' 'footer';
    max-width: 100%;
  }
  
  footer {text-align: center;}
  .slika {float: none;}
  .slikaizvelikeumalu {width: 50%; margin: 0% 25%;}
  .sadr {width: 100%;}
  .sadr2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .bane {margin-top: 20px;}
  .dva {grid-template-columns: 1fr;}
  .tri {grid-template-columns: 1fr;}
  .triudva {grid-template-columns: 1fr 1fr;}
  .cetiriudva {grid-template-columns: 1fr 1fr;}
  .podstranica {grid-gap: 0% 0%; grid-template-columns: 100%;}
  .proizvod {grid-gap: 0% 0%; grid-template-columns: 100%;}
  .veleprodajadesktop {display: none;}
  .veleprodajamobilno {display: grid;}
  .tristupca {column-count: 2;}
  .sestutrizahotspot {grid-template-columns: 1fr 1fr 1fr;}
  .rubmobilni {padding: 0px 10px;}
  
/**NAVIGACIJA**/
	header {height: 50px; margin-bottom: 40px;}
  	.tekstzagl {display: none;}
  	#kosin {background: none; display: none;}
  	#kosinakt {background: none; display: none;}
  	nav {display: inline-block; height: 50px; width: 100%; top: 0px; z-index: 49;}
	#lo {top: 0px; left: 0px;}
	#lotek {display: none; top: 75px; left: 10px; font-size: 1.18em;}
  #tvi {display: none; width: 240px; height: 70px; top: 0px; left: calc(100% - 550px)}
  #ins {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 280px);}
  #lin {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 210px);}
    #fb {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 140px);}
    #br {background-size: 70px, 70px; display: none; width: 70px; height: 70px; top 0px; left: calc(100% - 70px);}
  	#regprijkos {top: 0px; left: 212px; text-align: center; width: calc(100% - 212px - 40px); height: 40px;}
  	#regprijodj {background-size: 32px, 32px; width: 34px; height: 50px; font-size: 1.18em; text-decoration: none; color: #444;}
  	#prijavljen {background-size: 32px, 32px; width: 34px; height: 50px; font-size: 1.18em; text-decoration: none; color: #d20535;}
  	#ko {background-size: 32px, 32px; width: 34px; height: 50px;}
  	#koak {background-size: 32px, 32px; width: 34px; height: 50px;}																						
  
  #lo img {height: 45px;}
   
  .linkic2 {padding: 0px 0px 0px 0px; text-align: center; background: none;}
  .poravnajtekst {text-align: center;}
  .nazovi {display: block;}
  #izbotv {background-size: 30px, 30px}
  
  .aktivirajlinkove {display: inline-block; top: 0px; left: calc(100% - 45px); height: 50px; width: 35px; z-index: 52;}
  	
  .linkovi {left: 0; top: -50px; width: 100%; height: auto; transition: 0.5s all ease;}
  
  .linkovi ul{height: 100%; padding: 0px; margin-top: 49px;}
  
  #prikazisakrij {opacity: 0; display: none;}
  
  .linkovi ul li {display: block; float: none; width: 100%; height: auto;}

  .linkovi ul li ul.uslugepodizb {margin-top: 0px;}
  
  #podizbornik {height: 50px;}
  
  #zatvoripodizbornik {width: 100%}
  
  .linkovi ul li a {
  		display: block;
  		width: 100%;
  		height: 50px;
  		padding-top: 15px;
  		font-size: 1em;
  	}
/**NAVIGACIJA KRAJ**/
/**ANIMACIJA KRAJ**/
	.animacija {height: 400px;}

	#slojprvi {height: 180px; left: 0%; width: 100%;}
	
	#slojdrugi {height: 180px; left: 0%; width: 100%;}
	
	#slojtreci {height: 400px;}
	
	.sloj1sadrzaj {top: 360px; height: 60px; text-align: center;}
	
	.sloj1sadrzaj a {width: 30px;	height: 30px; text-align: center;}
	
	#sloj2sadrzaj {width: 100%; height: auto; top: 180px; text-align: left;}
	
	#sloj2sadrzaj h3{font-size: 20px;}
	
	#sloj2sadrzaj h4{font-size: 14px;}
	
	#sloj2sadrzaj p{font-size: 12px;}
/**ANIMACIJA KRAJ**/
}

@media only screen and (min-width: 720px) and (orientation: landscape) {
  .sadrzaj {
  	grid-gap: 20px 4%;
    grid-template-columns: 48%;
    grid-template-areas: 'header header' 'section section' 'article aside' 'footer footer';
    max-width: 100%;
  }
  
  footer {text-align: center;}
  .slika {float: none;}
  .slikaizvelikeumalu {width: 100%; margin: 0% 0%;}
  .sadr {
    position: relative;
	 width: 100%;
    box-sizing: border-box;
  }
  .sadr2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
  }
  .bane {margin-top: 30px;}
  .dva {grid-template-columns: 1fr 1fr;}
  .tri {grid-template-columns: 1fr 1fr 1fr;}
  .triudva {grid-template-columns: 1fr 1fr;}
  .cetiriudva {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .podstranica {grid-gap: 0% 2%; grid-template-columns: 60% 38%;}
  .proizvod {grid-gap: 0% 2%; grid-template-columns: 38% 60%;}
  .veleprodajadesktop {display: grid;}
  .veleprodajamobilno {display: none;}
  .tristupca {column-count: 3;}
  .sestutrizahotspot {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
  .rubmobilni {padding: 0px 10px;}
  
/**NAVIGACIJA**/
	header {height: 120px; margin-bottom: 0px;}
  	.tekstzagl {display: inline-block;}
  	#kosin {background: none; display: inline-block;}
  	#kosinakt {background: none; display: inline-block;}
  	nav {display: inline-block; height: 50px; width: 100%; top: 70px; z-index: 49;}
	#lo {top: 0px; left: 0px;}
	#lotek {display: none; top: 75px; left: 10px; font-size: 1.18em;}
	#tvi {display: none; width: 240px; height: 70px; top: 0px; left: calc(100% - 535px)}
	#ins {background-size: 45px, 45px; display: inline-block; width: 55px; height: 60px; top: 0px; left: calc(100% - 220px)}
	#lin {background-size: 45px, 45px; display: inline-block; width: 55px; height: 60px; top: 0px; left: calc(100% - 165px)}
  	#fb {background-size: 45px, 45px; display: inline-block; width: 55px; height: 60px; top: 0px; left: calc(100% - 110px)}
    #br {background-size: 45px, 45px; display: inline-block; width: 55px; height: 60px; top: 0px; left: calc(100% - 55px)}
  	#regprijkos {top: 0px; left: 290px; text-align: center; width: calc(100% - 290px - 220px); height: 60px;}
  	#regprijodj {background-size: 32px, 32px; padding: 15px 35px 0px 0px; height: 50px; font-size: 0.9em; text-decoration: none; color: #444;}
  	#prijavljen {background-size: 32px, 32px; padding: 15px 35px 0px 0px; height: 50px; font-size: 0.9em; text-decoration: none; color: #d20535;}
  	#ko {background-size: 32px, 32px; padding: 10px 0px 0px 35px; height: 50px;}
  	#koak {background-size: 32px, 32px; padding: 10px 0px 0px 35px; height: 50px;}																					
  
  #lo img {height: 60px;}
   
  .linkic2 {padding: 0px 0px 0px 30px; text-align: left; background: url(/slsajt/l2.png) no-repeat left center;}
  .poravnajtekst {text-align: left;}
  .nazovi {display: none;}
  #izbotv {background-size: 30px, 30px}
  
  .aktivirajlinkove {display:none; top: 0px; left: calc(100% - 45px); height: 50px; width: 35px; z-index: 52;}
  	
  .linkovi {left: 0; top: -50px; width: 100%; height: auto; transition: 0.5s all ease;}
  
  .linkovi ul{height: 50px; padding: 0px; margin-top: 0px;}
  
  #prikazisakrij {opacity: 1; display: block;}
  
  .linkovi ul li {display: inline-block; float: left; width: 16.65%; height: auto;}
  
  .linkovi ul li ul.uslugepodizb {margin-top: 0px;}
  
  #podizbornik {height: 51px;}
  
  #zatvoripodizbornik {width: 0%}
  
  .linkovi ul li a {
  		display: block;
  		width: 100%;
  		height: 50px;
  		padding-top: 15px;
  		font-size: 0.85em;
  	}
/**NAVIGACIJA KRAJ**/
/**ANIMACIJA KRAJ**/
	.animacija {height: 300px;}

	#slojprvi {height: 300px; left: 50%; width: 50%;}
	
	#slojdrugi {height: 300px; left: 50%; width: 50%;}
	
	#slojtreci {height: 300px;}
	
	.sloj1sadrzaj {top: 300px; height: 50px; text-align: center;}
	
	.sloj1sadrzaj a {width: 30px;	height: 30px; text-align: center;}
	
	#sloj2sadrzaj {width: 50%; height: auto; top: 30px; text-align: left;}
	
	#sloj2sadrzaj h3{font-size: 30px;}
	
	#sloj2sadrzaj h4{font-size: 18px;}
	
	#sloj2sadrzaj p{font-size: 16px;}
/**ANIMACIJA KRAJ**/
}

@media only screen and (min-width: 1080px) and (orientation: landscape) {
  .sadrzaj {
  	 grid-gap: 20px;
    grid-template-columns: auto 590px 590px auto;
    grid-template-areas: 'header header header header' '. section section .' '. article aside .' 'footer footer footer footer';
    max-width: 100%;
  }
  
  footer {text-align: left;}
  .slika {float: left;}
  .slikaizvelikeumalu {width: 100%; margin: 0% 0%;}
  .sadr {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .sadr2 {
    position: relative;
    width: 1400px;
    box-sizing: border-box;
  }
  .bane {margin-top: 40px;}
  .dva {grid-template-columns: 1fr 1fr;}
  .tri {grid-template-columns: 1fr 1fr 1fr;}
  .triudva {grid-template-columns: 1fr 1fr 1fr;}
  .cetiriudva {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .podstranica {grid-gap: 0% 2%; grid-template-columns: 60% 38%;}
  .proizvod {grid-gap: 0% 2%; grid-template-columns: 38% 60%;}
  .veleprodajadesktop {display: grid;}
  .veleprodajamobilno {display: none;}
  .tristupca {column-count: 3;}
  .sestutrizahotspot {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
  .rubmobilni {padding: 0px 0px;}
  
/**NAVIGACIJA**/
  	header {height: 220px; margin-bottom: 0px;}
  	.tekstzagl {display: inline-block;}
  	#kosin {background: none; display: inline-block;}
  	#kosinakt {background: none; display: inline-block;}
  	nav {height: 80px; width: 100%; top: 140px;}
	#lo {top: 0px; left: 0px;}
	#lotek {display: inline-block; top: 75px; left: 10px; font-size: 1.2em;}
	#tvi {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 300px)}
	#ins {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 240px)}
	#lin {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 180px)}
  	#fb {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 120px)}
    #br {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 60px)}
  	#regprijkos {top: 80px; left: 0px; height: 40px; width: 100%; text-align: right;}
  	#regprijodj {background-size: 32px, 32px; padding: 8px 40px 0px 0px; height: 40px;  font-size: 1.18em; text-decoration: none; color: #444;}
  	#prijavljen {background-size: 32px, 32px; padding: 8px 40px 0px 0px; height: 40px;  font-size: 1.18em; text-decoration: none; color: #d20535;}
  	#ko {background-size: 32px, 32px; padding: 8px 0px 0px 40px; height: 40px;}
  	#koak {background-size: 32px, 32px; padding: 8px 0px 0px 40px; height: 40px;}
  	#lo img {height: 80px;}
  	
  	.linkic2 {padding: 0px 0px 0px 30px; text-align: left; background: url(/slsajt/l2.png) no-repeat left center;}
  .poravnajtekst {text-align: left;}
  .nazovi {display: none;}
   #izbotv {background-size: 50px, 50px}  
  
  .aktivirajlinkove {display: none; height: 60px}
  	
  .linkovi {top: 0px; left: 0px; width: 100%; height: 80px; z-index: 4; overflow: visible;}
  
  .linkovi ul{height: 80px; margin-top: 0; padding: 0px 0px;}
  
  #prikazisakrij {opacity: 1; display: block;}
  
  .linkovi ul li {display: inline-block; float: left; width: 16.65%; height: auto;}
  
  .linkovi ul li ul.uslugepodizb {margin-top: 0px;}
  
  #podizbornik {height: 80px;}
  
  #zatvoripodizbornik {width: 0%}
  
  .linkovi ul li a {
  		display: inline-block;
  		width: 100%;
  		height: 78px;
  		padding-top: 27px;
  		font-size: 1em;
  	}
/**NAVIGACIJA KRAJ**/
/**ANIMACIJA KRAJ**/
	.animacija {height: 400px;}

	#slojprvi {height: 400px; left: 50%; width: 50%;}
	
	#slojdrugi {height: 400px; left: 50%; width: 50%;}
	
	#slojtreci {height: 400px;}
	
	.sloj1sadrzaj {top: 320px; height: 60px; text-align: left;}
	
	.sloj1sadrzaj a {width: 30px;	height: 30px; text-align: left;}
	
	#sloj2sadrzaj {width: 50%; height: auto; top: 0px; text-align: left;}
	
	#sloj2sadrzaj h3{font-size: 40px;}
	
	#sloj2sadrzaj h4{font-size: 26px;}
	
	#sloj2sadrzaj p{font-size: 18px;}
/**ANIMACIJA KRAJ**/
}

@media only screen and (min-width: 1081px) {
  .sadrzaj {
  	 grid-gap: 20px;
    grid-template-columns: auto 590px 590px auto;
    grid-template-areas: 'header header header header' '. section section .' '. article aside .' 'footer footer footer footer';
    max-width: 100%;
    margin: 0 auto;
  }
  
  footer {text-align: left;}
  .slika {float: left;}
  .slikaizvelikeumalu {width: 100%; margin: 0% 0%;}
  .sadr {
    position: relative;
    width: 1200px;
    box-sizing: border-box;
  }
  .sadr2 {
    position: relative;
    width: 1400px;
    box-sizing: border-box;
  }
  .bane {margin-top: 40px;}
  .dva {grid-template-columns: 1fr 1fr;}
  .tri {grid-template-columns: 1fr 1fr 1fr;}
  .triudva {grid-template-columns: 1fr 1fr 1fr;}
  .cetiriudva {grid-template-columns: 1fr 1fr 1fr 1fr;}
  .podstranica {grid-gap: 0% 2%; grid-template-columns: 60% 38%;}
  .proizvod {grid-gap: 0% 2%; grid-template-columns: 38% 60%;}
  .veleprodajadesktop {display: grid;}
  .veleprodajamobilno {display: none;}
  .tristupca {column-count: 3;}
  .sestutrizahotspot {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
  .rubmobilni {padding: 0px 0px;}
  
/**NAVIGACIJA**/
  	header {height: 230px; margin-bottom: 0px;}
  	.tekstzagl {display: inline-block;}
  	#kosin {background: none; display: inline-block;}
  	#kosinakt {background: none; display: inline-block;}
  	nav {height: 80px; width: 100%; top: 140px;}
	#lo {top: 0px; left: 0px;}
	#lotek {display: inline-block; top: 75px; left: 10px; font-size: 1.24em;}
  #tvi {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 300px)}
  #ins {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 240px)}
  #lin {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 180px)}
    #fb {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 120px)}
    #br {background-size: 50px, 50px; display: inline-block; width: 60px; height: 70px; top: 0px; left: calc(100% - 60px)}
  	#regprijkos {top: 80px; left: 0px; height: 40px; width: 100%; text-align: right;}
  	#regprijodj {background-size: 32px, 32px; padding: 8px 40px 0px 0px; height: 40px;  font-size: 1.1em; text-decoration: none; color: #444;}
  	#prijavljen {background-size: 32px, 32px; padding: 8px 40px 0px 0px; height: 40px;  font-size: 1.1em; text-decoration: none; color: #d20535;}
  	#ko {background-size: 32px, 32px; padding: 8px 0px 0px 40px; height: 40px;}
  	#koak {background-size: 32px, 32px; padding: 8px 0px 0px 40px; height: 40px;}
  	#lo img {height: 80px;}
  	
  	.linkic2 {padding: 0px 0px 0px 30px; text-align: left; background: url(/slsajt/l2.png) no-repeat left center;}
  .poravnajtekst {text-align: left;}
  .nazovi {display: none;}
   #izbotv {background-size: 50px, 50px}  
  
  .aktivirajlinkove {display: none; height: 60px}
  	
  .linkovi {top: 0px; left: 0px; width: 100%; height: 80px; z-index: 4; overflow: visible;}
  
  .linkovi ul{height: 80px; margin-top: 0; padding: 0px 0px;}
  
  #prikazisakrij {opacity: 1; display: block;}
  
  .linkovi ul li {display: inline-block; float: left; width: 16.65%; height: auto;}
  
  .linkovi ul li ul.uslugepodizb {margin-top: 0px;}
  
  #podizbornik {height: 80px;}
  
  #zatvoripodizbornik {width: 0%}
  
  .linkovi ul li a {
  		display: inline-block;
  		width: 100%;
  		height: 78px;
  		padding-top: 27px;
  		font-size: 1em;
  	}
/**NAVIGACIJA KRAJ**/
/**ANIMACIJA KRAJ**/
	.animacija {height: 400px;}

	#slojprvi {height: 400px; left: 50%; width: 50%;}
	
	#slojdrugi {height: 400px; left: 50%; width: 50%;}
	
	#slojtreci {height: 400px;}
	
	.sloj1sadrzaj {top: 320px; height: 60px; text-align: left;}
	
	.sloj1sadrzaj a {width: 30px;	height: 30px; text-align: left;}
	
	#sloj2sadrzaj {width: 50%; height: auto; top: 0px; text-align: left;}
	
	#sloj2sadrzaj h3{font-size: 40px;}
	
	#sloj2sadrzaj h4{font-size: 26px;}
	
	#sloj2sadrzaj p{font-size: 18px;}
/**ANIMACIJA KRAJ**/
}