@charset "utf-8";

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

/* gl plava - #0066b3; svj plava(pozadina) - #d6e8f6; sv plava (naslovi) - #bfdff8  */

/* zajednički elementi */

body { margin:0; padding:0; background: url(/grafika/poz_glavna.jpg) repeat-x #d6e8f6 }
* { font:12px Arial, helvetica, sans-serif; color:#4c4c4c }
h1, h2, h3, h4 { margin:0; padding:0; color:#bfdff8; font-weight:bold; line-height:1em }
h1 { font-size:30px }
h2 { font-size:24px }
h3 { font-size:18px }
h4 { font-size:14px }
img { border:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
p, em { 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; padding:0; width:100% }

/* zaglavlje */

#zaglavlje { position:relative; width:100% }
#zaglavlje #unutar { position:relative; width:850px; height:443px; margin:0 auto }

a#naslovna { position:absolute; left:0; top:5px; width:225px; height:83px; 
		background:url(/grafika/logo.gif) no-repeat }


#nav_glavna, #nav_vrh { position:absolute; right:20px }
#nav_glavna { top:50px }
#nav_vrh { top:5px }
#nav_glavna ul, #nav_vrh ul { padding:5px }
#nav_glavna ul li, #nav_vrh ul li { float:left }
#nav_glavna ul li a { margin:0 }
#nav_glavna ul li, #nav_glavna ul li a { color:#0066b3; padding:5px; font-size:18px; font-weight:bold }
#nav_glavna ul li a.aktiv, #nav_glavna ul li a:hover { background:#0066b3; color:#fff; text-decoration:none }
#nav_vrh ul li a { margin:0 10px 0 0; padding:5px; display:block; text-indent:20px }
#nav_vrh ul li.hr a { background:url(/grafika/hr.gif) no-repeat 0 50% }
#nav_vrh ul li.en a { background:url(/grafika/en.gif) no-repeat 0 50% }

#slika_nasl, #slika_nasl_ { position:absolute; width:840px; height:355px; top:88px; left:5px;
		background:url(/grafika/poz_nasl_slika.jpg) no-repeat }
#slika_nasl img { display:none; position:absolute; left:22px; top:20px }
#slika_nasl_ img { position:absolute; left:22px; top:20px }


/* sadržaj */

#sadrzaj { position:relative; width:100%; background:#fff; border-bottom:10px #fff solid }

#sadrzaj #unutar { position:relative; width:800px; padding-bottom:30px; margin:0 auto }

#sadrzaj h1 { border-bottom:1px #bfdff8 solid; padding:15px 0; margin-bottom:15px }
#sadrzaj h2 { padding:15px 0; line-height:32px }
#sadrzaj h3, #sadrzaj h4 { padding:15px 0; clear:both }
#sadrzaj p { padding:0 }
#sadrzaj p em { font-style:italic }

#sadrzaj ul.doc { list-style:square; margin-left:20px; }
	#sadrzaj ul.doc li a { padding:5px; display:block; }

#sadrzaj #unutar_proizv_detalj { width:800px; background:#edf5fb; margin:0 auto; padding:0 10px }
#sadrzaj #unutar_proizv_detalj h1, #sadrzaj #unutar_proizv_detalj h2, /* #sadrzaj #unutar_proizv_detalj h3,*/ #sadrzaj #unutar_proizv_detalj h4 { color:#0066b3 }

#sadrzaj #glavni, #sadrzaj #sporedni { position:relative }
#sadrzaj #glavni { float:left; width:470px }
#sadrzaj #glavni p.glavnina { padding-bottom:20px }
#sadrzaj #glavni #novosti { padding:10px; margin:20px 0 0 0; background:#0066b3; }
#sadrzaj #glavni #novosti h3 { margin-top:0; padding-top:5px; color:#65A4D0; }
#sadrzaj #glavni #novosti p { color:#fff; }
#sadrzaj #sporedni { float:right; width:310px }
#sadrzaj #sporedni h2 { clear:both }
#sadrzaj #sporedni p, #sadrzaj #sporedni p a { font-size:11px; line-height:18px; margin-bottom:15px }
#sadrzaj #sporedni p a { padding:5px 2px; display:block }
#sadrzaj #sporedni p a:hover { background:#bfdff8; color:#0066b3; text-decoration:none }
#sadrzaj #sporedni p strong { color:#0066b3 }
#sadrzaj #sporedni ul li a { display:block; line-height:18px; height:18px; font-size:11px; padding:5px 2px; 
		border-bottom:1px #bfdff8 solid }
#sadrzaj #sporedni ul li a:hover { text-decoration:none; background:#bfdff8; color:#0066b3 }
#sadrzaj #sporedni ul#detalji li { float:left }
#sadrzaj #sporedni ul#detalji li a { width:75px; height:75px; padding:10px; display:block; border-bottom:none }

#sadrzaj #sporedni ul.precaci li.zadnji a { border-bottom:none }

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

#map { position:relative; width:460px; height:400px; padding:5px; margin-bottom:20px;
		border:1px #ccc solid; }
	small { font-size:0.9em; line-height:1.4em; margin:10px 0; }
	noscript { color:#c00; }
	.gmap-marker { width:auto; height:70px; }
		.gmap-marker p { font-size:0.8em; line-height:1.2em; }

#sadrzaj #glavni .kontakti { position:relative }
#sadrzaj #glavni .kontakti p { float:left; width:225px; display:block; padding-right:10px }

#sadrzaj #unutar #proizvodi { position:relative; width:800px }
#sadrzaj #unutar #proizvodi div { width:265px; float:left; margin:10px 2px 0 0 }
#sadrzaj #unutar #proizvodi div.zadnji { margin-right:0 }
#sadrzaj #unutar #proizvodi div a img { padding:5px; display:block }
#sadrzaj #unutar #proizvodi div a img:hover { background:#bfdff8 }
#sadrzaj #unutar #proizvodi div p { display:block; margin:5px; padding:5px; background:#d6e8f6; line-height:18px }
#sadrzaj #unutar #proizvodi div p strong { font-size:18px; color:#0066b3 }
#sadrzaj #unutar #proizvodi h2 { clear:both }

#boje { position:relative; width:465px; height:25px; background:#0066b3; padding-left:5px; float:left }
#boje p { display:block; float:left; color:#fff; line-height:25px }
#boje p.bijela { width:15px; height:15px; background:#fff; margin:5px 5px 0 8px }
#boje p.crvena { width:15px; height:15px; background:#9D191D; margin:5px 5px 0 8px }
#boje p.svijetlo-zelena { width:15px; height:15px; background:#CACEB8; margin:5px 5px 0 8px }
#boje p.hrast-crnosmeda { width:15px; height:15px; background:#4A362E; margin:5px 5px 0 8px }
#boje p.calvados-natur { width:15px; height:15px; background:#CD8E60; margin:5px 5px 0 8px }
#boje p.hrast-chateau { width:15px; height:15px; background:#9B7A5E; margin:5px 5px 0 8px }
#boje p.pergamon { width:15px; height:15px; background:#fbf7f0; margin:5px 5px 0 8px }
#boje p.bermuda { width:15px; height:15px; background:#37a4c0; margin:5px 5px 0 8px }
#boje p.bahama { width:15px; height:15px; background:#f4d8bf; margin:5px 5px 0 8px }
#boje p.calypso { width:15px; height:15px; background:#4ca69c; margin:5px 5px 0 8px }
#boje p.opis { font-size:10px; font-weight:bold }


#porculan_upute { position:relative; margin:0; padding:0 }
#porculan_upute p a { font-size:11px; display:block } 
#porculan_upute p a.pdf { text-indent:20px; font-weight:bold; background:url(/grafika/ikona-pdf.gif) no-repeat 0 50% }

#artikli div, #artikli_porc div { position:relative; width:230px; float:left; background:#fff; margin:10px 10px 10px 0 }
#artikli div { height:370px }
#artikli_porc div { height:260px }
#artikli_porc div.visi { height:310px }
#artikli_porc div.visi_zadnji { margin-right:0; height:310px }
#artikli div.zadnji, #artikli_porc div.zadnji { margin-right:0 }
#artikli div h3, #artikli_porc div h3 { background:#0066b3; color:#fff; text-transform:uppercase; padding:5px; font-size:12px }
#artikli div p, #artikli_porc div p { padding:10px 6px; color:#515046; font-size:11px; line-height:16px } 
#artikli div.opis, #artikli_porc div.opis { position:absolute; left:0; bottom:0; height:auto; background:none }
#artikli div.opis table { margin:0 5px; width:220px }
#artikli div.opis th, #artikli div.opis td { font-size:10px; padding:3px; text-align:center }
#artikli div.opis th { background:#bfdff8; color:#0066b3 }
#artikli div.opis td { border-bottom:1px #bfdff8 solid }
#artikli div p strong, #artikli_porc div p strong { font-size:11px; line-height:16px }
#artikli div p.upute { border-top:1px #515046 solid; margin:0 5px; padding:10px 5px }
#artikli div p.upute a { font-size:11px; display:block; float:left; margin:0; padding:0; float:right } 
#artikli div p.upute a.pdf { text-indent:20px; margin-right:20px; font-weight:bold; float:left; 
		background:url(/grafika/ikona-pdf.gif) no-repeat 0 50% }
#artikli div img { float:right }
#artikli_porc div img { width:230px }

/* podnožje */

#podnozje { position:relative; width:800px; margin:0 auto; /* height:150px; */ padding:20px 0 }

#podnozje ul { width:220px; float:left; margin-right:30px }
#podnozje ul li { text-indent:5px }
#podnozje ul li a { font-size:12px; height:25px; line-height:25px; color:#0066b3; display:block; padding:2px; 
		border-bottom:1px #fff solid; margin:0 }
#podnozje ul li a:hover {background:#0066b3; color:#fff; text-decoration:none }
#podnozje ul li.zadnji a { border-bottom:none }

#podnozje p.impress { text-align:left; color:#0066b3; width:250px; float:right; line-height:20px; font-size:12px }
#podnozje p.impress a.dzdesign, #podnozje p.impress a.dzdesign, #podnozje p.impress a.dzdesign strong { 
		font:14px Arial Narrow, Arial, Helvetica, sans-serif }
#podnozje p.impress a.dzdesign { font-weight:bold; color:#000; padding:3px }
#podnozje p.impress a.dzdesign strong { color:#FFCC00; font-weight:bold }
#podnozje p.impress a:hover.dzdesign { background:#fff; color:#000; text-decoration:none }