@charset "iso-8859-2";

/* Stilovi za Elektokovina d.o.o. - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, srpanj 2007. */

/* plava - #336385; narancasta - #ff8a00; blijeda plava - #d9dee3 */

body { margin:0; padding:0; background:url(/grafika/pozadina.jpg) repeat-x #fff }
* { font:11px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; line-height:16px }
h1, h2 { color:#fff }
h1 { font-size:18px }
h2, h3, h4 { font-size:16px }
a { text-decoration:none }
a:hover { text-decoration:none }
img { border:none }

#kontejner { position:relative; width:820px; margin:0 auto; background:url(/grafika/pozadina_kont.jpg) no-repeat }

/* ZAGLAVLJE */

#zaglavlje { position:relative; width:792px; height:75px; margin:0 auto; background:url(/grafika/_zaglavlje.jpg) no-repeat }

				/* NAVIGACIJA */
a#pocetna { position:absolute; width:320px; height:35px; left:4px; top:4px; z-index:1000 }

#zaglavlje #izbornik { position:absolute; height:30px; bottom:4px; left:8px; 
			border-left:1px #d6dbe1 solid /* IE zahebava */ }
#zaglavlje #izbornik ul { list-style-type:none; margin:0; padding:0 }
#zaglavlje #izbornik ul li { float:left }
#zaglavlje #izbornik ul li a { display:block; width:78px; height:22px; text-align:center; padding:5px 0 0;
			background:url(/grafika/_gumbek.jpg) no-repeat; text-decoration:none; border:1px #d6dbe1 solid; margin-left:-1px;
			font-weight:bold; font-size:13px; color:#336385 }
#zaglavlje #izbornik ul li a:hover, #zaglavlje #izbornik ul li.drugi a:hover { background:#336385; color:#fff }
#zaglavlje #izbornik ul li.drugi a { background:url(/grafika/_gumbek_2.jpg) no-repeat }

#zaglavlje #izb_sporedni { position:absolute; top:8px; right:4px; width:110px }
#zaglavlje #izb_sporedni ul { list-style-type:none; margin:0; padding:0 }
#zaglavlje #izb_sporedni ul li { color:#fff }
#zaglavlje #izb_sporedni ul li#pocetna a, #zaglavlje #izb_sporedni ul li#posta a { color:#fff; 
			font-size:11px; text-indent:20px; display:block; width:inherit; height:20px; font-style:italic }
#zaglavlje #izb_sporedni ul li#pocetna a { background:url(/grafika/ikona_home.gif) no-repeat }
#zaglavlje #izb_sporedni ul li#posta a { background:url(/grafika/ikona_mail.gif) no-repeat }
#zaglavlje #izb_sporedni ul li#pocetna a:hover, #zaglavlje #izb_sporedni ul li#posta a:hover { text-decoration:underline }

/* SADRŽAJ */

#sadrzaj { position:relative; width:792px; margin:4px auto }

#sadrzaj #glavni { position:relative; width:600px; float:left; margin:0 0 30px 0 }

#sadrzaj #glavni #gore { position:relative; width:600px; height:250px }
#sadrzaj #glavni #gore #rasvjeta, #sadrzaj #glavni #gore #pumpe { width:300px; height:250px; float:left }
#sadrzaj #glavni #gore #rasvjeta { background:url(/grafika/pocetna_rasvjeta.jpg) no-repeat }
#sadrzaj #glavni #gore #pumpe { background:url(/grafika/pocetna_pumpe.jpg) no-repeat }
#sadrzaj #glavni #gore .nasl_poz { background-color:#336385; opacity:.6; filter:alpha(opacity=60) /* IE */ }
#sadrzaj #glavni #gore #rasvjeta .nasl_poz { position:absolute; bottom:0; left:0; width:290px; height:80px; padding:5px }
#sadrzaj #glavni #gore #pumpe .nasl_poz { position:absolute; bottom:0; left:300px; width:290px; height:80px; padding:5px }
#sadrzaj #glavni #gore #pozadina { background-color:#336385; opacity:.6; filter:alpha(opacity=60) /* IE */ ;
			position:absolute; bottom:1px; left:0; width:600px; height:60px; padding:0; margin:0 }
