@charset "utf-8";

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

/* pozadina - #cdde8b; font-par.plava - #383a62 */
/* opacity:.3; filter:alpha(opacity=30) */


/* zajedniki elementi */

body { margin:0; padding:0; background:#cdde8b url(/grafika/pozadina_vrh.gif) no-repeat top center }
* { font:11px "Lucida Sans Unicode", Verdana, Arial, helvetica, sans-serif; line-height:16px }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:bold }
h1 { font-size:24px }
h2 { font-size:18px }
h3 { font-size:16px }
h4 { font-size:14px }
img { border:none; /* float:left */ }
a { text-decoration:none }
a:hover { text-decoration:underline }
p { margin:0; padding:0 }
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:40px auto; padding:0; width:900px; background:#fff;
		border-right:6px #a7be4e solid; /* border-bottom:4px #a7be4e solid */ }

/* zaglavlje */

#zaglavlje { position:relative; width:inherit }

ul#nav_vrh { position:absolute; right:10px; top:-44px; width:auto; border-bottom:6px #fff solid }
ul#nav_vrh li { float:left }
ul#nav_vrh li, ul#nav_vrh li a { color:#383a62; line-height:40px }
ul#nav_vrh li a { margin:0 5px }

#zaglavlje_glavno { position:relative; width:900px; height:85px }
#zaglavlje_glavno a#pocetna { position:absolute;  left:0px; top:0px; width:153px; height:52px; background:url(/grafika/logo.gif) no-repeat /*left:5px; top:5px; width:353px; height:82px; background:url(/grafika/logo.gif) no-repeat 3px -9px */}
#zaglavlje_glavno ul#jezici { position:absolute; bottom:10px; left:15px }
#zaglavlje_glavno ul#jezici li { float:left }
#zaglavlje_glavno ul#jezici li a { font-size:10px; color:#383a62; display:block; padding-left:20px }
#zaglavlje_glavno ul#jezici li.hr { background:url(/grafika/ikona_hr.gif) no-repeat 0 50% }
#zaglavlje_glavno ul#jezici li.uk { background:url(/grafika/ikona_uk.gif) no-repeat 0 50%; margin-left:10px }
#zaglavlje_glavno #trazilica { position:absolute; top:20px; right:20px; width:350px }
#zaglavlje_glavno #trazilica p.korisnici { padding-left:23px; float:left;
		background:url(/grafika/ikona_korisnik.gif) no-repeat }
#zaglavlje_glavno #trazilica p.korisnici a { color:#383a62 }
#zaglavlje_glavno #trazilica form { float:right }
#zaglavlje_glavno ul#nav_glavna { position:absolute; right:10px; bottom:0 !important; bottom:-1px  }
#zaglavlje_glavno ul#nav_glavna li { float:left }
#zaglavlje_glavno ul#nav_glavna li a { display:block; margin-left:1px; width:125px; height:30px; 
		color:#fff; font-weight:bold; text-align:center; line-height:30px }
#zaglavlje_glavno ul#nav_glavna li.a a { background:#e7c10f }
#zaglavlje_glavno ul#nav_glavna li.b a { background:#ebdf12 }
#zaglavlje_glavno ul#nav_glavna li.c a { background:#a5d200 }
#zaglavlje_glavno ul#nav_glavna li.d a { background:#5fc31f }
#zaglavlje_glavno ul#nav_glavna li.e a { background:#01c202 }
#zaglavlje_glavno ul#nav_glavna li a:hover { text-decoration:none; opacity:.7; filter:alpha(opacity=70) }

