html, body {
	margin:0;
	height:100%;
	font-family: Tahoma, Geneva, sans-serif;
    }

#header_top{
	height: 38px;
	width: 100%;
	background-color: #999;
	background-image: url(../images/header_top.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	position: relative;
	
}

#header_menu{
	height: 38px;
	width: 980px;
	position: relative;
	margin-left: -480px;
	left: 50%;
}
#menu_item{
	height: 30px;
	width: auto;
	margin-top: 3px;
	position: relative;
	float: right;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	cursor: pointer;
	padding-right: 10px;
	text-shadow: #FFFFFF 1px 1px;
}
#menu_item:hover{
	-moz-box-shadow:  0 1px 2px 1px #fff;
    -webkit-box-shadow:  0 1px 2px 1px #fff;
	box-shadow: 0 1px 2px 1px #fff;
	background-color: #FFF;
	color: #2fb8e6;
}

#header_bottom{
	height: 102px;
	width: 100%;
	position: relative;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2fb8e6;
}

#header_content{
	height: 102px;
	width: 980px;
	position: relative;
	margin-left: -480px;
	left: 50%;
}

#logo{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 102px;
	width: 218px;
	position: relative;
	left: 0px;
	top: 0px;	
	
}

#search_box{
	float: right;
	height: 80px;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	position: relative;	
	overflow: hidden;
	-moz-box-shadow: 0px 0px 2px #CCC;
	-webkit-box-shadow: 0px 2px 1px #CCC;
	box-shadow: 0px 0px 2px #CCC;
	
}

#search_line{
	float: left;
	width: auto;
	padding-left: 10px;
	position: relative;
	height: auto;
	margin-top: 25px;
	
}

#search_line #title{
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-align: right;
	margin-top: 5px;
}

#image_onama{
		
	-moz-box-shadow: 0px 0px 2px #333;
	-webkit-box-shadow: 0px 2px 1px #333;
	box-shadow: 0px 0px 2px #333;
	
}

#search_line #search{
	font-size: 13px;
	color: #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 2px 1px #999;
	box-shadow: 0px 0px 2px #999;
	height: 26px;
	width: 136px;
	border: 1px solid #999;
	padding-right: 2px;
	padding-left: 2px;
}


#search_line #search_button{
	background-image: url(../images/search_button.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 2px 1px #999;
	box-shadow: 0px 0px 2px #999;
	cursor: pointer;
}


#search_line #search_button:hover{
	background-image: url(../images/search_button.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navi{
	background-image: url(../images/navi_bg.png);
	background-repeat: repeat-x;
	background-position: center center;
	position: relative;
	height: 72px;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #eee;	
}

#navi_menu{
	height: 72px;
	width: 980px;
	position: relative;
	margin-left: -480px;
	left: 50%;
	
}


#navi_menu_garden{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/garden.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

#navi_menu_garden:hover{
	background-image: url(../images/garden.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
}


#navi_menu_garden2{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/garden.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}


#navi_menu_house{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/house.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

#navi_menu_house:hover{
	background-image: url(../images/house.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
}

#navi_menu_house2{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/house.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

#navi_menu_beach{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/beach.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

#navi_menu_beach:hover{
	background-image: url(../images/beach.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
#navi_menu_beach2{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/beach.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	cursor: pointer;
}

#navi_menu_linda{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/linda.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-right: 0px;
	margin-top: 8px;
	cursor: pointer;
}

#navi_menu_linda:hover{
	background-image: url(../images/linda.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
#navi_menu_linda2{
	height: 55px;
	width: 230px;
	position: relative;
	background-image: url(../images/linda.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	float: left;
	margin-right: 0px;
	margin-top: 8px;
	cursor: pointer;
}
#banner{
	height: 240px;
	width: 980px;
	position: relative;
	margin-left: -480px;
	left: 50%;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 2px 1px #999;
	box-shadow: 0px 0px 2px #999;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#middle{
	position: relative;
	margin-left: -480px;
	left: 50%;
	width: 980px;
	height:auto;
	overflow: hidden;
}

#middle_left{
	float: left;
	height: auto;
	width: 489px;
	position: relative;
}

