html
{
 background:#F0F7D6 url('../img/bg-repeat.jpg') center top repeat-x;   
  font-family: Tahoma;
  font-size:14px;
  margin:0;
  padding:0;

}



body{
  background: url('../img/bg.jpg') center top no-repeat;
  font-family: Tahoma;
  font-size:14px;
  margin:0;
  padding:0;
}


#page{
  position:relative;
  margin:0 auto;
  width:990px;
}


#header
{
display:none;
width:  990px;
height:290px;
position: relative;
 background:url('../img/header.jpg') center top no-repeat;
}

#flash{
  position: absolute;
  width:298px;
  height:212px;
  top:4px;
  left:645px;
  display:none;
  display:block;

}
h1 {
	position: absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	display:block;
	
}


h1 a {
	position: absolute;
	width: 209px;
	height: 133px;
	overflow: hidden;
	left:36px;
  top:69px;
  display:block;
}
h1 a span {
	position: absolute;
	display: block;
	width: 209px;
	height: 133px;
  left:0px;
  top:0px;
	background: url('../img/logo.jpg') 0 0 no-repeat;
	display:block;
}


h1 a span img{
  border:none;
}



#header #action{
  position: absolute;
  top:39px;
  left:272px;
  background:url('../img/akce.jpg') left top no-repeat;
  width:388px;
  height:166px;
}

#header #news-title{
  position:absolute;
  top:70px;
  left:345px;
  color:#328139;
  font-weight:bold;
  font-size:18px;
}


#header #news-array
{
position:absolute;
top:110px;
left:345px;
color:#328139;
font-weight:bold;
font-size:14px;

}



#header #news-bottom
{
position:absolute;
top:198px;
left:345px;
color:#328139;
font-weight:bold;
font-size:12px;

}


#header #orient
{
  position:absolute;
  top:225px;
  left:33px;
  color:white;
  font-weight:bold;
  font-size:12px;
 display:none;
}
#header #orient a{
  color:#fff;
}


#news-bottom a
{

color:#328139;
}

#header #news-array span
{

color:black;


}



#main
{
position:relative;
float:right;
width:990px;

}

#content
{
  position:relative;
  float:left;
  margin: 0 46px 24px 0;
  ##margin: 0 46px 68px 0;
  _margin: 0 23px 68px 0;
  padding:0px 25px 0 25px;
  ##padding:0px 25px 0 25px;
  background:white;
  width:800px;
  background:white url('../img/bottom.jpg') center bottom no-repeat;
  font-size: 13px;
  min-height:700px;
}

#left
{
margin:-12px 0 40px 0;
width:240px;
display:none;

}


#left #menu
{ 
  width:240px;
	margin-top: 0px;
	margin-left:0px;
	padding: 0;
	list-style-type: none;
}

#left #menu li{
	display: block;
	text-align: left;
	margin:  0 0 0 11px;
	padding: 0;
  width:220px;
  border-bottom:1px solid #a3ce1a;
  line-height: 33px;
}


#left #menu li.last{
  border:none;
}


#left #menu li a{
  color:#27662d;
  font-weight:bold;  
  display: block;
  width:195px;
  height:33px;
  line-height: 33px;
	padding-left:18px;    
  font-size: 14px;
	text-decoration: none;	
}


#left #menu li a.active, #left #menu li a:hover
{ 
  font-weight:bold;
	background:  url('../img/arrow.jpg') 0 center  no-repeat;   
}



#left #menu li ul {
  padding:0;
  margin:0;
}

#left #menu li ul li {
  padding:0;
  margin:0;  
  border:none;
}

#left #menu li ul li a{ 
  padding-left:40px;
  font-size: 11px;
  height:25px;
  line-height: 25px; 
}
#left #menu li ul li a.active, #left #menu li ul li a:hover
{ 
  font-weight:bold;
	background:  url('../img/arrow.jpg') 20px center  no-repeat;   
}
.no_css{
  display: none;
}

.no_css2 {
display:block;
float:left;
}





hr.cl {
	clear: both;
	height: 1px;
	margin: 0px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;

}
.clear{
  clear: both;
}
.float_left{
  float: left;
}
.cursor{
  cursor: pointer;
}
#page .margin_right{
  margin-top:15px;
}

.float_right{
  float: right;
}
#content p, #content ul{
  line-height: 20px;
}

#content ul.car {
line-height: 20px;
background:none;
list-style: none;
}

#content ul.car li 
{

  margin: 0;
  padding: 0px;
  background: none;

 
}

#content ul

{
list-style: none;
margin: 0px 15px;
padding:0;
}

