body {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	background-color: #98c824;
	margin: 0px 0px 10px 0px;
}

a:link {	color: #98c824; text-decoration: underline; }
a:visited {	color: #98c824; text-decoration: underline; }
a:hover {color: Black; text-decoration:none; } 

h1 {font-size:14px; font-weight: bold; text-transform:uppercase; color:Black; margin: 0 0 10px 0; } 
h1 a:link { color: Black; text-decoration: none;}
h1 a:visited { color: Black; text-decoration: none;}
h1 a:hover { color: #98c824; text-decoration: none;}

h2 {font-size:12px; text-transform:uppercase; font-weight: lighter;  color: #669000; margin: 10px 0 10px 0;  } 

input {
	font-size: 11px;
}
select {
	font-size: 11px;
}

#frame { 
	width:990px; margin: auto; padding-left: 10px;	
	 background-image: url(/img/frame-back.gif); background-repeat: repeat-y;
}
#frame-bottom { 
	width:990px; height: 15px; margin: auto; padding-left: 10px;  	
	 background-image: url(/img/frame-bottom.gif); background-repeat: no-repeat; 
}

#main { width: 960px; padding: 0px 10px 5px 10px;   
}

/* head */
#head {  height: 125px; padding-bottom: 10px; 
}
#head form {
	margin: 15px 0;
}
#logo { width: 220px; padding: 15px 0px 0px 0px; float:left;
}
#top-track { height: 30px; text-align:left; background-image:url(/img/top-track-back.gif); background-position: left; background-repeat:no-repeat;
float:right; line-height: 30px; font-size:11px;
}
#top-track a {	color: Black; 
}
#baner1 { float:right; }

/* ------------------------kolona-left -----------------------------------*/
#kolona-left { float: left; width: 700px;	margin-bottom: 10px;
}

/* menu-cat */
#menu-cat { 
	 background-image: url(/img/menu-cat-back.gif); background-repeat: no-repeat; 
	height: 40px; padding-left: 5px; text-align: center;
	font-weight: bold;  line-height: 30px; color: White; text-transform: uppercase; 
}
#menu-cat ul { margin: 0; padding: 0; }
#menu-cat li { margin: 0; display: inline; height: 40px; }
#menu-cat a { height: 40px;  color: White; text-decoration: none;	padding: 8px;
}
#menu-cat a:hover { height: 40px; background-color: #84b807;
	background-image: url(/img/menu-cat-back-hover.gif);
	background-repeat: repeat-x; color: Black; padding: 8px;
}
#menu-cat a.selected {color:  Black;
background-image: url(/img/menu-cat-back-hover.gif); background-repeat: repeat-x;
}

#sub-cat { width: 680px; float: left;	margin-bottom: 20px; padding-left: 10px; 
	text-transform: uppercase; font-weight: bold; 
}
#sub-cat img {	border: none; margin-right: 3px; }
#sub-cat a { text-decoration: none; padding-right: 10px; line-height: 20px;
}
#sub-cat td {	vertical-align: top;}

/* flash */
#flash {
	float: left;
}
/* svejo */
#svejo { float: right; width: 155px; height: 230px; padding: 0px 15px 0px 0px; overflow: hidden;
}
#svejo a {	color: #669000; text-decoration: none;}
#svejo a:hover {	color: Black; text-decoration: underline;}
#svejo h1 {color:#B2D65B; text-align: center; background-image: url(../images/actualno-bullet.gif);
	background-repeat: no-repeat; margin: 0 5px;
}
#svejo ul {	padding: 0px 0px 0px 9px; margin: 0px 0px 0px 9px;}
#svejo li {	list-style-image: url(../images/list-arrow.gif); line-height: 10px; padding-bottom: 5px; color: #B2D65B; 
	list-style: disc;    
}

.conteiner {  margin-bottom: 20px; float: left;}