#news{
	height: auto;
	width: auto;
	margin-top:5px;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	overflow: hidden;
}

#news_main{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	width: auto;
	position: relative;
	height: auto;
	margin-bottom: 13px;
	
}

#news_arhive{
	float: right;
	width: auto;
	position: relative;
	height: auto;
}

#news_arhive a{
	font-size: 12px;
	color: #2fb8e6;
	text-decoration: underline;
}

#news_arhive a:hover{
	font-size: 12px;
	color: #ccc;
	text-decoration: underline;
}

#news_content{
	width: auto;
	position: relative;
	height: auto;
	overflow: hidden;
}

#news_image{
	float: left;
	width: auto;
	position: relative;
	height: auto;
	padding: 1px;
	border: 1px solid #CCC;
	margin-right: 20px;
    margin-bottom: 10px;

}

#news_image img a{
text-decoration:none;	
}

#news_box{
	float: right;
	width: auto;
	position: relative;
	height: auto;
}

#news_title{
	font-size: 14px;
	font-weight: bold;
	width: 348px;
	position: relative;
	height: auto;
	margin-bottom: 15px;
}

#news_info{
	font-size: 12px;
	width: 348px;
	position: relative;
	height: auto;
	text-align: justify;	
}

#news_info_more{
	font-size: 12px;
	width: auto;
	position: relative;
	height: auto;
	text-align: justify;	
}

#news_more{
	text-align: right;
	width: auto;
	position: relative;
	height: 22px;
}

#news_more a{
	font-size: 13px;
	color: #FFF;
	text-align: right;
	height: auto;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #CCC;
	text-decoration: none;
	background-color: #2fb8e6;

}

#news_more a:hover{
	color: #FFF;
	background-image: url(../images/garden.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#middle_right{
	float: right;
	height: auto;
	width: 490px;
	position: relative;
    margin-right:1px;
	margin-bottom:25px;
}


#katalog {
	background-color: #eee;
	float: left;
	height: 200px;
	width: 235px;
	margin-right: 10px;
	margin-top:5px;
	position: relative;	
	-moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
     box-shadow: 0 0 2px #999;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;

	
}


#katalog_pdf{
	text-align: center;
	height: 128px;
	width: 235px;
	background-image: url(../images/pdf.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 20px;	
}


#katalog_cursor{
	background-image: url(../images/cursor.png);
	background-repeat: no-repeat;
	background-position: 130px center;
	height: 50px;
	width: 235px;
	position: absolute;
	top: 110px;
	z-index: 100;
	cursor: pointer;
}
#katalog_title{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-align: center;
	position: absolute;
	height: auto;
	width: 235px;
	bottom: 10px;
}

#newsletters {
	background-color: #eee;
	float: left;
	height: 200px;
	width: 235px;
	margin-left: 10px;
	margin-top:5px;
	position: relative;	
	-moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
     box-shadow: 0 0 2px #999;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
	
	
}
#newsletters_title{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: left;
	height: auto;
	width: 215px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-left: 20px;
}
#newsletters_info{
	font-size: 12px;
	color: #333;
	text-align: left;
	height: auto;
	width: 215px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 20px;
}
#newsletters_info #newsletter{
	font-size: 13px;
	color: #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 2px 1px #999;
	box-shadow: 0px 0px 2px #999;
	height: 26px;
	width: 190px;
	border: 1px solid #999;
	padding-right: 2px;
	padding-left: 2px;
}

.load{
	
	background-image: url(../images/load.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#message_box{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	text-align: center;
	height: 25px;
	width: auto;
	padding-top: 5px;
	border: 2px solid #900;
	margin-top:30px;	
}

#newsletters_info #prijava{
	background-image: url(../images/prijava.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 32px;
	width: 86px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 2px 1px #999;
	box-shadow: 0px 0px 2px #999;
	cursor: pointer;
	float: right;
	margin-right: 18px;
}

#newsletters_info #prijava:hover{
	background-image: url(../images/prijava.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 32px;
	width: 86px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 2px 1px #999;
	box-shadow: 0px 0px 2px #999;
	cursor: pointer;
	float: right;
	margin-right: 18px;
}

#message{
	background-color: #FFF;
	text-align: center;
	height: 90px;
	width: 300px;
	border: 4px solid #333;
	position: absolute;
	z-index: 9999;
	font-size: 12px;
	font-weight: bold;
	padding-top: 30px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	
}

