body { margin: 0; text-align: center; font-size: 13px; font-family: Arial; }
img { border: none; }
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
ul { margin: 0; padding: 0; list-style-type: none; }
.clr { clear: both; font-size: 1px; height: 1px; }
html>body .clr { height: 1px; } /* for opera */

#menu-a11y { position: absolute; text-indent: -9999px; overflow:hidden; list-style:none; }

#wrap { width: 980px; margin: auto; margin-top: 1px; text-align: left; }


/* ------------------------------------------------------------------------------ */


#top #top-menu-1 { margin: 0 0 10px 30px;}
#top #top-menu-1 li { float: left; font-size: 13px; border-left: 1px solid black; padding: 0 8px 0 8px;}
#top #top-menu-1 li.first { border: none; padding-left: 0; width: 132px; }
#top h1 { text-indent: -9999px; overflow: hidden; background: url(../lay-gfx/top-h1.jpg) no-repeat 0 10px; width: 140px; height: 80px; float: left; margin: 0 0 0 30px; border-right: 1px dotted gray;}

#top #top-search { width: 230px; height: 70px; float: left;  margin: 5px 0 0 10px;}
#top #top-search span { color: #034094; font-size: 16px; margin-bottom: 5px; display: block; }
#top #top-search div { background: #dedede; width: 210px; }
#top #top-search form {  background: url(../lay-gfx/top-search-bl.gif) 0 100% no-repeat; position: relative; margin: 0; padding: 0; }
#top #top-search form input { width: 150px; margin: 15px 0 10px 15px; padding:0; height: 20px; border: none; }
#top #top-search img { position: absolute; right: -5px; bottom: -5px; }

#top #top-menu-2 { float: left; margin: 60px 0 0 40px;  }
#top #top-menu-2 li { float: left; font-size: 13px; border-left: 1px solid black; padding: 0px 7px 0 7px;}
#top #top-menu-2 li.first { border: none; }
#top #top-menu-4 { float: left; margin: 0 0 0 0; width: 363px; vertical-align: middle}

#top #top-button-news { display: block; float: left; margin: 20px 5px 0 0; width: 67px;}
#top #top-button-dizajn { display: block; float: right; width: 281px;}

#top #top-banner { clear: both; margin-top: 10px; }
#top #top-banner-1 { float: left; }
#top #top-banner-2 { float: right; }

#top #top-menu-3 { clear: both; margin: 10px 0 15px 0; height: 89px; width: 994px; /* for ie6 */ } 
#top #top-menu-3 div { float: left; height: 89px; }
#top #top-menu-3 #top-menu-3-l { background: url(../lay-gfx/top-menu-3-l.jpg) no-repeat; width: 4px; }
#top #top-menu-3 #top-menu-3-m { background: url(../lay-gfx/top-menu-3-m.jpg) repeat-x;  width: 972px;}
#top #top-menu-3 #top-menu-3-r { background: url(../lay-gfx/top-menu-3-r.jpg) no-repeat; width: 4px; }
#top #top-menu-3 ul { line-height: 29px;}
#top #top-menu-3 li { float: left; font-size: 13px; padding: 0 19px 0 17px;}
#top #top-menu-3 li.last { background: none !important; }
#top #top-menu-3 li a { float: left; color: white; }

#top #top-menu-3 #top-menu-3-1 li { background: url(../lay-gfx/top-menu-3-sep-1.jpg) 100% 50% no-repeat; }
#top #top-menu-3 #top-menu-3-2 li { background: url(../lay-gfx/top-menu-3-sep-2.jpg) 100% 50% no-repeat; }

#top #top-menu-3 #top-menu-3-1 { height: 29px; }
#top #top-menu-3 #top-menu-3-2 { margin-top: 1px;  height: 56px; }
 

/* ------------------------------------------------------------------------------ */


#left { clear: both; width: 176px; float: left; font-size: 13px; }
#left li { font-size: 13px; padding: 5px 0 5px 10px; }

