body {
margin : 5;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background : #F0F0EB;
color : #333;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #336633;
background : #e9eee4;
color : #333;
}
			
#topimg {
height : 150px;
padding : 0;
margin : 0;
background : #417c2c url(slike/top.jpg) no-repeat;
color : #333;
}
#topimg h1 {
float : left;
margin : 10px 0 0 15px;
font-size : 150%;
letter-spacing: 3px;
color : #fff;
background : #336633;
}
			
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0 0 20px 0;
font-size : 110%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #417c2c;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 0.6em;
text-decoration : none;
border-right : 1px solid #fff;
background : #336633;
color : #fff;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #91ae00;
color : #000;
}
			
#content {
margin : 0 0 5px 170px;
padding : 5px;
border-left : 1px dashed #999;
background : inherit;
color : #333;
}
#content a:link, #content a:visited {
text-decoration : underline;
background : inherit;
color : #417C2C;
}
#content a:hover {
background : inherit;
color : #91AE00;
}
			
#sidebar {
float : left;
width : 160px;
margin : 0 10px 0 0;
padding : 5px;
background : #e9eee4;
color : #333;
}
			
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}
.sidemenu ul li a {
background : transparent url(img/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}
.sidemenu ul li a:hover {
background : transparent url(img/list-on.gif) no-repeat left center;
color : #666;
}
.sidemenu ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #666;
}
			
#footer {
clear : both;
padding : 10px;
margin : 0;
font-size : 100%;
border-top : 1px solid #fff;
background : #417c2c;
color : white;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #fff;
}
#footer a:hover {
border-bottom : 1px dashed #eee;
background: inherit;
color : #333;
}
			
p {
line-height: 1.4em;
margin : 10px;
text-align : justify;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 140%;
text-transform : uppercase;
letter-spacing: 3px;
color : #336633;
background : inherit;
}
h2 {
margin : 10px 0 0 5px;
padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #fff;
background : #417c2c;
}
h3 {
	margin : 5px 0 0 5px;
	padding-left : 0px;
	font-size : 180%;
	text-transform : uppercase;
	letter-spacing : 2px;
	color : #cc0000;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	margin : 5px 0 0 5px;
	padding-left : 0px;
	font-size : 120%;
	color : #cc0000;
	font-family: Arial, Helvetica, sans-serif;
}
			
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}
.slike {
padding:4px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
}
.preslica {
padding-left: 60px;
text-transform : uppercase;
color : #336633;
}
.hodak {
	padding-left: 130px;
	text-transform : uppercase;
	color : #336633;
}
.apartman {
	padding-left: 170px;
	text-transform : uppercase;
	color : #336633;
}
.tablica {
	background-color: #ccff99;
	border: 2px solid #009933;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.tablica td {
	border:2px solid #009933;
}
.naslov-cijena {
	font-size: 14px;
	font-weight: bold;
}