.kare-small { float: left; margin-right: 8px; width: 167px; text-align: center;
}
.kare-small-top { float: left; width: 167px;  height: 12px; text-align: center;
	background-image: url(/img/kare-small-top.gif); background-repeat: no-repeat;
	margin-bottom: -2px;
}

.kare-small-middle { float: left;  width: 154px; text-align: center;
	background-image: url(/img/kare-small-middle.gif); background-repeat: repeat-y; 
	padding: 0px 8px 2px 5px; 
}
.kare-small-middle h1 { height: 25px; overflow: hidden; }
.kare-small-middle p { font-size: 10px; text-align: left; margin: 3px;
 height: 40px;	overflow: hidden;  
}
.kare-small-bottom { float: left; width: 167px;  height: 15px;
	background-image: url(/img/kare-small-bottom.gif); background-repeat: no-repeat;
}
.kare-small.right { margin-right: 0;
}
.kare-small h1 {
	text-align: center; font-size: 11px; padding: 0; margin: 0;
}
.kare-small img {
	border: none;
}

.snimka {  position: relative; width: 100%; }
.buy { position: absolute; top: 5px; left: 5px; }


.plus a {  text-decoration: none; line-height: 13px;}

/* big frame */

.big-frame-top {
	width: 700px;  height: 18px; 
	background-image: url(/img/big-frame-top.gif); background-repeat: no-repeat;
}
.big-frame-middle { 	width: 670px; padding: 2px 15px 2px 15px;    
	background-image: url(/img/big-frame-middle.gif); background-repeat: repeat-y;
}
.big-frame-bottom {
	width: 700px;  height: 22px; 
	background-image: url(/img/big-frame-bottom.gif); background-repeat: no-repeat;
}

/* article */

.article-main { float: left; 	width: 320px; margin-right: 10px; 
}
.article-main p { text-align: justify;}
.img-article {
	border: solid; border-color: #669000; border-width: 2px;
}
.article-sub { float: left; width: 50%; 
}
.article-sub td {	vertical-align: top; padding: 5px; 
}
.article-sub p { margin: 0; margin-bottom: 5px; }
.article-sub a { font-weight: bold;}
.article-sub img { border: solid; border-color: Black; border-width: 1px;}

/*-------------news--------------*/
.news { width: 100%;  text-align: center;
}
.news h1 { width: 305px; height: 25px; text-align: center; line-height: 25px; font-size: 12px; color: Green;
background-image: url(../img/news-title-back.gif); background-repeat: no-repeat;
}
.news h1 a:link, .news h1 a:visited { color: Green;
}
.news img { border: solid; border-color: Black; border-width: 1px;  
}
.news li { 	text-align: left;
}
.news-tab-cont {	padding-left: 10px; text-transform: uppercase; height: 20px;
}
.news-tab-cont a:link, .news-tab-cont a:visited { color: Black; text-decoration: none; 
}
.news-tab1 { width: 160px; height: 20px; background-image: url(../img/news-tab1.gif); background-repeat: no-repeat;
	float: left; text-align: center; line-height: 20px;
}
.news-tab2 { width: 160px; height: 20px; background-image: url(../img/news-tab2.gif); background-repeat: no-repeat;
	float: left; text-align: center; line-height: 20px;
}
.news .list {	text-align: left; padding: 10px; width: 80%; 
	border: solid; border-color: #98c824; border-width: 0px 0px 1px 0px; 
}
.new-end {	padding: 10px;  }
.new-end h1, .new-end h2 {
	text-align: center;
}
.news-more {	float: left; width: 50%;
}

/* product end */
.product { width: 200px; text-align: center; margin-right: 10px; float: left;}
.product-info { width: 445px; float: left; }
.product-info img {	border: none;}
/*.product-info table {width: 100%;}
.product-info td {	width: 50%; }*/