#sadrzaj #glavni #gore h2 { position:absolute; bottom:8px; left:5px; font-size:48px; line-height:50px; margin:0 }
#sadrzaj #glavni #gore h1 { margin:5px 5px 0; padding:0; font-size:28px; line-height:30px; width:290px }
#sadrzaj #glavni #gore p { color:#fff; font-style:italic; font-size:16px; line-height:18px; 
			width:290px; margin:5px 5px 0; padding:0 }
#sadrzaj #glavni #gore #rasvjeta h1 { position:absolute; bottom:60px; left:5px }
#sadrzaj #glavni #gore #pumpe h1 { position:absolute; bottom:60px; left:305px }
#sadrzaj #glavni #gore #rasvjeta p { position:absolute; bottom:10px; left:5px }
#sadrzaj #glavni #gore #pumpe p { position:absolute; bottom:10px; left:305px }

#sadrzaj #glavni #dolje { position:relative; width:580px; padding:10px 0 10px 10px }
#sadrzaj #glavni #dolje h1 { font-size:24px; color:#336385; border-bottom:1px solid #d9dee3; 
			margin:12px 0 0 0; padding-bottom:12px; line-height:26px }
#sadrzaj #glavni #dolje h3, #sadrzaj #glavni #dolje h4 { padding:5px; margin:5px 0; clear:both }		
#sadrzaj #glavni #dolje h3 { color:#fff; background:#336385 }
#sadrzaj #glavni #dolje h4 { background:#d9dee3; color:#336385 }		
#sadrzaj #glavni #dolje a.povratak { font-size:14px; float:right; color:#336385 }
#sadrzaj #glavni #dolje a.povratak:hover { color:#d9dee3 }
#sadrzaj #glavni #dolje p { font:12px Georgia, "Times New Roman", Times, serif; text-align:justify; line-height:25px; 
			margin-bottom:50px }
#sadrzaj #glavni #dolje p img { float:left; margin:8px 10px 10px 0; border:1px #336385 solid; padding:5px }
#sadrzaj #glavni #dolje img.refer, #sadrzaj #glavni #dolje img.refer_ { border:1px #336385 solid; padding:5px }
#sadrzaj #glavni #dolje img.refer_ { margin:10px 13px 10px 0 }
#sadrzaj #glavni #dolje img.refer { margin:10px 0 }
#sadrzaj #glavni #dolje #ref_ikone { height:450px }
#sadrzaj #glavni #dolje #ref_ikone img { padding:3px }
#sadrzaj #glavni #dolje #ref_ikone a { display:block; width:176px; height:176px; border:1px #336385 solid; 
			margin:10px 10px 10px 0; float:left }
#sadrzaj #glavni #dolje #ref_ikone a:hover { background:#336385 }
#sadrzaj #glavni #dolje table { width:580px }
#sadrzaj #glavni #dolje table td, #sadrzaj #glavni #dolje table td a { 
			font:12px Georgia, "Times New Roman", Times, serif; line-height:25px;
			vertical-align:top; border-bottom:1px #ccc dashed }
#sadrzaj #glavni #dolje table td a { border-bottom:none }
#sadrzaj #glavni #dolje table td a:hover, #sadrzaj #glavni #dolje ul a:hover { color:#336385 }
#sadrzaj #glavni #dolje table td.zadnji { border-bottom:none }
#sadrzaj #glavni #dolje table td.podnaslov { font-style:italic; border-bottom:1px solid #d9dee3; color:#336385 }
#sadrzaj #glavni #dolje table th { font-size:18px; line-height:25px; text-align:left; color:#336385 }
#sadrzaj #glavni #dolje ul { margin:0; padding:0; list-style:none }
#sadrzaj #glavni #dolje ul li, #sadrzaj #glavni #dolje ul li a { 
			font:12px Georgia, "Times New Roman", Times, serif; line-height:25px }
#sadrzaj #glavni #dolje ul li { border-bottom:1px #ccc dashed }
#sadrzaj #glavni #dolje ul li ul li { padding-left:25px }
#sadrzaj #glavni #dolje ul li ul li.zadnji, #sadrzaj #glavni #dolje ul li.zadnji { border-bottom:none }
#sadrzaj #glavni #dolje ul li strong { font-size:14px; color:#336385 }
#sadrzaj #glavni #dolje ul li a:hover { border-bottom:none }
#sadrzaj #glavni #dolje .proizvod { width:580px; clear:both }
#sadrzaj #glavni #dolje .proizvod h2 { color:#336385; margin:10px 0; border-bottom:1px #ccc solid; padding:5px 0 }
#sadrzaj #glavni #dolje .proizvod h3 { color:#336385; background:none; 
			padding:0; font-style:italic; margin:10px 0; padding:5px 0 }