#content ul li 
{

  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  background: url('../img/plus.jpg') 0px 6px   no-repeat;
  position:relative;
 
}



#content h2

{
color:#328139;
font-size:18px;
width:600px;
}
.green{
  color:#328139;
}
.hr_green{
  background-color:rgb(163,207,34);
  height:1px;
}
.orange{
  color:orange;
}
#content h3

{
color:#9dcd05;
font-size:15px;
padding:20px 0 0 0;
}


#content a.back
{
margin:-30px 0 10px 0;
font-size: 1.2em;
float:right;
font-weight: bold;
text-decoration: none;
}
#content a {
  color:#328139;  
}

#product
{
width:635px;




}


#product-left
{
  width:220px;
  float:left;
  background:  url('../img/orange-title.jpg') 0 0px no-repeat;  
  height:50px;
  text-align: left;

}

#product-left span
{
display:block;
top:11px;
font-weight:bold;
position:relative;
width:200px;
text-align:center;
}

#product-right
{
  float:right;
}
#product-right img{
  border:4px solid #ecf1b6;  
}

.product-array
{
display:block;
position:relative;
top:40px;
left:31px;


}


.product-description

{
margin:20px 0 0 6px;
width:628px;
height:100px;
  background:  url('../img/green-array.jpg') 0px 5px no-repeat;  

}


.product-description .l1
{
position:relative;
top:20px;
left:30px;
float:left;
width:150px;


}

.product-description .l2
{
position:relative;
top:20px;
left:100px;
float:left;
width:150px;


}


.product-description .l3
{
position:relative;
top:20px;
left:170px;
float:left;
width:150px;


}

#bottom
{
position:relative;
display:block;
float:right;
width:686px;
height: 72px;
 background:  url('../img/bottom.jpg') 0px 5px no-repeat; 
}


.product-description p
{
margin:0;
padding:2px 0 0 0;

}


#product-right img
{
display:block;
position:relative;
margin:0 0px 0 15px;
float:left;


}


#left-array
{
  display:block;
  height: 262px;
  width:241px;
  background:  url('../img/left-array.jpg') 0 0px no-repeat;

}


#left-array  span
{
top:10px;
left:35px;
display:block;
position:relative;

color:white;
font-weight:bold;

}


#left-array form
{
display:block;
top:20px;
##top:0;
position:relative;
}


#left-array input{
  margin:2px 0 0 0;
  position:relative;
   width:190px;
  left:25px;
  display:block;
  border:1px solid #69b31a;
  font-family: tahoma;
  font-size: 13px;
}


#left-array textarea
{
  margin:2px 0 0 0;
  font-family: tahoma;
  position:relative;
  left:25px;
  display:block;
  border:1px solid #69b31a;
  width:190px;
  height:80px;
  font-size: 13px;
}

#echo{
  position: absolute;
  font-size: 0.8em;
  text-align: left;
  top:165px;
  left:110px;
  width:120px;
}


#left-array input.submit
{
margin:20px 0 0 -50px;
##margin:15px 0 0 -50px;
position:relative;
 width:150px;

display:block;
background:none;
color:white;
border:none;
font-weight:bold;

}

#search-array
{
margin:15px 0 0 0;
display:block;
height: 67px;
width:241px;
   background:  url('../img/search-array.jpg') 0 0px no-repeat;

}


#search-array span
{
top:5px;
left:35px;
display:block;
position:relative;

color:white;
font-weight:bold;

}


#search-array input
{
margin:12px 0 0 0;

position:relative;
 width:150px;
left:25px;
display:block;
border:1px solid #69b31a;

}

#footer
{
margin:0;
##margin:-96px 0 0 0;
display:block;
height:96px;
   background:  url('../img/footer.jpg') 0 0px repeat-x;

}


#footer-array
{

margin:0 auto;
display:block;
height:96px;
width:990px;
   background:  url('../img/footer-array.jpg') 0 0px no-repeat;

}

#footer-left
{
position:relative;
display:block;
top:15px;
left:10px;
color:white;
float:left;
font-size:13px;
}

#footer-right
{
display:none;
position:relative;
display:block;
top:31px;
left:67px;
color:white;
float:left;
font-size:13px;

}


#footer-right a.zelene
{
color:#27662d;
display:none;
}


#istudio
{
display:none;
position:relative;

top:31px;
right:50px;
color:white;
float:right;
font-size:13px;

}


#istudio a
{
color:#27662d;
display:none;
}

#footer-left a
{
color:white;

}




/*    O    B   S    A    H   Y       */

