@import url('reset.css'); 
body{color:#000; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; font-size:12px; background-color:#F4F4F4}
.right{float:right}
.left{float:left}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center; font-size:10px}
.justify{text-align:justify}
.hide{display:none}
.clear{clear:both}
.bold{font-weight:bold}
.italic{font-style:italic}
.underline{border-bottom:1px solid}
.highlight{background:#ffc}
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignleft{float:left; margin:4px 10px 4px 0}
img.alignright{float:right; margin:4px 0 4px 10px}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix{display:block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}

h1{font:bold 2em "Times New Roman",Times,serif}
h2{color:#E9B10C; border-left-width:4px; border-left-style:solid; border-left-color:#33bee1; font-weight:bold; padding left:10 px; font-size:16px; padding-left:10px; font-family:Tahoma,Geneva,sans-serif}
h3{font-family:Arial,Geneva,Helvetica,sans-serif; font-size:1.2em; font-weight:bold; color:#666}
h4{font:bold 1em Arial,Geneva,Helvetica,sans-serif}
h5{font:bold 0.9em Arial,Geneva,Helvetica,sans-serif}

#container{height:auto; width:980px; margin-right:auto; margin-left:auto; background-repeat:repeat-y; position:relative; background-image:url(images/cont_bg.gif)}
#header{height:313px; width:820px; clip:rect(auto,auto,auto,auto); padding-right:80px; padding-left:80px}
#logo{height:115px; width:350px; float:left; margin-left:10px; background-image:url(images/logo.jpg); position:absolute; top:0px; left:110px}
#header_slika{width:610px; height:190px; position:absolute; top:120px; left:90px}

.tabbed-box{width:190px; position:absolute; top:120px; left:700px; height:190px; background-color:#fff; background-image:url(images/tab.jpg); background-repeat:no-repeat; background-position:bottom}
.tabbed-box .tabs li{float:left; margin-left:2px}
.tabbed-box .tabs li a{width:60px; font-weight:bold; text-decoration:none; color:#099; padding-right:0px; padding-left:0px; background-image:url(images/box_bg.gif); background-repeat:no-repeat; height:18px; margin-bottom:5px; text-align:center; display:block; margin-top:10px; line-height:15px}
.tabbed-box .tabs li:first-child a{}
.tabbed-box .tabs li a:hover{color:#000}
.tabbed-box .tabs li a:focus{}
.tabbed-box .tabs li a.active{color:#000}
.tabbed-content{display:none; padding-top:3em}
.tabbed-box .tabs li{}
.tabs li .active{}
.tabs #separator{height:10px; width:15px; float:left}
.box_txt{font-size:11px; line-height:1.4em; text-align:center; font-family:Tahoma,Geneva,sans-serif; color:#E7D7C7}
#mapa_mala{cursor:crosshair}
#container #menu{width:800px; height:50px; background-image:url(images/menu.gif); background-repeat:no-repeat; padding-top:10px; margin-left:90px; margin-right:90px}
a.fot:link{text-decoration:none; color:#39C}
a.fot:visited{text-decoration:none; color:#39C}
a.fot:hover{text-decoration:none; color:#666}
a.fot:active{text-decoration:none}

#nav-menu{float:right; width:220px; height:40px; margin-top:20px; background-position:99px}
#nav-menu li{float:left; margin:0 0.15em}

#nav-menu li a{height:40px; text-decoration:none; background-color:#fff; background-repeat:no-repeat; background-position:right bottom; background-image:url(images/menu_up_bg.gif); float:left; line-height:3em; display:block; padding-right:10px; margin-left:10px; font-size:12px}

a.top{color:#09C}
a span.two{color:#F90; cursor:pointer; text-align:right}

.underlinemenu{font-weight:bold; width:740px; margin-right:30px; margin-left:30px}

.underlinemenu ul{padding:6px 0 7px 0; margin:0; //set value to "left","center",or "right"*/}

.underlinemenu ul li{display:inline}

.underlinemenu ul li a{text-decoration:none; padding-top:10px; padding-right:15px; padding-bottom:10px; padding-left:15px; font-size:14px; color:#FFF}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{border-bottom-color:black; color:#333}

#container #ponuda{width:790px; margin-right:90px; margin-left:90px; height:150px; background-image:url(images/ponuda.gif); background-repeat:no-repeat; padding-left:10px; margin-bottom:20px}
.box{height:130px; width:240px; float:left; margin-top:10px; padding-left:12px; padding-right:5px}

#uvodni{margin-left:90px; float:left; width:500px; height:330px; background-repeat:no-repeat; background-position:0px 20px; display:inline; margin-top:20px}
#container #djelatnosti{width:250px; margin-left:50px; float:left; height:250px; margin-top:20px}
#container #korisni{width:200px; margin-left:80px; float:left; height:22px; display:inline; color:#666; margin-top:10px}

.uvodni{font-family:Tahoma,Geneva,sans-serif; font-size:14px; line-height:20px; color:#666; text-align:justify}

#djelatnosti ol li{list-style-position:inside; list-style-type:square; color:#9F7A09; font-size:14px; line-height:20px; margin-bottom:8px; font-family:Tahoma,Geneva,sans-serif}
#container #footer{clear:both; position:absolute; bottom:0px; left:85px; width:800px; height:30px; border-top-width:1px; border-top-style:solid; border-top-color:#A4C1FF; padding-top:10px}
.footer{font-family:Arial,Helvetica,sans-serif; color:#666; margin-right:20px; font-size:10px}
#fot1{width:140px; float:left; padding-right:10px}
#fot3{float:right; width:120px; padding-left:10px}
#fot2{float:left; width:460px; padding-right:10px; padding-left:10px; color:#39C}

#container #forma{margin-top:30px; width:500px; height:200px; margin-bottom:20px; padding:10px; float:left; background-image:url(images/trazi_bg.gif); background-repeat:no-repeat; background-position:15px 60px}
.korisni{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:20px; padding-left:10px; padding-right:10px}
#container #info{width:800px; height:4400px; font-family:Tahoma,Geneva,sans-serif; font-size:14px; line-height:20px; color:#666; margin-left:80px}
.info{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; color:#666}
#container #l1{height:auto; width:800px; margin-left:80px; margin-bottom:30px; margin-top:50px}
#footer{position:relative; bottom:0px; left:75px}
.l{float:left; height:auto; width:auto; padding-right:10px; padding-left:10px}
#container #l1 ul{font-size:12px; line-height:18px}
#container #l1 ul li{}
#container #l1 ul li{display:inline; padding-right:5px; padding-left:5px}
#container #kon{width:480px; margin-left:100px; height:460px; float:left; margin-top:10px}
#container #holder{clear:both; width:200px; padding-top:50px; padding-bottom:50px}
.crtive{color:#999}
#container #brzo_pretrazivanje{width:230px; float:left; margin-left:100px; height:550px; margin-top:40px; color:#666}
#forma table{margin-left:20px; margin-top:10px; clear:both}
#container #nek{float:left; width:500px}
#container #nav{float:left; width:200px; padding-left:280px}
#container #kon_info{width:250px; float:left; height:300px; margin-top:40px}
#note{width:auto; float:left; height:auto; margin-left:20px; display:inline; margin-top:10px; color:#999; font-family:Tahoma,Geneva,sans-serif}
#trazi_buton{float:right; width:47px; height:20px; margin-right:20px; margin-top:15px}