body, html {
	margin: 0;
	padding: 0;
	background: #dbceb0 url(img/pozadina.jpg) left top no-repeat fixed;
	font-family: Verdana;
	font-size: 12px;
	color: #f0ebdf; }
	
	
/*-------------------------- osnovni layout -------------------------*/
	
#container {
	position: absolute;
	top: 0px;
	left: 226px;
	width: 716px;
	background: url(img/container_bg2.jpg) repeat;
	text-align: center;
	_margin: 0;
	_padding: 0;}

#header {
	background: url(img/header.gif) no-repeat;
	height: 119px;}
	
#main {
	width: 650px;	
	text-align: left;
	margin: 0px auto;}

#footer {
	clear: both;
	height: 93px;
	width: 716px;
	background: url(img/footer.jpg) bottom no-repeat;
	_margin: 0;
	_padding: 0;}
	
#content {
	width:450px;
	float:left;
	padding:5px;
	margin:0;
	overflow:hidden;
	display:inline;}
	
	
/*-------------------------- elementi main-a -------------------------*/

#box {
	width: 650px;
	margin: 0px auto 20px auto;
	padding: 0;
	background: #333300 url(img/box_bg.gif) bottom no-repeat;
	tex-align: center;}

.box_content {
	width: 630px;
	margin: 10px auto 10px auto;
	_margin: 10px 0px 10px 10px;
	padding: 10px 0px 30px 0px;
	_padding: 10px 0px 10px 0px;
	color: #f0ebdf;
	font-weight: none;
	text-decoration: none;
	text-align:left;}

.box_box1 {
	float: left;
	width: 400px;
	padding: 10px 10px 10px 10px;
	background-color: #e4dbc4;	
	color: #333300;
	font-weight: none;
	text-decoration: none;
	text-align:left;}

.box_box2 {
	float: right;
	width: 180px;
	padding: 10px 10px 10px 10px;
	_padding: 10px 10px 10px 10px;
	background-color: #e4dbc4;	
	color: #333300;
	font-weight: none;
	text-decoration: none;
	text-align:left;
	margin: 0;}

#stupac1 {
	float: left;
	width: 440px;
	margin: 0px auto 25px auto;
	background-color: #333300;}

#stupac2 {
	float: right;
	width: 200px;
	margin: 0px auto 25px auto;
	background: #333300 url(img/sidebar_top.jpg) top right no-repeat;}
	
img.floatlijevo { float: left;
	margin: 8px 8px 0px 8px;
	padding-bottom: 8px;
	border: 0px;}

img.floatdesno { float: right;
	margin: 8px 8px 0px 8px;
	padding-bottom: 8px;	
	border: 0px;}
	
	
	
/*-------------------------- navigacija -------------------------*/

#box_nav {
	width: 650px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	background: url(img/box_nav.jpg);}

.precaci1a {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/1a.gif) no-repeat top left;}	
.precaci1a:hover { 
	background-position: right;}

.precaci1b {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/1b.gif) no-repeat top left;}	
.precaci1b:hover { 
	background-position: right;}
	
.precaci1c {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/1c.gif) no-repeat top left;}	
.precaci1c:hover { 
	background-position: right;}
	
.precaci1d {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/1d.gif) no-repeat top left;}	
.precaci1d:hover { 
	background-position: right;}

.precaci2a {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/2a.gif) no-repeat top left;}	
.precaci2a:hover { 
	background-position: right;}
	
.precaci2b {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/2b.gif) no-repeat top left;}	
.precaci2b:hover { 
	background-position: right;}

.precaci3a {
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/3a.gif) no-repeat top left;}	
.precaci3a:hover { 
	background-position: right;}
	
.precaci3b {
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/3b.gif) no-repeat top left;}	
.precaci3b:hover { 
	background-position: right;}
	
.precaci4a {
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/4a.gif) no-repeat top left;}	
.precaci4a:hover { 
	background-position: right;}
	
.precaci4b {
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/4b.gif) no-repeat top left;}	
.precaci4b:hover { 
	background-position: right;}
	
.precaci5a {
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/5a.gif) no-repeat top left;}	
.precaci5a:hover { 
	background-position: right;}
	
.precaci5b {
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/5b.gif) no-repeat top left;}	
.precaci5b:hover { 
	background-position: right;}
	
.precaci6a {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/6a.gif) no-repeat top left;}	
.precaci6a:hover { 
	background-position: right;}
	
.precaci6b {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/6b.gif) no-repeat top left;}	
.precaci6b:hover { 
	background-position: right;}
	