#left #left-box-1 #left-box-1-tl { float: left; width: 4px; height: 24px; background: url(../lay-gfx/left-box-1-tl.jpg); }
#left #left-box-1 #left-box-1-tm { float: left; width: 162px; height: 20px; background: url(../lay-gfx/left-box-1-tm.jpg); font-size: 14px; color: white; padding: 4px 0 0 7px; }
#left #left-box-1 #left-box-1-tr { float: left; width: 3px; height: 24px; background: url(../lay-gfx/left-box-1-tr.jpg); }
#left #left-box-1 #left-box-1-m { background: url(../lay-gfx/left-box-1-m.jpg) repeat-y; padding: 5px 0 10px 0; }
#left #left-box-1 #left-box-1-b { height: 11px; background: url(../lay-gfx/left-box-1-b.jpg) 0 0 no-repeat; }

#left #left-box-2 #left-box-2-m { background: url(../lay-gfx/left-box-2-m.jpg) repeat-x; border: 1px solid #dedede; border-bottom: none;}
#left #left-box-2 #left-box-2-b { background: url(../lay-gfx/left-box-1-b.jpg) 0 0 no-repeat; height: 11px;}

#left #left-box-3 { margin-top: 2px; background: url(../lay-gfx/left-box-3.jpg) repeat-y; }
#left #left-box-3 li { background: url(../lay-gfx/left-box-3-li.jpg) no-repeat; padding: 7px 0 7px 10px; }
#left #left-box-3 li a { color: white; }


/* ------------------------------------------------------------------------------ */


#main { float: left; width: 623px; margin-left: 17px; }
#main #main-sub1 { width: 385px; float: left; }
#main #main-sub2 { width: 220px; float: left; margin-left: 15px; }

#main .main-box1 { font-size: 12px; clear: both; margin-bottom: 20px; }
#main .main-box1 img { float: left; border: 1px solid black; margin-right: 10px; }
#main .main-box1 h2 { font-size: 13px;  margin: 0; color: #242424; }
#main .main-box1 p { margin: 5px 0 0 0; text-align: justify; }
#main .main-box1 .seemore { text-align: right; margin-top: 5px; }
#main .main-box1 .seemore a { padding-left: 15px; background: url(../lay-gfx/arrows1.gif) 0 60% no-repeat; text-decoration: underline; }

#main #main-box2 {  border: 1px solid #ebebeb; position: relative; background: url(../lay-gfx/main-box2.jpg) repeat-x; }
#main #main-box2 ul { margin: 20px 0 20px 10px; }
#main #main-box2 li { padding-left: 15px; background: url(../lay-gfx/arrows1.gif) 0 60% no-repeat; margin: 0 0 5px 0;}
#main #main-box2 .corner { width: 4px; height: 4px; background-repeat: no-repeat;  }
#main #main-box2 .tl {position: absolute;  background-image: url(../lay-gfx/main-box2-tl.jpg); left: -1px; top: -1px; }
#main #main-box2 .tr {position: absolute;  background-image: url(../lay-gfx/main-box2-tr.jpg); right: -1px; top: -1px; }
#main #main-box2 .bl { position: absolute; background-image: url(../lay-gfx/main-box2-bl.jpg); left: -1px; bottom: -1px; }
#main #main-box2 .br {position: absolute;  background-image: url(../lay-gfx/main-box2-br.jpg); right: -1px; bottom: -1px; }

#main .main-box3 { margin-bottom: 15px; }

#main #main-box4 { background: url(../lay-gfx/main-box4-b.jpg) 0 100% repeat-x; border-bottom: 1px solid #c5c5c5; width: 621px; margin-top: 10px; }
#main #main-box4 .main-box4-sub { width: 207px; float: left;  }
#main #main-box4 .main-box4-sub h2 { padding-top: 0; text-align: center; font-size: 14px; font-weight: normal; margin: 0; background: #757575 url(../lay-gfx/main-box4-h2.jpg) no-repeat ; line-height: 24px; margin-right: 1px; color: white; }
#main #main-box4 .main-box4-sub p { text-align: justify; padding: 10px; font-size: 13px;  margin: 0; }
#main #main-box4 .main-box4-sub .seemore { text-align: right; padding-right: 10px; font-size: 13px; }
#main #main-box4 .main-box4-sub .seemore a { text-decoration: underline; padding-left: 15px; background: url(../lay-gfx/arrows1.gif) 0 60% no-repeat; }
#main #main-box4 #main-box4-1 p { border-left: 1px solid #c5c5c5; border-right: 1px dotted #d7d7d7; }
#main #main-box4 #main-box4-1 .seemore { border-left: 1px solid #c5c5c5; }
#main #main-box4 #main-box4-2 p { border-right: 1px dotted #d7d7d7; }
x#main #main-box4 #main-box4-3 { width: 208px;}
#main #main-box4 #main-box4-3 h2 { margin-right: 0; }
#main #main-box4 #main-box4-3 p { border-right: 1px solid #c5c5c5; }
#main #main-box4 #main-box4-3 .seemore { border-right: 1px solid #c5c5c5; }

