@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #80231F;
	background-image: url(../../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.hidden {
	visibility: hidden;
}

#upperHolder {
	background-image: url(../../images/mupperback.jpg);
	background-position: center top;
	display: block;
	clear: right;
	height: 131px;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	/*position: fixed;*/
}

#upperHolder #Contents {
	display: block;
	height: 131px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/menuback.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#upperHolder #Contents #mainMenu {
	float: left;
	height: 25px;
	width: 300px;
	display: block;
	text-align: right;
	clear: none;
	padding-left: 650px;
	padding-top: 16px;
}

#upperHolder #Contents #mainMenu ul {
	text-align: right;
	display: inline;
}

#upperHolder #Contents #mainMenu li {
	padding-left:8px;
	padding-right:8px;
	clear: none;
	display: inline;
	float: left;
}

#upperHolder #Contents #mainMenu a {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #950909;
	font-variant: small-caps;
}

#upperHolder #Contents #mainMenu a:hover {
	color: #060643;
}

body.onama #mainMenu .onama,
body.uvod #mainMenu .uvod,
body.proizvodi #mainMenu .proizvodi,
body.kontakt #mainMenu .kontakt {
	background-image: url(../../images/actoption.png);
	background-position: center top;
	background-repeat: no-repeat;
	color: #000;
}

#upperHolder #Contents #AddIns {
	float: left;
	height: 20px;
	width: 390px;
	clear: none;
	padding-top: 60px;
	text-align: right;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
}

#upperHolder #Contents #AddIns a {
	color: #FFF;
	text-decoration: none;
}

#upperHolder #Contents #AddIns a:hover {
	color: #CCC;
	text-decoration: none;
}

#upperHolder #Contents  #mogStampe {
	float: right;
	height: 82px;
	width: 81px;
	display: block;
	margin-top: 4px;
	margin-right: 14px;
}

#upperHolder #Contents #IntroNaslov {
	float: left;
	height: 29px;
	width: 920px;
	padding-top: 59px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	color: #F6E490;
}

#upperHolder #Contents #Options {
	clear: none;
	float: left;
	height: 42px;
	width: 448px;
	padding-top: 48px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#upperHolder #Contents #Options dl {  
    margin: 0; 
	padding: 0;
}

#upperHolder #Contents #Options dt { 
    float: left;
}

#Options dt a {
	display: block;
	height: 42px;
	padding: 13px 0 0 10px;
	background-repeat: no-repeat;
	color: #f6e28e;
	text-shadow: #000 -1px -1px 0px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* za prelazak mišem preko opcija - pomeranje na gore za 37px a horizontalno ostaje isto */
#Options dt a:hover {
	background-position: 0 -42px;
	color: #f6e28e;
	text-shadow: #000 0px 0px 0px;
}

#Options dt#kuhinja, #Options dt#kuhinja a { 	width: 97px; 	background-image: url(../images/dugme1.jpg); }
#Options dt#kupatilo, #Options dt#kupatilo a { width: 97px; 	background-image: url(../images/dugme2.jpg); }
#Options dt#basta, #Options dt#basta a { width: 79px; 	background-image: url(../images/dugme3.jpg); }
#Options dt#ambalaza, #Options dt#ambalaza a { width: 97px; 	background-image: url(../images/dugme4.jpg); }
#Options dt#ostalo, #Options dt#ostalo a { width: 78px; background-image: url(../images/dugme5.jpg); }

body.kuhinja dt#kuhinja,
body.kuhinja dt#kuhinja a,
body.kuhinja dt#kuhinja a:hover,
body.kupatilo dt#kupatilo,
body.kupatilo dt#kupatilo a,
body.kupatilo dt#kupatilo a:hover,
body.basta dt#basta,
body.basta dt#basta a,
body.basta dt#basta a:hover,
body.ambalaza dt#ambalaza,
body.ambalaza dt#ambalaza a,
body.ambalaza dt#ambalaza a:hover,
body.ostalo dt#ostalo,
body.ostalo dt#ostalo a,
body.ostalo dt#ostalo a:hover {
	background-position: 0 -84px;
	color: #900;
	text-shadow: #FFF 1px 1px 0px;
}