#main a.pdf{
  height:20px;
  display: block;
  padding-left:20px;
  background: url('../images/ico/pdf.png') no-repeat;
} 
#main a.pdf2{
  height:20px;
  display: block;
  padding-left:20px;
  margin-left:20px;
  background: url('../images/ico/pdf.png') no-repeat;
  width:200px;
  float:left;
} 
#technologie{
  padding:0;
  margin:0;
  width:637px;
  font-weight: bold;
  font-size: 0.9em;
 
  height:168px;
  background:rgb(164,212,66) url('../img/technologie.jpg') repeat-x;
}
#technologie .empty{
  width:110px;
}
#technologie img{
 border:none;
}


#technologie2{
  padding:0;
  margin:0;
  width:623px;
  font-weight: bold;
  font-size: 1.1em;
  color:#2a6e19;
  height:122px;
  background: url('../img/technologie_.jpg') repeat-x;
}

.tech_left {
 float:left;
 margin-left:175px;
 margin-top:15px;
}

.tech_right {
 float:left;
 margin-left:250px;
 margin-top:20px;
}

#technologie2 img{
 border:none;
}









.red{
  color:#d00000;

}

.posun {
margin-left:50px;
  float:left;

}


.img_right{
  float:right;
  text-align: center;
}
#main img.noborder{
  border:none;
}

table thead{
  background-color:#2f7f36;
  color:#fff;
}
table th, table td {
  padding:4px 15px;

}
table tr.odd{
  background-color:#f0f7d6;
}

/*        P        R        O          D          U           K             T             Y         */
.product{
  width:269px;
  height:101px;
  background: url('../img/katalog.jpg') no-repeat;
  overflow: hidden;
  position: relative;
  float:left;
  margin:5px 40px 5px 0;
  _margin:5px 30px 5px 0;
  color:#000;
  z-index: 1;
}
.refer{
  width:250px;
  height:101px;
  overflow: hidden;
  position: relative;
  float:left;
  margin:5px 40px 5px 0;
  _margin:5px 30px 5px 0;
  color:#000;
  z-index: 1;   
  
}
.product img, .refer img{
  float:left;
  margin:15px 15px 0 15px;
  border:4px solid #ecf1b6;
}
.product .disposition{
  width:140px;
  height:20px;
  overflow: hidden;
  display: block;
}
#page .product a, #page .refer a{
  color:#000;
}
.product img.action, .product img.sold{
  float: none;
  margin:0;
  border:none;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 5;
}

#cart{
  margin:20px 0 20px 0;  
}

#cart_head{
  height:45px;
}
#cart_head ul{
  list-style: none;
  margin:0;
  padding:0;
}
#cart_head ul li{
  width:135px;
  height:45px;
  float:left;
  text-align: center;
  padding:0;
  margin:0 15px 0 0;
}
#cart_head ul li a{
  display: block;
  text-align: center;
  width:135px;
  height:45px;  
  line-height:45px;
  background: url('../img/deactive.jpg') no-repeat; 
  cursor: pointer; 
}
#cart_head ul li a.active{
  background: url('../img/active.jpg') no-repeat;
  font-weight: bold;
}
#cart_head ul li a:hover{
  font-weight: bold;
}

#cart_body{
  width:630px;
  background: url('../img/cart-li.jpg') repeat-y;
  margin:-5px 0 0 0;
}
#cart_top{
  width:630px;
  height:23px;
  background: url('../img/start-cart.jpg') no-repeat;
}
#cart_center{
  padding:0px 25px;
}
#cart_bottom{
  width:630px;
  height:21px;
  background: url('../img/cart-end.jpg') no-repeat;
}
.cartediv{
  display: none;
}
#cartediv_1{
  display: block;
}
.pudorys{
  width:270px;
  float:left;
  text-align: center;
  margin:0 10px;
}
#page .pudorys a{
  color:#000;
  text-decoration: none;
  font-weight: bold;
}
.pudorys img{
  border:none;
}
#reference-left{
  width:213px;
  background:  url('../img/orange-title.jpg') 0 0px no-repeat;  
  height:50px;
  line-height:40px;
  text-align: center;
  font-weight: bold;
  margin-right: 20px;    
}
a#reference-right{
  display: block;
  cursor: pointer;
  width:200px;
  background:  url('../img/ref.jpg') 0 0px no-repeat;  
  height:54px;
  line-height:50px;
  text-align: center;
  font-weight: bold;
  margin-left: 15px;
  color:#328139;
}

