/* CSS Document by dDesign www.d-design.hr */

/* RESET */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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; vertical-align: baseline;}


/* MAIN STYLES */
a { color: #000000; text-decoration: underline;}
a:hover { color: #000000; text-decoration: none;}
ul { margin: 10px 0px 10px 10px; padding: 0px 0px 0px 10px;}
ol { margin: 10px 0px 10px 10px; padding: 0px 0px 0px 10px;}
html { height: 100%;}
body { background: #717171 url(../images/topBg.gif) repeat-x top; font: 12px/18px Arial, Helvetica, sans-serif; color: #000000; height: 100%;}
h1 { background: url(../images/h1.gif) repeat-x top; padding: 8px 0px 13px; color: #800000; font: normal 18px Arial, Helvetica, sans-serif; text-indent: 5px;}
h2 { background: url(../images/bullet2.gif) no-repeat right 3px; font: bold 14px Arial, Helvetica, sans-serif; padding: 8px 0px 13px; color: #800000;}
h3 { font: bold 14px Arial, Helvetica, sans-serif; padding: 8px 0px 13px; color: #800000; margin:10px 0;}
p { margin-bottom: 12px; line-height: 18px; font-size: 12px;}
p a { font-weight: bold;}
.desno { float: right; margin:0 10px;}
.lijevo { float: left; margin:0 10px;}

/* DESIGN STYLES */
a.home_link { display: block; float: left; background: url(../images/bullet.gif) 0 18px  no-repeat; padding-top: 12px; text-indent: 12px; font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
a.head_kontakt { display: block; float: right; width: 11px; height:9px; background: url(../images/mail-ikona.gif) no-repeat; text-indent: -999999px; margin-top:12px;}
#wrapper { margin: auto; width: 910px;}
#w-mid { background: url(../images/sredina-pozadina.gif) repeat-y top; width: 910px;}
#w-top { background: url(../images/top.gif) no-repeat top;}
#bottom { background: url(../images/footer-slika.gif) no-repeat bottom; width: 910px;}
#head { font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; height: 55px; text-decoration: none;}
#head a:hover { color: #CCCCCC;}
#head p { font: 11px/16px Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 12px;}
#banner { width:857px; height:250px;}
#container { position: relative; padding-right: 26px; padding-left: 27px;}
#bc { background: url(../images/bc.gif) no-repeat top; height: 49px; width: 857px;}
#bc ul { margin: 0px; padding: 16px 10px 0px 0px; float: right;}
#bc ul li { padding: 0px 3px; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000000; display: inline;}
#bc ul li a { color: #800000; text-decoration: none;}
#bc ul li a:hover { color: #999999; text-decoration: none;}
.bc-izbornik { margin: 0px; padding: 15px 10px 0px; color: #000000; font-size: 11px; float: left;}
#left { width: 225px; padding:5px 0px 5px 15px; float: left;}
#right { width: 590px; float: right; padding:5px 15px 5px 0px;}
#footer { background: #717171 url(../images/footer-slika.gif) no-repeat; height: 49px; width: 910px; padding:0; padding-bottom: 10px; margin:0;}
#footer a { color: #FFFFFF; text-decoration: none;}
#footer a:hover { color: #800000; text-decoration: none;}
#footer p { margin:0; padding: 30px 25px 0px; color: #FFFFFF; font-size: 11px;}

/* Main Menu */
#izbornik-middle { background: url(../images/izborni-middle.gif) repeat-y top; width: 225px;}
#izbornik-top { background: url(../images/izbornik-top.gif) no-repeat top; width: 225px;}
#izbornik-bottom { background: url(../images/izbornik-bottom.gif) no-repeat bottom; width: 225px;}
#izbornik-content { font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 7px;}
ul#nav { list-style-type: none; display: block; margin: 0; padding: 0;}
ul#nav li { font: 12px Arial, Helvetica, sans-serif; color: #FFF; background: #800000 url(../images/izbornik.gif) repeat-x top; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px #FFFFFF;   border-left: 1px solid #FFFFFF;
    text-indent: 20px;}
ul#nav li a { padding-top: 6px; padding-bottom: 6px; width: 208px; display: block; color: #FFF; text-decoration: none; background: url(../images/bullet.gif) no-repeat 9px 12px;}
ul#nav li a:hover { text-decoration: none; color: #FFF; background: #4f0202 url(../images/bullet.gif) no-repeat 9px 12px;}


/* Footer styles*/
#footer-menu { background: #7F0000 url(../images/footer-menu.gif) no-repeat center top; width: 856px; font-size: 11px; color: #FFF; text-align: center; overflow: hidden;}
#footer-menu a { color: #FFFFFF; text-decoration: none; padding: 1px;}
#footer-menu a:hover { color: #880000; text-decoration: none; background: #FFFFFF;}
#footer-menu ul.footer_menu_ul { list-style-type: none; margin:0; padding:0; padding-top: 15px; padding-bottom: 7px;}
#footer-menu ul.footer_menu_ul li { display: inline-block; border-right:#f4f4f4 1px solid; padding:0 5px;}
#footer-menu ul.footer_menu_ul li:last-child, ul.footer_links li:last-child { border-right: none;}
#footer-menu ul.footer_menu_ul li a { line-height: 20px;}
ul.footer_links { list-style-type: none; display: block; float: left; margin:0; padding: 30px 25px 0px;}
ul.footer_links li { display: inline-block; border-right:#f4f4f4 1px solid; padding:0 5px; font-size: 11px;}
#footer p.copyright { display: block; float: right;}


/* OSTALI STILOVI*/
#djelatnosti, #djelatnosti p { font: 11px/16px Arial, Helvetica, sans-serif; color: #000; padding: 3px 5px;}
#navrh { text-align: right; margin: 5px 0px; float: right; clear: both;}
#navrh a { width: 87px; height: 18px; background: url(../images/navrh-gumb.gif) no-repeat bottom; display: block; text-align: right;}
#navrh a:hover { background: url(../images/navrh-gumb.gif) no-repeat top;}
.opsirnije a { height: 31px; width: 74px; background: url(../images/opsirnije.gif) no-repeat; display: block;}
.opsirnije a:hover { height: 31px; width: 74px; background: url(../images/opsirnije-hover.gif) no-repeat;}
.glavniText { padding-top: 5px;}
.okvir-slike { border: 1px solid #666666; margin: 3px; padding: 1px;}
.uredivi_element_ispod_izbornika { padding:20px 3px 10px 3px; color: #800000; font-size: 12px; text-align: center;}
.uredivi_element_ispod_izbornika img { border: 1px solid #800000; padding:1px; background-color:fff;}
.promotivni-artikli-gumb { display:block; background-image: url(../images/promotivni-artikli.jpg); width:223px; height: 68px; border:none;}
a.promotivni-artikli-gumb:hover { display:block; background-image: url(../images/promotivni-artikli-hover.jpg); width:223px; height: 68px; border:none;}

ul.podaci_tvrtke { list-style-type: none;}
ul.podaci_tvrtke li { overflow: hidden; line-height: 22px; margin-bottom: 5px;}
ul.podaci_tvrtke span { display: block; float: left; max-width: 400px;}
span.naziv { width:155px;}

#right table tr td { vertical-align:top;}