* { margin:0; padding:0; }
html, body {
	height:100%;
	text-align:center;
	color:#515151;
	font:1em Arial, Helvetica, sans-serif;
	background:#fff url(../layout/main-background.gif) repeat-y 50% 0%;
	}
ul { list-style:none; }
a img { border:none; }
/* ------ linkovi ------ */
a { outline:none; text-decoration:none;}
#header ul a,#footer a { color:#000; }
#header ul a:hover,#footer a:hover { text-decoration:underline; }
#footer a { color:#545454; }
#footer .valid a { color:#fff; text-decoration:underline; }
#footer .valid a:hover { text-decoration:none; }
/* --------------------- */
#wrapper {
	width:900px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -155px; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
	}
/* ------ header ------ */
#header {
	position:relative;
	width:900px; height:148px;
	background:transparent url(../layout/header-back.jpg) no-repeat 0 0;
	}
#headerbook {
	position:relative;
	width:749px; height:148px;
	background:transparent url(../layout/header-back2.jpg) no-repeat 0 0;
	}
#header h1 {
	position:absolute;
	top:37px; left:7px;
	background:transparent url(../layout/adriatic-kamp-logo.jpg) no-repeat 0 0;
	}
#header h1 a {
	display:block;
	width:158px; height:57px;
	text-indent:-9999px;
	}
#header ul {
	clear:left;
	width:730px;
	margin:0px 0px 0px 170px;
	padding:5px 0px;
	background-color:#fff;
	color:#000;
	font-size:12px;
	}
#header ul li { float:left; }
#header ul.jezik {
	position:relative;
	height:24px;
	background-color:transparent;
	}
#header ul.jezik a {
	position:absolute;
	top:0px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	}
a.engleski,a.engleski-on {
	width:29px; height:24px;
	left:10px;
	background:transparent url(../layout/zastavice.jpg) no-repeat -29px -24px;
	}
a.engleski:hover,a.engleski-on { background-position:-29px 0px; }
a.hrvatski,a.hrvatski-on {
	width:29px; height:24px;
	left:39px;
	background:transparent url(../layout/zastavice.jpg) no-repeat 0px -24px;
	}
a.hrvatski:hover,a.hrvatski-on { background-position:0px 0px; }
a.talijanski,a.talijanski-on {
	width:29px; height:24px;
	left:69px;
	background:transparent url(../layout/zastavice.jpg) no-repeat -58px -24px;
	}
a.talijanski:hover,a.talijanski-on { background-position:-58px 0px; }
a.njemacki,a.njemacki-on {
	width:30px; height:24px;
	left:99px;
	background:transparent url(../layout/zastavice.jpg) no-repeat -87px -24px;
	}
a.njemacki:hover,a.njemacki-on { background-position:-87px 0px; }
a.home {
	width:22px; height:18px;
	margin-top:3px; 
	right:55px;
	background:transparent url(../layout/home-mapa-print.jpg) no-repeat 0px 0px;
	}
a.home:hover { background-position:0px -18px; }
a.mapa-weba {
	width:21px; height:18px;
	margin-top:3px; 
	right:32px;
	background:transparent url(../layout/home-mapa-print.jpg) no-repeat -22px 0px;
	}
a.mapa-weba:hover { background-position:-22px -18px; }
a.print {
	width:21px; height:18px;
	margin-top:3px; 
	right:10px;
	background:transparent url(../layout/home-mapa-print.jpg) no-repeat -43px 0px;
	}
a.print:hover { background-position:-43px -18px; }
#header .put-resize {
	height:21px;
	margin-top:83px;
	line-height:1em;
	background:transparent url(../layout/put-resize-back.jpg) no-repeat 0 0;
	}
.put-resize li {
	margin-right:6px;
	padding-left:10px;
	background:transparent url(../layout/put-strelica.gif) no-repeat 0% 65%;
	}
#header .put-resize li.prvi { padding-left:18px; background:none; }
li.velicina-a1,li.velicina-a2,li.velicina-a3 {
	margin:-2px 0px 0px 0px; padding:0px;
	background:none;
	float:right !important;
	}
.velicina-a1 a,.velicina-a2 a,.velicina-a3 a {
	display:block;
	width:15px; height:15px;
	text-indent:-9999px;
	background:transparent url(../layout/velicina-teksta.gif) no-repeat 0 0;
	}
li.velicina-a1 a:hover { background-position:0px -15px; text-decoration:none !important; }
li.velicina-a2 a { background-position:-15px 0px; margin:0px 2px;}
li.velicina-a2 a:hover { background-position:-15px -15px; text-decoration:none !important; }
li.velicina-a3 a { background-position:-30px 0px; margin-right:10px; }
li.velicina-a3 a:hover { background-position:-30px -15px; text-decoration:none !important; }
/* ------ glavni menu ------ */
#main-nav {
	width:170px;
	float:left;
	}