.panel-left {
	float: left; width: 200px; padding: 20px 20px 10px 0px;
}
/* gallery */
.gallery { width: 200px; float: left; margin-bottom: 10px; margin-top: 10px; 
}
.gallery h1 { background-image: url(/img/gallery-titile.gif); background-position: center; background-repeat: no-repeat;
 width: 200px;	height: 20px; line-height: 20px; padding: 0; margin: 0; font-size: 12px; font-weight: lighter;}
.gallery img {	padding: 2px; border: none; width: 60px; height: 60px;}

/* product-links */
.product-links { width: 200px; float: left; margin-bottom: 10px;
}
.product-links h1 {background-image: url(/img/gallery-titile.gif); background-position: center; background-repeat: no-repeat;
 width: 200px;	height: 20px; line-height: 20px; padding: 0; margin: 0; font-size: 12px; font-weight: lighter;	
}
.product-links ul { padding: 0px 0px 2px 10px; margin: 0px 0px 2px 10px;
}
.product-links li {padding: 2px; margin: 2px;	
}
.product-links .in, .product-links .out {	background-color: #eefbcf; 
}

.price { color: #98c824; text-align: right; padding-top: 5px;}
.price span { font-size: 16px; font-weight: bold; color: Green; }

/* producer */
.producer-top { background-image: url(/img/producer-top.gif); background-repeat: no-repeat;
width: 200px; height: 20px; text-align: center; line-height: 20px; padding: 0; margin: 0; font-size: 12px; text-transform: uppercase;
color: #669000;
}
.producer-middle { background-image: url(/img/producer-middle.gif); background-repeat: repeat-y;
width: 180px; padding: 0px 10px 3px 10px; font-size: 10px; text-align: left;
}
.producer-middle strong {	font-size: 11px; }
.producer-middle p {	padding-top: 5px;}

.producer-bottom { background-image: url(/img/producer-bottom.gif); background-repeat: no-repeat;
width: 200px; height: 10px; text-align: center; font-weight: bold;
}

/* ---------------------kolona-right -------------------------------------*/
#kolona-right {
	float: right;
	width: 250px;
	margin-bottom: 10px;
}

/* video */
#video { float: left; margin-top: 10px; width: 250px;
 background-image: url(/img/video-back.gif); background-position: top; background-repeat: no-repeat; 	 
}
#video p { margin: 3px 0px 3px 0px; }
#video-bottom { float: left; width: 250px; height: 15px; 
 background-image: url(/img/video-back-bottom.gif); background-position: bottom; background-repeat: no-repeat; 	 
 margin-bottom: 10px;
}
#video .tabs { font-size: 12px;  float: left; padding-left: 15px; margin-top: 1px; }
#video .tabs a { float: left; width: 75px; height: 25px; line-height: 20px; text-align: center;  
	background-image: url(/img/video-noactive-back.gif); background-repeat: repeat-x;
 	text-decoration: none; color: White;
}
#video .tabs a:hover {font-weight: bold;}
#video .tabs .selected { color: Black; font-weight: bold;  width: 75px; height: 25px; 
	background-image: url(/img/video-active-back.gif); background-repeat: repeat-x;
}
#video-info { width: 230px; float: left; 	padding: 10px; }
#video-info a { color: White; text-decoration: none; }
#video-info img { border: solid; border-color: White; border-width: 1px; }

