* {
margin:0pt;
padding:0pt;
}
img {border:0pt none;}
html {
color:#000000;
height:100%;

}
body{
background:#ab090d;
height:100%;
width:100%;
font-family: Helvetica, Tahoma,Verdana, Arial, sans-serif;
font-size: 10pt;
}
h1{
font-family: Helvetica, Tahoma,Verdana, Arial, sans-serif;
font-size: 180%;
margin:5px 20px;
float:right;
}
.tc {
text-align:center;
}
.dodaj{
vertical-align:middle;
}
.traka{
background:#ab090d url("/img/traka_gore2.png") no-repeat left top;
height:115px;
}
.traka h1{
font-weight:normal;
}
.content{
margin:20px 30px;
font-size: 110%;
}
.content_trazi{
margin:20px 10px;
}

ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
a:link,a:visited,a:active { color: #91cd37; text-decoration: none; }
a:hover { color: #617d37; text-decoration: none;}

a.as:link,a.as:visited,a.as:active,a.as:hover { font-weight: bold;color: #617d37; text-decoration: underline; }

a.greylink,a.greylink:link,a.greylink:visited,a.greylink:active,a.greylink:hover { color: #AAA; text-decoration: nonr; }

.fa{ cursor:pointer; }
.red { color:Red; }

hr{background:#777;margin:4px;}



.section_h {
width:100%;
background:#21292e;
}
.section_c {
width:100%;
background:#ab090d;
}
.cl{clear:both;}
.fl{float:left;}

#header{
width:950px;
height:150px;
margin:0pt auto;
}
#logo{
vertical-align: bottom;
padding-top:0px;
left:40px;
padding:0px;
height:150px;
width:300px;
float:left;
position:relative;
}
#target {
	height: 150px;
	width: 187px;
	position: absolute;
	cursor: move;
	z-index:2000;
}

#logo2{
vertical-align: bottom;
padding-top:70px;
padding-left:50px;
height:80px;
float:right;
text-align:right;
}
#loginbox{
float:right;
color:#EEE;
background:#21293e;
border:1px dotted #888;
padding:4px;
margin:4px;
}

#kosarica{
float:right;
font-size: 9pt;
color:#000;
background:transparent url("/img/kosarica-small.png") no-repeat scroll 0 0;
width:50px;
height:90px;
overflow:hidden;
padding:0px 0px;
margin:0px 0px;
position:relative;
left:150px;
top:150px;
z-index:100;
}
#kosarica a{
text-align:center;
padding:18px 20px;
font-size: 10pt;
}
#kosarica>div>img{
padding:5px;
}

#macula-mini{
background: transparent url("/img/macula-mini.png") no-repeat scroll 0 0;
width:25px;
height:24px;
position:absolute;
display:none;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

#body{
width:950px;
height:100%;
margin:0pt auto;
}

#stupac_lijevi{
width:230px;
background:#FFF;
height:100%;
min-height:700px;
}
#centar{
width:720px;
color:#FFF;
height:100%;
overflow:hidden;
}


.rrub{
float:left;
min-height:400px;
width:7px;
}


#meni{
margin:10px;
font-size:120%;
text-align:center;
vertical-align:middle;
}
#meni ul li { padding:9px;color: #000;  vertical-align:middle; }
#meni ul li:hover { padding:9px;color: #000;  }

#meni ul li a, #menia ul li a:visited, #menia ul li a:active { color: #000; text-decoration: none; }
#meni ul li a:hover { color: #91cd37; text-decoration: none; }

#katalog{
margin:10px;
}
#katalog select {
background:#ab292d;
color:#FFF;
min-width:150px;
}



#admin{
margin:10px;
padding:10px;
background:#111;
border:1px dotted #888;
height:100%
}

.admtb a{
color:#229;
}

.admtb{
background-color: #b1d1fd;
color:#000;
font-size:12px;
}
.admtb td{
border-right:1px solid #EEF2F2;
border-bottom:1px solid #EEF2F2;
padding:1px;
}
.admtb tr{

}
.admtb tr:hover{
background-color: #EEF292;
}
.admtb th{
border-right:1px solid #EEF2F2;
border-top:1px solid #FFF;
border-bottom:1px solid #111;
background-color: #2a417e;
color:#EEE;
padding:1px;
}

#frm_add {
text-align:right;
padding:5px;
background-color: #b1d1fd;
color:#000;
border:1px solid #FFF;
margin:5px;

}

#container_spremnik {
background:#ab292d;
float:left;margin:4px;padding:2px;
border:1px dotted #885;
position: absolute;
z-index: 900;
top:0px;
}


.COLOR{
height:18px;padding-left:18px;
background-image: url("/img/icons/color_wheel.png");
background-repeat: no-repeat; }
.BLACK{
height:18px;padding-left:18px;
background-image: url("/img/icons/contrast.png");
background-repeat: no-repeat; }

.slike{
float:left;
margin:2px;
}


.kat_opt {
background-color:#21282e;
padding:10px;
margin:0px 10px;
border:3px ridge White;
width:628px;
}

.rez_top {
background:#21282e url("/img/rez_top.png") no-repeat left top;
height:30px;
width:658px;
padding: 25px 0pt 0pt 30px;
}
.rez_mid {
background:#21282e url("/img/rez_mid.png") repeat-y left top;
padding:0 10px;
width:668px;
}
.rez_bot {
background:#21282e url("/img/rez_bot.png") no-repeat left top;
height:25px;
width:688px;
}
.rez_item{
float:left; margin:0 10px;
}


.item_top {
background:#21282e url("/img/item_top2.png") no-repeat left top;
height:19px;
width:640px;
}
.item_mid {
background:#21282e url("/img/item_mid2.png") repeat-y left top;
padding:0px 10px;
width:620px;
}
.item_bot {
background:#21282e url("/img/item_bot2.png") no-repeat left top;
height:15px;
width:640px;
margin-bottom:4px;
}

.modelopt{padding-left:10px;margin-left:10px;}
.modelgrp{background-color:Black;}

.tbcjenik{
background-color:#21282d; margin:15px;
border-right:2px solid white;
border-top:2px solid white;
}
.tbcjenik td{
border-left:1px solid white;
border-bottom:1px solid white;
padding:2px;
}
.tbcjenik th{
border-left:2px solid white;
border-bottom:2px solid white;
padding:2px;
}

.cjenik2{
background-color:#21282d; margin:15px;
border-right:2px solid white;
border-top:2px solid white;
width:600px;
}
.cjenik2ar,.cjenik2cj{
background-color:#21282d;
border-left:1px solid white;
border-bottom:1px solid white;
padding:1px;
margin:0px;
font-size:11px;
overflow:hidden;
float:left;
height:13px;
}
.cjenik2ar{
width:514px;
}
.cjenik2cj{
width:80px;
text-align:right;
}
.refill {
font-weight: bold;color: #718d47;
}


.spremnikVal{
font-size:10px;
width:20px;
height:13px;
text-align:center;
}

.onama {
	background-color: #EEE;
}
.onama td {
	padding: 2px 5px;
	background-color:#ab090d;
}


.koraci {
font-size:13px;
padding:10px;
color:#999;
text-align:center;
}
.koraci div {
padding:10px;
}
.korak {
color:#FFF;
border:1px dotted #FFF;
}
.button {
pading:3px;
margin:3px;
border:1px solid #111;
background-color:#EEE;
color:#000;
}