@charset "utf-8";
/* VOLF PROM */
 
body { font-family:Arial; font-size: 12px; color:#333; margin:0px; color: #333;
                scrollbar-3dlight-color:white;
                scrollbar-arrow-color:white;
                scrollbar-track-color:white;
                scrollbar-darkshadow-color:white;
                scrollbar-face-color:gray;
                scrollbar-highlight-color:white;
                scrollbar-shadow-color:white                                                   
}

ul { margin:0px; padding:0px; }

#container { width:800px; background-image:url(../artwork/header-bg.jpg); background-repeat:repeat-x;  position:absolute; margin-left:200px;  background-position: 0 -25px;}

#nav-container { position:absolute; background-image:url(../artwork/nav-bg.jpg); background-repeat:no-repeat; width:200px; float:left; height:600px; background-position: right -25px; background-color: #fff; }

#hedar-bg {margin-left: -7px; height:156px;  }

#kosarica { height:50px; padding-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f3f3f3; } 
.form-bg { background-image:url(../artwork/field.jpg); background-repeat: no-repeat; width:140px; height:18px; border:none; padding: none}
#tekst-container { margin-top:20px; margin-left:10px; } 
#tekst-container a { font-family:Arial, Helvetica, sans-serif; color:#006699; font-size:12px;  } 
#tekst-container a:hover { font-family:Arial, Helvetica, sans-serif; color:#006699; font-size:12px; text-decoration:none;  } 

#nav-container li { font-size:11px;	background-color:#FDFDFD; border-bottom: 1px solid #e8eaec; list-style-type: none;	margin-right:2px; font-family: Arial, Helvetica, sans-serif; color: #333333; width:180px; }

#nav-container li a { color: #333; display:block; text-decoration: none;	width:180px; }

#nav-container li a span { display:block; padding-top:8px; padding-bottom:8px; padding-right:6px; padding-left:12px; }

#nav-container li span { display:block; padding-top:7px; padding-bottom:7px; padding-right:6px; padding-left:12px; }

#nav-container li li span { margin-left:15px; padding: 3px; }
#nav-container li li a { background-image:url(../artwork/shadow-sub-nav.jpg); background-repeat:repeat-y;  }


#nav-container li li li span { margin-left:30px;  }
#nav-container li li li a  { background-image:url(../artwork/shadow-nav-selceted.jpg); background-repeat:repeat-y;  }

#nav-container li li li li span { margin-left:60px;  }
#nav-container li li li li a  { background-image:url(../artwork/shadow-sub-sub-nav.jpg); background-repeat:repeat-y;  }

#nav-container li a:hover { background-image:url(../artwork/shadow-nav-selceted.jpg); background-repeat:repeat-y; background-color:#F7F7F7; }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:0px; padding:0px; font-weight:normal; }

#navbar-cont {margin: 15px}
.navbar { color: #333; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:0px; padding:0px; font-weight:normal; }

#user-name { background-repeat:no-repeat; color:f3f3f3; float:left; width:150px; }
#cobani {  background-image:url(../artwork/cobani.jpg); float:left; width:25px; height:30px; margin-top:7px; margin-right:13px; background-repeat:no-repeat; }
.pass-name { color:#f3f3f3; float:left; width:148px; }
.container-login{ color:#f3f3f3; float:left; width:550px; }
#kosarica_cont { background-image:url(../artwork/kosarica.jpg); background-repeat:no-repeat; padding:0px 0px 0px 60px; margin-top:7px; color:f3f3f3; float:left; width:160px; }

.element { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }

.strelica { width:10px; height:10px; float:left; margin-right:10px; border:none; margin:10px 5px 5px 0px; }

.black_a { color:orange;}
.black_a:hover {text-decoration: none;}
                  
.left_img { width: 150px; margin-top:10px; }

/* SLIKA */
.banner_img 
{
	border:1px #e7e2d3 solid;
	padding:5px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75
}

.banner_img:hover
{
filter:alpha(opacity=100);-moz-opacity:1;opacity:1
}                                                           

#cedam { width:120px; height:55px; background-image:url(../artwork/logo/cedam.jpg); }
#cedam:hover { background-position:126px; }

#nibco { width:120px; height:55px; background-image:url(../artwork/logo/nibco.jpg); }
#nibco:hover { background-position:127px; }

#perfexim { width:120px; height:55px; background-image:url(../artwork/logo/perfexim.jpg); }
#perfexim:hover { background-position:123px; }

#rawiplast { width:120px; height:55px; background-image:url(../artwork/logo/rawiplast.jpg); }
#rawiplast:hover { background-position:124px; }      

#akcije {float: left;position: absolute; background-color: #eee; height: 137px; width: 307px; left: 467px;
         padding: 10px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
         border-left: 6px solid #B5C6CF; overflow: hidden; z-index: 10;}  
         
#logo-partneri img { border:none; }