/* firma */
#firma { float: left; margin-bottom: 10px; width: 240px; height: 140px; padding: 5px; text-align: center;
	background-image: url(/img/firma-back.gif); background-repeat: no-repeat;
}
#firma h3 { border: none; color: Green; font-size: 12px; margin: 0px 0px 5px 0px; height: 20px; line-height: 20px;
	text-align: left; text-indent: 20px;
}
#firma img  { border: solid; border-color: #669000; border-width: 1px;
}
#firma .more { margin-left: 20px; text-align: left;
}
#firma a { color: Black;
}
/* top 5 */
#top5 { float: left; margin-bottom: 10px; width: 240px; height: 110px; padding: 5px; text-align: center;
	background-image: url(/img/top5-back.gif); background-repeat: no-repeat;
	position: relative;
}
#top5 h1 { padding: 0; margin: 0; text-align: center; font-size:14px;
}
#top5 img  { border: solid; border-color: #669000; border-width: 1px;
}
#top5 h3 { border: none; color: Green; font-size: 12px; margin: 0px 0px 5px 0px; height: 20px; line-height: 20px;
	text-align: left; text-indent: 20px;
}
#top5 .tabs { float: right; position: absolute; right: 10px; top: 8px; font-size: 11px; font-weight: normal; }
#top5 .tabs a { display: block; float: left; width: 15px; height: 15px; line-height: 15px; text-align: center; 
	margin-right: 1px; background: #98C824; text-decoration: none; color: Black;
}
#top5 .tabs .selected { background: Gray; color: #FFF;}

/* calculator */
.calculator { float: left; width: 250px; margin-bottom: 10px; text-align: center;}
.calculator p { margin: 0;}
.calculator-top { float: left; width: 250px;  height: 10px; text-align: center;
	background-image: url(/img/calculator-top.gif); background-repeat: no-repeat;
	margin-bottom: -4px;
}
.calculator-middle { float: left;  width: 240px;
	background-image: url(/img/calculator-middle.gif); background-repeat: repeat-y;
	padding: 3px 5px 0px 5px;}
.calculator-bottom { float: left; width: 250px;  height: 10px;
	background-image: url(/img/calculator-bottom.gif); background-repeat: no-repeat;}
.calculator h1 { text-align: center; font-size: 11px; padding: 0; margin: 0;}
.calculator a { color: Black; text-decoration: none;}
.calculator a:hover { color: White;} 

.calculator-main { float: left; width: 250px; margin-bottom: 10px; text-align: center;}
.calculator-main td {
	vertical-align: top; padding: 5px; 
}
.calculator-main img { border: none;
}
.calculator-main p { margin: 0;}
.calculator-main h1 { font-size: 11px; padding: 0; margin: 0;}
.calculator-main h2 { padding: 0; margin: 0 0 5px 0;
}
/* calculator table results */
.cr { margin: 10px; 
}
.cr th { padding: 3px; 
	text-align: left; background-color: #EEFBCF;
}
.cr td { padding: 5px; 
}
.cr select {
	padding: 0px; margin: 0;
}

/* footer */
#footer-tabs { float: left; width: 918px; height: 20px;  text-align: center;
	padding-left: 30px; margin-bottom: 2px;
}
#footer-tabs div { float: left; margin-right: 2px;
	width: 80px; height: 20px; background-image: url(/img/footer-tabs.gif); background-repeat: no-repeat;
}
#footer-tabs a { color: Black; text-decoration: none; line-height: 20px; text-transform: uppercase; font-size: 10px; letter-spacing: -1px;
	display: block;
}
#footer-tabs a:hover { color: White; text-decoration: none; }

#footer {  color: Black; background-color: #98C824;
	width: 948px;  text-align: center; padding: 2px 5px 2px 5px; text-transform: uppercase;
	border: solid; border-color: Black; border-width: 1px; float: left; margin-bottom: 2px;
}
#footer a { color: Black; text-decoration: none; }
#footer a:hover { color: White; text-decoration: none; }

#footer1 {  background-color: Black; color: White; width: 940px;  text-align: center; padding: 5px;
	border: solid; border-color: #669000; border-width: 5px; float: left;
}
#footer1 a {color: White;}

.spacer {clear:both;}

.more{font-size: 10px; font-weight: bold; text-indent: 15px; height: 15px; line-height: 12px; 
	background-image: url(/img/bullet-more.gif); background-position: left; background-repeat: no-repeat;  
}

#track {	height: 20px; background-image: url(/img/bullet-more.gif); background-repeat: no-repeat; 
 text-indent: 20px; line-height: 12px;  
}

/*--------------------------------mouse over change color------------------------------------------------------*/
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

