@charset "iso-8859-2";

/* Stilovi za Atom-modus d.o.o. - Osnovni v 2.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, listopad 2007. */

/* Boje: s.plava - #8ed8f8; t.plava - #0c4c68; naslovi - #008ccb; s.plava hover - #e8f4f8 */

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

#kontejner { position:relative; margin:auto; width:710px; background:url(../grafika/pozadina_cont.jpg) no-repeat; height:1000px  }

/* ZAGLAVLJE */

#zaglavlje { position:relative; width:700px; height:350px; margin:0 5px }
#zaglavlje_nav { position:relative; width:inherit; height:99px }
#zaglavlje_nav a#home { position:absolute; left:10px; bottom:10px; width:129px; height:73px; background:url(../grafika/logo.gif) no-repeat }
#zaglavlje_nav ul#nav { position:relative; float:right; width:320px; height:30px; margin:69px -185px 0 0; list-style:none }
#zaglavlje_nav ul#nav li { margin:0; padding:0; float:left; margin:0 0 0 5px }
#zaglavlje_nav ul#nav li a { display:block; width:100px; height:23px; background:#8ed8f8; color:#0c4c68; text-decoration:none;
			font-weight:bold; text-align:center; padding:7px 0 0 0 }
#zaglavlje_nav ul#nav li a:hover { background:#0c4c68; color:#fff }
#zaglavlje_nav ul#nav_top { position:relative; float:right; margin:10px 10px 0 0; padding:0; list-style:none }
#zaglavlje_nav ul#nav_top li { margin:0 0 0 10px; padding:0; float:left; padding-left:20px }
#zaglavlje_nav ul#nav_top li#doma { background:url(/grafika/ikona_doma.gif) no-repeat }
#zaglavlje_nav ul#nav_top li#kontakt { background:url(/grafika/ikona_kontakt.gif) no-repeat }
#zaglavlje_nav ul#nav_top li#kazalo { background:url(/grafika/ikona_kazalo.gif) no-repeat }
#zaglavlje_nav ul#nav_top li a { text-decoration:none; color:#0c4c68; display:block }
#zaglavlje_nav ul#nav_top li a:hover { border-bottom:1px #0c4c68 dashed }
#zaglavlje_slika { position:relative; width:inherit; height:252px; width:700px }
#zaglavlje_slika_proizv { position:relative; width:inherit; height:252px; background:#008ccb; 
			background:url(../grafika/header_slika_2.jpg) no-repeat }
#zaglavlje_slika_onama { position:relative; width:inherit; height:252px; background:#008ccb; 
			background:url(../grafika/header_slika_3.jpg) no-repeat }
#zaglavlje_slika_kontakt { position:relative; width:inherit; height:252px; background:#008ccb; 
			background:url(../grafika/header_slika_4.jpg) no-repeat }
#zaglavlje_slika_kazalo { position:relative; width:inherit; height:252px; background:#008ccb; 
			background:url(../grafika/header_slika_5.jpg) no-repeat }		
#zaglavlje_slika #opis { float:right; margin:40px 5px 0 0; width:300px; height:200px; overflow:hidden }
#zaglavlje_slika #opis h1 { margin:0; padding:0; font-size:36px; line-height:40px; color:#fff }
#zaglavlje_slika #opis p { font:12px Georgia, "Times New Roman", Times, serif; margin:10px 0 0 0; line-height:22px }


/* SADRŽAJ */

#sadrzaj { position:relative; width:700px; margin:5px }

#sadrzaj h5 { width:auto; display:block; margin:0 0 15px 0; padding:2px 5px; background:#008ccb; color:#fff; 
			font-size:12px; font-weight:bold; text-transform:uppercase }

#sadrzaj #nasl_glavni { position:relative; margin:0; padding:15px 0 0 15px; width:380px; float:left }
#sadrzaj #nasl_glavni .proizv { float:left; width:170px; height:85px; margin:0 20px 20px 0 }
#sadrzaj #nasl_glavni .proizv h6, #sadrzaj #nasl_spored h6, #sadrzaj #glavnina div h6 
			{ font-size:11px; font-weight:bold; color:#008ccb; margin:0; padding:0; 
			text-transform:uppercase; line-height:14px }
