@charset "utf-8";

/* Stilovi za Kontent d.o.o. - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, siječanj 2009. */

/* plava - #527da9; svj.plava - #e8eef5; plava-linije - #d9e2ed; siva - #474747  */

/* ++++++++++ COMMON ELEMENTS ++++++++++ */

body { margin:0; padding:0; background:#527da9 }
* { font:12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, helvetica, sans-serif; color:#474747 }
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { margin:0; padding:0; color:#527da9; line-height:1.2em; font-weight:bold }
h1, h1 a { font-size:24px }
h2, h2 a { font-size:18px }
h3, h3 a { font-size:16px }
h4, h4 a { font-size:14px }
img { border:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
p { margin:0; padding:0; line-height:1.8em }
p strong { font-weight:bold }
ul { list-style:none; margin:0; padding:0 }
ul li { margin:0; padding:0 }
table { width:100% }
dl, dt, dd { margin:0; padding:0 }
.clear { clear:both }

/* ++++++++++ LAYOUT AND FORMATTING ++++++++++ */

#container { position:relative; margin:0 auto; width:820px; padding:0 }

/* header */

#header { position:relative; width:820px; height:180px; background:url(/grafika/bckg-header.jpg) no-repeat }

/* content */

#content { position:relative; width:760px; background:url(/grafika/bckg-content.jpg) repeat-y; padding:0 30px }
#content #bckg-top { position:absolute; top:0; left:0; width:820px; height:140px; 
		background:url(/grafika/bckg-content-top.jpg) no-repeat; z-index:100 }
		
#content #hp-top { position:relative; width:760px; height:250px; z-index:200 }
#content #hp-top #left { float:left; width:510px; /* margin-top:10px */ }
#content #hp-top #left img { border:2px #fff solid }

#content #hp-main { position:relative; width:760px }
#content #hp-main h1 { margin-bottom:10px }
#content #hp-main p { font-size:11px }
#content #hp-main #descript { position:relative; float:left; width:270px; border-right:1px #7395b9 solid; padding-right:20px }
#content #hp-main #news { position:relative; float:left; width:190px; padding:0 10px 0 20px; 
		border-left:1px #7395b9 solid; margin-left:-1px }
#content #hp-main #news dl { margin-top:10px }
#content #hp-main #news dt, #content #hp-main #news dt a { margin:10px 0; font-weight:bold }
#content #hp-main #news dd, #content #hp-main #news dd a { font-size:11px; line-height:1.8em }

#content #main { position:relative; width:740px; background:#fff; z-index:101; padding:10px }

#content #main #main-cont { position:relative; width:480px; float:left }
#main-cont h1 img { border:0 }
#main-cont img { border:1px #527da9 solid }
#main-cont h2 a, #main-cont h4 a { color:#474747 }
#main-cont h2 { display:block; width:450px; border-bottom:1px #d9e2ed solid; padding-bottom:10px; margin-bottom:10px }
#main-cont p { margin-top:20px; width:450px }
#main-cont ul { width:450px; margin:10px 0; list-style:square }
#main-cont li { line-height:1.8em; margin-left:40px; padding-left:10px }
#main-cont strong { font-weight:bold }
#main-cont .novost { width:450px; padding:10px 0; border-bottom:1px #d9e2ed solid; margin-bottom:10px; display:block }
#main-cont .novost a img { float:left; margin:5px 10px 10px 0 }
#main-cont .novost p { width:auto; font-size:11px; margin:0 }
#main-cont p.datum { margin:5px 0; font-weight:bold; font-size:11px }
#main-cont ul.ostalo { width:450px; list-style:none }
#main-cont ul.ostalo li { float:left; width:450px; margin-left:0; padding-left:0 }
#main-cont ul.ostalo li a { display:block; padding:5px 0; border-bottom:1px #d9e2ed solid; font-size:11px }
/* #main-cont ul.ostalo li a strong { font-weight:bold; font-size:11px } */

#sidebar { position:relative; float:left; width:245px;  }
#sidebar .info { display:block; width:225px; padding:10px; background:#e8eef5 url(/grafika/icon-info-trans.png) no-repeat 90% 10%; clear:both }
#sidebar .info p strong { font-size:16px }
#sidebar .info p, #sidebar .info p a { font-size:11px; line-height:1.8em }
#sidebar .info p { color:#474747 }
#sidebar .zastupstvo { width:225px; padding:10px; margin-top:10px }
#sidebar .zastupstvo h3 { margin-bottom:20px }
#sidebar .zastupstvo img { float:left; margin:0 20px 10px 0 }
#sidebar .zastupstvo p { font-size:10px }

#strojevi-popis, #strojevi-detalji { position:relative; width:440px; float:right }
#strojevi-popis th { font-weight:bold; text-align:left; padding:5px; height:40px }
#strojevi-popis td { border-bottom:1px #527da9 dashed; padding:5px; line-height:30px }

#strojevi-detalji p.strojevi { display:block; background:#d9e2ed; padding:3px; margin-bottom:5px; 
		font-weight:bold; color:#527da9; font-size:0.8em; text-align:right }
#strojevi-detalji h2 { display:block; clear:both; margin-bottom:20px; border-bottom:1px #d9e2ed solid; padding-bottom:10px }
#strojevi-detalji h3 { margin:10px 0 }
#strojevi-detalji th, #strojevi-detalji td { text-align:left; margin:0; padding:5px 3px; vertical-align:top; border-bottom:1px #527da9 dashed }
#strojevi-detalji th { font-weight:bold; font-size:0.8em; }
#slike { margin-top:20px }
#slike li { float:left }
#slike li a img { border:1px #527da9 solid; display:block; margin:0 15px 15px 0 }
#slike li a img:hover { border:1px #474747 solid }

#gmap { position:relative; margin:0; padding:0 }
#gmap p { font-size:11px; line-height:18px; margin:10px 0 }

/* footer */

#footer { position:relative; width:760px; padding:100px 30px 50px 30px; background:url(/grafika/bckg-footer.jpg) no-repeat }

#impress { position:relative; float:right; width:300px }
#impress p { color:#fff; text-align:right; padding-right:0!important; padding-right:20px }
#impress a.dzdesign, #impress a.dzdesign strong { font:bold 12px Arial, Helvetica, sans-serif }
#impress a.dzdesign { font-weight:bold; color:#fff }
#impress a.dzdesign strong { color:#FFCC00 }

/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:250px; height:45px; left:30px; top:15px; z-index:999 }
p.povratak a, p.povratak-strojevi a { display:block; float:right; font-size:11px; width:auto }
p.povratak a { margin-top:-25px }
p.povratak-strojevi a { margin-top:0 }

#nav-top { position:relative; width:auto; float:right; padding:15px 30px 0 0 }
#nav-top ul li { float:left }
#nav-top ul li, #nav-top ul li a { color:#fff }
#nav-top ul li a { display:block; line-height:18px; padding:0 5px }
#nav-top ul li a.first { color:#b0c3d8 }
#nav-top ul li a.first { margin-right:10px }
#nav-top ul li a.gb, #nav-top ul li a.de, #nav-top ul li a.hr { margin-left:10px; text-indent:-9999px; overflow:hidden }
#nav-top ul li a.gb { width:16px; height:18px; background:url(/grafika/gb.gif) no-repeat 0 4px }
#nav-top ul li a.de { width:16px; height:18px; background:url(/grafika/de.gif) no-repeat 0 4px }
#nav-top ul li a.hr { width:16px; height:18px; background:url(/grafika/hr.gif) no-repeat 0 4px }

#nav-main { position:absolute; left:30px; bottom:0; width:560px; height:80px }
#nav-main ul li { float:left }
#nav-main ul li a { display:block; width:120px; height:76px; border-left:1px #fff solid; color:#fff; padding:2px 7px; font-size:16px }
#nav-main ul li a:hover, #nav-main ul li a.active { text-decoration:none; background:#fff; color:#527da9; 
		opacity:.6; filter:alpha(opacity=60) }

#nav-sec { position:relative; width:300px; float:left; background:url(/grafika/bckg-nav-sec.gif) repeat-y }
#nav-sec ul li { float:left }
#nav-sec ul li a { padding:5px 20px 5px 5px;color:#527da9; display:block; width:275px; line-height:25px; font-size:10px; 
		background:url(/grafika/bckg-nav-sec-bottom.gif) no-repeat }