/*-------------pagination--------------*/

.pagination { text-align: center; width: 100%;  padding: 10px;  float: left; 
}	
.info { margin-right: 20px; float: left;
}
.pages { margin-right: 20px; letter-spacing: 4px; font-weight: bold;
	float: left;
}
.pages a.selected { text-decoration: none; color: Black;
} 
.back { float: left; 
}

#source { padding: 10px 0; text-align: right; }
#source span { text-transform: uppercase; font-weight: bold; 
	color: #98c824;
}

/*-------------links--------------*/

#content-hdr h1 { color: #669000;
}
#content-main h3 { font-size: 13px;
}
#content-main dt { background-color: #EEFBCF; font-weight: bold; padding: 3px; text-indent: 10px; text-transform: uppercase;
}
#content-main li { padding: 3px; margin: 3px;
}

#ab-filter { text-align: center; padding: 5px;
 background-color: 	#EEFBCF; margin: 10px; font-weight: bold; 
}
#ab-filter a {
	padding-right: 10px; 
}

#art_info {
	height: 20px; background-color: #B2D65B; text-align: center; font-weight: bold; line-height: 20px;
}
.art_thumbs img{ margin: 5px;
	float: left;
}

.actions-bar 		 		{ position: relative; margin-bottom: 10px; background-color:#B2D65B; }
.actions-bar ul			{ width: auto; height: 25px; overflow: hidden; }
.actions-bar a 			{ display: block; height: 25px; white-space: nowrap; overflow: hidden; }
.actions-bar li			{ list-style: none; height: 25px; display: block; float: left; overflow: hidden; background: left top no-repeat; text-indent: -1000px; }
.actions-bar .discuss	{ width: 82px; 		background-image: url(lbl_actions-bar_discuss.gif); display: none; }
.actions-bar .send		{ width: 98px; 		background-image: url(lbl_actions-bar_send.gif); }
.actions-bar .print		{ width: 100px; 		background-image: url(lbl_actions-bar_print.gif); }
.actions-bar .top			{ width: 87px; 		background-image: url(lbl_actions-bar_up.gif);	display: none; }
.actions-bar .font		{ width: 68px;			background-image: url(lbl_actions-bar_font.gif); position: absolute; top: 0; right: 0; padding-left: 57px; }
.actions-bar .font a 	{ display: block; width: 13px; height: 13px; float: left; margin-right: 5px; position: relative; top: -6px; }

#users { background-image: url(/img/users-back.gif); background-repeat: no-repeat; height: 160px; margin-top: 10px; }
#users .cnt { padding: 0 10px; color: Green; }
#users form {	margin: 0;}
#users a { color: Green; font-weight: bold; }
#users h3 { padding: 5px 0px 0px 5px; margin: 5px; color: #669000; font-size: 12px; }
//* ------- Advertisement popup --------------------------------------- */
a.advert,
a.advert { padding-bottom: 4px; background: bottom left repeat-x; text-decoration: none; }
a.advert:hover { text-decoration: none; }
.adv-popup { width: 253px; height: 112px; background: top left no-repeat; font-size: 9px; color: #000; line-height: 10px; overflow: hidden; position: absolute; visibility: hidden; z-index: 10000; }
.adv-popup strong { display: block; font-size: 10px; margin: 6px 0 10px 0; }
.adv-popup a { display: block; width: 220px; height: 80px; padding: 8px 11px; margin: 3px; overflow: hidden; color: #666; text-decoration: none; }
.adv-popup img { display: block; height: 20px; border: none; }
.adv-popup .link { display: block; color: #900; margin-top: 5px; text-decoration: underline; }
.article a.advert, .content a.advert { background-image: url(../img/bgrd_a_adv.gif); background-repeat: repeat-x; background-position: bottom;  }
.adv-popup { background-image: url(../img/bgrd_adv-popup.gif); color: #000; }
.article .adv-popup a { color: #666; }
.adv-popup .link { color: #900; }