@charset "utf-8";

/* Stilovi za AX SOLING d.o.o. željezarija - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, lipanj 2008. */

/* pozadina - #000; plava-header - #63bbda; crvena - #fe0000; siva - #1e1e1e  */

/* zajednički elementi */

body { margin:0; padding:0; background:#fe0000 }
* { font:12px "Lucida Sans Unicode", Verdana, Arial, helvetica, Verdana, Tahoma sans-serif; color:#fff }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:bold; color:#fff }
h1 { font-size:24px }
h2 { font-size:18px }
h3 { font-size:16px; margin-bottom:20px }
h4 { font-size:14px }
img { border:none; /* float:left */ }
a { text-decoration:none }
a:hover { text-decoration:none; background:#fff; color:#000 }
p { margin:0; padding:0 }
p strong { font-weight:bold }
p, p a { line-height:24px }
p a { padding:5px; margin-left:-5px }
ul { list-style:none; margin:0; padding:0 }
ul li { margin:0; padding:0 }
ul, ol, dl { position:relative }
sup, sub { font-size:8px }

.obrisi { clear:both }

#kontejner { position:relative; margin:0; padding:0; width:100% }

/* zaglavlje */

#zaglavlje { position:relative; width:inherit; height:320px; z-index:50;
		background:#63bbda url(/grafika/poz_zaglavlje.jpg) no-repeat top right }
#zaglavlje_unut { position:relative; width:800px; height:320px; margin:0 auto }

a#naslovna { position:absolute; left:35px; top:40px; width:310px; height:75px; 
		background:url(/grafika/logo.png) no-repeat }

ul#nav_glavna { position:absolute; left:30px; bottom:-20px; width:455px; z-index:1000 }
ul#nav_glavna li { float:left; text-indent:-1000px }
ul#nav_glavna li a { display:block; width:115px; height:60px; background-position:left top }
ul#nav_glavna li.onama a { background:url(/grafika/nav_glavna_onama.png) no-repeat }
ul#nav_glavna li.kontakti a { background:url(/grafika/nav_glavna_kontakti.png) no-repeat }
ul#nav_glavna li.proizvodi a { background:url(/grafika/nav_glavna_proizvodi.png) no-repeat }
ul#nav_glavna li a:hover, ul#nav_glavna li a.aktiv { background-position:left bottom }

/* sadržaj */

#sadrzaj { position:relative; width:inherit; background:#000 url(/grafika/poz_sadrzaj.gif) repeat-x; z-index:49 }
#sadrzaj_unut { position:relative; width:800px; margin:0 auto; padding:10px 0 }

#sadrzaj #glavno { position:relative; float:left; padding:30px; width:400px }

#sadrzaj #glavno_, #sadrzaj #glavno_baza { position:relative; padding:30px; width:740px }
#sadrzaj #glavno_baza ul#abeceda { padding:5px 0 }
#sadrzaj #glavno_baza ul#abeceda li { float:left; line-height:24px }
#sadrzaj #glavno_baza ul#abeceda li a { margin:0 5px; display:block; padding:5px }

#sadrzaj #glavno_baza table { width:100%; margin:30px 0 }
#sadrzaj #glavno_baza table td, #sadrzaj #glavno_baza table th { vertical-align:top }
#sadrzaj #glavno_baza table td { padding:10px; border-bottom:1px #fff dashed }
#sadrzaj #glavno_baza table td.podnozje { border-bottom:none }
#sadrzaj #glavno_baza table td.podnozje ul li { float:left; line-height:24px }
#sadrzaj #glavno_baza table td.podnozje ul li a { display:block; margin:0 5px; padding:5px }
#sadrzaj #glavno_baza table th { font-weight:bold; text-align:left; padding:10px; border-bottom:1px #fff solid }

#sadrzaj #sporedno { position:relative; float:right; width:245px; height:100%; background:#1e1e1e; 
		padding:15px; margin-top:40px }

#adrese { position:relative; width:300px; float:left }
#adrese p a.lokacija { background:url(/grafika/lokacija.gif) no-repeat 0 49%; padding-left:20px; margin:0 }
#adrese p a.lokacija:hover { color:#fff; border-bottom:1px #fff dashed }

form#pitanje { position:relative; width:400px; float:right; margin-top:20px; padding:10px 0 }
form#pitanje div { padding:5px 0; height:30px }
form#pitanje div.pitanje { height:155px }
form#pitanje label { padding:0; float:left }
form#pitanje input { width:280px; height:25px; float:right; border:none; font-size:16px; line-height:16px; color:#000 }
form#pitanje input.pitanje { height:150px }
form#pitanje input.gumbic { width:100px; height:25px; background:#fe0000; color:#fff; font-size:12px }
form#pitanje input.gumbic:hover { background:#fff; color:#000 }

#karta { margin:20px 0 }
ul#karte_nav { width:300px; float:left }
ul#karte_nav li a { padding:5px }
h3.karte_naslov { display:block; float:right; margin:0 }

/* podnožje */

#podnozje { position:relative; width:inherit; height:50px; background:url(/grafika/poz_podnozje.gif) repeat-x }
#podnozje_unut { position:relative; width:800px; margin:0 auto }

p.impress { line-height:50px; float:right; padding-right:20px }
p.impress, p.impress a { color:#fff }
p.impress a:hover { background:#fff; color:#000; text-decoration:none }