#nav-sec ul li a:hover, #nav-sec ul li a:hover.last { background:url(/grafika/bckg-nav-sec-o.gif) no-repeat; text-decoration:none }
#nav-sec ul li a.last { background:none }

#nav-footer { position:relative; float:left; width:460px }
#nav-footer ul { float:left; width:215px; margin-right:15px }
#nav-footer ul li { float:left }
#nav-footer ul li a { display:block; width:205px; padding:5px; color:#fff; border-bottom:1px #7395b9 solid }
#nav-footer ul li a.last { border-bottom:none }
#nav-footer ul li a:hover { text-decoration:none; background:#fff; color:#527da9; opacity:.6; filter:alpha(opacity=60) }

/* ++++++++ MISC ++++++++ */

form#search { position:absolute; top:100px; right:30px }
form#search input, form#search button { border:0; float:left }
form#search input { width:150px; font-size:14px; height:20px; padding-left:5px }
form#search button { width:40px; background:#e8eef5; color:#527da9; font-size:11px; height:22px }

form#contact-form { width:440px; background:#e8eef5; margin:20px 0; padding:20px 10px 10px 10px }
form#contact-form p { color:#474747; font-size:1.2em; line-height:18px; margin-bottom:20px; clear:both; height:25px }
form#contact-form fieldset { border:none }
form#contact-form label { color:#474747; font-size:1em; width:150px; float:left; text-align:right; margin-right:20px }
form#contact-form label.error, label.error { color:#8daed0; font-size:0.8em }
form#contact-form input.error, form#contact-form textarea .error { background:#8daed0 }
form#contact-form div.error { display: none; }
form#contact-form input { border: 1px solid #8daed0; height:20px; line-height:20px; font-size:1.2em; float:left; width:260px }
form#contact-form input.submit { width:100px; font-size:0.8em; float:right; margin-top:20px; margin-right:20px; 
		border:1px #fff solid; background:#8daed0; color:#fff; height:30px }
