* {
	
        
}

html , body { 
margin: 0;
	padding: 0;
    height:100%;
     background-image: url("assets/images/modx/back_out.jpg");
    margin-bottom:20px;
    font: 12px Helvetica, Arial, sans-serif; 
    
   
}

a {
	color: #999;
	text-decoration: none;
	
}
a:hover {
	color: #666;
}
a img {
	border:0;
}

#page {
    width:980px; 
    

margin: 0 auto;
background-color:white;


padding-bottom:40px;
padding-top:10px;
margin-top:70px;
margin-bottom:20px;
}

#page_home {
    width:980px; 
    margin: 0 auto;
background-color:white;
margin-top:70px;
}

#page_home * {
  margin:0px; padding:0px;
}

#logo {border:none; height:80px;width:100%; background-position: left bottom;}
#logo h1 {position:absolute;left:100px; top:40px; font-size: 40px;font-weight:lighter;font-family:"Arial Narrow"}
@MEDIA screen {#logo h1 {display:none}}

#logo_c {position:relative; top:20px; left:-45px; border:none; width:45px;}
#logo_c img {border:none;}

#logo_home {width:980px; margin: 0 auto; height:80px;margin-top:0px;background-position: left bottom;}

#line {
	background-image: url("assets/images/modx/menu_line.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	
        width:100%; 
        background-color:#003300;
}

#line * {margin:0px; padding:0px;
	
        
}

#line_h {
	position:absolute; top:0px; width:100%; left:0px; 
        height:90px;
         }
#line_h2 {
	position:absolute; top:90px; width:100%; left:0px; height:34px;
        background-image: url("assets/images/modx/menu_line.jpg");
	background-repeat: repeat-x;
	background-position: left bottom;
        z-index:100;
	 }
#line_m {
	position:absolute; top:80px; width:100%;}
#header_holder {height:80px;
	position:absolute; top:0px; width:980px;  }

#mainmenu_h {width:1000px;margin:0 auto;}
#mainmenu {width:850px;font-size:12px; text-align:right;float:right; height:30px;}
#mainmenu li {display:inline;padding:0 0 0 20px;whitespace:nowrap;}

#mainmenu li span {display:none; position:absolute; top:20px;}
#mainmenu li:hover span {display:block; }

#mainmenu ul {list-style:none;padding:2px 0;text-align:right;line-height:20px;text-indent:0px;}
#mainmenu li.active a, #mainmenu  li.active a:visited, #mainmenu a {color:#FFF;text-decoration:none;}
#mainmenu a:hover {color:#ccffcc;text-decoration:none;}
#lang {width:150px; font-size:10px; text-align:left; float:left; color:#ddd;margin-top:5px;}
#lang a {color:#ddd;}
#lang a:hover {color:#fff;}






#submenu {width:900px;font-size:11px; text-align:right;float:right;}
#submenu li {display:inline;padding:0 0 0 20px;whitespace:nowrap;}

#submenu li span {display:none; position:absolute; top:20px;}
#submenu li:hover span {display:block; }

#submenu ul {list-style:none;padding:2px 0;text-align:right;line-height:20px;text-indent:0px;}
#submenu li.active a, #mainmenu  li.active a:visited, #mainmenu a {color:#FFF;text-decoration:none;}
#submenu a:hover {color:#ccffcc;text-decoration:none;}



#leftmenu {width:400px;font-size:11px;text-decoration:none;list-style:none;}
#leftmenu ol {width:400px; margin-top:5px;}
#leftmenu li
  {
    float: left;
    width: 180px;
text-decoration:none;list-style:none;
  }

#leftmenu3 {width:400px;font-size:11px;text-decoration:none;list-style:none; color:#669966;}
#leftmenu3 ol {width:400px; margin-top:5px;}
#leftmenu3 li
  {
    float: left;
    width: 180px;
text-decoration:none;list-style:none;
  }
#leftmenu3 a { color:#669900;}
#leftmenu3 a:hover { color:#669966;}

#leftmenu_2 {width:400px;font-size:10px;text-decoration:none;list-style:none;}
#leftmenu_2 ol {width:400px;}
#leftmenu_2 li
  { margin-top:10px;
    float: left;
    width: 130px;
text-decoration:none;list-style:none;
  }
#leftmenu_2 strong {font-size:11px;}
#leftmenu_2 li img
  {
    width: 120px; border: solid 1px #CCC;

  }


