/* teget: #35248A, tamnoplavo: #432DB0, modroplavo: #6575D7, svetloplavo: #b2dcef */
/* zuto: #e19348, vanilazuto: #FFD187, bordo: #ec1b2e, crveno: #f91c08, svetlocrveno #fe6f6f, vrlotamnosivo; #444444 */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	word-wrap: break-word;  /* Allows unbreakable words to be broken (instead of breaking words only at allowed break points). */
	/* word-break: break-all;    Lines may break between any two letters (instead of breaking words according to their usual line breaking rules). */
}


/* stilovi za administratorski deo sajta - 1. deo */

*.belotelo {
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.all {
	margin: 0 auto;
	padding: 0;
	padding-bottom: 60px;
	text-align: center;
}



*.headerblok {
	margin: 0 auto;
	background-color: #35248a;  /* teget */
	color: #FFFFFF;
	text-align: center;
}
*.lefthead {
	margin: 0;
	padding: 10px 10px 20px 10px;
	width: 167px;
	max-width: 100%;
	text-align: left;
	float: left;
}
*.righthead {
	margin: 0;
	padding: 10px 10px 20px 10px;
	width: 167px;
	max-width: 100%;
	text-align: right;
	float: right;
}
@media only screen and (max-width: 479px) {
	div.lefthead, div.righthead {
		padding: 10px 0 20px 0;
		width: 147px;
		max-width: 100%;
	}
}
*.lefthead1, *.righthead1 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 147px;
	max-width: 100%;
	height: 54px;
	text-align: center;
	/* background-color: #ffffff; */
}
img.dugmehome, img.dugmeodjava {
	width: 147px;
	height: 54px;
	box-shadow: 2px 2px 4px #000000;
}
*.lefthead2, *.righthead2 {
	margin: 0;
	padding: 0;
	width: 147px;
	max-width: 100%;
	text-align: center;
}

a.headerlink:link, a.headerlink:visited {
    text-decoration: none;
    color: #ffffff;  /* belo */
    font-weight: bold;
}
a.headerlink:hover {
    text-decoration: none;
    color: #FFD187;  /* vanilazuto */
    font-weight: bold;
}
a.headerlink:active {
    text-decoration: none;
    color: #ffffff;  /* belo */
    font-weight: bold;
}



div.bloknaslovstrane {
	display: inline-block;
	margin: 0 auto;
	padding: 10px;
	width: 600px;
	max-width: 100%;
	text-align: center;
}
@media only screen and (max-width: 799px) {
	div.bloknaslovstrane {
		width: 100%;
	}
}
@media only screen and (min-width: 800px) and (max-width: 899px) {
	div.bloknaslovstrane {
		width: 440px;
	}
}
@media only screen and (min-width: 900px) and (max-width: 959px) {
	div.bloknaslovstrane {
		width: 540px;
	}
}
@media only screen and (min-width: 960px) and (max-width: 999px) {
	div.bloknaslovstrane {
		width: 600px;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1023px) {
	div.bloknaslovstrane {
		width: 640px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	div.bloknaslovstrane {
		width: 664px;
	}
}
@media only screen and (min-width: 1200px) {
	div.bloknaslovstrane {
		width: 840px;
	}
}



h1.startnozag, h2.startnozag, h3.startnozag {
	padding: 10px 0;
	color: #ffffff;
	text-align: center;
}
h1.startnozag {
	font-size: 24px;
	padding-bottom: 17px;
}
h2.startnozag {
	font-size: 18px;
	font-weight: normal;
}
h3.startnozag {
	font-size: 14px;
	font-weight: normal;
}

h1.zag, h2.zag, h3.zag {
	padding: 10px 0;
	color: #ffffff;
	text-align: center;
}
h1.zag {
	font-size: 22px;
	padding-bottom: 14px;
}
h2.zag {
	font-size: 18px;
	font-weight: normal;
}
h3.zag {
	font-size: 14px;
	font-weight: normal;
}



div.navigacija {
    font-size: 14px;
    color: #000000;
	background-color: #eeeeee;
}
*.leftnav {
	margin: 0;
	padding: 10px;
	text-align: left;
	float: left;
}
*.rightnav {
	margin: 0;
	padding: 10px;
	text-align: right;
	float: right;
}



div.menublok {
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
    font-style: normal;
    color: #000000;
    width: 600px;
    max-width: 90%;
}
*.menupasus {
	margin: 0 auto;
    padding: 15px 10px 15px 10px;
    text-align: center;
}
*.menupodvucen {
	margin: 0 auto;
	margin-bottom: 15px;
    padding: 15px 10px 30px 10px;
	border-bottom: #000000 solid 1px;
    text-align: center;
}
h3.menupasus, h3.menupodvucen {
    font-size: 18px;
    font-weight: bold;
}
img.admenuicon {
	width: 100px;
	height: 100px;
	margin: 15px auto;
}



div.uputstvo {
	margin: 0 auto;
	margin-top: 40px;
	padding: 20px;  /* 0 20px; */
    width: 800px;
    max-width: 100%;
	text-align: left;
	border-top: solid 2px #6575D7;        /* modroplavo */
	border-bottom: solid 2px #6575D7;
}
div.uputstvo p {
	padding-top: 8px;
}
div.uputstvo ul {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
}
div.uputstvo ul li {
	padding-top: 4px;
	padding-bottom: 4px;
}

a.svetlilink:link, a.svetlilink:visited {
    text-decoration: none;
    color: #ffd187;  /* vanilazuto */
    font-weight: bold;
}
a.svetlilink:hover {
    text-decoration: none;
    color: #ffffff;  /* belo */
    font-weight: bold;
}
a.svetlilink:active {
    text-decoration: none;
    color: #ffd187;  /* vanilazuto */
    font-weight: bold;
}

/* stilovi za administratorski deo sajta - kraj 1. dela */



img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}
::selection {
	background-color: #6575D7;  /* modroplavo */
	color: #ffffff;
}
::-moz-selection {
	background-color: #6575D7;
	color: #ffffff;
}
a:focus {
	outline: none;
}
/* zabrana preloma */
/* Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered. */
*.nobr { 
	white-space: nowrap;
}
*.aligncenter {
	text-align: center;
}
*.alignleft {
	text-align: left;
}
*.alignright {
	text-align: right;
}
*.floatleft {
	float: left;
}
*.floatright {
	float: right;
}
*.clearing {
	clear: both;
}
*.valignmiddle {
	vertical-align: middle;
}
*.valigntop {
	vertical-align: top;
}
*.valignbottom {
	vertical-align: bottom;
}



a.obicanlink:link, a.obicanlink:visited {
    text-decoration: none;
    color: #432db0;  /* tamnoplavo */
    font-weight: bold;
}
a.obicanlink:hover {
    text-decoration: none;
    color: #6575D7;  /* modroplavo */
    font-weight: bold;
}
a.obicanlink:active {
    text-decoration: none;
    color: #432db0;  /* tamnoplavo */
    font-weight: bold;
}



*.monospace {
	font-family: "Lucida Console", Helvetica, sans-serif;
    font-size: 13px;
	/* height: 17px; */
	line-height: 17px;
}
*.boldovano {
	font-weight: bold;
}
*.koso {
	font-style: italic;
}
*.bgcrno {
	background-color: #000000;
}
*.bgbelo {
	background-color: #ffffff;
}
*.bgprovidno {
	background-color: transparent;
}
*.bgtamnosivo {
	background-color: #444444;
}
*.bgplavo {
	background-color: #6575D7;  /* modroplavo */
}
*.bgteget {
	background-color: #35248a;  /* teget */
}
*.bgzuto {
	background-color: #e19348;  /* zuto */
}
*.bgcrveno {
	background-color: #ec1b2e;  /* bordo */
}
*.bgobojeno {
	background-color: #ec1b2e;  /* bordo */
}
*.belo {
	color: #ffffff;
}
*.crno {
	color: #000000;
}
*.crveno {
	color: #f91c08;  /* crveno */
}
*.obojeno {
	color: #f91c08;  /* crveno */
}
*.svetlocrveno {
	color: #fe6f6f;  /* svetlocrveno */
}
*.okzeleno {
	color: #248135;  /* zeleno */
}
*.teget {
	color: #432DB0;  /* tamnoplavo */
}
*.zuto {
	color: #e19348;  /* zuto */
}
/*
*.istaknuto {
	color: #ffffff;
	background-color: #ec1b2e;
	font-weight: bold;
	border-top: #ec1b2e solid 2px;
	border-bottom: #ec1b2e solid 2px;
	padding-left: 7px;
	padding-right: 7px;
	margin-left: 3px;
	margin-right: 3px;
}
*/
*.gornjaivica {
	border-top: solid 1px #000000;
}
*.donjaivica {
	border-bottom: solid 1px #000000;
}
*.bgzebrasivo {
	background-color: #eeeeee;
}
*.bgtabh1 {
	background-color: #ec1b2e;  /* bordo */
}
*.bordertabh1 {
	border-top: solid 2px #ffffff;
}
*.bgtabh2 {
	background-color: #35248A;  /* teget */
	border-top: solid 1px #ffffff;
}
*.bgtabh3 {
	background-color: #b2dcef;  /* svetloplavo */
	border-top: solid 1px #35248A;
}
*.bgtabf1 {
	background-color: #444444;
}
*.bordertabf1 {
	border-top: solid 2px #fe6f6f;    /* svetlocrveno */
}
div.blokgreske {
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	text-align: center;
}
p.greska {
	margin: 0;
	padding: 4px 0;
	text-align: center;
	color: #f91c08;  /* crveno */
}
form.minforma {
	margin: 0;
	padding: 0;
}
*.readonly {
	background-color: #eeeeee;
}
*.mgtop {
	margin-top: 20px;
}

*.obicno, *.dugmeobrasca {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	padding: 4px 4px;
}
*.glavnodugme {
	font-weight: bold;
	padding: 4px 20px;
}
*.dugmeobrasca {
	cursor: pointer;
	background-color: #e6faff;
	color: #000000;
	border: solid 1px #808080;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 1px 1px 4px #c0c0c0;  /* #35248A */
	background: -moz-linear-gradient(270deg, #e6faff 0%, #e6faff 40%, #b2dcef 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6faff), color-stop(40%, #e6faff), color-stop(100%, #b2dcef)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #e6faff 0%, #e6faff 40%, #b2dcef 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #e6faff 0%, #e6faff 40%, #b2dcef 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #e6faff 0%, #e6faff 40%, #b2dcef 100%); /* ie10+ */
	background: linear-gradient(180deg, #e6faff 0%, #e6faff 40%, #b2dcef 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6faff', endColorstr='#b2dcef',GradientType=0 ); /* ie6-9 */
}
*.dugmeobrasca:hover {
	background-color: #e6faff;
	color: #000000;
	border: solid 1px #808080;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: -moz-linear-gradient(270deg, #b2dcef 0%, #e6faff 60%, #e6faff 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2dcef), color-stop(60%, #e6faff), color-stop(100%, #e6faff)); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, #b2dcef 0%, #e6faff 60%, #e6faff 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, #b2dcef 0%, #e6faff 60%, #e6faff 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, #b2dcef 0%, #e6faff 60%, #e6faff 100%); /* ie10+ */
	background: linear-gradient(180deg, #b2dcef 0%, #e6faff 60%, #e6faff 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2dcef', endColorstr='#e6faff',GradientType=0 ); /* ie6-9 */
}

*.tooltipped span.tooltip {
	display: none;
}
*.tooltipped:hover span.tooltip {
	display: block;
	z-index: 3;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	background-color: #000000;
	color: #ffffff;
	border-radius: 0 0 10px 10px;
	box-shadow: 4px 4px 12px #6575D7;  /* #cccccc */
}
*.obicno:focus + span.tooltip {
	display: block;
	z-index: 3;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	background-color: #000000;
	color: #ffffff;
	border-radius: 0 0 10px 10px;
	box-shadow: 4px 4px 12px #6575D7;  /* #cccccc */
}
/*
*.tooltipped:focus span.tooltip {
	display: none;
}
*/




/* stilovi za administratorski deo sajta - 2. deo */

div.kriter {
	margin: 0 auto;
	text-align: center;
}
div.kriter div.elemkriter {
	display: inline-block;
	padding: 10px 10px 20px 10px;
    max-width: 100%;
}
div.elemkriter *.mgtop {
	margin-top: 10px;
}
div.kriter div.elemkriter *.obicno {
    max-width: 83%;
}
div.listanje {
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
    /* width: 800px; */
    max-width: 100%;
}
*.horscrol {
	overflow-x: auto;
}
div.malalista {
    width: 600px;
    max-width: 100%;
}
table.tabelista {
	margin: 0 auto;
	border-collapse: collapse;
	border-width: 0;
	border-spacing: 0;
	/* width: 100%; */
	background-color: transparent;
}
table.tabelista tbody {
	/*
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
	border-spacing: 0;
	background-color: transparent;
	*/
}
table.tabelista tr td {
	padding: 6px;
}
table.tabelista tr td ul li, table.tabelista tr td ol li {
	padding-bottom: 6px;
}



div.detalj {
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
}


/* responsive forma detalja - 1 kolona */
/* pogodno za upload forme i MCEditor */
div.detalj div.bloklabelesolo, div.detalj div.blokpoljasolo {
	display: block;
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}
div.detalj div.bloklabelesolo {
	margin-top: 20px;
	padding: 0 10px;
}
div.detalj div.blokpoljasolo {
	margin-top: 6px;
	padding: 0;
}
div.detalj div.blokpoljasolo textarea {
	max-width: 83%;
	margin: 0 auto;
}
div.detalj div.blokpoljasolo *.obicno {
	max-width: 83%;
	margin: 0 auto;
}
div.detalj div.blokpoljasolo *.mceEditor {
	display: block;
	width: 692px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}


/* responsive forma detalja - tabela sa 2 kolone */
div.detalj div.tableform {
	display: table;
	margin: 0 auto;
	border-collapse: collapse;
	border-width: 0;
	border-spacing: 0;
}
div.detalj div.trform {
	display: table-row;
}
div.detalj div.tdformlabela, div.detalj div.tdformpolje {
	display: table-cell;
	padding: 20px 10px 0 10px;             /* leva i desna celija */
}
div.detalj div.tdformlabela {
	text-align: right;
}
div.detalj div.tdformpolje {
	text-align: left;
}
div.detalj div.tdformpolje textarea {
	width: 240px;
	max-width: 83%;
}
div.detalj div.tdformpolje *.obicno {
	max-width: 83%;
}
@media only screen and (max-width: 479px) {
	div.detalj div.tableform {
		display: block;
	}
	div.detalj div.trform {
		display: block;
	}
	div.detalj div.tdformlabela, div.detalj div.tdformpolje {
		display: block;
		text-align: left;
	}
	div.detalj div.tdformlabela {
		padding: 20px 20px 0 20px;
	}
	div.detalj div.tdformpolje {
		padding: 6px 20px 0 20px;
	}
}
@media only screen and (min-width: 480px) {
	div.detalj div.tableform {
		display: table;
		margin: 0 auto;
		border-collapse: collapse;
		border-width: 0;
		border-spacing: 0;
	}
	div.detalj div.trform {
		display: table-row;
	}
	div.detalj div.tdformlabela, div.detalj div.tdformpolje {
		display: table-cell;
		padding: 20px 10px 0 10px;
	}
	div.detalj div.tdformlabela {
		text-align: right;
	}
	div.detalj div.tdformpolje {
		text-align: left;
	}
}
/* kraj   responsive forma detalja - tabela sa 2 kolone */



/* responsive forma detalja - merged tabela sa 2 kolone (mesani slogovi) */
/* spajanje dve celije u jednu, kao colspan = 2 */
/* postizem nultom sirinom desne celije */

div.detalj div.td2formlabela, div.detalj div.td2formpolje {
	display: table-cell;
	text-align: center;
}
div.detalj div.td2formlabela {
	padding: 20px 20px 0 20px;
}
div.detalj div.td2formpolje {
	padding: 6px 20px 0 20px;
}
div.td0formlabela, div.td0formpolje {
	display: table-cell;
    width: 0;
}
div.detalj div.td0formlabela {
	padding: 20px 0 0 0;
}
div.detalj div.td0formpolje {
	padding: 6px 0 0 0;
}
div.detalj div.td2formpolje textarea {
	width: 420px;
	max-width: 83%;
}
div.detalj div.td2formpolje *.obicno {
	max-width: 83%;
}
@media only screen and (max-width: 479px) {
	div.detalj div.td2formlabela, div.detalj div.td2formpolje {
		display: block;
		text-align: left;
	}
	div.detalj div.td0formlabela, div.td0formpolje {
		display: block;
	}
}
@media only screen and (min-width: 480px) {
	div.detalj div.td2formlabela, div.detalj div.td2formpolje {
		display: table-cell;
		text-align: center;
	}
	div.detalj div.td0formlabela, div.td0formpolje {
		display: table-cell;
	}
}
/* kraj   colspan = 2 */



div.opisi {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;  /* 0 20px; */
    width: 800px;
    max-width: 100%;
	text-align: left;
	border: solid 1px #000000;
}
div.opisi *.ugao {
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
}

div.opisi p {
	padding-top: 6px;
}
div.opisi ul {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
}
div.opisi ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}



#tinymce {
	font-size: 13px;
}
#tinymce p {
	padding-top: 6px;
}
#tinymce ul {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
}
#tinymce ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}



