@charset "iso-8859-2";

/* Stilovi za Vrtić Jarun - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, studeni 2007. */

/* Boje: pozadina/plava-#d7eafb; t.plava-#006cc7; hover/plava-#88c6ed  */

body { margin:0; padding:0; background:url(/grafika/pozadina.jpg) }
* { font:11px Arial, Helvetica, sans-serif; color:#000; line-height:16px }
h1, h2, h3, h4, h4 { color:#006cc7; clear:both }
h1 { font-size:28px; font-weight:bold }
h2 { font-size:18px }
h3 { font-size:14px }
img { border: none; }
a { text-decoration:none }
a:hover { text-decoration:underline }

#kontejner { position:relative; width:800px; background:#d7eafb; border:4px #fff solid; margin:-4px auto 10px }

/* ZAGLAVLJE */

#zaglavlje { position:relative; width:inherit; height:250px; background:url(../grafika/zaglavlje_poz.jpg) no-repeat }

a#home { position:absolute; left:10px; top:20px; width:180px; height:180px; 
			background:url(../grafika/logo.gif) no-repeat; z-index:1000 }
#zaglavlje #flash { position:absolute; top:0; left:0; width:800px; height:250px; /* background:#fff */ z-index:999 }
#zaglavlje ul#nav_glavna { position:absolute; top:10px; right:10px; list-style:none; margin:0; padding:0; z-index:1001 }
#zaglavlje ul#nav_glavna li { margin:0 10px; padding:0; float:right }
#zaglavlje ul#nav_glavna li a { font:bold 15px Arial, Helvetica, sans-serif; color:#fff }
#zaglavlje ul#nav_glavna li a:hover { text-decoration:none; color:#88c6ed }

#zaglavlje ul#zastavice {  position:relative;   list-style:none; margin:0; padding:0;}
#zaglavlje ul#zastavice li { float:left; list-style:none;}
#zaglavlje ul#zastavice li a { display:block; width:40px; height:10px; text-indent:25px; margin-right:10px; line-height:10px }
#zaglavlje ul#zastavice li.hr a { background:url(/grafika/hr.gif) no-repeat }
#zaglavlje ul#zastavice li.uk a { background:url(/grafika/gb.gif) no-repeat }

/* SADRŽAJ */

#sadrzaj { position:relative; width:800px; background:url(../grafika/poz_sadr.jpg) no-repeat }

#sadrzaj ul#nav_sekund { position:absolute; top:-80px; right:40px; list-style:none; float:right; width:160px; z-index:1002 }
#sadrzaj ul#nav_sekund li { margin:5px 0; padding:10px 0; border-bottom:1px #88c6ed solid }
#sadrzaj ul#nav_sekund li a { font:bold 14px Arial, Helvetica, sans-serif; color:#006cc7 }
#sadrzaj ul#nav_sekund li a:hover { color:#88c6ed; text-decoration:none }
#sadrzaj ul#nav_sekund li.kontekst a { color:#49a3ef; display:block }
#sadrzaj ul#nav_sekund li.kontekst a:hover { color:#006cc7; /* background:url(../grafika/seknav_poz.jpg) no-repeat -8px -7px */ }
#sadrzaj ul#nav_sekund li.dolje { background:url(../grafika/strelica.gif) no-repeat 0 50%; border-bottom:none;
			margin:0; padding:5px 0 }
#sadrzaj ul#nav_sekund li.pdf, #sadrzaj ul#nav_sekund li.doc { border-bottom:none; margin:0; padding:5px 0  }
#sadrzaj ul#nav_sekund li.dolje a, #sadrzaj ul#nav_sekund li.pdf a, #sadrzaj ul#nav_sekund li.doc a 
		{ font-size:12px; font-weight:normal; text-indent:25px; display:block; line-height:25px }
#sadrzaj ul#nav_sekund li.pdf a { background:url(../grafika/pdf.gif) no-repeat 0 0 }
#sadrzaj ul#nav_sekund li.doc a { background:url(../grafika/doc.gif) no-repeat 0 0 }


#sadrzaj #tekst { position:relative; margin:0; padding:10px; width:540px }
#sadrzaj #tekst .okvir { float:left; width:255px; height:180px; 
			background:url(../grafika/slika_okvir.gif) no-repeat; padding:20px 20px 0 20px; margin:5px 5px 5px 0 }
#sadrzaj #tekst .okvir_v { float:left; width:180px; height:255px; 
			background:url(../grafika/slika_okvir_v.gif) no-repeat; padding:20px; margin:5px 0 5px 0 }
#sadrzaj #tekst .okvir_m { float:left; width:160px; height:80px; 
			background:url(../grafika/slika_m_okvir.gif) no-repeat; padding:12px 20px; margin:5px 5px 5px 0 }
#sadrzaj #tekst .okvir_m_h { float:left; width:160px; height:120px; 
			background:url(../grafika/slika_okvir_izd_h.gif) no-repeat; padding:12px 20px; margin:5px 5px 5px 0 }
#sadrzaj #tekst .okvir_m_h2 { float:left; width:160px; height:160px; 
			background:url(../grafika/slika_okvir_izd_h2.gif) no-repeat; padding:12px 20px; margin:5px 5px 5px 0 }
#sadrzaj #tekst .okvir_m_v { float:left; width:120px; height:160px; 
			background:url(../grafika/slika_okvir_izd_v.gif) no-repeat; padding:12px 20px; margin:5px 5px 5px 0 }