.precaci6c {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/6c.gif) no-repeat top left;}	
.precaci6c:hover { 
	background-position: right;}
	
.precaci7a {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/7a.gif) no-repeat top left;}	
.precaci7a:hover { 
	background-position: right;}

.precaci7b {
	display: -moz-inline-box;
	display: inline-block;
	width:165px;
	height: 28px;
	padding: 0px;
	background: url(img/precaci/7b.gif) no-repeat top left;}	
.precaci7b:hover { 
	background-position: right;}


* html .precaci1a {display: inline-block;}
* html .precaci1b {display: inline-block;}
* html .precaci1c {display: inline-block;}
* html .precaci1d {display: inline-block;}
* html .precaci2a {display: inline-block;}
* html .precaci2b {display: inline-block;}
* html .precaci3a {display: inline-block;}
* html .precaci3b {display: inline-block;}
* html .precaci4a {display: inline-block;}
* html .precaci4b {display: inline-block;}
* html .precaci5a {display: inline-block;}
* html .precaci5b {display: inline-block;}
* html .precaci6a {display: inline-block;}
* html .precaci6b {display: inline-block;}
* html .precaci6c {display: inline-block;}
* html .precaci7a {display: inline-block;}
* html .precaci7b {display: inline-block;}


/*-------------------------- footer -------------------------*/

#ufooteru {
	width: 650px;
	margin: 0px auto 0px auto;}

.footer_box1 {
	float: left;
	margin: 0px;
	padding: 0px;}
	
.footer_box2 {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;}

.box1 {
	height: 33px;
	width: 383px;}
.box2 {
	height: 33px;
	width: 383px;}

.credits {
	font-size: 10px;
	font-family: Arial, Helvetica, Sans-serif;
	color: #333300;
	text-align: left;
	padding: 2px 0 0 15px;
	_padding: 0px 0 0 15px;}
	
/*-------------------------- stilovi teksta -------------------------*/


h2 {
	margin: 5px 0px 8px 0px;
	padding-top: 2px;
	color: #e7deca;
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	text-decoration: none;
	text-align:left;
	font-family: Georgia, serif;}
a:link {color: #cc9933;
text-decoration: underline}
a:visited {color: #cc9933;
text-decoration: underline;}
a:hover {color: #cb6828}
a:active {color: #cb6828;
text-decoration: none;}

h3 {
	margin: 10px 0px 10px 0px;
	padding-top: 2px;
	color: #e7deca;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	font-family: Georgia, serif;}
	
h4 {
	margin: 0px 0px 10px 10px;
	padding-top: 10px;
	color: #e7deca;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	text-decoration: none;
	text-align:left;
	font-family: Georgia, serif;}
	
	
	
/*-------------------------- galerija -------------------------*/
	
#lijevi {
	float: left;
	width: 285px;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	color: #333300;
	font-weight: none;
	text-decoration: none;
	text-align:left;}
lijevia:link {color: #cc9933;
text-decoration: underline}
lijevia:visited {color: #cc9933;
text-decoration: underline}
lijevia:hover {color: #cb6828;
text-decoration: underline}
lijevia:active {color: #cb6828;
text-decoration: underline;}
	
#desni {
	float: right;
	width: 285px;
	margin: 10px 10px 10px 0px;
	padding: 10px;
	color: #333300;
	font-weight: none;
	text-decoration: none;
	text-align:left;}}
lijevia:link {color: #cc9933;
text-decoration: underline}
lijevia:visited {color: #cc9933;
text-decoration: underline}
lijevia:hover {color: #cb6828;
text-decoration: underline}
lijevia:active {color: #cb6828;
text-decoration: underline;}

.fotketn {
	margin: 10px 8px 0px 8px;
	border: #cc9933 3px solid;}

#galerija {
	width: 350px;
	margin: 10px auto 20px auto;}
	
#Menu1 {
	position:absolute;
	left:200px;
	top:100px;
	width:192px;
	height: 254px;
	text-align: center;
	padding: 55px 0px 0px 4px;
	background: url(img/menu1.png) no-repeat;
	_background: url(img/menu.png) no-repeat;
	z-index: 10;}

.buttons a {
	color: #333300;
	padding: 3px;
	display: block;
	font: 14px Georgia, "Times New Roman", serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;}

.buttons a:hover {
	color: #660000;
	text-decoration: none;}

.buttons a:visited {
	color: #333300;
	text-decoration: none;}