form#contact-form input.file { font-size:0.9em; height:25px }

form#contact-form .gray * { color: gray; }
form#contact-form textarea { width:260px; height:100px; overflow:auto; float:left }

#kupi-prodaj { width:250px; float:right; margin-bottom:20px }
#kupi-prodaj li a { display:block; width:250px; height:102px; cursor:pointer } 
#kupi-prodaj li a.kupi { background:url(/grafika/icon-kupi-trans.png) no-repeat }
#kupi-prodaj li a.kupi:hover { background:url(/grafika/icon-kupi-o-trans.png) no-repeat }
#kupi-prodaj li a.prodaj { background:url(/grafika/icon-prodaj-trans.png) no-repeat; margin-top:15px }
#kupi-prodaj li a.prodaj:hover { background:url(/grafika/icon-prodaj-o-trans.png) no-repeat }
#kupi-prodaj li a.kupi-en { background:url(/grafika/icon-kupi-en-trans.png) no-repeat }
#kupi-prodaj li a.kupi-en:hover { background:url(/grafika/icon-kupi-en-o-trans.png) no-repeat }
#kupi-prodaj li a.prodaj-en { background:url(/grafika/icon-prodaj-en-trans.png) no-repeat; margin-top:15px }
#kupi-prodaj li a.prodaj-en:hover { background:url(/grafika/icon-prodaj-en-o-trans.png) no-repeat }
#kupi-prodaj li a.kupi-de { background:url(/grafika/icon-kupi-de-trans.png) no-repeat }
#kupi-prodaj li a.kupi-de:hover { background:url(/grafika/icon-kupi-de-o-trans.png) no-repeat }
#kupi-prodaj li a.prodaj-de { background:url(/grafika/icon-prodaj-de-trans.png) no-repeat; margin-top:15px }
#kupi-prodaj li a.prodaj-de:hover { background:url(/grafika/icon-prodaj-de-o-trans.png) no-repeat }

#hp-top #kupi-prodaj { /* margin-top:10px; */ margin-bottom:0 }