.news-item, .articles-item{
  padding:0 0 30px 0;
  margin:0 0 20px 0;
  border-bottom:4px solid #ecf1b6;
  line-height: 20px;
}

.news-item img{
  float:left;
  margin:0 15px 0 0;
  border:4px solid #ecf1b6;
}
#page .news-item strong.title a, #page #new_detail strong.title{
 display: block;
 color:#9dcd05;
 font-size: 1.3em;
 text-decoration: none;
 margin:0 0 10px 0;
}
.news_inserted{
  font-weight: bold;
}
#new_detail{
  text-align: justify;
}
#new_detail img{
  float:left;
  margin:0 15px 0 0;
  border:4px solid #ecf1b6;
}
#article_detail .big_photo img{
  float:right;
  margin:0 0 0 15px;
  border:4px solid #ecf1b6;
}
#kecarna label{
  float:left;
  width:100px;
}
#kecarna input{
  float:left;
  width:150px;
  border:1px solid #a3ce1a; 
}
#kecarna .input{
  margin:5px 0;
}
#kecarna textarea{
  width:280px;
  height:120px;
  border:1px solid #a3ce1a;
}
#kecarna #send{
  width:109px;
  height:30px;   
  border:none;
  background:none;
  background: url('../img/send2.jpg') 0 0 no-repeat;
  text-align: center;
  color:#fff;
  font-weight: bold;
  cursor: pointer;
  margin:10px 0 0 0;
}
.line{
  height:1px;
  background:#a3ce1a;
  margin:10px 0;
}
ul.chat {
  display:block;
  font-size: 1em;
  padding:0;
  margin:0;
  margin-left:-10px;
}

ul.chat li {
  list-style: none;
  list-style-type: none;
  float:left;
  text-align: center;
  padding: 0px 10px 0px 8px;
}

ul.chat li.first {
  background:none;
}


.margin-left{
  margin-left: 25px;
}
.margin-left2{
  margin-left: 10px;
}
table.discussion{
  border-collapse: separate;
  
}
table.discussion td{
  border:1px solid #ecf1b6;
  padding:1px 5px;
}
table.discussion th{
  background-color:#ecf1b6;
  color:#328139;
}
.small{
  font-size: 0.8em;
  
}

#mycarousel img{
  border:none;
}

#form {
	margin: 0;
	padding: 0;
}

#form fieldset {
  margin: 10px 0;
	padding: 0;
	border: 0;
}

#form label {
	clear: both;
	float: left;
	width: 160px;
	margin: 0;
	padding: 2px 10px 2px 0;
	text-align: right;
}

#form input, #form textarea, #form select, #form span {
	float: left;
	margin: 2px 3px 1px 0;
	padding: 0;
}

#form input, #form select {
	width: 160px;
}

#form input.radio, #form input.button {
	width: auto;
}

#form input.button {
	clear: both;
	margin: 0;
	padding: 0px 10px;
}


#leva {
width:270px;
float:left;
}


#prava {
width:350px;
float:left;
}

code {
  display: none;
}

#s1 {

}

.katalog {

margin-left:0px;
font-weight:bold;
margin-top:5px;

}

.katalog_bg {
float:left;
line-height:15px;
margin-top:20px;
}

.katalog img {
margin-right:10px;

float:left;
}

.kat_img {
float:left;
margin-right:15px;
}



.clear_both {
clear:both;
}

.katalog-right{
float:right;
margin-bottom:20px;
}

.kat {
line-height:10px;
float:left;
margin-left:10px;
}

.kat2 {
line-height:10px;
float:left;
margin-left:25px;
text-align:center;
}


.obr_right {
float:right;
border:4px solid #ecf1b6;  
margin-left:15px;
margin-bottom:10px;
}


.form_bg_top {
background: #a3cf22 url('../img/poptavka_oble_hrany_top.jpg') 0 0 no-repeat;
width:622px;
height:31px;
float:left;
}

.form_bg_bottom {
background: #a3cf22 url('../img/poptavka_oble_hrany.jpg') 0 0 no-repeat;
width:622px;
height:31px;
float:left;
}

.form_bg_center {
background: #a3cf22 ;
width:622px;
float:left;

}



#page input.button2 {
width:96px;
height:30px;
background: url('../img/poptavka_bg_button.jpg') 0 0 no-repeat;
border:none;
display:block;
color:#fff;
font-weight:bold;
cursor:pointer;
}

.white {
color:#fff;
font-weight:bold;
font-size:15px;
margin-bottom:20px;
margin-left:50px;
}


.iframe{
  width:113px;
  height:0px;
  border:0px;
  background:#a3cf22;
}