#main #main-box5 { width: 450px; height: 200px; background: #099fcc; color: white; margin-top: 10px; float: left; }
#main #main-box5 #main-box5-l, #main #main-box5 #main-box5-m, #main #main-box5 #main-box5-r { height: 200px; float: left; }
#main #main-box5 #main-box5-l { background: url(../lay-gfx/main-box5-l.jpg); width: 4px; }
#main #main-box5 #main-box5-m { background: url(../lay-gfx/main-box5-m.jpg); width: 442px; }
#main #main-box5 #main-box5-r { background: url(../lay-gfx/main-box5-r.jpg); width: 4px; }
#main #main-box5 img { float: right; margin: 10px 5px 0px 7px; }
#main #main-box5 h2 { margin: 0 7px 7px 2px; padding-top: 10px; font-size: 16px; }
#main #main-box5 p, #main #main-box5 .seemore { margin: 0 7px 0 2px; font-size: 13px; text-align: justify; line-height: 13px; }
#main #main-box5 .seemore { text-align: right; margin-top: 5px; }
#main #main-box5 .seemore a { color: white; padding-left: 15px; background: url(../lay-gfx/arrows2.gif) no-repeat 0 60%; }

#main #main-box6 { margin-left: 13px; float: left; margin-top: 10px; }

#main #main-box7 { margin-top: 10px; }
#main #main-box7 h2 { background: #a70000; font-size: 13px; color: white; padding: 5px 0 5px 3px;}
#main #main-box7 h2 span { background: url(../lay-gfx/main-box7-h2.gif) 5px 3px no-repeat; padding-left: 25px; }
#main #main-box7 div { float: left; width: 300px;  color: #850000; }
#main #main-box7 #main-box7-sub1 { margin-right: 20px; }
#main #main-box7 div img { float: right; margin: 0 0 5px 5px; border: 1px solid #a70000; }
#main #main-box7 div h3 { margin: 0 0 10px 0; font-size: 14px; }
#main #main-box7 div a { color: #850000; font-size: 13px; line-height: 16px; }

#main .main-box8 { background: url(../lay-gfx/main-box4-b.jpg) 0 100% repeat-x; border-bottom: 1px solid #c5c5c5; width: 622px; margin-bottom: 10px; }
#main .main-box8 .main-box8-sub { width: 207px; float: left;  }
#main .main-box8 .main-box8-sub h2 { padding-top: 0; text-align: left; font-size: 13px; font-weight: normal; margin: 0; background: url(../lay-gfx/main-box4-h2.jpg); line-height: 24px; margin-right: 1px; color: white; padding-left: 15px; }
#main .main-box8 .main-box8-sub div { text-align: justify; padding: 10px; font-size: 13px;  margin: 0; border-right: 1px solid #c5c5c5;}
#main .main-box8 .main-box8-sub p {margin: 0; padding: 0;}
#main .main-box8 .main-box8-sub a { padding-right: 15px; background: url(../lay-gfx/arrows1.gif) 100% 60% no-repeat; font-weight: bold; margin: 1px; }
#main .main-box8 .main-box8-1 div { border-left: 1px solid #c5c5c5; }
#main .main-box8 .main-box8-3 h2 { margin-right: 0; }

#main .main-pagelinks { margin: 10px 0 10px 0; text-align: right; background: url(../lay-gfx/arrows3.gif) 100% 60% no-repeat; padding-right: 15px; }
#main .main-pagelinks a { color: #004e78; }
#main a.big { font-weight: bold; }