img.slika1tipedit {
	width: 152px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1grupaedit {
	width: 102px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1proedit {
	width: 77px;
	height: 27px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika3proedit {
	width: 730px;
	height: 152px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika2proedit, img.slika4proedit, img.slika5proedit, img.slika6proedit, img.slika7proedit {
	width: 152px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1artedit {
	width: 102px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika2artedit {
	width: 152px;
	height: 152px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika3artedit, img.slika4artedit, img.slika5artedit, img.slika6artedit, img.slika7artedit {
	width: 302px;
	height: 302px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1slajdedit {
	width: 730px;
	height: 152px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1slajdlist {
	width: 366px;
	height: 77px;
	border: 1px solid #000000;
}
img.slika1filmedit, img.slika1docedit {
	width: 152px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1lokacijeedit {
	width: 152px;
	height: 152px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika2lokacijeedit {
	width: 402px;
	height: 302px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1clanakedit {
	width: 152px;
	height: 152px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika2clanakedit {
	width: 402px;
	height: 302px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika3clanakedit {
	width: 730px;
	height: 152px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika4clanakedit {
	width: 152px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1galeredit {
	width: 102px;
	height: 102px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika2galeredit {
	width: 402px;
	height: 302px;
	border: 1px solid #000000;
	margin-top: 6px;
}
img.slika1galerlist {
	width: 102px;
	min-width: 102px;
	height: 102px;
	border: 1px solid #000000;
}
img.slika2galerlist {
	width: 202px;
	min-width: 202px;
	height: 152px;
	border: 1px solid #000000;
}




div.elemkriter *.mojselectlabela {
	margin-top: 20px;
}
/*
div.elemkriter #mojselect {
	margin-top: 16px;
}
*/

/* stilovi za administratorski deo sajta - kraj 2. dela */






/* Scroll-to-top button */
/* https://getflywheel.com/layout/add-sticky-back-top-button-website/ */
.back-to-top {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	/*
	width: 48px;
	height: 38px;
	*/
	width: 50px;
	height: 40px;
	border: #999999 solid 1px;
	text-align: center;
	z-index: 100;
	background: none;
	background-color: #35248a;  /* teget */
	text-decoration: none;
	color: #ffffff;  /* belo */
	cursor: pointer;
	display: none;
}
.back-to-top i {
	font-size: 36px;  /* za font-awesome */
}
a.back-to-top:link, a.back-to-top:visited, a.back-to-top:active {
    text-decoration: none;
	color: #ffffff;  /* belo */
}
a.back-to-top:hover {
    text-decoration: none;
    color: #e19348;  /* zuto (svetloplavo #b2dcef) */
}
/* Scroll-to-top button (kraj) */






/* stilovi za javni deo sajta */

html.grad1 {
	/*width: 100vw;
	height: 100vh; */
	width: 100%;
	height: 100%;
	background-color: #4375A0;
	margin: 0;
	padding: 0;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8e8cff 10%, #ffd187 90%);
	background: -moz-linear-gradient(90deg, #8e8cff 10%, #ffd187 90%);
	background: -ms-linear-gradient(90deg, #8e8cff 10%, #ffd187 90%);
	background: -o-linear-gradient(90deg, #8e8cff 10%, #ffd187 90%);
	background: linear-gradient(90deg, #8e8cff 10%, #ffd187 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8cff', endColorstr='#ffd187',GradientType=1 );
}
/* za flat light bgd (lightflat): */
html.lightflat {
	/*width: 100vw;
	height: 100vh; */
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;  /* svetlosivo */
	margin: 0;
	padding: 0;
	text-align: center;	
	overflow-y: scroll;  /* uvek vidljiv scrollbar, da sprecim trzanje */
}

/* za light pattern (lightpatt): */
html.lightpatt {
	/*width: 100vw;
	height: 100vh; */
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;  /* svetlosivo */
	margin: 0;
	padding: 0;
	text-align: center;
	/* background-size: cover; */
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed;
	overflow-y: scroll;  /* uvek vidljiv scrollbar, da sprecim trzanje */
	background-image: url('bgrounds/bgseamless.jpg');
}

/* za light photo bgd (lightwall): */
html.lightwall {
	/*width: 100vw;
	height: 100vh; */
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;  /* svetlosivo */
	margin: 0;
	padding: 0;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	overflow-y: scroll;  /* uvek vidljiv scrollbar, da sprecim trzanje */
}

/* za dark photo bgd (darkwall): */
html.wall1 {
	/*width: 100vw;
	height: 100vh; */
	width: 100%;
	height: 100%;
	background-color: #6575d7;  /* modroplavo */
	margin: 0;
	padding: 0;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	overflow-y: scroll;  /* uvek vidljiv scrollbar, da sprecim trzanje */
}

/* samo za photo bgd (lightwall/darkwall): */
@media only screen and (max-width: 319px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-240x240.jpg');
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) and (max-height: 567px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-320x480.jpg');
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) and (min-height: 568px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-320x568.jpg');
	}
}
@media only screen and (min-width: 480px) and (max-width: 567px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-480x320.jpg');
	}
}
@media only screen and (min-width: 568px) and (max-width: 599px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-568x320.jpg');
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-600x800.jpg');
	}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-768x1024.jpg');
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) and (max-height: 1279px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-800x600.jpg');
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) and (min-height: 1280px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-800x1280.jpg');
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-1024x768.jpg');
	}
}
@media only screen and (min-width: 1280px) {
	html.wall1 {
		background-image: url('bgrounds/bgslika-1280x800.jpg');
	}
}
/* kraj - samo za photo bgd (lightwall/darkwall) */


*.telosajta {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;  /* Verdana, Arial, Helvetica, sans-serif; */
	font-size: 14px;
}



div.sadrzaj {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 998px;
	max-width: 998px;
}
@media only screen and (max-width: 319px) {
	div.sadrzaj {
		width: 100%;
		max-width: 100%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.sadrzaj {
		width: 300px;
		max-width: 300px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.sadrzaj {
		width: 460px;
		max-width: 460px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.sadrzaj {
		width: 580px;
		max-width: 580px;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.sadrzaj {
		width: 778px;
		max-width: 778px;
	}
}
@media only screen and (min-width: 1024px) {
	div.sadrzaj {
		width: 998px;
		max-width: 998px;
	}
}



/* hamburger dugme za otvaranje skrivenog bocnog menija (za male ekrane) */
/* http://www.christopheryee.ca/pushy/ */
*.menu-btn {
	cursor: pointer;
	width: 50px;  /* width: 48px; */
	height: 40px;  /* height: 38px; */
	border: #999999 solid 1px;
	/*
	padding: 3px 0 0 1px;
	*/
	text-align: center;
	background-color: #35248a;   /* teget */
    text-decoration: none;
    color: #ffffff;   /* belo */
	display: none;
}
@media screen and (max-width: 319px) {
	*.menu-btn {
		display: block;
		margin: 0 auto;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
	*.menu-btn {
		display: block;
		float: right;
		margin: 10px 0 0 0;
	}
}
@media screen and (min-width: 1024px) {
	*.menu-btn {
		display: none;
	}
}
.menu-btn i {
	font-size: 32px;  /* za font-awesome */
	line-height: 40px;
}
.menu-btn a:link, .menu-btn a:visited, .menu-btn a:active {
    text-decoration: none;
    color: #ffffff;   /* belo */
}
.menu-btn a:hover {
    text-decoration: none;
    color: #e19348;  /* zuto */
}
/* hamburger dugme (kraj) */

/*
div.pushy {
    background-color: #444444 !important;
}
div.pushy-content {
    background-color: #ffffff !important;
}
*/



/* zaglavlje */
div.zaglavlje {
	margin: 0 auto;
	width: 998px;
    color: #ffffff;  /* crno #000000 za lightbg (belo #ffffff za darkbg) */
    background-color: transparent;
	/* font-weight: bold;  /* samo za lightbg */
}
div.zaglavlje-tekstovi {
	width: 998px;
	text-align: right;
	padding: 0 25px 0 10px;
}
*.zaglavlje-malinaslov {
	display: none;
}
*.zaglavlje-linija1, *.zaglavlje-linija2 {
	display: none;
}
*.zaglavlje-deolinije {
	padding: 0 0 0 25px;
}
@media only screen and (max-width: 319px) {
	div.zaglavlje {
		width: 100%;
	}
	div.zaglavlje-tekstovi {
		width: 100%;
		text-align: center;
		padding: 0 10px 0 10px;
	}
	*.zaglavlje-malinaslov {
		display: block;
		margin-top: 10px;
	}
	*.zaglavlje-linija1, *.zaglavlje-linija2 {
		display: none;
	}
	*.zaglavlje-deolinije {
		padding: 0 10px 0 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.zaglavlje {
		width: 300px;
	}
	div.zaglavlje-tekstovi {
		width: 225px;  /* 300px - 75px (50px sirina hamburgera + 25px razmak) */
		float: left;
		text-align: left;
		padding: 0 0 0 10px;
	}
	*.zaglavlje-malinaslov {
		display: block;
		margin-top: 23px;
	}
	*.zaglavlje-linija1, *.zaglavlje-linija2 {
		display: none;
	}
	*.zaglavlje-deolinije {
		padding: 0 25px 0 0;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.zaglavlje {
		width: 460px;
	}
	div.zaglavlje-tekstovi {
		width: 385px;  /* 460px - 75px (50px sirina hamburgera + 25px razmak) */
		float: left;
		text-align: left;
		padding: 0 0 0 10px;
	}
	*.zaglavlje-malinaslov {
		display: block;
		margin-top: 23px;
	}
	*.zaglavlje-linija1, *.zaglavlje-linija2 {
		display: none;
	}
	*.zaglavlje-deolinije {
		padding: 0 25px 0 0;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.zaglavlje {
		width: 580px;
	}
	div.zaglavlje-tekstovi {
		width: 505px;  /* 580px - 75px (50px sirina hamburgera + 25px razmak) */
		float: left;
		text-align: left;
		padding: 0 0 0 10px;
	}
	*.zaglavlje-malinaslov {
		display: none;
	}
	*.zaglavlje-linija1 {
		display: block;
		margin-top: 23px;
	}
	*.zaglavlje-linija2 {
		display: block;
		margin-top: 10px;
		font-style: italic;
	}
	*.zaglavlje-deolinije {
		padding: 0 25px 0 0;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.zaglavlje {
		width: 778px;
	}
	div.zaglavlje-tekstovi {
		width: 703px;  /* 778px - 75px (50px sirina hamburgera + 25px razmak) */
		float: left;
		text-align: left;
		padding: 0 0 0 10px;
	}
	*.zaglavlje-malinaslov {
		display: none;
	}
	*.zaglavlje-linija1 {
		display: block;
		margin-top: 23px;
	}
	*.zaglavlje-linija2 {
		display: block;
		margin-top: 10px;
		font-style: italic;
	}
	*.zaglavlje-deolinije {
		padding: 0 25px 0 0;
	}
}
@media only screen and (min-width: 1024px) {
	div.zaglavlje {
		width: 998px;
	}
	div.zaglavlje-tekstovi {
		width: 998px;
		text-align: right;
		padding: 0 25px 0 10px;
	}
	*.zaglavlje-malinaslov {
		display: none;
	}
	*.zaglavlje-linija1, *.zaglavlje-linija2 {
		display: none;
	}
	*.zaglavlje-deolinije {
		padding: 0 0 0 25px;
	}
}
a.malinaslovlink:link, a.malinaslovlink:visited {
    text-decoration: none;
    color: #ffffff;  /* tamnoplavo #432db0 za lightbg (belo #ffffff za darkbg) */
    font-weight: bold;
}
a.malinaslovlink:hover {
    text-decoration: none;
	color: #FFD187;  /* modroplavo #6575d7 za lightbg (vanilazuto #FFD187 za darkbg) */
    font-weight: bold;
}
a.malinaslovlink:active {
    text-decoration: none;
    color: #ffffff;  /* tamnoplavo #432db0 za lightbg (belo #ffffff za darkbg) */
    font-weight: bold;
}



/* glavni deo (izmedju zaglavlja i fusnote) */
div.glavni {
	width: 998px;
	margin: 0 auto;
	text-align: center;	
	/* senka za lightbg: 
	-webkit-box-shadow: 0 20px 40px 0 rgba(62, 50, 123, 0.35);
	-moz-box-shadow: 0 20px 40px 0 rgba(62, 50, 123, 0.35);
	box-shadow: 0 20px 40px 0 rgba(62, 50, 123, 0.35);  /* teget #35248a 35% */
	/* senka za darkbg - NE TREBA: 
	-webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.35);  /* crno #000000 35%*/
	
}
@media only screen and (max-width: 319px) {
	div.glavni {
		width: 100%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.glavni {
		width: 300px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.glavni {
		width: 460px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.glavni {
		width: 580px;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.glavni {
		width: 778px;
	}
}
@media only screen and (min-width: 1024px) {
	div.glavni {
		width: 998px;
	}
}


/* logo i horizontalni meni */
div.hmenu {
	margin: 0 auto;
	margin-top: 20px;
	width: 998px;
	padding: 0 0 10px 0;
    background-color: #ffffff;
	text-align: right;
}
div.hmenu-logo {
	margin: 0;
	float: left;
	text-align: left;
	padding: 10px 25px 0 10px;
	width: 157px;
	height: 122px;
	font-family: Arial, Helvetica, sans-serif;  /* Verdana, Arial, Helvetica, sans-serif; */
	font-size: 14px;
}
img.logo {
	width: 122px;
	height: 112px;
}
div.hmenu-tekstovi {
	margin: 0;
	padding: 0;
	float:right;
	text-align: right;
	width: 763px;
}
div.hmenu-linija1 {
	display: block;
	margin: 0;
	padding: 20px 0 0 0;
	text-align: right;
}
div.hmenu-linija2 {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: right;
}
*.hmenu-deolinije {
	white-space: nowrap;
	display: inline-block;
	padding: 0 25px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
*.hmenu-stavka {
	white-space: nowrap;
	display: inline-block;
	padding: 30px 25px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

@media only screen and (max-width: 319px) {
	div.hmenu {
		width: 100%;
		text-align: center;
		padding: 0 0 10px 0;
	}
	div.hmenu-logo {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 20px 10px 0 10px;
		width: 142px;
		height: 132px;
	}
	div.hmenu-tekstovi {
		float:none;
		text-align: center;
		width: 100%;
	}
	div.hmenu-linija1, div.hmenu-linija2 {
		display: none;
	}
	*.hmenu-deolinije {
		display: none;
	}
	*.hmenu-stavka {
		padding: 20px 10px 0 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.hmenu {
		width: 300px;
		text-align: center;
		padding: 0 0 25px 0;
	}
	div.hmenu-logo {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 18px 10px 0 10px;
		width: 142px;
		height: 130px;
	}
	div.hmenu-tekstovi {
		float:none;
		text-align: center;
		width: 100%;
	}
	div.hmenu-linija1, div.hmenu-linija2 {
		display: none;
	}
	*.hmenu-deolinije {
		display: none;
	}
	*.hmenu-stavka {
		padding: 25px 10px 0 10px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.hmenu {
		width: 460px;
		text-align: right;
		padding: 0 0 10px 0;
	}
	div.hmenu-logo {
		float: left;
		margin: 0 0;
		text-align: left;
		padding: 10px 15px 0 10px;
		width: 147px;
		height: 122px;
	}
	div.hmenu-tekstovi {
		float:right;
		text-align: right;
		width: 288px;  /* 460-147-(50-15-10) */
	}
	div.hmenu-linija1, div.hmenu-linija2 {
		display: none;
	}
	*.hmenu-deolinije {
		display: none;
	}
	*.hmenu-stavka {
		padding: 25px 15px 0 10px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.hmenu {
		width: 580px;
		text-align: right;
		padding: 0 0 10px 0;
	}
	div.hmenu-logo {
		float: left;
		margin: 0 0;
		text-align: left;
		padding: 10px 15px 0 10px;
		width: 147px;
		height: 122px;
	}
	div.hmenu-tekstovi {
		float:right;
		text-align: right;
		width: 408px;  /* 580-147-(50-15-10) */
	}
	div.hmenu-linija1, div.hmenu-linija2 {
		display: none;
	}
	*.hmenu-deolinije {
		display: none;
	}
	*.hmenu-stavka {
		padding: 57px 25px 0 10px;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.hmenu {
		width: 778px;
		text-align: right;
		padding: 0 0 10px 0;
	}
	div.hmenu-logo {
		float: left;
		margin: 0 0;
		text-align: left;
		padding: 10px 25px 0 10px;
		width: 157px;
		height: 122px;
	}
	div.hmenu-tekstovi {
		float:right;
		text-align: right;
		width: 606px;  /* 778-157-(50-25-10) */
	}
	div.hmenu-linija1, div.hmenu-linija2 {
		display: none;
	}
	*.hmenu-deolinije {
		display: none;
	}
	*.hmenu-stavka {
		padding: 57px 25px 0 10px;
	}
}
@media only screen and (min-width: 1024px) {
	div.hmenu {
		width: 998px;
		text-align: right;
		padding: 0 0 10px 0;
	}
	div.hmenu-logo {
		float: left;
		margin: 0 0;
		text-align: left;
		padding: 10px 25px 0 10px;
		width: 157px;
		height: 122px;
	}
	div.hmenu-tekstovi {
		float:right;
		text-align: right;
		width: 763px;  /* min { 998-157-(50-25-10), 778-(25-10) } = min{826,763} */
	}
	div.hmenu-linija1 {
		display: block;
		margin: 0;
		padding: 20px 0 0 0;
		text-align: right;
	}
	div.hmenu-linija2 {
		display: block;
		margin: 0;
		padding: 10px 0 0 0;
		text-align: right;
	}
	*.hmenu-deolinije {
		display: inline-block;
		padding: 0 25px 0 10px;
	}
	*.hmenu-stavka {
		padding: 30px 25px 0 10px;  /* 122-(20+17+10+17+18+10) */
	}
}

a.hmenu-link:link, a.hmenu-link:visited {
    text-decoration: none;
    color: #432db0;  /* tamnoplavo */
    font-weight: bold;
}
a.hmenu-link:hover {
    text-decoration: none;
    color: #6575d7;  /* modroplavo */
    font-weight: bold;
}
a.hmenu-link:active {
    text-decoration: none;
    color: #432db0;  /* tamnoplavo */
    font-weight: bold;
}

a.hmenu-link-selected:link, a.hmenu-link-selected:visited {
    text-decoration: none;
    color: #e19348;  /* zuto */
    font-weight: bold;
}
a.hmenu-link-selected:hover {
    text-decoration: none;
    color: #6575d7;  /* modroplavo */
    font-weight: bold;
}
a.hmenu-link-selected:active {
    text-decoration: none;
    color: #e19348;  /* zuto */
    font-weight: bold;
}


/* podloga za vertikalni meni i osnovni deo */
div.podloga {
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	width: 998px;
}
@media only screen and (max-width: 319px) {
	div.podloga {
		width: 100%;
		background-image: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.podloga {
		width: 300px;
		background-image: none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.podloga {
		width: 460px;
		background-image: none;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.podloga {
		width: 580px;
		background-image: none;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.podloga {
		width: 778px;
		background-image: none;
	}
}
@media only screen and (min-width: 1024px) {
	div.podloga {
		width: 998px;
		background-image: url("bgrounds/vmenu_podloga.jpg");  /* #e8e8e8 svetlosivo 220 x 5 px */
		background-repeat: repeat-y;
	}
}

div.vmenu {
	background-color: transparent;
	display: block;
	float: left;
	width: 220px;
	padding-bottom: 40px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* font-style: italic; */
}
div.osnovni {
	background-color: transparent;
	display: block;
	float: left;
	width: 778px;
	padding-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
	div.vmenu {
		display: none;
	}
	div.osnovni {
		width: 100%;
	}
}
@media only screen and (min-width: 1024px) {
	div.vmenu {
		display: block;
	}
	div.osnovni {
		width: 778px;
	}
}



/* vertikalni meni */

a.vmenu-nadstavka, a.vmenu-nadstavka-selected {
	display: block;
	padding: 7px 15px 7px 15px;
	margin: 4px 0 4px 0;
    font-weight: normal;
}
a.vmenu-top {
	margin: 0 0 4px 0;
}
a.vmenu-stavka, a.vmenu-stavka-selected {
	display: block;
	padding: 4px 15px 4px 15px;
	margin: 0;
    font-weight: normal;
}
a.vmenu-nadvuc {
	border-top: 2px solid #ffffff;
	padding: 8px 15px 4px 15px;
	margin: 4px 0 0 0;
}
a.vmenu-podstavka, a.vmenu-podstavka-selected {
	display: block;
	padding: 4px 15px 4px 28px;
	margin: 0;
	background-image: url("bgrounds/vmenu-bullet.jpg");  /* vrlotamnosivo #444444 */
	background-repeat: no-repeat;
	background-position: 15px 10px;  /* x y */
    font-weight: normal;
}

a.vmenu-nadstavka:link, a.vmenu-nadstavka:visited {
    text-decoration: none;
    color: #ffffff;   /* belo */
	background-color: #35248a;  /* teget */
}
a.vmenu-nadstavka:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575d7;  /* modroplavo (srebrno #999999) */
}
a.vmenu-nadstavka:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #35248a;  /* teget */
}

a.vmenu-nadstavka-selected:link, a.vmenu-nadstavka-selected:visited {
    text-decoration: none;
    color: #ffffff;   /* belo */
	background-color: #e19348;  /* tamnozuto */
}
a.vmenu-nadstavka-selected:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575d7;  /* modroplavo (srebrno #999999) */
}
a.vmenu-nadstavka-selected:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #e19348;  /* tamnozuto */
}

a.vmenu-stavka:link, a.vmenu-stavka:visited, a.vmenu-podstavka:link, a.vmenu-podstavka:visited {
    text-decoration: none;
    color: #000000;
	background-color: #transparent;
}
a.vmenu-stavka:hover, a.vmenu-podstavka:hover {
    text-decoration: none;
    color: #000000;
	background-color: #cccccc;  /* svetlosrebrno */
}
a.vmenu-stavka:active, a.vmenu-podstavka:active {
    text-decoration: none;
    color: #000000;
	background-color: transparent;
}

a.vmenu-stavka-selected:link, a.vmenu-stavka-selected:visited, a.vmenu-podstavka-selected:link, a.vmenu-podstavka-selected:visited {
    text-decoration: none;
    color: #000000;
	background-color: #ffd187;  /* vanilazuto */
}
a.vmenu-stavka-selected:hover, a.vmenu-podstavka-selected:hover {
    text-decoration: none;
    color: #000000;
	background-color: #cccccc;  /* svetlosrebrno */
}
a.vmenu-stavka-selected:active, a.vmenu-podstavka-selected:active {
    text-decoration: none;
    color: #000000;
	background-color: #ffd187;  /* vanilazuto */
}


/* sadrzaj skrivenog bocnog menija (za male ekrane) */
*.pmenu {
	max-width: 100%;
	/* border-right: solid 1px #C0C0C0; */
	text-align: left;
	vertical-align: top;
	background-color: #e8e8e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 6px;
	border-right: 1px solid #ffffff;
}
@media screen and (max-width: 319px) {
	*.pmenu {
		width: 75%;
	}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
	*.pmenu {
		width: 220px;
	}
}
@media screen and (min-width: 480px) and (max-width: 539px) {
	*.pmenu {
		width: 190px;
	}
}
@media screen and (min-width: 540px) {
	*.pmenu {
		width: 220px;
	}
}
*.dugme-zatvori-nav {
    display: block;
	cursor: pointer;
	width: 100%;
	height: 40px;
	text-align: center;
	background-color: #999999;  /* srebrno */
    text-decoration: none;
    color: #ffffff;
}
.dugme-zatvori-nav i {
	font-size: 36px;  /* za font-awesome */
	line-height: 40px;
}
a.dugme-zatvori-nav:link, a.dugme-zatvori-nav:visited {
    text-decoration: none;
	color: #ffffff;                 /* belo */
}
a.dugme-zatvori-nav:hover {
    text-decoration: none;
    color: #FFD187;                 /* vanilazuto */
}
a.dugme-zatvori-nav:active {
    text-decoration: none;
	color: #ffffff;                 /* belo */
}

a.pmenu-nadstavka, a.pmenu-nadstavka-selected {
	display: block;
	padding: 16px 15px 16px 15px;
	margin: 8px 0 8px 0;
	font-weight: normal;
}
a.pmenu-top {
	margin: 0 0 8px 0;
}
a.pmenu-stavka, a.pmenu-stavka-selected {
	display: block;
	padding: 8px 15px 8px 15px;
	margin: 0;
	font-weight: normal;
}
a.pmenu-nadvuc {
	border-top: 1px solid #444444;
	padding: 16px 15px 8px 15px;
	margin: 8px 0 0 0;
}
a.pmenu-podstavka, a.pmenu-podstavka-selected {
	display: block;
	padding: 8px 15px 8px 28px;
	margin: 0;
	background-image: url("bgrounds/vmenu-bullet.jpg");  /* vrlotamnosivo #444444 */
	background-repeat: no-repeat;
	background-position: 15px 14px;  /* x y */
	font-weight: normal;
}

a.pmenu-nadstavka:link, a.pmenu-nadstavka:visited {
    text-decoration: none;
    color: #ffffff;
	background-color: #35248a;  /* teget */
}
a.pmenu-nadstavka:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575d7;  /* modroplavo (srebrno #999999) */
}
a.pmenu-nadstavka:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #35248a;  /* teget */
}

a.pmenu-nadstavka-selected:link, a.pmenu-nadstavka-selected:visited {
    text-decoration: none;
    color: #ffffff;  /* belo */
	background-color: #e19348;  /* zuto */
}
a.pmenu-nadstavka-selected:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575d7;  /* modroplavo (srebrno #999999) */
}
a.pmenu-nadstavka-selected:active {
    text-decoration: none;
    color: #ffffff;  /* belo */
	background-color: #e19348;  /* zuto */
}

a.pmenu-stavka:link, a.pmenu-stavka:visited, a.pmenu-podstavka:link, a.pmenu-podstavka:visited {
    text-decoration: none;
    color: #000000;
	background-color: transparent;
}
a.pmenu-stavka:hover, a.pmenu-podstavka:hover {
    text-decoration: none;
    color: #000000;
	background-color: #cccccc;  /* svetlosrebrno */
}
a.pmenu-stavka:active, a.pmenu-podstavka:active {
    text-decoration: none;
    color: #000000;
	background-color: transparent;
}

a.pmenu-stavka-selected:link, a.pmenu-stavka-selected:visited, a.pmenu-podstavka-selected:link, a.pmenu-podstavka-selected:visited {
    text-decoration: none;
    color: #000000;
	background-color: #ffd187;  /* vanilazuto */
}
a.pmenu-stavka-selected:hover, a.pmenu-podstavka-selected:hover {
    text-decoration: none;
    color: #000000;
	background-color: #cccccc;  /* svetlosrebrno */
}
a.pmenu-stavka-selected:active, a.pmenu-podstavka-selected:active {
    text-decoration: none;
    color: #000000;
	background-color: #ffd187;  /* vanilazuto */
}

/* skriveni meni (kraj) */

















/* header glavnog dela */
h1.header {
	background-color: #35248a;   /* teget */
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;  /* Verdana, Arial, Helvetica, sans-serif; */
	font-size: 14px;
	font-weight: normal;
	/* font-style: italic; */
	padding: 7px 25px;
	text-align: left;
}
@media only screen and (max-width: 319px) {
	h1.header {
		padding: 7px 10px;
		text-align: center;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	h1.header {
		padding: 7px 20px;
		text-align: center;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	h1.header {
		padding: 7px 20px;
		text-align: left;
	}
}
@media only screen and (min-width: 600px) {
	h1.header {
		padding: 7px 25px;
		text-align: left;
	}
}

h1.header span.bigonly {
	display: inline;
}
@media only screen and (max-width: 1023px) {
	h1.header span.bigonly {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	h1.header span.bigonly {
		display: inline;
	}
}


/* footer */
div.footer {
	margin: 0 auto;
	text-align: center;
	width: 998px;
    color: #eeeeee;                     /* bgzebrasivo */
    background-color: #54535a;          /* teget #35248A za lightbgd (nijansasive #54535a za darkbgd) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
*.footer-linija1 {
	display: block;
	padding: 10px 0 7px 0;
	text-align: center;
}
*.footer-deolinije {
	display: inline-block;
	padding: 3px 15px 3px 15px;
}
div.footer-separator {
	margin: 0 15px;
	height: 8px;
	border-top: 1px solid;
	border-color: #eeeeee;            /* bgzebrasivo */
}
*.footer-linija2 {
	display: block;
	padding: 3px 0 10px 0;
	text-align: center;
}
@media only screen and (max-width: 319px) {
	div.footer {
		width: 100%;
		text-align: left;
	}
	*.footer-linija1 {
		padding: 10px 0 7px 0;
		text-align: left;
	}
	*.footer-deolinije {
		padding: 3px 10px 3px 10px;
	}
	div.footer-separator {
		margin: 0 10px;
	}
	*.footer-linija2 {
		padding: 3px 0 10px 0;
		text-align: left;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.footer {
		width: 300px;
		text-align: center;
	}
	*.footer-linija1 {
		padding: 10px 5px 7px 5px;
		text-align: center;
	}
	*.footer-deolinije {
		padding: 3px 15px 3px 15px;
	}
	div.footer-separator {
		margin: 0 20px;
	}
	*.footer-linija2 {
		padding: 3px 5px 10px 5px;
		text-align: center;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.footer {
		width: 460px;
		text-align: center;
	}
	*.footer-linija1 {
		padding: 10px 5px 7px 5px;
		text-align: center;
	}
	*.footer-deolinije {
		padding: 3px 15px 3px 15px;
	}
	div.footer-separator {
		margin: 0 20px;
	}
	*.footer-linija2 {
		padding: 3px 5px 10px 5px;
		text-align: center;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.footer {
		width: 580px;
		text-align: center;
	}
	*.footer-linija1 {
		padding: 10px 10px 7px 10px;
		text-align: center;
	}
	*.footer-deolinije {
		padding: 3px 15px 3px 15px;
	}
	div.footer-separator {
		margin: 0 25px;
	}
	*.footer-linija2 {
		padding: 3px 10px 10px 10px;
		text-align: center;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.footer {
		width: 778px;
		text-align: center;
	}
	*.footer-linija1 {
		padding: 10px 10px 7px 10px;
		text-align: center;
	}
	*.footer-deolinije {
		padding: 3px 15px 3px 15px;
	}
	div.footer-separator {
		margin: 0 25px;
	}
	*.footer-linija2 {
		padding: 3px 10px 10px 10px;
		text-align: center;
	}
}
@media only screen and (min-width: 1024px) {
	div.footer {
		width: 998px;
		text-align: center;
	}
	*.footer-linija1 {
		padding: 10px 0 7px 0;
		text-align: center;
	}
	*.footer-deolinije {
		padding: 3px 15px 3px 15px;
	}
	div.footer-separator {
		margin: 0 15px;
	}
	*.footer-linija2 {
		padding: 3px 0 10px 0;
		text-align: center;
	}
}

a.footerlink:link, a.footerlink:visited {
    text-decoration: none;
    color: #ffffff;  /* belo */
    font-weight: bold;
}
a.footerlink:hover {
    text-decoration: none;
    color: #b2dcef;  /* svetloplavo */
    font-weight: bold;
}
a.footerlink:active {
    text-decoration: none;
    color: #ffffff;  /* belo */
    font-weight: bold;
}



/* fusnota */
div.fusnota {
	margin: 0 auto;
	padding: 20px 10px 60px 10px;
	text-align: center;
	width: 998px;
    color: #eeeeee;                     /* vrlotamnosivo #444444 za lightbg (bgzebrasivo #eeeeee za darkbg) */
    background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
*.fusnota-deolinije {
	display: inline-block;
	padding: 0 15px 0 15px;
}
a.fusnotalink:link, a.fusnotalink:visited {
    text-decoration: none;
    color: #ffd187;  /* tamnoplavo #432db0 za lightbg (vanilazuto #ffd187 za darkbg) */
    font-weight: bold;
}
a.fusnotalink:hover {
    text-decoration: none;
    color: #ffffff;  /* modroplavo #6575d7 za lightbg (belo #ffffff za darkbg) */
    font-weight: bold;
}
a.fusnotalink:active {
    text-decoration: none;
    color: #ffd187;  /* tamnoplavo #432db0 za lightbg (vanilazuto #ffd187 za darkbg) */
    font-weight: bold;
}

@media only screen and (max-width: 319px) {
	div.fusnota {
		width: 100%;
		padding: 20px 0 70px 0;
	}
	*.fusnota-deolinije {
		padding: 10px 10px 10px 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.fusnota {
		width: 300px;
		padding: 20px 5px 60px 5px;
	}
	*.fusnota-deolinije {
		padding: 10px 15px 10px 15px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.fusnota {
		width: 460px;
		padding: 20px 5px 60px 5px;
	}
	*.fusnota-deolinije {
		padding: 10px 15px 10px 15px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.fusnota {
		width: 580px;
		padding: 15px 10px 60px 10px;
	}
	*.fusnota-deolinije {
		padding: 10px 15px 10px 15px;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
	div.fusnota {
		width: 778px;
		padding: 15px 10px 60px 10px;
	}
	*.fusnota-deolinije {
		padding: 10px 15px 10px 15px;
	}
}
@media only screen and (min-width: 1024px) {
	div.fusnota {
		width: 998px;
		padding: 20px 0 60px 0;
	}
	*.fusnota-deolinije {
		padding: 0 15px 0 15px;
	}
}



/* galerija tipova, galerija filmova, galerija dokumenata */
div.galertipova, div.galerfilmova, div.galerdoc {
	text-align: center;
}
div.stavkagalertipova, div.stavkagalerfilmova, div.stavkagalerdoc {
	display: inline-block;
	width: 200px;
	padding: 20px 20px 0 20px;
	text-align: center;
	vertical-align: top;
}
img.slikatipa, img.slikadoc {
	width: 150px;
	height: 100px;
}
img.slikafilma {
	width: 154px;
	height: 104px;
	border: solid 2px #ec1b2e;
}
*.naslovgalertipova, *.naslovgalerfilmova, *.naslovgalerdoc {
	text-align: center;
	padding-top: 10px;
}
img.youTubeIkona {
	width: 50px;
	height: 20px;
	margin-left: 20px;
	float: right;
}



/* izdvajamo iz ponude (galerija promo proizvoda) */
div.galerpromo {
	text-align: center;
}
div.stavkagalerpromo {
	display: inline-block;
	width: 226px;
	margin: 20px 10px 0 10px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #e8e8e8;  /* svetlosivo */
	box-shadow: 0 4px 8px #eeeeee;
}
@media only screen and (max-width: 319px) {
	div.stavkagalerpromo {
		width: 90%;  /* 216px */    /* 1 stavka u redu */
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.stavkagalerpromo {
		/* width: 260px; */
		width: 260px;  /* 1 stavka u redu */
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.stavkagalerpromo {
		/* width: 420px; */
		width: 198px;  /* 2 stavke u redu */
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.stavkagalerpromo {
		/* width: 530px; */
		width: 253px;  /* 2 stavke u redu */
	}
}
@media only screen and (min-width: 800px) {
	div.stavkagalerpromo {
		/* width: 728px; */
		width: 226px;  /* 3 stavke u redu */
	}
}
*.naslovgalerpromo {
	text-align: center;
	padding: 7px 10px;
	margin: 0 -1px 10px -1px;
	background-color: #e19348;  /* zuto */
	color: #ffffff;
}
img.slikaproizvoda {
	width: 100px;
	height: 100px;
}
*.promonaziv {
	text-align: center;
	padding: 10px;
}
a.promodetaljnije {
	display: block;
	margin: 0 -1px;
	padding: 7px 10px;
	text-align: center;
}
a.promodetaljnije:link, a.promodetaljnije:visited {
    text-decoration: none;
    color: #ffffff;
	background-color: #444444;  /* vrlotamnosivo */
    font-weight: normal;
}
a.promodetaljnije:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #000000;  /* crno */
    font-weight: normal;
}
a.promodetaljnije:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #444444;  /* vrlotamnosivo */
    font-weight: normal;
}
*.promotekst {
	padding: 10px;
}
form.promoforma {
	display: inline-block;
	margin: 0;
	padding: 10px;
	vertical-align: middle;
}
div.div-promoforma {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
*.promopolje {
	width: 70px;
	max-width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	padding: 4px 4px;
	margin: 0;
	vertical-align: middle;
}
*.sajtpolje {
	border: #b2dcef solid 1px;
	background-color: #f9f9f9;
}
*.sajtpoljegreska {
	border: #f91c08 solid 1px;  /* crveno */
	background-color: #f9f9f9;
}
*.sajtpolje:focus, *.sajtpoljegreska:focus {
	border: #b2dcef solid 1px;  /* pseudo class, svetloplavi efekat */
	background-color: #ffffff;
	box-shadow: 2px 2px 4px #b2dcef;
}
*.dugmekorpa {
	width: 24px;
	height: 24px;
}
*.okvirgreska {
	border: #f91c08 solid 1px;  /* crveno */
}
*.promocija {
	padding: 7px 10px;
	background-color: #ec1b2e;  /* bordo */
	color: #ffffff;
}
*.kontrast {
	padding: 7px 10px;
	background-color: #000000;  /* crno */
	color: #ffffff;
}
*.staracena {
	white-space: nowrap;  /* nobr */
	color: #f91c08;  /* crveno */
	text-decoration: line-through;  /* precrtano */
	font-weight: bold;
}



/* clanci */
div.separatorclanka {
	margin: 0 25px;
	height: 20px;
	border-bottom: 2px solid;
	border-color: #cccccc;  /* svetlosrebrno (modroplavo #6575d7) */
}
div.tekstclanka {
	/* text-align: left; */
	padding: 20px 25px 0 25px;
}
*.naslovclanka, div.div-horslikaclanka {
	text-align: left;
	padding: 20px 25px 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

img.horslikaclanka {
	width: 728px;
	height: 150px;
}
@media only screen and (max-width: 319px) {
	img.horslikaclanka {
		width: 100%;  /* 220px */
		height: 45.3297px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	img.horslikaclanka {
		width: 260px;
		height: 53.5714px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	img.horslikaclanka {
		width: 420px;
		height: 86.5385px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	img.horslikaclanka {
		width: 530px;
		height: 109.2033px;
	}
}
@media only screen and (min-width: 800px) {
	img.horslikaclanka {
		width: 728px;
		height: 150px;
	}
}

@media only screen and (max-width: 319px) {
	div.separatorclanka {
		margin: 0 10px;
	}
	div.tekstclanka {
		padding: 20px 10px 0 10px;
	}
	h2.naslovclanka, div.div-horslikaclanka {
		padding: 20px 10px 0 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
	div.separatorclanka {
		margin: 0 20px;
	}
	div.tekstclanka {
		padding: 20px 20px 0 20px;
	}
	h2.naslovclanka, div.div-horslikaclanka {
		padding: 20px 20px 0 20px;
	}
}
@media only screen and (min-width: 600px) {
	div.separatorclanka {
		margin: 0 25px;
	}
	div.tekstclanka {
		padding: 20px 25px 0 25px;
	}
	h2.naslovclanka, div.div-horslikaclanka {
		padding: 20px 25px 0 25px;
	}
}
div.tekstclanka p, div.tekstclanka h1, div.tekstclanka h3, div.tekstclanka h4, div.tekstclanka h5, div.tekstclanka h6, div.tekstclanka ul, div.tekstclanka ul li {
	padding-top: 6px;
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
div.tekstclanka h2 {
	padding-top: 6px;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
div.tekstclanka > p:first-child {
	padding-top: 0;
}
/*
div.tekstclanka > p:first-of-type {
	padding-top: 0;
	color: pink;
}
*/
div.tekstclanka ul {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	list-style-type: square;
}
div.tekstclanka ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}
div.tekstclanka div.fajlclanka {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
}



img.malaslikaclanka {
	width: 150px;
	height: auto;  /* 150px */
}
img.filmslikaclanka {
	width: 154px;
	height: 104px;
	border: solid 2px #ec1b2e;
}
div.div-malaslikaclanka, div.div-filmslikaclanka {
	width: 200px;
	padding: 20px 25px 20px 25px;
	float: right;
}
@media only screen and (max-width: 319px) {
	div.div-malaslikaclanka, div.div-filmslikaclanka {
		width: 100%;
		padding: 20px 10px 0 10px;
		float: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.div-malaslikaclanka, div.div-filmslikaclanka {
		width: 190px;
		padding: 20px 20px 0 20px;
		float: none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.div-malaslikaclanka, div.div-filmslikaclanka {
		width: 190px;
		padding: 20px 20px 20px 20px;
		float: right;
	}
}
@media only screen and (min-width: 600px) {
	div.div-malaslikaclanka, div.div-filmslikaclanka {
		width: 200px;
		padding: 20px 25px 20px 25px;
		float: right;
	}
}



img.bigslikaclanka {
	width: 400px;
	height: auto;  /* 300px */
}
div.div-bigslikaclanka {
	width: 450px;
	padding: 20px 25px 20px 25px;
	float: right;
}
@media only screen and (max-width: 319px) {
	img.bigslikaclanka {
		width: 100%;  /* 220px */
		height: auto;  /* 165px */
	}
	div.div-bigslikaclanka {
		width: 100%;
		padding: 20px 10px 0 10px;
		float: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	img.bigslikaclanka {
		width: 260px;
		height: auto;  /* 195px */
	}
	div.div-bigslikaclanka {
		width: 100%;
		padding: 20px 20px 0 20px;
		float: none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	img.bigslikaclanka {
		width: 400px;
		height: auto;  /* 300px */
	}
	div.div-bigslikaclanka {
		width: 100%;
		padding: 20px 20px 0 20px;
		float: none;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	img.bigslikaclanka {
		width: 400px;
		height: auto;  /* 300px */
	}
	div.div-bigslikaclanka {
		width: 100%;
		padding: 20px 25px 0 25px;
		float: none;
	}
}
@media only screen and (min-width: 800px) {
	img.bigslikaclanka {
		width: 400px;
		height: auto;  /* 300px */
	}
	div.div-bigslikaclanka {
		width: 450px;
		padding: 20px 25px 20px 25px;
		float: right;
	}
}


div.galerclanka {
	text-align: center;
}
@media only screen and (max-width: 319px) {
	div.galerclanka {
		margin: 0;
	}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
	div.galerclanka {
		margin: 0 10px;
	}
}
@media only screen and (min-width: 600px) {
	div.galerclanka {
		margin: 0 15px;
	}
}
div.stavkagalerclanka {
	display: inline-block;
	width: 136px;
	padding: 20px 10px 0 10px;
	text-align: center;
	vertical-align: top;
}
img.slikagalerclanka {
	width: 100px;
	height: 100px;
}
*.naslovgalerclanka {
	text-align: center;
	padding-top: 10px;
}



/* kontakt obrazac */
form.kontaktforma {
	margin: 20px 0 0 0;
	padding: 0;
}
div.kontakt-donjirazmak {
	padding-bottom: 20px;
}

/* responsive forma - prvi deo - tabela sa 2 kolone (levo labele, desno polja za identifikacione podatke) */
div.kontakt1 {
	float: left;
	margin: 0 0 0 25px;
	width: 340px;
	max-width: 340px;
	text-align: left;
}
div.kontakt1 *.formnaslov {
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}
div.kontakt1 div.tableform {
	display: table;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
	border-spacing: 0;
}
div.kontakt1 div.trform {
	display: table-row;
}
div.kontakt1 div.tdformlabela, div.kontakt1 div.tdformpolje {
	display: table-cell;
}
div.kontakt1 div.tdformlabelavelika, div.kontakt1 div.tdformpoljemalo {
	display: table-cell;
}
div.kontakt1 div.tdformlabela {
	text-align: right;
	width: 100px;
	max-width: 100px;
	padding: 20px 10px 0 0;
}
div.kontakt1 div.tdformlabelavelika {
	text-align: left;
	width: 140px;
	max-width: 140px;
	padding: 20px 10px 0 0;
}
div.kontakt1 div.tdformpolje {
	text-align: left;
	width: 240px;
	max-width: 240px;
	padding: 20px 0 0 0;
}
div.kontakt1 div.tdformpoljemalo {
	text-align: left;
	width: 200px;
	max-width: 200px;
	padding: 20px 0 0 0;
}
div.kontakt1 div.tdformpolje *.obicno {
	width: 240px;
	max-width: 240px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #444444;
	padding: 4px 4px;
}
div.kontakt1 div.tdformpoljemalo *.obicno {
	width: 200px;
	max-width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #444444;
	padding: 4px 4px;
}
@media only screen and (max-width: 319px) {
	div.kontakt1 {
		float: none;
		margin: 0 10px;
		width: 220px;
		max-width: 83%;
	}
	div.kontakt1 div.tableform {
		display: block;
	}
	div.kontakt1 div.trform {
		display: block;
	}
	div.kontakt1 div.tdformlabela, div.kontakt1 div.tdformpolje {
		display: block;
	}
	div.kontakt1 div.tdformlabelavelika, div.kontakt1 div.tdformpoljemalo {
		display: block;
	}
	div.kontakt1 div.tdformlabela, div.kontakt1 div.tdformlabelavelika {
		text-align: left;
		width: 220px;
		max-width: 100%;
		padding: 20px 6px 4px 6px;
	}
	div.kontakt1 div.tdformpolje, div.kontakt1 div.tdformpoljemalo {
		width: 220px;
		max-width: 100%;
		padding: 0;
	}
	div.kontakt1 div.tdformpolje *.obicno, div.kontakt1 div.tdformpoljemalo *.obicno {
		width: 220px;
		max-width: 100%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.kontakt1 {
		float: none;
		margin: 0 20px;
		width: 240px;
		max-width: 240px;
	}
	div.kontakt1 div.tableform {
		display: block;
	}
	div.kontakt1 div.trform {
		display: block;
	}
	div.kontakt1 div.tdformlabela, div.kontakt1 div.tdformpolje {
		display: block;
	}
	div.kontakt1 div.tdformlabelavelika, div.kontakt1 div.tdformpoljemalo {
		display: block;
	}
	div.kontakt1 div.tdformlabela, div.kontakt1 div.tdformlabelavelika {
		text-align: left;
		width: 240px;
		max-width: 240px;
		padding: 20px 6px 4px 6px;
	}
	div.kontakt1 div.tdformpolje, div.kontakt1 div.tdformpoljemalo {
		width: 240px;
		max-width: 240px;
		padding: 0;
	}
	div.kontakt1 div.tdformpolje *.obicno, div.kontakt1 div.tdformpoljemalo *.obicno {
		width: 240px;
		max-width: 240px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.kontakt1 {
		float: none;
		margin: 0 20px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.kontakt1 {
		float: none;
		margin: 0 25px;
	}
}
@media only screen and (min-width: 800px) {
	div.kontakt1 {
		float: left;
		margin: 0 0 0 25px;
	}
}
@media only screen and (min-width: 480px) {
	div.kontakt1 {
		width: 340px;
		max-width: 340px;
	}
	div.kontakt1 div.tableform {
		display: table;
	}
	div.kontakt1 div.trform {
		display: table-row;
	}
	div.kontakt1 div.tdformlabela, div.kontakt1 div.tdformpolje {
		display: table-cell;
	}
	div.kontakt1 div.tdformlabelavelika, div.kontakt1 div.tdformpoljemalo {
		display: table-cell;
	}
	div.kontakt1 div.tdformlabela {
		text-align: right;
		width: 100px;
		max-width: 100px;
		padding: 20px 10px 0 0;
	}
	div.kontakt1 div.tdformlabelavelika {
		text-align: left;
		width: 140px;
		max-width: 140px;
		padding: 20px 10px 0 0;
	}
	div.kontakt1 div.tdformpolje {
		width: 240px;
		max-width: 240px;
		padding: 20px 0 0 0;
	}
	div.kontakt1 div.tdformpoljemalo {
		width: 200px;
		max-width: 200px;
		padding: 20px 0 0 0;
	}
	div.kontakt1 div.tdformpolje *.obicno {
		width: 240px;
		max-width: 240px;
	}
	div.kontakt1 div.tdformpoljemalo *.obicno {
		width: 200px;
		max-width: 200px;
	}
}



/* responsive forma - drugi deo (jedna kolona sa centriranim poljima i labelama */
div.kontakt2 {
	float: left;
	margin: 0 0 0 25px;
	width: 340px;
	max-width: 340px;
	text-align: center;
}
div.kontakt2 *.formnaslov {
	margin: 0 auto;
	margin-top: 20px;
	padding: 7px 0;
	text-align: center;
}
a.dugmenalog {
    display: block;
	margin: 0 auto;
	margin-top: 20px;
    color: #ffffff;
	background-color: #35248A;  /* teget (#444444 tamnosivo) */
    font-weight: normal;
	width: 318px;
	max-width: 100%;
	padding: 7px 15px;
	text-align: center;
}
a.dugmenalog:link, a.dugmenalog:visited {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo (#444444 tamnosivo) */
    font-weight: normal;
}
a.dugmenalog:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #000000;  /* crno */
    font-weight: normal;
}
a.dugmenalog:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo (#444444 tamnosivo) */
    font-weight: normal;
}
div.kontakt2 div.formlabela, div.kontakt2 div.formpolje, div.kontakt2 div.formdugme, div.kontakt2 div.formdugmepretraga {
	text-align: center;
}
div.kontakt2 div.formlabela {
	padding: 20px 6px 8px 6px;
}
div.kontakt2 div.formpolje {
	padding: 0;
}
div.kontakt2 div.formdugme {
	padding: 20px 0;
}
div.kontakt2 div.formdugmepretraga {
	padding: 44px 0;
}
div.kontakt2 div.formpolje *.obicno {
	width: 340px;
	max-width: 340px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #444444;
	padding: 4px 4px;
}
@media only screen and (max-width: 319px) {
	div.kontakt2 {
		float: none;
		margin: 0 10px;
		width: 220px;
		max-width: 83%;
	}
	div.kontakt2 div.formpolje *.obicno {
		width: 220px;
		max-width: 100%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.kontakt2 {
		float: none;
		margin: 0 20px;
		width: 240px;
		max-width: 240px;
	}
	div.kontakt2 div.formpolje *.obicno {
		width: 240px;
		max-width: 240px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.kontakt2 {
		float: none;
		margin: 0 20px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.kontakt2 {
		float: none;
		margin: 0 25px;
	}
}
@media only screen and (min-width: 800px) {
	div.kontakt2 {
		float: left;
		margin: 0 0 0 25px;
	}
}
@media only screen and (min-width: 480px) {
	div.kontakt2 {
		width: 340px;
		max-width: 340px;
	}
	div.kontakt2 div.formpolje *.obicno {
		width: 340px;
		max-width: 340px;
	}
}



/* responsive forma - treci deo (polje za Google reCAPTCHA, poravnanje sa gornjim poljem tipa kontakt1) */
div.kontakt3 {
	float: left;
	margin: 0 0 0 125px;
	width: 240px;
	max-width: 240px;
	text-align: center;
}
div.kontakt3 div.formlabela, div.kontakt3 div.formpolje {
	text-align: center;
}
div.kontakt3 div.formlabela {
	padding: 20px 6px 8px 6px;
}
div.kontakt3 div.formpolje {
	padding: 0;
}
*.g-recaptcha {
	display: inline-block;
	margin: 0 auto;
	width: 164px;
	max-width: 100%;
}

@media only screen and (max-width: 319px) {
	div.kontakt3 {
		float: none;
		margin: 0 10px;
		width: 220px;
		max-width: 83%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.kontakt3 {
		float: none;
		margin: 0 20px;
		width: 240px;
		max-width: 240px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.kontakt3 {
		float: none;
		margin: 0 20px;
		width: 340px;
		max-width: 340px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.kontakt3 {
		float: none;
		margin: 0 25px;
		width: 340px;
		max-width: 340px;
	}
}
@media only screen and (min-width: 800px) {
	div.kontakt3 {
		float: left;
		margin: 0 0 0 125px;
		width: 240px;
		max-width: 240px;
	}
}



/* responsive prikaz naloga po logovanju - tabela sa 2 kolone (levo nazivi, desno vrednosti) */
div.kontakt4 {
	float: left;
	margin: 0 0 0 25px;
	width: 340px;
	max-width: 340px;
	text-align: left;
}
/*
div.kontakt4 *.formnaslov {
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}
*/
div.kontakt4 div.tableform {
	display: table;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-width: 0;
	border-spacing: 0;
}
div.kontakt4 div.trform {
	display: table-row;
}
div.kontakt4 div.tdformnaziv, div.kontakt4 div.tdformvrednost {
	display: table-cell;
}
div.kontakt4 div.tdformnaziv {
	text-align: right;
	white-space: nowrap;
	width: 100px;
	max-width: 100px;
	padding: 20px 10px 0 0;
}
div.kontakt4 div.tdformvrednost {
	text-align: left;
	width: 240px;
	max-width: 240px;
	padding: 20px 0 0 0;
}
@media only screen and (max-width: 319px) {
	div.kontakt4 {
		float: none;
		margin: 0 10px;
		width: 220px;
		max-width: 83%;
	}
	div.kontakt4 div.tdformnaziv {
		width: 80px;
		max-width: 80px;    /* 37% */
	}
	div.kontakt4 div.tdformvrednost {
		width: 140px;
		max-width: 63%;    /* 63% */
		word-break: break-all;  /* break-word; */
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.kontakt4 {
		float: none;
		margin: 0 20px;
		width: 240px;
		max-width: 240px;
	}
	div.kontakt4 div.tdformnaziv {
		width: 80px;
		max-width: 80px;
	}
	div.kontakt4 div.tdformvrednost {
		width: 160px;
		max-width: 160px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.kontakt4 {
		float: none;
		margin: 0 20px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.kontakt4 {
		float: none;
		margin: 0 25px;
	}
}
@media only screen and (min-width: 800px) {
	div.kontakt4 {
		float: left;
		margin: 0 0 0 25px;
	}
}
@media only screen and (min-width: 480px) {
	div.kontakt4 {
		width: 340px;
		max-width: 340px;
	}
	div.kontakt4 div.tdformnaziv {
		width: 100px;
		max-width: 100px;
	}
	div.kontakt4 div.tdformvrednost {
		width: 240px;
		max-width: 240px;
	}
}



div.clanakgreske {
	margin: 0 auto;
	padding: 20px 25px 0 25px;
	text-align: center;
	color: #f91c08;  /* crveno */
}
@media only screen and (max-width: 319px) {
	div.clanakgreske {
		padding: 20px 10px 0 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
	div.clanakgreske {
		padding: 20px 20px 0 20px;
	}
}
@media only screen and (min-width: 600px) {
	div.clanakgreske {
		padding: 20px 25px 0 25px;
	}
}
p.stilgreske {
	margin: 0;
	padding: 4px 0;
	text-align: center;
	color: #f91c08;  /* crveno */
}

/* kraj kontakt obrasca */



/* strana za listanje brendova */
*.naslovgalerbrend {
	text-align: center;
	padding: 7px 10px;
	margin: 0 -1px 10px -1px;
	background-color: #e19348;  /* zuto */
	color: #ffffff;
}
img.slikabrenda1 {
	width: 75px;
	height: 25px;
}
img.slikabrenda2 {
	width: 150px;
	height: 100px;
}
img.slikabrenda3 {
	width: 728px;
	height: 150px;
}
img.slikagalerbrenda {
	width:150px;
	height:100px;
}
*.stavkagalerbrenda {
	display: inline-block;
	width: 190px;
	padding: 20px 20px 0 20px;
	text-align: center;
	vertical-align: top;
}



/* strana konkretnog brenda ili konkretnog tipa proizvoda */
div.desnacelina {
	width: 478px;
	max-width: 478px;
	float: right;
	margin-bottom: 0;
}
div.levacelina {
	width: 300px;
	max-width: 300px;
	float: left;
}
@media only screen and (max-width: 599px) {
	div.desnacelina, div.levacelina {
		width: 100%;
		max-width: 100%;
		float: none;
	}
	div.desnacelina {
		margin-bottom: 40px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.desnacelina {
		width: 380px;
		max-width: 380px;
		float: right;
	}
	div.levacelina {
		width: 200px;
		max-width: 200px;
		float: left;
		margin-top: 0;
	}
}
@media only screen and (min-width: 800px) {
	div.desnacelina {
		width: 478px;
		max-width: 478px;
		float: right;
	}
	div.levacelina {
		width: 300px;
		max-width: 300px;
		float: left;
		margin-top: 0;
	}
}

div.desnispisak, div.levispisak {
	margin: 20px 25px 0 25px;
	text-align: left;
}
div.desnispisak {
	background-color: #444444;  /* vrlotamnosivo */
}
div.levispisak {
	background-color: #444444;  /* vrlotamnosivo */
}
@media only screen and (max-width: 319px) {
	div.desnispisak, div.levispisak {
		margin: 20px 10px 0 10px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
	div.desnispisak, div.levispisak {
		margin: 20px 20px 0 20px;
	}
}
@media only screen and (min-width: 600px) {
	div.desnispisak, div.levispisak {
		margin: 20px 25px 0 25px;
	}
}

a.desnispisak-nadstavka {
	display: block;
	padding: 8px 15px 8px 15px;
	margin: 0;
}
a.desnispisak-stavka, a.levispisak-stavka {
	display: block;
	padding: 8px 15px 8px 15px;
	margin: 0 25px 0 0;
}
a.desnispisak-stavka {
	border-top: 1px solid #444444;
}
a.levispisak-stavka {
	border-top: 1px solid #444444;
}

a.desnispisak-nadstavka:link, a.desnispisak-nadstavka:visited {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
}
a.desnispisak-nadstavka:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #000000;  /* crno */
}
a.desnispisak-nadstavka:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
}

a.desnispisak-stavka:link, a.desnispisak-stavka:visited {
    text-decoration: none;
    color: #444444;
	background-color: #e8e8e8;  /* svetlosivo */
}
a.desnispisak-stavka:hover {
    text-decoration: none;
    color: #444444;
	background-color: #cccccc;  /* svetlosrebrno */
}
a.desnispisak-stavka:active {
    text-decoration: none;
    color: #444444;
	background-color: #e8e8e8;  /* svetlosivo */
}

a.levispisak-stavka:link, a.levispisak-stavka:visited {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
}
a.levispisak-stavka:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #000000;  /* crno */
}
a.levispisak-stavka:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
}



/* strana za listanje proizvoda */
img.zagslikatipa {
	width: 150px;
	height: 100px;
}
img.zagslikagrupe {
	width: 100px;
	height: 100px;
}
img.zagslikapro {
	width: 75px;
	height: 25px;
}
div.div-zagslikatipa {
	width: 200px;
	padding: 20px 25px 20px 25px;
	float: right;
}
div.div-zagslikagrupe {
	width: 150px;
	padding: 20px 25px 20px 25px;
	float: right;
}
div.div-zagslikapro {
	width: 125px;
	padding: 20px 25px 20px 25px;
	float: right;
}
@media only screen and (max-width: 319px) {
	div.div-zagslikatipa {
		width: 100%;
		padding: 20px 10px 0 10px;
		float: none;
	}
	div.div-zagslikagrupe {
		width: 100%;
		padding: 20px 10px 0 10px;
		float: none;
	}
	div.div-zagslikapro {
		width: 100%;
		padding: 20px 10px 0 10px;
		float: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.div-zagslikatipa {
		width: 190px;
		padding: 20px 20px 0 20px;
		float: none;
	}
	div.div-zagslikagrupe {
		width: 140px;
		padding: 20px 20px 0 20px;
		float: none;
	}
	div.div-zagslikapro {
		width: 115px;
		padding: 20px 20px 0 20px;
		float: none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.div-zagslikatipa {
		width: 190px;
		padding: 20px 20px 20px 20px;
		float: right;
	}
	div.div-zagslikagrupe {
		width: 140px;
		padding: 20px 20px 20px 20px;
		float: right;
	}
	div.div-zagslikapro {
		width: 115px;
		padding: 20px 20px 20px 20px;
		float: right;
	}
}
@media only screen and (min-width: 600px) {
	div.div-zagslikatipa {
		width: 200px;
		padding: 20px 25px 20px 25px;
		float: right;
	}
	div.div-zagslikagrupe {
		width: 150px;
		padding: 20px 25px 20px 25px;
		float: right;
	}
	div.div-zagslikapro {
		width: 125px;
		padding: 20px 25px 20px 25px;
		float: right;
	}
}

div.pager {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	/* border-top: 1px solid #444444;
	border-bottom: 1px solid #444444; */
	border: 1px solid #444444;
}
div.pager-naslov, div.pager-placeholder, a.pager-dugme {
	display: inline-block;
	padding: 8px;
	text-align: center;
	border: #ffffff solid 1px;
}
div.pager-placeholder {
	color: #ffffff;
	background-color: #444444;  /* tamnosivo */
	width: 40px;
}
a.pager-dugme {
	color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
	width: 40px;
}
a.pager-dugme:link, a.pager-dugme:visited {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
}
a.pager-dugme:hover {
    text-decoration: none;
    color: #ffffff;
	background-color: #000000;  /* crno */
}
a.pager-dugme:active {
    text-decoration: none;
    color: #ffffff;
	background-color: #6575D7;  /* modroplavo */
}



@media only screen and (max-width: 479px) {
	div.listart-slika {
		width: 100%;
		float: none;
		text-align: left;
	}
	div.listart-slika-bezslike {
		display: none;
	}
	div.listart-proizvod480, div.listart-proizvod480-bezslike {
		display: none;
	}
	div.listart-proizvod {
		width: 100%;
		float: none;
		text-align: left;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.listart-slika {
		width: 120px;
		float: left;
		text-align: left;
	}
	div.listart-slika-bezslike {
		display: none;
	}
	div.listart-proizvod480 {
		display: block;
		width: 300px;
		float: left;
		text-align: left;
	}
	div.listart-proizvod480-bezslike {
		display: block;
		width: 100%;
		float: none;
		text-align: left;
	}
	div.listart-proizvod {
		width: 100%;
		float: none;
		text-align: left;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.listart-slika {
		width: 120px;
		float: left;
		text-align: left;
	}
	div.listart-slika-bezslike {
		display: block;
		width: 120px;
		float: left;
		text-align: left;
	}
	div.listart-proizvod480, div.listart-proizvod480-bezslike {
		display: none;
	}
	div.listart-proizvod {
		width: 410px;
		float: left;
		text-align: left;
	}
}
@media only screen and (min-width: 800px) {
	div.listart-slika {
		width: 120px;
		float: left;
		text-align: left;
	}
	div.listart-slika-bezslike {
		display: block;
		width: 120px;
		float: left;
		text-align: left;
	}
	div.listart-proizvod480, div.listart-proizvod480-bezslike {
		display: none;
	}
	div.listart-proizvod {
		width: 608px;
		float: left;
		text-align: left;
	}
}



@media only screen and (max-width: 319px) {
	div.listart-nazivart, div.listart-katoznaka {
		display: block;
		width: 100%;
		float: none;
		text-align: left;
		padding-right: 0;
	}
	div.listart-nazivart {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	*.listart-katoznlabela {
		display: inline;
	}
	div.listart-jedmere {
		width: 100%;
		float: none;
		text-align: left;
		padding-top: 0;
	}
	*.listart-jedmerelabela {
		display: inline;
	}
	div.listart-cenabezr, div.listart-cenasar {
		float: left;
		text-align: right;
		padding-top: 0;
	}
	div.listart-cenabezr {
		width: 47%;
	}
	div.listart-cenasar {
		width: 53%;
	}
	*.listart-cenalabela {
		display: block;
	}
	div.listart-divforma {
		width: 100%;
		float: right;
		text-align: left;
		padding: 0 0 0 20px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.listart-nazivart, div.listart-katoznaka {
		display: block;
		width: 100%;
		float: none;
		text-align: left;
		padding-right: 0;
	}
	div.listart-nazivart {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	*.listart-katoznlabela {
		display: inline;
	}
	div.listart-jedmere {
		width: 100%;
		float: none;
		text-align: left;
		padding-top: 0;
	}
	*.listart-jedmerelabela {
		display: inline;
	}
	div.listart-cenabezr, div.listart-cenasar {
		float: left;
		text-align: right;
		padding-top: 0;
	}
	div.listart-cenabezr {
		width: 120px;
	}
	div.listart-cenasar {
		width: 140px;
	}
	*.listart-cenalabela {
		display: block;
	}
	div.listart-divforma {
		width: 240px;
		float: right;
		text-align: left;
		padding: 0 0 0 50px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.listart-nazivart, div.listart-katoznaka {
		display: none;
	}
	*.listart-katoznlabela {
		display: inline;
	}
	div.listart-jedmere {
		width: 180px;
		float: left;
		text-align: left;
		padding-top: 10px;
	}
	*.listart-jedmerelabela {
		display: inline;
	}
	div.listart-cenabezr, div.listart-cenasar {
		float: left;
		text-align: right;
		padding-top: 10px;
	}
	div.listart-cenabezr {
		width: 120px;
	}
	div.listart-cenasar {
		width: 120px;
	}
	*.listart-cenalabela {
		display: none;
	}
	div.listart-divforma {
		width: 240px;
		float: right;
		text-align: left;
		padding: 0 0 0 50px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.listart-nazivart, div.listart-katoznaka {
		display: block;
		width: 100%;
		float: none;
		text-align: left;
		padding-right: 0;
	}
	div.listart-nazivart {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	*.listart-katoznlabela {
		display: inline;
	}
	div.listart-jedmere {
		width: 170px;
		float: left;
		text-align: left;
		padding-top: 10px;
	}
	*.listart-jedmerelabela {
		display: none;
	}
	div.listart-cenabezr, div.listart-cenasar {
		float: left;
		text-align: right;
		padding-top: 10px;
	}
	div.listart-cenabezr {
		width: 120px;
	}
	div.listart-cenasar {
		width: 120px;
	}
	*.listart-cenalabela {
		display: none;
	}
	div.listart-divforma {
		width: 240px;
		float: right;
		text-align: left;
		padding: 0 0 0 50px;
	}
}
@media only screen and (min-width: 800px) {
	div.listart-nazivart {
		display: block;
		width: 384px;
		float: left;
		text-align: left;
	}
	div.listart-katoznaka {
		display: block;
		width: 204px;
		float: right;
		text-align: right;
		padding-right: 10px;
	}
	*.listart-katoznlabela {
		display: none;
	}
	div.listart-jedmere {
		width: 164px;
		float: left;
		text-align: left;
		padding-top: 10px;
	}
	*.listart-jedmerelabela {
		display: none;
	}
	div.listart-cenabezr, div.listart-cenasar {
		float: left;
		text-align: right;
		padding-top: 10px;
	}
	div.listart-cenabezr {
		width: 120px;
	}
	div.listart-cenasar {
		width: 120px;
	}
	*.listart-cenalabela {
		display: none;
	}
	div.listart-divforma {
		width: 204px;
		float: left;
		text-align: left;
		padding: 2px 0 0 20px;
	}
}



div.korzagliste {
	padding: 4px 10px;
}

@media only screen and (max-width: 479px) {
	div.korzag-proizvod {
		display: none;
	}
}
@media only screen and (min-width: 480px) {
	div.korzag-proizvod {
		display: block;
	}
}
div.korzag-jedmere {
	float: left;
	text-align: left;
}
@media only screen and (max-width: 479px) {
	div.korzag-jedmere {
		display: none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.korzag-jedmere {
		display: block;
		width: 180px;
		padding: 4px 0 4px 10px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.korzag-jedmere {
		display: block;
		width: 290px;
		padding: 4px 0 4px 120px;
	}
}
@media only screen and (min-width: 800px) {
	div.korzag-jedmere {
		display: block;
		width: 284px;
		padding: 4px 0 4px 120px;
	}
}


div.korzag-cenabezr, div.korzag-cenasar {
	float: left;
	text-align: right;
}
@media only screen and (max-width: 319px) {
	div.korzag-cenabezr {
		width: 53%;
		padding: 4px 0;
	}
	div.korzag-cenasar {
		width: 47%;
		padding: 4px 0;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.korzag-cenabezr {
		width: 120px;
		padding: 4px 0;
	}
	div.korzag-cenasar {
		width: 140px;
		padding: 4px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
	div.korzag-cenabezr {
		width: 120px;
		padding: 4px 0 4px 10px;
	}
	div.korzag-cenasar {
		width: 120px;
		padding: 4px 10px 4px 10px;
	}
}
@media only screen and (min-width: 800px) {
	div.korzag-cenabezr {
		width: 120px;
		padding: 4px 0 4px 10px;
	}
	div.korzag-cenasar {
		width: 120px;
		padding: 4px 0 4px 10px;
	}
}


div.korzag-katoznaka {
	float: left;
	text-align: right;
	width: 204px;
	padding: 4px 10px 4px 10px;
}
@media only screen and (max-width: 799px) {
	div.korzag-katoznaka {
		display: none;
	}
}
@media only screen and (min-width: 800px) {
	div.korzag-katoznaka {
		display: block;
	}
}

/* kraj strane za listanje proizvoda */



/* narudzbenica */

div.nardiv {
	padding: 0 5px 6px 5px;
}

div.nar-celina1 {
	float: left;
	text-align: left;
	width: 338px;
	padding: 0 5px;
}
div.nar-celina2, div.nar-celina3 {
	float: left;
	text-align: left;
	width: 190px;
	padding: 0;
}
div.nar-jedmere {
	float: left;
	text-align: center;
	width: 140px;
	padding: 0 5px;
}
div.nar-pdv {
	float: left;
	text-align: center;
	width: 50px;
	padding: 0 5px;
}
div.nar-kolicina {
	float: left;
	text-align: center;
	width: 80px;
	padding: 0 5px;
}
div.nar-cena {
	float: left;
	text-align: right;
	width: 110px;
	padding: 0 5px;
}
div.nar-suma {
	float: right;
	text-align: right;
	width: 190px;
	padding: 0 5px;
}
@media only screen and (max-width: 319px) {
	div.nar-celina1 {
		float: none;
		width: 100%;
	}
	div.nar-celina2, div.nar-celina3 {
		float: none;
		width: 100%;  /* 190px */
	}
	div.nar-jedmere {
		text-align: right;
		width: 42%;  /* 80px */
	}
	div.nar-pdv {
		text-align: right;
		width: 58%;  /* 110px */
	}
	div.nar-kolicina {
		text-align: right;
		width: 42%;  /* 80px */
	}
	div.nar-cena {
		width: 58%;  /* 110px */
	}
	div.nar-suma {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.nar-celina1 {
		float: none;
		width: 100%;
	}
	div.nar-celina2, div.nar-celina3 {
		float: none;
		width: 250px;
	}
	div.nar-jedmere {
		text-align: right;
		width: 140px;
	}
	div.nar-pdv {
		text-align: right;
		width: 110px;
	}
	div.nar-kolicina {
		text-align: right;
		width: 140px;
	}
	div.nar-cena {
		width: 110px;
	}
	div.nar-suma {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.nar-celina1 {
		float: none;
		width: 100%;
	}
	div.nar-celina2 {
		float: left;
		width: 220px;
	}
	div.nar-celina3 {
		float: left;
		width: 190px;
	}
	div.nar-jedmere {
		text-align: right;
		width: 170px;
	}
	div.nar-pdv {
		text-align: center;
		width: 50px;
	}
	div.nar-kolicina {
		text-align: center;
		width: 80px;
	}
	div.nar-cena {
		width: 110px;
	}
	div.nar-suma {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.nar-celina1 {
		float: none;
		width: 100%;
	}
	div.nar-celina2 {
		float: left;
		width: 330px;
	}
	div.nar-celina3 {
		float: left;
		width: 190px;
	}
	div.nar-jedmere {
		text-align: right;
		width: 280px;
	}
	div.nar-pdv {
		text-align: center;
		width: 50px;
	}
	div.nar-kolicina {
		text-align: center;
		width: 80px;
	}
	div.nar-cena {
		width: 110px;
	}
	div.nar-suma {
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width: 800px) {
	div.nar-celina1 {
		float: left;
		width: 338px;
	}
	div.nar-celina2, div.nar-celina3 {
		float: left;
		width: 190px;
	}
	div.nar-jedmere {
		text-align: center;
		width: 140px;
	}
	div.nar-pdv {
		text-align: center;
		width: 50px;
	}
	div.nar-kolicina {
		text-align: center;
		width: 80px;
	}
	div.nar-cena {
		width: 110px;
	}
	div.nar-suma {
		float: right;
		width: 190px;
	}
}


div.naropcija-naslov {
	padding: 0 5px 9px 5px;
}
div.naropcija-dugme {
	float: left;
	text-align: right;
	padding: 9px 5px 8px 5px;
	width: 40px;
}
div.naropcija-labela {
	float: left;
	text-align: left;
	padding: 8px 5px 9px 5px;
	width: 688px;
}
@media only screen and (max-width: 319px) {
	div.naropcija-labela {
		width: 77%;  /* 169px */
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.naropcija-labela {
		width: 220px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.naropcija-labela {
		width: 380px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.naropcija-labela {
		width: 490px;
	}
}
@media only screen and (min-width: 800px) {
	div.naropcija-labela {
		width: 688px;
	}
}
div.narformlabela {
	padding: 0 5px 9px 5px;
}
div.narformpolje textarea {
	width: 100%;  /* 83% */
	max-width: 100%;  /* 83% */
}
@media only screen and (max-width: 319px) {
	div.narformpolje textarea {
		height: 106px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	div.narformpolje textarea {
		height: 90px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	div.narformpolje textarea {
		height: 74px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
	div.narformpolje textarea {
		height: 58px;
	}
}
@media only screen and (min-width: 800px) {
	div.narformpolje textarea {
		height: 58px;
	}
}

div.narformdugme {
	padding-bottom: 20px;
}

/* kraj narudzbenice */



/* ponuda (administratorski deo) */

td.stavkaponude-rbr {
	width: 86px;
}
td.stavkaponude-slika {
	width: 116px;
	min-width: 116px;
}
td.stavkaponude-kolicina {
	width: 96px;
}
td.stavkaponude-naziv {
	width: 848px;   /* 136+136+102+44+140+140+150 */
	max-width: 848px;
	white-space: normal;
	word-wrap: break-word;
	/* word-break: break-all; */
}
td.stavkaponude-jedmere {
	width: 136px;
}
td.stavkaponude-cena {
	width: 136px;
}
td.stavkaponude-rabat {
	width: 102px;
}
td.stavkaponude-pdv {
	width: 44px;
}
td.stavkaponude-iznososnov {
	width: 140px;
}
td.stavkaponude-iznospdv {
	width: 140px;
}
td.stavkaponude-iznosukup {
	width: 150px;
}
td.stavkaponude-dugme {
	width: 40px;
}
*.cenapolje {
	width: 95px;
	max-width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	padding: 4px 4px;
	margin: 0;
	vertical-align: middle;
}

/* kraj ponude (administratorski deo) */