#main-menu {
	width:170px;
	padding-top:15px;
	padding-bottom:80px;
	background:#69bedc url(../layout/main-menu-back.gif) no-repeat bottom left;
	}
#main-menu li {
	position:relative;
	width:168px; height:30px;
	margin:0px 0px 2px 2px;
	background-color:#7fc8e1;
	line-height:0;
	}
#main-menu li.mobilne-kucice { background:#7fc8e1 url(../layout/mobile-homes-link.gif) no-repeat 52px 9px; }
#main-menu li.lokacije { background:#7fc8e1 url(../layout/locations-link.gif) no-repeat 79px 9px; }
#main-menu li.cijene { background:#7fc8e1 url(../layout/prices-link.gif) no-repeat 105px 9px; }
#main-menu li.rezervacija { background:#7fc8e1 url(../layout/booking-link.gif) no-repeat 92px 9px; }
#main-menu li.istra { background:#7fc8e1 url(../layout/experience-istria-link.gif) no-repeat 28px 9px; }
#main-menu li.kontakt { background:#7fc8e1 url(../layout/contact-link.gif) no-repeat 90px 9px; }
#main-menu li.o-nama { background:#7fc8e1 url(../layout/aboutus-link.gif) no-repeat 85px 9px; }
#main-menu li a {
	position:absolute;
	right:-3px;
	display:block;
	width:171px; height:30px;
	text-indent:-9999px;
	}
#main-menu li a:hover,#main-menu li a.main-on { background:url(../layout/main-menu-hover.gif) no-repeat center right; }
#banneri {
	clear:both;
	text-align:center;
	background:transparent url(../layout/hr1.gif) no-repeat top center;
	}
#banneri li a img { border:none; }
#banneri li {
	padding:12px 0px;
	background:transparent url(../layout/hr1.gif) no-repeat bottom center;
	}
/* -------------------- */
#main-cont {
	float:left;
	width:500px;
	padding:5px 15px 0px 15px;
	margin:8px 0px;
	font-size:0.7em; /* ------------------------ */
	background:transparent url(../layout/hr-bocno.gif) repeat-y top right;
	}
#main-cont2 {
	float:left;
	width:545px;
	padding:5px 15px 0px 15px;
	margin:8px 0px;
	font-size:0.7em; /* ------------------------ */
	background:transparent url(../layout/hr-bocno.gif) repeat-y top right;
	}
body#bez-subcont #main-cont {
	background:none;
	width:535px;
	}
#sub-cont {
	float:right;
	width:180px;
	margin-bottom:7px;
	padding:13px 10px 0px 10px;
	font-size:0.8em; /* ------------------------ */
	}
#sub-cont .box-desno {
	width:178px;
	float:left;
	padding-bottom:10px;
	margin-bottom:15px;
	background:#f6f6f6 url(../layout/box-desno-back-dolje.gif) no-repeat bottom left;
	}
/* ---- footer ---------- */
#footer,#push {
	height:140px; /* .push must be the same height as .footer */
	margin:0 auto;
	clear:both;
	margin-bottom:15px;
	}
#footer {
	width:950px;
	padding-right:0px;
	background:transparent url(../layout/galerija-back.gif) no-repeat 25px 46px;
	}
#footer h3 {
	float:left;
	text-indent:-9999px;
	width:78px; height:12px;
	position:relative;
	top:89px; left:100px;
	background:transparent url(../layout/foto-album-naslov.gif) no-repeat 0 0;
	}
#galerija {
	float:left;
	width:720px;
	margin-left:120px;
	padding-top:7px;
	background:transparent url(../layout/hr-galerija.gif) repeat-x top left;
	}
#galerija li {
	width:140px; height:105px;
	float:left;
	background:transparent url(../layout/slika-thumb-okvir.gif) no-repeat 0 0;
	}
#galerija li a img { border:none; margin:9px 0px 0px 0px;}
#footer .tekst {
	width:765px;
	float:left;
	}
#footer p {
	float:right;
	width:553px; height:20px;
	text-align:right;
	color:#7f7f7f;
	margin-top:7px;
	padding:7px 7px 0px 0px;
	font-size:11px; 
	background:transparent url(../layout/hr-galerija.gif) repeat-x top left;
	}
#footer .valid {
	width:163px;
	margin-right:10px;
	text-align:center;
	color:#fff;
	background:none;
	background-color:#a5d8ea;
	}