form input { border:1px #666 solid; height:20px; float:left }
form input.gumbic { width:60px; height:24px; background:#cdde8b; color:#436443; margin-left:10px }

#newsletter { position:absolute; width:310px; margin:0; padding:0; left:200px; top:0; }
#newsletter p { margin-bottom:5px; }
#newsletter label { padding:0; margin:0 10px 0 0; display:inline-block; float:left; line-height:20px; }
#newsletter input { width:150px; }
#newsletter input.gumbic { width:60px; } 

#zaglavlje_nasl { position:relative; width:880px; margin:0 auto; border-top:10px #cdde8b solid }
#zaglavlje_nasl #nasl_slika { position:relative; width:670px; height:250px; float:left }
#zaglavlje_nasl #nasl_novosti { position:relative; width:180px; height:230px; float:right; background:#eff7ef; padding:10px }
#zaglavlje_nasl #nasl_novosti h3 { color:#a7be4e; margin-bottom:15px }
#zaglavlje_nasl #nasl_novosti p.novost { margin-top:15px; /* font-size:10px */ }

#zaglavlje_telekom { position:relative; width:880px; margin:0 auto; border-top:10px #e7c10f solid }
#zaglavlje_elektromat { position:relative; width:880px; margin:0 auto; border-top:10px #ebdf12 solid }
#zaglavlje_rasvjeta { position:relative; width:880px; margin:0 auto; border-top:10px #a5d200 solid }
#zaglavlje_av { position:relative; width:880px; margin:0 auto; border-top:10px #5fc31f solid }
#zaglavlje_kucanstvo { position:relative; width:880px; margin:0 auto; border-top:10px #01c202 solid }

/* sadraj */

#sadrzaj { position:relative; width:880px; margin:0 auto !important; margin-top:-16px; padding-bottom:20px }
#sadrzaj_nasl { position:relative; width:880px; margin:0 auto; padding-top:10px }

#nasl_lijevo { position:relative; width:670px; float:left }
#nasl_lijevo div.nasl_akcija { position:relative; width:195px; height:300px; float:left; margin-right:12px !important; 
		margin-right:17px; background:#eff7ef; padding:10px !important; padding:6px }
#nasl_lijevo div.nasl_akcija_zadnji { position:relative; width:195px; height:300px; float:left; 
		background:#eff7ef; padding:10px !important; padding:6px }
#nasl_lijevo h1 { color:#a7be4e }
#nasl_lijevo h3 { color:#436443; font-size:18px; font-weight:normal; margin:0 0 10px 0 }
#nasl_lijevo p { margin:10px 0; line-height:22px }
#nasl_lijevo p.glavni { margin-top:30px }
#nasl_lijevo a { color:#666; border-bottom:1px #666 dashed }
#nasl_lijevo a:hover { border-bottom:none; text-decoration:none ; color:#000}

#nasl_lijevo #info { position:relative; width:250px; float:left; margin-top:20px; padding:10px 0 }
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#pit-2 { height:155px }
form#pitanje label { padding:0; float:left }
form#pitanje input { font-size:12px; line-height:16px; width:280px; height:25px; float:right; border:1px #666 solid; }
form#pitanje textarea { height:100px; overflow:auto; font-size:12px; line-height:16px; width:280px; float:right; border:1px #666 solid; }
form#pitanje input.gumbic { width:100px; height:25px; background:#cdde8b; color:#436443; font-size:12px }

form#korisnici { position:relative; width:500px; margin:20px auto; padding:10px 0 }
form#korisnici div { padding:5px 0; height:30px }
form#korisnici label { padding:0; float:left }
form#korisnici input { width:380px; height:25px; float:right; border:1px #666 solid; 
		font-size:16px; line-height:16px }
form#korisnici input.gumbic { width:100px; height:25px; background:#cdde8b; color:#436443; font-size:12px } 

#nasl_lijevo ul { float:left; list-style:square; margin:20px 5px }
#nasl_lijevo ul li { margin-left:20px; padding:5px 0; border-bottom:1px #666 dashed }
#nasl_lijevo ul.stupac { width:320px }
#nasl_lijevo ul.stupac li { margin-left:20px; padding:5px 0; border-bottom:1px #666 dashed; float:left; width:230px }
#nasl_lijevo ul.stupac li a { border-bottom:none }
#nasl_lijevo ul.stupac li a strong { font-weight:bold }
#nasl_lijevo ul li.zadnji { border-bottom:none }

#nasl_lijevo #karta { margin:30px 0 }

table#kosarica { margin:30px 0 }
table#kosarica td, table#kosarica th { text-align:center; border:1px #fff solid }
table#kosarica td h3 { font-weight:bold; margin:10px 0; color:#436443 }
table#kosarica td input { height:20px; width:50px; border:1px #666 solid; text-align:center; line-height:20px }

form#kosarica { position:relative; width:400px; margin:30px auto; padding:10px }
form#kosarica div { padding:5px 0; height:30px }
form#kosarica div.napomena { height:155px }
form#kosarica label { padding:0; float:left }
form#kosarica input { width:280px; height:25px; float:right; border:1px #666 solid; font-size:16px; line-height:16px }
form#kosarica input.napomena { height:150px }
form#kosarica input.gumbic { width:100px; height:25px; background:#cdde8b; color:#436443; font-size:12px }

#nasl_desno { position:relative; width:200px; float:right }
#nasl_desno img { margin-bottom:10px }
#nasl_desno h3 { color:#a7be4e; margin:0 0 10px 0 }




#lijevo { position:relative; float:left; width:200px }

#sek_nav { position:relative; background:url(/grafika/pozadina_sek_nav.gif) repeat-y; padding-bottom:6px; padding-right:6px; width:194px }
#sek_nav li { margin:0;	/* Opera */ }
#sek_nav ul { margin:0; padding:0 }
#sek_nav ul li ul {	/* za one bez JS-a */ padding-left:10px }
#sek_nav li a { display:block; border-bottom:1px #fff solid; padding:10px; width:174px; color:#383a62;
		vertical-align:middle }