#sadrzaj #nasl_glavni .proizv p { font-size:10px; margin:0; padding:0; line-height:14px }
#sadrzaj #nasl_glavni .proizv img { float:left; margin:0 5px 0 0 }
#sadrzaj #nasl_glavni .proizv a { display:block; text-decoration:none; width:170px; height:70px }
#sadrzaj #nasl_glavni .proizv a:hover { background:#e8f4f8 }
#sadrzaj #nasl_glavni p.plavi, #sadrzaj #nasl_glavni p.plavi strong, #sadrzaj #nasl_glavni p.plavi a
			 { color:#008ccb; font-size:12px; line-height:18px }
#sadrzaj #nasl_glavni p.plavi strong, #sadrzaj #nasl_glavni p.plavi a { font-weight:bold }
#sadrzaj #nasl_glavni p.plavi a { text-decoration:none }
#sadrzaj #nasl_glavni p.plavi a:hover { border-bottom:1px #0c4c68 dashed }

#sadrzaj #nasl_spored { position:relative; margin:0; padding:15px 15px 0 0; width:270px; float:right }
#sadrzaj #nasl_spored p.plavi { margin:10px }
#sadrzaj #nasl_spored p.plavi, #sadrzaj #nasl_spored p.plavi strong, #sadrzaj #nasl_spored p.plavi a 
			{ color:#008ccb; font-size:12px; line-height:18px }
#sadrzaj #nasl_spored p.plavi strong{ font-weight:bold }
#sadrzaj #nasl_spored p a { font-weight:bold; text-decoration:none; color:#008ccb }
#sadrzaj #nasl_spored p a:hover { border-bottom:1px #0c4c68 dashed }
#sadrzaj #nasl_spored a img { margin:10px; border:4px solid #8ed8f8}
#sadrzaj #nasl_spored a:hover img { border:none; padding:4px }

#sadrzaj #proizv_izbor { position:relative; margin:0; padding:15px 0 0 15px; width:180px; float:left }
#sadrzaj #proizv_izbor ul#proizv { margin:0; padding:0; list-style:none }
#sadrzaj #proizv_izbor ul#proizv li { margin:0; padding:0 }
#sadrzaj #proizv_izbor ul#proizv li a { display:block; background:url(../grafika/popis_oznaka.gif) no-repeat 0 7px; 
			text-indent:15px; line-height:24px; height:100%; font-size:12px }
#sadrzaj #proizv_izbor ul#proizv li a:hover { color:#008ccb; border-bottom:1px #8ed8f8 dashed; border-top:1px #8ed8f8 dashed; 
			text-decoration:none; background:url(../grafika/popis_oznaka.gif) no-repeat 0 7px #e8f4f8 }

#sadrzaj #glavnina { position:relative; margin:0; padding:15px 15px 0 0; width:480px; float:right }
#sadrzaj #glavnina h1 { margin:0 0 15px 0; padding:5px; clear:both }
#sadrzaj #glavnina p { font:12px Georgia, "Times New Roman", Times, serif; line-height:24px; margin:5px 0; padding:5px }
#sadrzaj #glavnina p.povratak { margin:0; padding:0; float:right }
#sadrzaj #glavnina p.pdf { background:url(/grafika/pdf.gif) no-repeat; text-indent:25px; display:block; clear:both }
#sadrzaj #glavnina div { position:relative; float:left }
#sadrzaj #glavnina div h6 { margin-top:10px }
#sadrzaj #glavnina div a { display:block; width:125px; height:180px; padding:5px; margin:5px }
#sadrzaj #glavnina div.hor a { display:block; width:150px; height:155px; padding:5px; margin:0 }
#sadrzaj #glavnina div a:hover { color:#008ccb; text-decoration:none; background:#e8f4f8 }
#sadrzaj #glavnina .certifikati { margin:10px 0 }
#sadrzaj #glavnina .certifikati img { float:right; margin:10px }
#sadrzaj #glavnina #glavna_slika { position:relative; float:left; width:285px; padding-left:5px }
#sadrzaj #glavnina #glavna_slika_hor { position:relative; float:left; width:340px; padding-left:5px }
#sadrzaj #glavnina #opis { position:relative; float:right; width:190px }
#sadrzaj #glavnina #opis_hor { position:relative; float:left }
#sadrzaj #glavnina #opis h6, #sadrzaj #glavnina #opis_hor h6 { margin:0 }
#sadrzaj #glavnina #opis p, #sadrzaj #glavnina #opis_hor p { font:11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
			margin:5px 0; padding:0; line-height:24px }
#sadrzaj #glavnina table { border:0; padding:0; margin:10px 0; width:100% }
#sadrzaj #glavnina table th { font-size:11px; font-weight:bold; color:#008ccb; margin:0; padding:10px 0; 
			text-transform:uppercase; text-align:left }
#sadrzaj #glavnina table td { font-size:11px; margin:0; padding:2px; line-height:18px }
#sadrzaj #glavnina table th, #sadrzaj #glavnina table td { border-bottom:1px #0c4c68 dashed }
#sadrzaj #glavnina table td.druga { border-left:1px #0c4c68 dashed; text-align:center; width:30% }
#sadrzaj #karta { position:absolute; top:10px; right:0px; width:450px; height:350px; z-index:500 }
#sadrzaj #glavnina ul li { margin:0; padding:0; list-style:square }
#sadrzaj #glavnina ul li ul li { padding-left:10px }
#sadrzaj #glavnina ul li a { font-size:12px; line-height:24px; text-decoration:none }
#sadrzaj #glavnina ul li a:hover { border-bottom:1px #008ccb dashed; color:#008ccb }


.pocisti { clear:both; margin:20px 0 }

/* PODNOŽJE */

#podnozje { position:relative; width:700px; background:#008ccb; margin:20px 5px 0 5px }
#podnozje p { color:#fff; margin:0; padding:5px 10px }
#podnozje #impress { float:left }
#podnozje a#logo { display:block; width:111px; height:25px; background:url(/grafika/dzlogo.gif) no-repeat 0 50%; float:right }