#middle {
    width: 100%;
    margin-top:-60px;
    

}

.mail {float:right;color:#ffffff;font-size:12px;text-align:right;width:450px;}
.mail input {color:#000;font-size:12px;margin:5px;padding:5px;}
.mail textarea {color:#000;font-size:12px;margin:5px;padding:5px;margin-bottom:-10px;}
.mail * {margin:0px; padding:0px;}

#page_home_bottom {
    padding-top:20px;
padding-bottom:20px;
    width:980px; 
    margin: 0 auto;
background-color:white;

height:100px; 
margin-top:40px;
margin-bottom:20px;
}

#page_home_bottom * {
  margin:0px; padding:0px;
}

#bottom {
    width: 800px;
    margin: 0 auto;
    margin-top:40px;
    margin-bottom:20px;

}
#b_left {width:400px; clear:left; float:right;}

#menu_line {width:100%;height:1px;background-color:#ccc;}

#footer {color:#999; font-size:10px; clear:both;}

#home_promo_h {width:810;height:100px;float:right;text-decoration:none;list-style:none; margin-right:20px;}
#home_promo_h ol {width:810px;}
#home_promo_h li
  { 
    float: right;
    width: 162px;
text-decoration:none;list-style:none;
  }
#home_promo_h li img
  {
    height: 100px;  border: solid 1px #CCC;margin-left:10px;

  }

#home_info {
    height: 100px;  width:120px; float:left; margin-left:10px;
}


#aktivni {
   color:#333;
}

#prosli {
   color:#ccc;
}
#trenutni {font-size:24px;
   color:#999;
}
















#wrapper {
    width: 800px;
    margin: 0 auto;
    
   
	

}


#slider .product_image {
   height:250px;
   padding:20px; 
   
   float:left;
	


}
#product_info {
   
   width:760px;
   padding:20px;
   font-size:12px;
	color:#FFF;


}
#tekst {
   
   width:760px;
   padding:20px;
   font-size:12px;
	color:#000;


}
#product_info_white {
   
   
   
   font-size:12px;
	color:#FFF;


}
#product_info h3 {
   
   font-size:16px;
   
	


}


#title_image_holder {
   
   width:800px;
   
height:50px;
   
	


}


#slider {
    width: 800px;
    
   
	border:none;
     background-color:white;
     
        
    

}




#promo_content {
    float:right;
    width:300px;
    z-index:800;
    padding:15px;

}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 5px;
    width: 200px;
    height: 250px;
    
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(assets/images/modx/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(assets/images/modx/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: none;
        height: 210px;
}

.inside img {
	display: block;
	border: none;
	margin: 0;
	width: 176px;


}

.inside img:hover {

	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;


}

.inside h2 {
	font-weight: normal;
	color: #FFF;
	font-size: 14px;
	margin: 10px 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

.more_b {
	position:relative;
        left:15px;
        top:-45px;
}


.scrollButtons {
   
    float: right;
position:relative;    
top:-15px;
    cursor: pointer;
right:20px;
}

.scrollButtons.left {
  
}

.scrollButtons.right {
    
}

.hide {
    display: none;
}











/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 980px; height: 360px; position: relative; margin: 0; }
.anythingSlider .wrapper                { width: 980px; overflow: auto; height: 360px; margin: 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #fff;   margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 358px; width: 980px; margin: 0; border:none;}
.anythingSlider img                  { border:none;}
.anythingSlider .arrow                  { display: block; height: 40px; width: 40px;  no-repeat 0 0; text-indent: -9999px; position: absolute; top: 340px; cursor: pointer; }
.anythingSlider .forward                { background: url(assets/images/modx/arrows_r.png); positon: absolute; right:30px;  }
.anythingSlider .back                   { background: url(assets/images/modx/arrows_l.png); positon: absolute; right:70px;}
.anythingSlider .forward:hover          {  }
.anythingSlider .back:hover             {  }

#thumbNav                               { position: relative; top: -37px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #006600 url(assets/images/modx/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #006600 url(assets/images/modx/cellshade.png); }

#start-stop                             { background: #006600; background-image: url(assets/images/modx/cellshade.png); background-repeat: repeat-x; color: black; padding: 2px 5px; width: 40px; text-align: center; position: absolute; left: 20px; bottom: -18px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #006600; }
#start-stop:hover                       {  }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }