@charset "utf-8";

/* Stilovi za Aparthotel Lekavski - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb - Sva prava pridržana, siječanj 2008. */

/* Boje: plava h/f - #3d679a; plava nasl - #8fb8d3; beige - #f5d48e  */

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

#kontejner { position:relative; width:900px; margin:-4px auto; padding:0 }
#kont_lijevo { position:relative; width:492px; float:left; border:4px #fff solid; background:#fff }
#kont_desno { position:absolute; right:0; top:0; width:400px; height:800px;
			background:url(/grafika/poz_kont_desno.jpg) no-repeat }

/* ZAGLAVLJE LIJEVO */

#zaglavlje_l { position:relative; width:inherit }

a#home { position:absolute; left:10px; top:10px; width:100px; height:100px; 
			background:url(/grafika/logo.gif) no-repeat; z-index:1000 }

#zaglavlje_l #naslov { position:relative; width:inherit; height:60px; 
			background:url(/grafika/poz_zaglavlje_l.gif) no-repeat #3d679a }
#zaglavlje_l #gl_slika { position:relative; width:335px; height:180px; float:left; 
			/* background:url(../grafika/gl_slika_01.jpg) no-repeat */ }
#zaglavlje_l #gl_slika img { display:none; position:absolute; left:0; top:0; height:180px }
#zaglavlje_l #info { position:relative; float:right; width:143px; height:166px; border-left:4px #fff solid; border-top:4px #fff solid;
			 background:#8fb8d3; padding:5px }
#zaglavlje_l #info p { margin:60px 0 0 0; padding:0; line-height:16px }
#zaglavlje_l #info p, #zaglavlje_l #info p a { font-size:10px; color:#fff }

/* ZAGLAVLJE DESNO */

#zaglavlje_d ul#nav_vrh { margin:7px; padding:0; list-style:none }
#zaglavlje_d ul#nav_vrh li { margin:0; padding:0; float:left }
#zaglavlje_d ul#nav_vrh li a { font-size:9px; font-weight:bold; padding:0 0 0 5px }
#zaglavlje_d ul#nav_vrh li, #zaglavlje_d ul#nav_vrh li a {color:#3d679a  }

ul#nav_glavna { position:absolute; top:239px; left:0; width:200px; height:300px; list-style:none; margin:0; padding:0 }
ul#nav_glavna li a { display:block; width:120px; height:25px; text-indent:-1000px; margin:5px 0 }
ul#nav_glavna li.uber a { background:url(/grafika/nav_uber.gif) no-repeat left top }
ul#nav_glavna li.unter a { background:url(/grafika/nav_unter.gif) no-repeat left top; width:90px }
ul#nav_glavna li.preise a { background:url(/grafika/nav_preise.gif) no-repeat left top; width:60px }
ul#nav_glavna li.umgebung a { background:url(/grafika/nav_umgebung.gif) no-repeat left top; width:80px }
ul#nav_glavna li.strande a { background:url(/grafika/nav_strande.gif) no-repeat left top; width:70px }
ul#nav_glavna li.foto a { background:url(/grafika/nav_foto.gif) no-repeat left top; width:97px }
ul#nav_glavna li.buchung a { background:url(/grafika/nav_buchung.gif) no-repeat left top; width:77px }
/* en */
ul#nav_glavna li.about a { background:url(/grafika/nav_en_about.gif) no-repeat left top }
ul#nav_glavna li.accomod a { background:url(/grafika/nav_en_accomod.gif) no-repeat left top; width:110px }
ul#nav_glavna li.price a { background:url(/grafika/nav_en_prices.gif) no-repeat left top; width:60px }
ul#nav_glavna li.surround a { background:url(/grafika/nav_en_surround.gif) no-repeat left top; width:105px }
ul#nav_glavna li.beaches a { background:url(/grafika/nav_en_beaches.gif) no-repeat left top; width:80px }
ul#nav_glavna li.photo a { background:url(/grafika/nav_en_photo.gif) no-repeat left top; width:120px }
ul#nav_glavna li.booking a { background:url(/grafika/nav_en_booking.gif) no-repeat left top; width:77px }
/* hr */
ul#nav_glavna li.ohotelu a { background:url(/grafika/nav_hr_ohotelu.gif) no-repeat left top; width:75px }
ul#nav_glavna li.smjestaj a { background:url(/grafika/nav_hr_smjestaj.gif) no-repeat left top; width:75px }
ul#nav_glavna li.cijene a { background:url(/grafika/nav_hr_cijene.gif) no-repeat left top; width:60px }
ul#nav_glavna li.okolica a { background:url(/grafika/nav_hr_okolica.gif) no-repeat left top; width:70px }
ul#nav_glavna li.plaze a { background:url(/grafika/nav_hr_plaze.gif) no-repeat left top; width:55px }
ul#nav_glavna li.foto_hr a { background:url(/grafika/nav_hr_foto.gif) no-repeat left top; width:100px }
ul#nav_glavna li.rezervacije a { background:url(/grafika/nav_hr_rezervacije.gif) no-repeat left top; width:90px }
/* it */
ul#nav_glavna li.circa a { background:url(/grafika/nav_it_circa.gif) no-repeat left top; width:95px }
ul#nav_glavna li.allogio a { background:url(/grafika/nav_it_allogio.gif) no-repeat left top; width:70px }
ul#nav_glavna li.prezzi a { background:url(/grafika/nav_it_prezzi.gif) no-repeat left top; width:60px }
ul#nav_glavna li.ambiente a { background:url(/grafika/nav_it_ambiente.gif) no-repeat left top; width:75px }
ul#nav_glavna li.spiage a { background:url(/grafika/nav_it_spiage.gif) no-repeat left top; width:60px }
ul#nav_glavna li.prenotaz a { background:url(/grafika/nav_it_prenotaz.gif) no-repeat left top; width:100px }

ul#nav_glavna li a:hover { background-position:left bottom }

#dogadaji { position:absolute; top:480px; left:15px; width:250px }
#dogadaji ul { margin:0; padding:0; list-style:none }
#dogadaji li { background:url(/grafika/nav_strelica.gif) no-repeat 0 10px; line-height:12px }
#dogadaji li a { display:block; color:#3d679a; padding:5px 0 0 20px; width:230px }
#dogadaji li a strong { color:#3d679a; font-weight:bold }




/* SADRŽAJ */

#sadrzaj_l { position:relative; width:492px }
#sadrzaj_l #lijevo { position:relative; width:330px; float:left }
#sadrzaj_l #lijevo div p, #sadrzaj_l #lijevo p, #sadrzaj_l #lijevo_sve p { margin:10px 0; padding:0 }
#sadrzaj_l #lijevo img { margin:5px 0 }
#sadrzaj_l #lijevo div.clanak { border-top:#3d679a solid 1px }
#sadrzaj_l #lijevo div p strong, #sadrzaj_l #lijevo p strong, #sadrzaj_l #lijevo_sve p strong, #sadrzaj_l #lijevo_sve table#cjenik td strong { color:#3d679a; font-weight:bold }

#sadrzaj_l #lijevo_sve { position:relative; width:490px }
#sadrzaj_l #lijevo_sve table#cjenik { margin:10px 0 }
#sadrzaj_l #lijevo_sve table#cjenik td { height:25px; border-bottom:1px #deeef8 solid; text-align:center }
#sadrzaj_l #lijevo_sve table#cjenik td.oznake { font-weight:bold; background:#3d679a; color:#fff }
#sadrzaj_l #lijevo_sve table#cjenik td.termini { font-size:9px; font-style:italic; background:#deeef8 }
#sadrzaj_l #lijevo_sve div h1, #sadrzaj_l #lijevo_sve h1 { padding:10px 0 }

#sadrzaj_l #lijevo_sve ul#gallerie { margin:0; padding:0; list-style:none }
#sadrzaj_l #lijevo_sve ul#gallerie li { float:left }
#sadrzaj_l #lijevo_sve ul#gallerie li a { display:block; width:100px; height:100px; margin:11px }

#sadrzaj_l #desno { position:relative; width:152px; float:right }
#sadrzaj_l #desno div { margin-top:4px }
#sadrzaj_l #desno div a#finden_sie_uns { display:block; width:152px; height:152px; 
		background:url(/grafika/hr_karta.gif) no-repeat }
#sadrzaj_l #desno div a#find_us { display:block; width:152px; height:152px; 
		background:url(/grafika/hr_karta_en.gif) no-repeat }
#sadrzaj_l #desno div a#pronadite_nas { display:block; width:152px; height:152px; 
		background:url(/grafika/hr_karta_hr.gif) no-repeat }
#sadrzaj_l #desno div a#localita { display:block; width:152px; height:152px; 
		background:url(/grafika/hr_karta_it.gif) no-repeat }		
#sadrzaj_l #desno div a#finden_sie_uns:hover { background-position:left bottom }
#sadrzaj_l #desno div ul#nav_urlaub { margin:0; padding:3px; list-style:none; background:#deeef8 }
#sadrzaj_l #desno div ul#nav_urlaub li { width:140px; display:block; background:url(/grafika/nav_strelica.gif) no-repeat 0 50%;
			text-indent:13px }
#sadrzaj_l #desno div ul#nav_urlaub li a { color:#3d679a; font-size:9px }

#sadrzaj_l #podnozje { position:relative; float:left; background:#3d679a; clear:both; width:492px }
#sadrzaj_l #podnozje p { text-align:right; margin:0; padding:4px }
#sadrzaj_l #podnozje p, #sadrzaj_l #podnozje p a { color:#fff; font-size:9px }
#sadrzaj_l #podnozje p a { font-weight:bold }

#novosti { position:absolute; left:10px; top:470px; width:200px }
#novosti ul { margin:0; padding:0; list-style:none }
#novosti li { background:url(/grafika/nav_strelica.gif) no-repeat 0 10px; line-height:12px }
#novosti li a { display:block; color:#3d679a; padding:5px 0 0 20px; width:230px }
#novosti li a strong { color:#3d679a; font-weight:bold }

#lijevo ul.news { margin:0 0 10px 15px; padding:0; list-style:none; }
#lijevo ul.news li { padding:2px 0; }
#lijevo ul.news li a { display:block; padding-left:25px; background:url(/grafika/nav_strelica.gif) no-repeat 0 4px; line-height:12px; }
	#lijevo ul.news li a strong { color:#3d679a; font-weight:bold }

a.buchen { display:block; width:152px; height:38px; background:url(/grafika/buchen.gif) no-repeat; text-indent:-9999px; margin-bottom:5px; }
	a.buchen:hover { background-position:0 -38px;}
	
a.virtual { display:block; width:152px; height:152px; background:url(/grafika/virtual.jpg) no-repeat top left; text-indent:-9999px; }
	a.virtual:hover { background-position: left bottom; }

form#pitanje { position:absolute; left:0; top:470px; width:200px }
form#pitanje label { width:200px; height:15px; font-size:9px; color:#3d679a; float:left; margin:5px }
form#pitanje input { clear:both; margin:0 5px; padding:2px; height:17px; width:200px; border:0px }
form#pitanje input.pitanje { height:50px }
form#pitanje input.gumbic { background:#3d679a; color:#fff; float:right; width:70px; height:23px; margin:15px -10px 0 0; padding:0;
			font-size:9px; border:2px #fff solid }
form#pitanje input.gumbic:hover { background:#8fb8d3 }

#logici { position:absolute; left:0; top:730px; width:200px }
#logici a { display:block; position:relative; float:left; height:40px; margin-left:10px }
#logici a#logo_htz { width:85px; background:url(/grafika/nav_logo_htz.gif) no-repeat }
#logici a#logo_zd { width:35px; background:url(/grafika/nav_logo_zd.gif) no-repeat }
#logici a#logo_udruga { width:30px; height:31px; background:url(/grafika/nav_logo_udruga.gif) no-repeat }
#logici a#logo_htz:hover, #logici a#logo_zd:hover, #logici a#logo_udruga:hover { background-position:bottom left }

.obrisi { clear:both }


/* PODNOŽJE */

#podnozje { position:relative; margin:0; padding:0; width:800px }