#sadrzaj #glavni #dolje .proizvod .prikaz { width:250px; margin:0 10px 0 0; float:left }
/* #sadrzaj #glavni #dolje .proizvod .prikaz img { border:1px #336385 solid; padding:3px } */
#sadrzaj #glavni #dolje .proizvod .opis { width:320px; float:right }
#sadrzaj #glavni #dolje .proizvod .opis p { font:12px Georgia, "Times New Roman", Times, serif; line-height:22px; 
			border-bottom:1px #ccc dashed; padding:0 }
#sadrzaj #glavni #dolje .proizvod .opis p.zadnji { border-bottom:none }
#sadrzaj #glavni #dolje .proizvod .opis p.tekst { font:12px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; 
			text-align:left; padding:10px 0; border-bottom:none }
#sadrzaj #glavni #dolje .proizvod .opis p, #sadrzaj #glavni #dolje .proizvod .opis p.zadnji	 { margin:0 0 5px 0}		
#sadrzaj #glavni #dolje .proizvod .opis p.tekst strong, #sadrzaj #glavni #dolje .proizvod .opis p strong { font-weight:bold; 				
			font-size:14px; line-height:22px }
#sadrzaj #glavni #dolje .proizvod .opis ul { list-style:square; margin:0; padding:0 }
#sadrzaj #glavni #dolje .proizvod .opis ul li { border-bottom:none }
#sadrzaj #glavni #dolje .proizvod table { width:100% }
#sadrzaj #glavni #dolje .proizvod td { margin:0; padding:0 }
#sadrzaj #glavni #dolje #popis { width:400px; float:left }
#sadrzaj #glavni ul li.pdf a { background:url(/grafika/pdf.gif) no-repeat; display:block; text-indent:20px }
#sadrzaj #glavni ul li.zip a { background:url(/grafika/zip-file.gif) no-repeat; display:block; text-indent:20px }
#sadrzaj #glavni ul li.xls a { background:url(/grafika/excel-file.gif) no-repeat; display:block; text-indent:20px }
#sadrzaj #glavni #dolje img.logo { float:right; margin:40px -200px 0 0 }

#sadrzaj #sporedni { position:relative; width:188px; float:right; margin-bottom:4px }

#sadrzaj #sporedni #gore { width:inherit; height:250px; background:#ff8a00 url(/grafika/ikona_info.gif) no-repeat 4px 4px }
#sadrzaj #sporedni #gore p { color:#fff; margin:0; font-size:14px; line-height:25px; padding:120px 0 0 4px }
#sadrzaj #sporedni #gore a { color:#fff; font-size:14px }
#sadrzaj #sporedni #gore a:hover { text-decoration:underline }

#sadrzaj #sporedni #dolje { margin:4px 0 0 0; background:#f4dabb; padding:4px }
#sadrzaj #sporedni #dolje h1 { font-size:24px; color:#ff8a00; margin:8px 0 }
#sadrzaj #sporedni #dolje ul { list-style:none; margin:20px 0; padding:0 }
#sadrzaj #sporedni #dolje ul li { margin:5px 0; padding:0 }
#sadrzaj #sporedni #dolje ul li a { display:block; width:178px; text-indent:25px; 
			background:url(/grafika/strelica.gif) no-repeat; font-size:12px }
#sadrzaj #sporedni #dolje ul li a:hover { color:#ff8a00 }
#sadrzaj #sporedni #dolje ul li.pdf a { background:url(/grafika/pdf.gif) no-repeat }
#sadrzaj #sporedni #dolje ul li.zip a { background:url(/grafika/zip-file.gif) no-repeat }


.pocisti { clear:both }

/* PODNOŽJE */

#podnozje { position:relative; width:800px; height:50px; background:#d9dee3; clear:both; margin:0 auto }
#podnozje #impressum { float:right; padding:15px }
#podnozje #impressum p, #podnozje #impressum a { font-style:italic; font-size:12px; margin:0; color:#336385 }
#podnozje #impressum a:hover { text-decoration:underline }