#sek_nav li a:hover/*, #sek_nav .activeMainMenuItem */{ background-color:#fedb36; text-decoration:none }
#sek_nav li.zadnji a { border-bottom:none }

.sek_nav_podmeni { visibility:hidden; position:absolute; overflow:hidden; width:170px }
.sek_nav_podmeni ul { margin:0px; padding:0px }
.sek_nav_podmeni ul li { list-style-type:none; margin:0px; padding:0px }
.sek_nav_podmeni ul li a { white-space:nowrap; padding:5px; display:block; color:#fff; background:#b7ae18;
		border-bottom:1px #fff solid; height:20px; line-height:20px }
.sek_nav_podmeni ul li.zadnji a { border-bottom:none }
.sek_nav_podmeni ul li a:hover { color:#fff; background:#d2c824; text-decoration:none }

#sek_nav ul.telekom { background:#e7c10f }
#sek_nav ul.elektromat { background:#ebdf12 }
#sek_nav ul.elektromat li a:hover { background:#f7f07b }
#sek_nav ul.rasvjeta { background:#a5d200 }
#sek_nav ul.rasvjeta li a:hover { background:#d6f36b }
#sek_nav ul.av { background:#5fc31f }
#sek_nav ul.av li a:hover { background:#9fd67b }
#sek_nav ul.kucanstvo { background:#01c202 }
#sek_nav ul.kucanstvo li a:hover { background:#6cd86c }

#kosarica { position:relative; margin:20px 0; background:#eff7ef; padding:10px }
#kosarica h3 { font-size:14px; color:#a7be4e; margin-bottom:10px }
#kosarica ul#art { list-style:square; padding-left:10px; margin-left:10px }
#kosarica ul#art li { margin:2px 0 }
#kosarica p.cijena { margin:15px 0 0 0; border-top:1px #a7be4e solid; padding:5px 0 5px 0; color:#a7be4e }
#kosarica p.cijena strong { font-size:12px; font-weight:bold; color:#a7be4e }
#kosarica p a { display:block; width:60px; height:24px; background:#cdde8b; color:#436443; line-height:25px; text-align:center; 
		margin:5px 0 0 115px; border:1px #666 solid }

#glavnina { position:relative; width:680px; float:right }
#glavnina #slika { position:relative; width:680px; height:150px }

#glavnina h1 { color:#a7be4e; margin-bottom:20px; font-size:18px }
#glavnina #katalog { position:relative; width:640px; padding:20px 0 20px 20px }
#glavnina #katalog .artikal { position:relative; width:286px; height:160px; background:#eff7ef; float:left; 
		margin:0 13px 13px 0; padding:10px }
#glavnina #katalog .artikal h3 { margin-bottom:15px; font-size:14px }
#glavnina #katalog .artikal h3 a { font-size:14px; color:#000; margin:0 0 14px 0; padding:0  }
/* ovo je za cijenu */  #glavnina #katalog .artikal p.cijena { margin:0; padding:0; font-weight:bold }
#glavnina #katalog .artikal img { float:left; border:4px #fff solid; margin:0 5px 5px 0 }

#glavnina #katalog h2 { font-size:16px; color:#000; padding:10px 0 }
#glavnina #katalog img { margin:5px 0 }
#glavnina #katalog p { display:block; width:inherit; padding:20px 0; line-height:18px }


/* podnožje */

#podnozje { position:absolute; width:900px; height:30px; bottom:-36 px; left:6px; border-top:6px #a7be4e solid }
ul#nav_podnozje { float:left }
ul#nav_podnozje li { float:left }
ul#nav_podnozje li, ul#nav_podnozje li a { color:#383a62; line-height:30px }
ul#nav_podnozje li a { margin:0 5px }
p.impress { padding:0 10px; line-height:30px; float:right; color:#383a62 }
p.impress a { color:#383a62 }

#sharing { position:absolute; left:400px; top:-33px; }
	#sharing a { color:#383a62; }