@charset "utf-8";

/* Stilovi za TBS d.o.o. - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, listopad 2008. */

/* plava - #1e4695; siva - #919091  */

/* zajednički elementi */

body { margin:0; padding:0; background:#fff }
* { font:12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, helvetica, sans-serif; color:#000 }
h1, h2, h3, h4 { margin:0; padding:0; color:#919091; line-height:1em }
h1 { font-size:24px }
h2 { font-size:18px }
h3 { font-size:16px }
h4 { font-size:14px }
img { border:none }
a { text-decoration:none; border-bottom:1px #919091 dashed; padding:5px 0 }
a:hover { text-decoration:none; border-bottom:1px #000 solid; color:#000 }
p { margin:0; padding:0; line-height:24px }
p strong { font-weight:bold }
ul { list-style:none; margin:0; padding:0 }
ul li { margin:0; padding:0 }
.obrisi { clear:both }

#kontejner { position:relative; margin:0 auto; padding:0; width:800px }

/* zaglavlje */

#zaglavlje { position:relative; width:800px; height:60px }

#zaglavlje ul { position:relative; float:right; width:367px }
#zaglavlje ul li { float:left }
#zaglavlje ul li a { margin:0; border-bottom:none }
#zaglavlje ul li, #zaglavlje ul li a { color:#1e4695; font-size:18px	 }
#zaglavlje ul li a { display:block; padding:20px 10px 10px 10px }
#zaglavlje ul li a:hover, #zaglavlje ul li a.aktiv { background:#1e4695; color:#fff; border-bottom:none }

/* sadržaj */

#sadrzaj { position:relative; width:800px }

#glavni, #sporedni { position:relative }
#glavni { float:right; width:590px }
#sporedni { float:left; width:210px }

#glavni h1 { margin-bottom:30px; line-height:30px }
#glavni h1 a { font-size:24px; border-bottom:none; margin-bottom:30px; line-height:30px; color:#919091 }
#glavni h3 a { font-size:16px; border-bottom:none; margin-bottom:30px; line-height:30px; color:#919091 }
#glavni h1 a:hover, #glavni h3 a:hover { color:#000 }

#sporedni #logo { position:relative; margin-bottom:10px; width:210px; height:79px }
a#naslovna { position:absolute; left:0; top:0; width:174px; height:79px; border-bottom:none; 
		background:url(/grafika/logo.gif) no-repeat }
a#naslovna:hover { opacity:.3; filter:alpha(opacity=30) }
#sporedni p.info, #sporedni p.info a { color:#757475; line-height:17px }
#sporedni p.info a:hover { color:#000 }

#glavni #slika_nasl { position:relative; width:570px; height:420px; margin-bottom:30px }
#glavni #slika_nasl img { display:none; position:absolute; left:20px; top:0 }

#glavni #glavnina { position:relative; border-left:1px #919091 solid; padding-left:20px }
#glavni #glavnina ul { margin:10px; width:400px }
#glavni #glavnina ul li { padding:5px 0 5px 10px; margin-left:20px; list-style:square }

#glavni #glavnina ul#pdf { padding:0; margin:0 0 25px 0; width:560px }
#glavni #glavnina ul#pdf li { list-style:none; margin:0; padding:0 }
#glavni #glavnina ul#pdf li a { 	padding:5px 0 5px 30px; line-height:34px; 
		background:url(/grafika/ikona-pdf.gif) no-repeat 0 50% }

/* #glavni #glavnina #novosti { position:absolute; left:-210px; top:0; width:180px }
#glavni #glavnina #novosti p { margin:30px 0 } */
#glavni #glavnina #osn_podaci { margin-top:20px; padding:20px 0; border-top:1px #919091 solid }
#glavni #glavnina #osn_podaci p { font-size:10px; line-height:18px }
#glavni #glavnina #osn_podaci h3 { margin:10px 0 30px 0 }
#glavni #glavnina .slike { padding:20px 0 }

#glavni #glavnina form#pitanje { width:500px }
#glavni #glavnina form#pitanje h3 { margin:0 0 20px 0 }
#glavni #glavnina form#pitanje div { clear:both; height:45px }
#glavni #glavnina form#pitanje div.pitanje { height:175px }
#glavni #glavnina form#pitanje label { font-size:14px; float:left }
#glavni #glavnina form#pitanje input { height:30px; float:right; width:350px; border:1px #919091 solid; font-size:14px }
#glavni #glavnina form#pitanje textarea { height:150px; width:350px; border:1px #919091 solid; font-size:14px; float:right }
#glavni #glavnina form#pitanje input.gumbic { width:150px; color:#fff; background:#919091; border:none; font-size:12px }
#glavni #glavnina form#pitanje input.gumbic:hover { background:#1e4695 }

#proizv-program-lista { position:relative; width:569px; height:220px; margin-bottom:20px }
#proizv-program-lista div a { width:180px; height:220px; display:block; float:left; margin-right:14px; border-bottom:none }
#proizv-program-lista div a:hover  { opacity:.3; filter:alpha(opacity=30) }
#proizv-program-lista div.nn a { background:url(/grafika/nn.jpg) no-repeat }
#proizv-program-lista div.sn a { background:url(/grafika/sn.jpg) no-repeat }
#proizv-program-lista div.ts a { background:url(/grafika/ts.jpg) no-repeat; margin-right:0 }
#proizv-program-lista div p { display:block; width:180px; background:#fff; margin-top:150px; color:#919091; line-height:18px; 
	padding:5px 0 }
	
#glavni #glavnina table { width:569px }
#glavni #glavnina table th, #glavni #glavnina table td { padding:5px; text-align:center; line-height:18px }
#glavni #glavnina table th { background:#ccc }
#glavni #glavnina table tr.crvena td { border-bottom:1px #cc0000 solid }
#glavni #glavnina table tr.zelena td { border-bottom:1px #339900 solid }
#glavni #glavnina table tr.plava td { border-bottom:1px #1e4695 solid }

#glavni #glavnina h3 { margin:20px 0 }

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

/* podnožje */

#podnozje { position:relative; width:800px; margin:40px auto 0 auto; padding:0; border-bottom:6px #919091 solid }

#impress { position:relative; width:190px; padding:10px 0 30px 0; float:left }
p.impress { color:#919091; line-height:20px; font-size:11px }
p.impress a.dzdesign { border-bottom:none }
p.impress a.dzdesign, p.impress a.dzdesign, p.impress a.dzdesign strong { font:14px Arial Narrow, Arial, Helvetica, sans-serif }
p.impress a.dzdesign { font-weight:bold; color:#000; padding:3px }
p.impress a.dzdesign strong { color:#FFCC00; font-weight:bold }
p.impress a:hover.dzdesign { background:#000; color:#fff; text-decoration:none }

#nav_podnozje { position:relative; float:left; margin-left:20px; padding:0 0 10px 20px; border-left:1px #919091 solid }
#nav_podnozje ul { width:200px; float:left }
#nav_podnozje ul li strong { font-weight:bold; font-size:12px; color:#919091; padding-left:5px; line-height:40px }
#nav_podnozje ul li, #nav_podnozje ul li a { font-size:11px; color:#919091 }
#nav_podnozje ul li a { height:20px; line-height:20px; color:#919091; display:block; padding:5px; 
		border-bottom:1px #fff solid; margin:0 }
#nav_podnozje ul li a:hover { background:#1e4695; color:#fff; text-decoration:none }
#nav_podnozje ul li.zadnji a { border-bottom:none }

#logo_iso { position:relative; float:right }