#sadrzaj #tekst .okvir_s { float:left; width:106px; height:100px; 
			background:url(../grafika/slika_s_okvir.gif) no-repeat; padding:25px 0 0 26px; margin:5px 5px 0 0 }			
#sadrzaj #tekst h1, #sadrzaj #tekst h2 { margin:10px 0 0 0; padding:15px 0 }
#sadrzaj #tekst h2 { line-height:0; line-height:normal }
#sadrzaj #tekst h2.nasl { font-size:24px; margin:0; padding:10px 0 }
#sadrzaj #tekst h3 { margin:0; padding:10px 0 }
#sadrzaj #tekst h1 { border-bottom:1px #006cc7 solid }
#sadrzaj #tekst h2 a { font-size:18px; color:#006cc7; clear:both }
#sadrzaj #tekst p { margin:10px 0; padding:0; line-height:20px; text-align:justify }
#sadrzaj #tekst p strong { font-weight:bold }
#sadrzaj #tekst p.tekst_zamotan { width:220px; float:right; margin:20px 0 0 0; padding:0 }
#sadrzaj #tekst p.tekst_info { width:150px; background:#006cc7; color:#fff; padding:5px; margin:15px 15px 10px 0; float:left }
#sadrzaj #tekst p.tekst_info strong { color:#fff }
#sadrzaj #tekst .vijest { width:inherit; border-bottom:1px #006cc7 solid; margin:10px 0; padding:0 0 5px 0 }
#sadrzaj #tekst .vijest_zadnja { width:inherit; margin:15px 0 }
#sadrzaj #tekst .vijest h2, #sadrzaj #tekst .vijest_zadnja h2 { margin:0; padding:0 }
#sadrzaj #tekst .vijest p, #sadrzaj #tekst .vijest_zadnja p { margin:0; padding:10px 0 }
#sadrzaj #tekst ul.lista_desno { margin:10px 0; padding:0; list-style:square; display:block; width:360px; float:right }
#sadrzaj #tekst ul.lista_desno li { margin:0 20px; padding:0 }
#sadrzaj #tekst ul.lista_desno li strong { font-weight:bold }
#sadrzaj #tekst .google_map { margin:20px 0; border:1px #fff solid }

#sadrzaj #tekst form#upisnica { margin:0; padding:0 }
#sadrzaj #tekst form#upisnica div { padding:5px 0; float:left; clear:both }
#sadrzaj #tekst form#upisnica div label { font-size:14px; color:#006cc7; margin:0 10px; width:200px; 
			display:block; float:left; text-align:right; line-height:18px }
#sadrzaj #tekst form#upisnica div label.manji { width:100px; float:none }
#sadrzaj #tekst form#upisnica div input { width:300px; height:18px; font-size:14px; margin:0; padding:0 }
#sadrzaj #tekst form#upisnica div input.manji { width:150px }
#sadrzaj #tekst form#upisnica div input.gumbic { width:100px; background:#006cc7; 
			color:#fff; border:1px #fff solid; height:25px; font-size:11px; float:right; margin:15px  }
#sadrzaj #tekst form#upisnica div input.gumbic:hover { background:#fff; color:#006cc7 }
#sadrzaj #tekst form#upisnica h3 { border-bottom:1px solid #006cc7; width:530px }
#sadrzaj #tekst form#upisnica h3.bez { border-bottom:none }

/*
#sadrzaj #glavni form { margin:4px; margin-right:110px }
#sadrzaj #glavni form input { width:350px; padding:3px; margin:5px 0 5px 0; border:1px #b1afaf solid }
#sadrzaj #glavni form input.datum { width:317px; padding:3px; margin:5px 5px 5px 0; border:1px #b1afaf solid }
#sadrzaj #glavni form textarea { width:350px; height:200px; padding:3px; border:1px #b1afaf solid }
#sadrzaj #glavni form .gumbic { float:right; background-color:#fff; border:1px #b1afaf solid; width:150px; margin:10px 0 10px 10px }
#sadrzaj #glavni form .gumbic:hover { background-color:#ce171f; border:1px #b1afaf solid; color:#fff }
*/

.obrisi { clear:both }


/* PODNOŽJE */

#podnozje { position:relative; margin:0; padding:0; width:800px }
#podnozje p.impress { color:#006cc7; text-align:right; clear:both; padding:10px; margin:0; background:#88c6ed }
#podnozje p.impress a { color:#006cc7 }

#podnozje form { position:relative; width:780px; height:200px; background:#006cc7; padding:20px 10px 0 10px; margin:0 }
#podnozje form h1, #podnozje form p { color:#fff; margin:10px 0; padding:0 }
#podnozje form #lijevo { float:left }
#podnozje form #desno { float:right }
#podnozje form input.ime { width:360px; height:25px; margin:5px 0; font-size:12px; 
			background:url(../grafika/poz_forma.gif) no-repeat; color:#006cc7; border:0; padding:10px 0 5px 30px }
#podnozje form textarea { width:350px; height:50px; margin:5px 0; font-size:12px; overflow:hidden; 
			background:url(../grafika/poz_forma_.gif) no-repeat; color:#006cc7; border:0; padding:10px 0 5px 30px }
#podnozje form input.gumbek { width:100px; height:20px; border:1px #fff solid; background:#006cc7; color:#fff; margin:20px }