.proizvod_naziv{
	position: absolute;
	width: 226px;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	/*background-image: url(../images/bg_bla_tran_80.png);
	background-repeat: repeat;
	background-position: center center;*/
	padding-top: 10px;
	padding-left: 10px;
	bottom: -45px;
	opacity:0.8;
	text-shadow: #000 1px 1px 1px;
	
}
#proizvod_bottom {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
    opacity: 0.01;
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 0;
    width: 236px;
    z-index: 100;
}

#footer {
	width: auto;
	min-height:85px;
	background-color: #eee;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative;
}

#grupa{
	height: 40px;
	width: 100%;
	position: relative;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2fb8e6;
	background-color: #333;
}

#footer_grupa {
	position: relative;
	width: 980px;
	height: 40px;
	background-color: #333;
	margin-left: -480px;
	left: 50%;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
}

#footer_title {
	position: relative;
	width: 980px;
	height: 20px;
	background-color: #eee;
	margin-left: -480px;
	left: 50%;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}

#footer_empty {
	position: relative;
	width: 980px;
	height: 20px;
	background-color: #eee;
	margin-left: -480px;
	left: 50%;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}

#footer_title a{
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	padding: 2px;
	height: auto;
	width: auto;
	border: 1px solid #999;
	font-size: 12px;
}
#footer_data {
	position: relative;
	width: 980px;
	height: auto;
	margin-left: -480px;
	left: 50%;
	margin-top: 25px;
	overflow: hidden;
	margin-bottom: 10px;
}

#footer_image {
	padding: 1px;
	float: left;
	width: 236px;
	height: 236px;
	border: 1px solid #999;
	position: relative;
	margin-right: 0px;
	cursor: pointer;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
	margin-top: 10px;
	text-align: center;
	margin-left: 5px;
	overflow: hidden;	
	
}

#pro_img{
	
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	width: 236px;
	height: 236px;
	position:relative;
}

#footer_image_detail {
	padding: 2px;
	float: left;
	width: auto;
	border: 1px solid #999;
	position: relative;
	height: auto;
	margin-right: 17px;
	cursor: pointer;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
}

#footer_proizvod_data {
	float: left;
	width: 555px;
	position: relative;
	height: auto;
	font-size: 12px;
	color: #333;	
}


#footer_image_last {
	padding: 2px;
	float: left;
	width: 236px;
	border: 1px solid #999;
	position: relative;
	height: auto;
	cursor: pointer;
	background-color: #FFF;
	margin-top: 20px;
	overflow: hidden;

}


#copyright{
	position: relative;
	width: 100%;
	height: 25px;
	background-color: #000;
	bottom: 0px;
}

#copyright_info{
	position: relative;
	width: 980px;
	height: 20px;
	margin-left: -480px;
	left: 50%;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-top: 5px;

}

#kontakt_logo{
	background-image: url(../images/logo_k.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 202px;
	width: 430px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: visible;	
	
	
}
/*
#slidebox{position:relative;}
#slidebox, #slidebox .content{width:980px;}
#slidebox, #slidebox .container, #slidebox .content{height:240px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{background:#eee; float:left;}
#slidebox .content div{ height:100%; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
#slidebox .next{right:0; margin-right:10px; background:url(../images/slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(../images/slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(../images/slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(../images/slidebox_previous_hover.png) no-repeat left top;}
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox .thumbs .thumb{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(../images/slidebox_thumb.png); color:#fff;}
#slidebox .thumbs .thumb:hover{background:#fff; color:#000;}
#slidebox .selected_thumb{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}
*/

#portfolio{
	list-style: none outside;
	margin: 0px;
	padding: 0px;
	height:240px;
}

#link{
	color: #333;
	background-color: #CCC;
	font-size: 14px;
}

#link:hover{
	color: #FFF;
	background-color: #98afc7;
}
#link a{
	color: #333;
}
#link a:hover{
	
		color: #FFF;
}