#main .main-box9 { border: 1px solid #daf0f6; background: #dbeff6 url(../lay-gfx/main-box9.jpg) repeat-x; margin-bottom: 8px; position: relative; }
#main .main-box9 h2 { font-size: 14px; margin: 10px 5px 5px 5px; }
#main .main-box9 p { margin: 0 5px 5px 5px; }
#main .main-box9 .seemore { text-align: right; margin: 5px 10px 5px 5px;}
#main .main-box9 .seemore a {  padding-left: 15px; background: url(../lay-gfx/arrows1.gif) 0 60% no-repeat; }
#main .main-box9 .corner { position: absolute; width: 4px; height: 4px; }
#main .main-box9 .tl { top: -1px; left: -1px;  background: url(../lay-gfx/main-box9-tl.jpg);}
#main .main-box9 .tr { top: -1px; right: -1px;  background: url(../lay-gfx/main-box9-tr.jpg);}
#main .main-box9 .br { bottom: -1px; right: -1px;  background: url(../lay-gfx/main-box9-br.jpg);}
#main .main-box9 .bl { bottom: -1px; left: -1px;  background: url(../lay-gfx/main-box9-bl.jpg);}

#main #main-article { margin-bottom: 40px; }
#main #main-article-hdr { background: #fe7615; position: relative; border-left: 1px solid #ffc79f; border-right: 1px solid #ffc79f; border-top: 1px solid #fe9144; }
#main #main-article-hdr span { padding-left: 15px; background: url(../lay-gfx/arrows2.gif) 0 60% no-repeat; margin-left: 5px; color: white; font-weight: bold; line-height: 18px;}
#main #main-article-hdr .corner { position: absolute; width: 4px; height: 4px; }
#main #main-article-hdr span a {color: white;}
#main #main-article-hdr .tl { top: -1px; left: -1px;  background: url(../lay-gfx/main-article-hdr-tl.jpg);}
#main #main-article-hdr .tr { top: -1px; right: -1px;  background: url(../lay-gfx/main-article-hdr-tr.jpg);}
#main #main-article h2 { font-weight: normal; margin-bottom: 10px; font-size: 140%;}
#main #main-article p.strong { margin-bottom: 20px; font-weight: bold !important; }

#main #main-commentbox { background: #f5f5f5; border: 1px solid #e4e6e4; width: 500px; margin-top: 30px; position: relative; }
#main #main-commentbox .corner { position: absolute; width: 7px; height: 7px; }
#main #main-commentbox .tl { top: -1px; left: -1px;  background: url(../lay-gfx/main-commentbox-tl.jpg);}
#main #main-commentbox .tr { top: -1px; right: -1px;  background: url(../lay-gfx/main-commentbox-tr.jpg);}
#main #main-commentbox .br { bottom: -1px; right: -1px;  background: url(../lay-gfx/main-commentbox-br.jpg);}
#main #main-commentbox .bl { bottom: -1px; left: -1px;  background: url(../lay-gfx/main-commentbox-bl.jpg);}
#main #main-commentbox h3 { margin: 20px 20px 20px 30px; }
#main #main-commentbox .space { height: 20px; }
#main #main-commentbox form { margin: 20px 30px 20px 30px;}
#main #main-commentbox form label { width: 50px; display: block; float: left; clear: both; text-align: right; margin-right: 20px; }
#main #main-commentbox form #main-commentbox-nick { border: 1px solid #a5acb2; width: 150px; }
#main #main-commentbox form textarea { border: 1px solid #7070a0; width: 340px; height: 100px; }
#main #main-commentbox form br { display: block; margin: 10px;}
#main #main-commentbox form #main-commentbox-submit { width: 150px; margin-left: 262px; }

#main #main-comments h3 { margin-left: 30px; }
#main #main-comments p { margin-left: 30px; }




/* ------------------------------------------------------------------------------ */


#right { float: right; width: 150px; margin-left: 12px; }
#right img { margin-bottom: 5px; }


/* ------------------------------------------------------------------------------ */


#foot { margin-top: 30px; }
#foot #foot-1 { font-size: 12px; border-bottom: 1px solid gray; padding: 0 0 5px 15px; }
#foot #foot-1 span { color: gray; }
#foot #foot-2 { float: right; color: gray; font-size: 10px; padding-top: 5px; }
#prod_logo {float: right; padding: 0 10px 0 0; margin: -18px 0 0 0}
#foot .clr { height: 15px; }

.return { text-align: center; margin: 5px; }
.main-box4-sub h2 a, #main .main-box8 .main-box8-sub h2 a {color: #fff; padding-right:0; }
#main-sub2 p, #main-box6 p {margin:0; padding:0;}