#midHolder {
	display: block;
	clear: right;
	width: 960px;
	padding: 0px;	/*position: fixed;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#midHolder .UvodniPozdrav {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #950909;
	font-variant: small-caps;
	text-align: center;
	display: block;
	clear: right;
	float: left;
	width: 948px;
	font-weight: bold;
}

#midHolder .UvodniPozdrav a {
	text-decoration: none;
}

#midHolder #mainNONFixed {
	display: block;
	clear: none;
	float: left;
	height: auto;
	width: 958px;
	background-color: #F6E490;
	border-right-width: thin;
	padding: 0px;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}

#midHolder #mainNONFixed .imgCaption {
	display: block;
	clear: none;
	float: left;
	height: 18px;
	width: 243px;
	margin-top: 20px;
	margin-right: 38px;
	margin-bottom: 0px;
	margin-left: 38px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #510;
	text-align: center;
}

#midHolder #mainNONFixed .imgstampaN {
	display: block;
	clear: none;
	float: left;
	height: 250px;
	width: 243px;
	margin-top: 5px;
	margin-right: 38px;
	margin-bottom: 20px;
	margin-left: 38px;
}

#midHolder #mainNONFixed .imgstampaV {
	display: block;
	clear: none;
	float: left;
	height: 370px;
	width: 243px;
	margin-top: 5px;
	margin-right: 38px;
	margin-bottom: 20px;
	margin-left: 38px;
}

#midHolder #mainNONFixed .stavka, #midHolder #mainNONFixed .podstavka {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #510;
	text-align: left;
	display: block;
	clear: both;
	float: left;
	width: 930px;
	margin-bottom: 5px;
	margin-left: 20px;
	height: auto;
}

#midHolder #mainNONFixed .podstavka {
	width: 910px;
	margin-left: 40px;
	height: auto;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
}

ul.tree {
	list-style-type: none;
	background-image: url(../../images/vline.png);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #510;
}
  
ul.tree a, ul.tree ul a {
	font-weight: bold;
}
  
ul.tree li {
	list-style-type: none;
	line-height: 20px;
	background-color: #F6E490;
	background: url(../../images/node.png) no-repeat;
	color: #510;
	font-weight: normal;
	padding-left: 10px;
	margin-left: -40px;
}
  
ul.tree li.last {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #510;
	background-color: #F6E490;
	background-image: url(../../images/lastnode.png);
	background-repeat: no-repeat;
	padding-left: 10px;
} 

#midHolder #mainFixed {
	display: block;
	clear: none;
	float: left;
	height: 445px;
	width: 958px;
	background-color: #F6E490;
	border-right-width: thin;
	padding: 0px;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}

#midHolder #mainFixed .izborArtikala {
	clear: none;
	float: left;
	height: 445px;
	width: 200px;
	background-image: url(../../images/levistub.png);
}

#midHolder #mainFixed .izborArtikala dl {
	display: block;
	height: 420px;
	width: 190px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#midHolder #mainFixed .izborArtikala dt {
	margin-top: 5px;
	margin-left: 5px;
	height: 96px;
	width: 96px;
	float: left;
	clear: left;
}

#midHolder #mainFixed .izborArtikala dt.neaktivna {
	margin-top: 5px;
	margin-left: 5px;
	height: 76px;
	width: 76px;
	float: left;
	clear: left;
}

#midHolder #mainFixed .izborArtikala .grupaArt0,
#midHolder #mainFixed .izborArtikala .grupaArt1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #510;
	clear: right;
	float: right;
	width: 80px;
	text-align: left;
	display: block;
	height: 20px;
	padding-top: 70px;
	margin-top: 5px;
	margin-left: 5px;
}

#midHolder #mainFixed .izborArtikala .grupaArt0 {
	padding-top: 50px;
	color: #A45944;
	font-weight: normal;
}

#midHolder  #mainFixed #slicica {
	height: 284px;
	width: 370px;
	clear: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

#midHolder #mainFixed  .caption{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
}

#midHolder #mainFixed .ramTrecina {
	display: block;
	clear: none;
	float: left;
	height: 385px;
	width: 300px;
	background-color: #F6E490;
	padding: 6px;
	margin-left: 2px;
}

#midHolder #mainFixed .ramTrecinaSrednji {
	display: block;
	clear: none;
	float: left;
	height: 385px;
	width: 300px;
	background-color: #F6E490;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BC875B;
	border-left-color: #BC875B;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-right: 5px;
	margin-left: 2px;
}

#midHolder  #mainFixed p, #midHolder  #mainNONFixed p {
	padding-right: 10px;
	padding-left: 10px;
	clear: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	color: #510;
	text-align: justify;
	text-indent: 40px;
}

#midHolder #mainFixed .ramTrecina p, #midHolder #mainFixed .ramTrecinaSrednji p,
#midHolder #mainFixed .ramTrecina p.naslov, #midHolder #mainFixed .ramTrecinaSrednji p.naslov{
	padding-left: 15px;
	padding-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	color: #510;
	text-indent: 0px;
	width: 280px;
	display: block;
}

#midHolder #mainFixed .ramTrecina p.naslov, #midHolder #mainFixed .ramTrecinaSrednji p.naslov{
	background-color: #E4C87F;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#midHolder  #mainFixed a, #midHolder  #mainNONFixed a {
	color: #510;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#midHolder  #mainFixed ul {
	color: #510;
	line-height: 16px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 250px;
}

#midHolder  #mainFixed ul.zaUvecanje {
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
}

#midHolder #mainFixed #prostorZaStavke {
	float: right;
	clear: right;
	padding: 0px;
	margin: 0px;
	height: 425px;
	width: 758px;
}

#midHolder #mainFixed #prostorzaLinkove {
	float: right;
	padding: 0px;
	height: 20px;
	width: 758px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#prostorZaStavke .okvirArtikla {
	background-image: url(../../images/artcmd/okvirArtikla.png);
	background-repeat: no-repeat;
	clear: none;
	height: 130px;
	width: 180px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #510;
	background-position: center top;
	text-align: left;
	float: left;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 4px;
	margin-top: 5px;
}

#prostorZaStavke .okvirArtikla .slicica {
	clear: none;
	float: left;
	height: 110px;
	width: 150px;
}

#prostorZaStavke .okvirArtikla .bojice {
	clear: right;
	float: right;
	height: 71px;
	width: 30px;
	margin-top: 8px;
}

#prostorZaStavke .okvirArtikla .bojice .bojaPojedina {
	clear: none;
	float: left;
	height: 13px;
	width: 13px;
	margin-right: 1px;
	display: block;
	margin-bottom: 1px;
}

#prostorZaStavke .okvirArtikla .okvirAdmCmd {
	width: 27px;
	height: 27px;
	float: right;
	margin-right: 2px;
}

#prostorZaStavke .okvirArtikla .okvirAdmCmd .btnNovo {
	clear: right;
	float: left;
	height: 9px;
	width: 27px;
}

#prostorZaStavke .okvirArtikla .okvirAdmCmd .btnInfo {
	clear: none;
	float: left;
	height: 18px;
	width: 13px;
	margin-top: 1px;
}

#prostorZaStavke .okvirArtikla .okvirAdmCmd .btnErase {
	clear: none;
	float: right;
	height: 18px;
	width: 13px;
	margin-top: 1px;
}

#prostorZaStavke .okvirArtikla .nazivArt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #510;
	width: 159px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 12px;
	text-align: left;
	height: 15px;
	clear: left;
}

#mainFixed form.login {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

form.edit {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#mainFixed form.login legend, form.edit legend {
	margin-left: 1em;
	color: #510;
	font-weight: bold;
	margin-bottom: 15px;
	background-color: #F6E490;
}  

#mainFixed form.login fieldset, form.edit fieldset{
	border: thin dotted #C30;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F9EAA4;
}

#mainFixed form.login fieldset label, form.edit fieldset label {
	float: left;
	width: 100px;
	margin-right: 1em;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#mainFixed form.login fieldset .polje, form.edit fieldset .polje {
	float: left;
	text-align: left;
	width: 120px;
	clear: right;
}

form.edit fieldset .velikopolje {
	float: left;
	text-align: left;
	width: 240px;
	clear: right;
}
	
form.edit fieldset .cheker {
	float: left;
	text-align: left;
	width: 20px;
	clear: none;
}

#mainFixed form.login fieldset.ispodObrasca, form.edit fieldset.ispodObrasca {
	width: 260px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F6E490;
}

form.edit fieldset.ispodObrasca {
	width: 800px;
}

#mainFixed form.login fieldset.ispodObrasca .dugme, form.edit fieldset.ispodObrasca .dugme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	width: auto;
	height: auto;
	padding-right: 15px;
	padding-left: 15px;
}

#mainFixed form.login input, form.edit input {
	clear: both;
	text-align: center;
}

.Naslov1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #950909;
	font-variant: small-caps;
	text-align: center;
	display: block;
	clear: right;
	float: left;
	width: 958px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	height: 25px;
}

#mainFixed #lnkStrana {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #510;
	display: block;
	text-align: center;
	clear: right;
	float: right;
	height: 19px;
	width: 750px;
	background-image: url(../../images/lnkBack.gif);
	background-repeat: no-repeat;
	margin-right: 4px;
}

#mainFixed #lnkStrana a {
	text-decoration: none;
	color: #510;
	font-weight: bold;
}

#mainFixed #lnkStrana form.formLnkStr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #510;
	display: inline;
	clear: none;
	height: 19px;
	width: auto;
}

#mainFixed #lnkStrana form.formLnkStr .dugme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	display: inline;
	width: auto;
	height: 19px;
	padding-right: 5px;
	padding-left: 5px;
}

#mainFixed  #lnkStrana form.formLnkStr select {
	text-align: left;
	height: 19px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #510;
}

#mainFixed  #lnkStrana form.formLnkStr option {
	text-align: left;
	height: 19px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #510;
}

#mainFixed  #lnkStrana option[selected] {
	color: #FFF;
	background-color: #510;
}

#midHolder #uvodnaSlika{
	height: 280px;
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 90px;
	display: block;
	background-image: url(../../images/osnovnamaska.png);
	background-repeat: no-repeat;
	background-position: top;
	visibility: visible;
	overflow: visible;
}

#midHolder #introSlika{
	height: 280px;
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 90px;
	display: block;
	text-align: center;
}

#bottomHolder {
	display: block;
	clear: right;
	width: 958px;
	padding: 0px;	/*position: fixed;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	background-color: #F6E490;
}

#bottomHolder #DLInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	display: block;
	color: #510;
}

#bottomHolder .linkovi {
	font-size: 12px;
	color: #510;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding-top: 30px;
}

#bottomHolder .linkovi .separator {
	color: #A45944;
	width: 20px;
	clear: none;
	display: inline-block;
	text-align: center;
}

#bottomHolder #DLInfo a:link, #bottomHolder .linkovi  a:link {
	font-weight: bold;
	text-decoration: none;
	color: #510;
}

#bottomHolder #DLInfo a:hover, #bottomHolder .linkovi  a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #003;
}

#bottomHolder #DLInfo a:visited, #bottomHolder .linkovi  a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #510;
}

#Footer {
	height: 12px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#Footer #bottomLeft {
	background-image: url(../../images/lowlpin.gif);
	height: 12px;
	width: 13px;
	clear: none;
	float: left;
	display: block;
}

#Footer #bottomMid {
	background-image: url(../../images/lowmback.gif);
	background-repeat: repeat-x;
	height: 12px;
	width: 934px;
	clear: none;
	display: block;
	float: left;
}

#Footer #bottomRight {
	background-image: url(../../images/lowrpin.gif);
	display: block;
	clear: none;
	float: right;
	height: 12px;
	width: 13px;
}

.maliTekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #510;
	text-align: left;
	width: 295px;
}

.uvucenaTabela {
	padding-left: 12px;
}

.uvucenInfo {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 15px;
	width: 280px;
}

.brojevi {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #510;
	font-weight: bold;
}

.umanjeniPodaci {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
    padding-left: 0px;
}

.boja1, .boja2, .boja3, .boja4, .boja5, .boja6, .boja7, .boja8, .boja9, .boja10, .boja11, .boja12, .boja13, .boja14, .boja15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
	
.boja1 {
	color:#CCC;
}

.boja2 {
	color:#FFF;
}

.boja3 {
	color:#FC9;
}

.boja4 {
	color:#FF0;
}

.boja5 {
	color:#F60;
}

.boja6 {
	color:#F00;
}

.boja7 {
	color:#9FF;
}

.boja8 {
	color:#6CF;
}

.boja9 {
	color:#0CF;
}

.boja10 {
	color:#F9F;
}

.boja11 {
	color:#F0F;
}

.boja12 {
	color:#6F6;
}

.boja13 {
	color:#3C0;
}

.boja14 {
	color:#900;
}

.boja15 {
	color:#000;
}
