html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: #e6e6e6 url(bg/body.gif) repeat-x 0 0;
    font:11px Verdana, Arial, sans-serif;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align:top;
}

em{font-style:italic;}
/* text styling */

h1, h2, h3{ font-weight:bold; display:block; }
h1{ font-size:18px; padding-right:45px; padding-bottom:15px; background:url(bg/h1-square.gif) no-repeat 100% 0; position:relative; }
h3{ font-size:9px; line-height:25px; text-transform:uppercase; background:#00589a url(bg/h3.gif) no-repeat 0 0; color:#fff; }
p{ padding:10px 0; }
a{ color:#00589a; }
a:hover{ text-decoration:none; }
ol, ul{ margin-left:20px; }

/* main containers styling  */

#container{ width:950px; margin:0 auto; border:1px solid #ccc; padding:5px; background:#fff url(bg/bg.gif) repeat-x 0 -1px; /**/ }
#header{ /**/ height:95px; background:#00589a url(bg/header.jpg) no-repeat 0 0; position:relative; }
#navigation{ height:30px; margin:5px 0; background:#de0000 url(bg/navigation.gif) no-repeat 0 0; }
#breadcrumbs{  }
#main{ float:left; margin:7px 0; padding-bottom:50px; background:url(bg/bg-line.gif) repeat-y 0 2px; }
    #content{ float:right; width:675px; padding:20px 55px 0 35px; /**/ }
    #sidebar{ float:left; width:180px; padding:5px 5px 0  0; /**/ }
#footer{ position:relative; clear:both; padding:0 10px; }
/* breadcrumbs & footer */
.track{ height:35px; background:#00589a url(bg/track.gif) no-repeat 0 0;  }
a#logo{ width:110px; height:70px; display:block; position:absolute; left:35px; top:13px; text-indent:-9999px; }
/* breadcrumbs */

#breadcrumbs ul{ margin-left:10px; padding:7px 0 8px 0; }
#breadcrumbs li{ display:inline; padding-left:13px; line-height:20px; background:url(bg/crumbs.gif) no-repeat 3px 50%; color:#fff; }
#breadcrumbs .crumbs-root{ padding-left:0; background:none; }
#breadcrumbs .crumbs-here{ padding-left:15px; background:url(bg/crumbs-arrow.gif) no-repeat 0 0; }
#breadcrumbs a{ color:#fff; }

/* submenu */

.submenu{ margin-top:20px; margin-left:-10px; }
.submenu li{ display:inline; padding-right:15px; padding-left:10px; background:url(bg/dots.gif) no-repeat 100% 0; }
.submenu a{ text-decoration:none; padding-left:10px; background:url(bg/triangle.gif) no-repeat 0 60%; }
.submenu a:hover{ color:#000; }

/* navigation */

#navigation ul{ list-style:none; float:left; margin-left:0; padding-left:7px; }
#navigation li{ float:left; font:bold 9px/30px Verdana, Arial, sans-serif; text-transform:uppercase; }
#navigation a{ display:block; text-decoration:none; background:url(bg/navigation-icon.gif) no-repeat -5px 50%; color:#fff; padding:0 19px; }
#navigation a:hover, #navigation .top-active{ background-color:#b50002; }

/* sidebar */

#sidebar div{ margin-bottom:5px; background:url(bg/sidebar-div.gif) no-repeat 0 100%; }
#sidebar span{ display:block; padding-left:25px; background:url(bg/h3-bullet.gif) no-repeat 6px 50%; }
#sidebar ul{ margin-left:0; padding:10px 10px; list-style:none; }
#sidebar h3 a{ display:block; color:#fff; text-decoration:none; }
#sidebar h3 .show-obavijesti{ background:url(bg/h3-link.gif) no-repeat 0 0; padding-left:25px; }
#sidebar li{ background:url(bg/submenu-dots.gif) repeat-x 0 100%; padding-bottom:4px; }
#sidebar li a{ background:url(bg/submenu-arrow.gif) no-repeat 0 50%; color:#000; text-decoration:none; display:block; padding:4px 0 2px 15px; }
#sidebar li a:hover, #sidebar li a.active { color:#00589a; }

/* okruznice */

.okruznice dt{ font-weight:bold; padding:10px 0 3px; background:url(bg/submenu-arrow.gif) no-repeat 0 50%; padding-left:20px; }
.okruznice dd{ padding:0 0 10px 20px; background:url(bg/dot.gif) repeat-x 0 100%; }

/* search */


form{ margin:0; display:block; }
#sidebar .search-obavijesti{ margin:0 0 5px; padding:5px 15px 10px; background:#6EACE0 url(bg/search.gif) no-repeat 0 100%; }
.search-obavijesti label{ display:block; font:bold 10px Verdana, Arial; padding-top:5px; color:#fff; }
.search-obavijesti select{ margin-right:10px; }
.search-obavijesti input{ width:138px; font:10px Verdana, Arial; padding:2px; }
.search-obavijesti .submit{ width:auto; cursor:pointer; background:#145286; color:#fff; font:9px Arial; text-transform:uppercase; margin-top:10px; border:1px solid #95ceff; border-bottom-color:#00335f; border-right-color:#00335f; padding-bottom:0; }

/* footer */

#footer p{ color:#fff; }
#ador{ position:absolute; top:12px; right:10px; display:block; width:16px; height:9px; background:url(bg/ador.gif) no-repeat 0 0; }
#ador span{ display:none; }


.tPadd td{ border:1px solid #999; padding:10px 5px; }
.borderless td{ border:0; padding:5px; }
.tPadd .header{ background:#00589A; color:#fff; font-weight:bold; text-align:center; padding:4px; }
.tPadd .headerSort{ background:#00589A url(bg/bg-sort.gif) no-repeat 50% 100%;; color:#fff; font-weight:bold; text-align:center; padding:10px; cursor:pointer; }

.tPadd .headerSortUp { background:#00589A url(bg/asc.gif) no-repeat 50% 100%; } 
.tPadd .headerSortDown { background:#00589A url(bg/desc.gif) no-repeat 50% 100%; } 


img{ margin-right:10px; margin-bottom:10px; border:2px solid #ccc; }
.zakoni td img, #sidebar img{ margin:0; border:0; }

.zakoni{ padding-bottom:15px; }
.zakoni strong{ color:#333; }
.zakoni td{ padding-bottom:20px; }
.zakoni tr:hover{ background:#f9f9f9; }
.checkSpam{ visibility:hidden; }

h4 input{ background:#428DC5; border:3px double #00589A; color:#fff; font-weight:bold; cursor:pointer; }

/* narudzba kataloga */

#catalog-order h4{ display:block; background:#f5f5f5; color:#333; font-size:11px; font-weight:bold; text-align:center; margin-bottom:5px; padding:5px 0; }

.napomena{color:red;}
.objasnjenje{color:green;}
#sidebar .side-images{ padding:10px 10px 10px 0; background:none; text-align:center; }

#potvrde{ position:absolute; right:0; top:0; display:block; background:#DE0000; height:26px; color:#fff; text-align:center; padding:0 5px; font:bold 10px/26px Verdana; text-decoration:none; }


.forma-za-print table{ width:100%; border-collapse:collapse; }
.forma-za-print h1{ background:none; }
.forma-za-print h2{ margin:0; background:none; padding:20px 0; text-align:center; }
.forma-za-print caption{ text-align:center; padding:7px; }
.podaci td, .grid td, .grid th, .forma-header td{ padding:5px 8px; }
.podaci td, .grid td, .grid th{ border:1px solid #ccc; }

.grid th{ font-weight:bold; }

td.gray{ background:#ccc; height:15px; }

td.centered{ width:50%; padding-bottom:35px; text-align:center; }

/* Jflash */
.alt{ display:none; }
#flash-content{ text-align:center; }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
background:#f5f5f5 url(bg/h2-arrow.gif) no-repeat 2px -2px; margin-bottom:10px; margin-left:-25px; padding:5px 0 5px 25px;
}