/* CSS Document */
html {
    margin:0px;
    padding:0px;
}

body{
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/body_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#e47501;
	color:#3c3c3c;
}

img{
	padding:0px;
	margin:0px;
	border:none;}

.clear { clear: both; background: none; float:none;}

a {
	color: #ffffff;
}

a img{
	color: #ffffff;
	border:none;
}

#ogrodje{
	width:960px;
	padding:0px 30px 10px 30px;
	margin:0 auto;}

h2{
	font-size:20px;
	font-style:italic;}

h4{line-height:18px;
clear:both;
font-size:12px;
font-style:italic;
color:#ffffff;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;}

/* HEADER */
#header{
	width:900px;
	height:385px;}

#header_left{
	width:285px;
	height:385px;
	float:left;
	display:inline;}

#logo{
	width:285px;
	height:235px;}

#logo_link{
	border:none;
	width:285px;
	height:235px;
	padding:0px;
	margin:0px;
	background-image:url(../images/logo.gif);
	display:block;}

#main_menu{
	width:285px;
	height:128px;
	padding:8px 0px 14px 0px;}

#main_menu a{
	width:285px;
	height:32px;
	display:block;}

#predstavitev a{
	background-image:url(../images/1_normal.gif);}
#predstavitev a:hover{
	background-image:url(../images/1_hover.gif);}
#predstavitev a.predstavitev{
	background-image:url(../images/1_hover.gif);}
#galerija a{
	background-image:url(../images/2_normal.gif);}
#galerija a:hover{
	background-image:url(../images/2_hover.gif);}
#galerija a.galerija{
	background-image:url(../images/2_hover.gif);}

#kontakt a{
	background-image:url(../images/3_normal.gif);}
#kontakt a:hover{
	background-image:url(../images/3_hover.gif);}
#kontakt a.kontakt{
	background-image:url(../images/3_hover.gif);}
#kjesmo a{
	background-image:url(../images/4_normal.gif);}
#kjesmo a:hover{
	background-image:url(../images/4_hover.gif);}
#kjesmo a.kjesmo{
	background-image:url(../images/4_hover.gif);}

#header_border{
	width:30px;
	height:365px;
	margin:20px 0px 0px 0px;
	float:left;
	display:inline;
	background-image:url(../images/border_ver.gif);
	background-repeat:repeat-y;
	background-position:top center;}

#header_right{
	width:585px;
	height:385px;
	float:left;
	display:inline;
	background-image:url(../images/header_right_bg.gif);
	background-position:left;
	background-repeat:no-repeat;}

#header_right_dock{
	width:490px;
	height:340px;
	padding:21px 0px 0px 39px;
	overflow:hidden;}

.horizontal_border{
	height:30px;
	width:900px;
	background-image:url(../images/middle_border.gif);
	background-repeat:no-repeat;}

.horizontal_border2{
	height:30px;
	width:900px;
	background-image:url(../images/middle_border2.gif);
	background-repeat:no-repeat;}

/* PAGE BODY */
#page_body{
	width:900px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/border_ver.gif);
	background-repeat:repeat-y;
	background-position:299px 0px;}

#page_body_noborder{
	width:900px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;}

#page_body_left{
	width:270px;
	padding:0px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	float:left;
	display:inline;}

#page_body_left p{
	margin:0px 0px 0px 0px;
	text-align:justify;
	line-height:18px;}
	
#page_body_right{
	width:570px;
	padding:0px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	float:left;
	display:inline;}

#page_body_right p{
	margin:0px 0px 0px 0px;
	text-align:justify;
	line-height:18px;}

#page_body_right_top{
	width:570px;
	padding:0px 0px 60px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/klobasa.gif);
	background-position:bottom right;
	background-repeat:no-repeat;}


#page_body_right_bottom{
	width:570px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}
	
/* FOOTER */

#footer{
	width:900px;
	height:30px;
	background-image:url(../images/border_ver.gif);
	background-repeat:repeat-y;
	background-position:299px 0px;
	}
	
#footer_left{
	width:285px;
	height:30px;
	float:left;
	display:inline;}

#footer_right{
	width:570px;
	height:30px;
	float:left;
	display:inline;
	text-align:right;
	padding:0px 15px 0px 0px;}

#footer_right a{
	color:#ffffff;}

/* NASLOVI */

#naslov_1{
	width:160px;
	height:35px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_1.gif);
	background-repeat:no-repeat;}

#naslov_2{
	width:190px;
	height:35px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_2.gif);
	background-repeat:no-repeat;}

#naslov_3{
	width:170px;
	height:35px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_3.gif);
	background-repeat:no-repeat;}

#naslov_3b{
	width:170px;
	height:35px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_3b.gif);
	background-repeat:no-repeat;}

#naslov_4{
	width:220px;
	height:35px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_4.gif);
	background-repeat:no-repeat;}
	
#naslov_5{
	width:200px;
	height:35px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_5.gif);
	background-repeat:no-repeat;}

#naslov_jesen{
	width:270px;
	height:90px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_jesen.gif);
	background-repeat:no-repeat;}
#naslov_jahanje{
	width:270px;
	height:90px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/naslov_jahanje.gif);
	background-repeat:no-repeat;}
	
/* GALERIJA */
.galerija_okvir{
	width:150px;
	height:113px;
	background-image:url(../images/okvir_slika_bg.gif);
	padding:10px 10px 10px 10px;
	margin:4px 3px 4px 3px;
	float:left;}

#page_body_galerija{
	width:880px;
	padding:0px 10px 0px 10px;}

.slika_prikaz_okvir{
	width:490px;
	height:340px;
	background-image:url(../images/slika_bg.jpg);}

.slika_prikaz_opis{
	width:180px;
	height:18px;
	background-color:#ffffff;
	font-weight:bold;
	float:right;
	padding:5px;
	margin-top:312px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color:#000000;
}

/* KJE SMO */
#page_body_kjesmo{
	width:880px;
	height:450px;
	padding:0px 10px 0px 10px;}

#najdi_border{
	width:870px;
	height:390px;
	padding:5px 5px 5px 5px;
	background-color:#ffffff;}