body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: Verdana, "Verdana CE", "Lucida Grande CE", lucida, sans-serif;
	font-family:  Geneva, sans-serif;
	font-size: 0.8em;
	text-align: center;
	background:url(images/bg.jpg) repeat-x top left; 
background-color:#F25A29;
 

}

a,a:link,a:active,a:visited {

	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-decoration: underline;


}
a:hover {

	text-decoration: none;

}

p {
	margin: 0px;
	border: 0px;
	font-size: 100%;
	line-height: 1.5em;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;

}

div {
	padding: 0px;
	margin: 0px;
	border: 0px;

}

span {

	padding: 0px;
	margin: 0px;
	border: 0px;

}

strong {

	font-weight: bold;

}

img {

	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;

}

form {

	margin: 0px;
	padding: 0px;
	border: 0px;

}

/*__________texty kosik______________*/
	 
.price-txt{
        border:none;
        color:#336600;
        font-weight: bold;
        font-size: 90%;
}
.price{
        border:none;
        color:#cc2107;
        font-weight: bold;
        font-size: 160%;
 
}
.price-old{
        text-decoration:line-through;
        color:#690;
font-size: 140%;

}

/*__________tlacitka kosik______________*/	

#obr .ram div .buttons{
         
        color:#336600;
       padding:0; margin:10px 0px 0px 0px;
        border: 0px solid #999;
}

#obr .ram div .buttons a {
        border:none;
		padding:0px 20px 0px 0px; margin:0;
}

#kosik{
	 
	width:200px;
	height:40px;
	margin:0px 0px 0px 730px;
	padding:120px 0px 0px 0px;
	background:url("./images/kosik.png") no-repeat right 95px;
	 border: 0px solid #999;
         color:#fff;
font-weight:bold;

}
#kosik a{
	 
	color:#fff;
	 font-size: 110%;
}

/* ____________form_________________ */
form { margin:0; padding:0;}
ol { margin:0; padding:0; list-style:none;}
ol li { margin:0; padding:0; display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li .error {  color: #E70B0B; }
ol li input.text {  -moz-border-radius: 10px; width:99%; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px;  background:#fff;}
ol li input.error {  -moz-border-radius: 10px; width:99%; border: 1px solid #E70B0B; margin:2px 0; padding:5px 2px;  background:#fff;}
ol li textarea.text{  -moz-border-radius: 10px; width:99%; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li textarea.error  {  -moz-border-radius: 10px; width:99%; border:1px solid #E70B0B; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}


fieldset{

	margin: 0 0 15px;
	padding: 20px;
	background-color:#F8FFE8;
border:1px solid #BDD9BE;
	  -moz-border-radius: 10px;

}
.errortxt{
	color: #E70B0B;
	padding-bottom: 2em;
	margin: 0px;
}
 

ul{
	margin: 1.1em;
	padding: 0px;
}


li{
	list-style-type:square;
	margin:0.6em;
}

select {

	font-size: 100%;

}

hr {

	/*display: none;*/

}
hr.barva{
	background-color:#B0C6A4;
	border-width: 0px;
	height: 1px;
	display:block;
	margin-top:2em;
	margin-bottom: 2em;
	color:#B0C6A4;
	}

h1 {
	color: #360;
	font-size: 190%;

}
h1 span {
	display: none;
}

 /*#hlavni h2 {
	padding:  0em;
	margin: 0em 0em 0em 0em;
	color:#A9DB4D;
	color: #690;
	background: none;

 
}

.roundBox .in h2 {
	font-size: 150%;
	text-align: left;
	margin: 0em 0em 1em 0em;
	padding:  0.5em ;
	color: #fff;
	display:block;
	background: #9EDD2B ;
	 -moz-border-radius: 10px;
}*/
 h2 {
	font-size: 150%;
	text-align: left;
	margin: 0em 0em 1em 0em;
	padding:  0.5em ;
	color: #fff;
	display:block;
	background: #9EDD2B ;
	 -moz-border-radius: 10px;
}
#katalog-txt h2, #katalog h2 {
	padding:  0em;
	margin: 0em 0em 0em 0em;
	color:#A9DB4D;
	color: #690;
	background: none;

 
}


h2 span {
	display: none;
}

h3 {
	font-size: 130%;
	text-align: left;
	margin: 0em;
	padding: 0px 0px 0px 0em;
color: #690;
	}
h4 {
	font-size: 120%;
	text-align: left;
	padding: 0px;
	margin:0px;
	
}

.grey table {
	 /*border: 1px solid #B1CFE1;*/
	border-top: 5px solid #999;
        border-bottom: 2px solid #999;
	font-size: 100%;
	color: #000000;
	border-collapse: collapse;
}
 .grey td {
	text-align: left;
	padding: 5px;
        border-bottom: 1px solid #fff;
	background-color: #ccc;
}
 .grey th  {
	
	border-bottom: 1px solid #fff;
	text-align: left;
	padding: 5px;
	background-color:#ccc;
	color:#000;
}



/*____________tabulka_______________*/

#tabulka td {
	/*border-left: 1px solid #ffffff;	
	border-bottom: 1px solid #ffffff;
	border-right: none;
	border-top: none;*/
	border: 0px solid #ffffff;
	text-align: left;
	width: auto;
	padding: 0px;
	vertical-align: middle;
	background-color: #F1F1F1;
}

#tabulka img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;

}

#tabulka p {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	display: block;
	position: relative;
}
	
.zvyrazneni {
	display: block;
	/*background:#FFE3D7;*/
	padding:0px 0px 0px 5px;
	border-left:solid 3px #A9DB4D;
}

/*______________ pomocne______________ */
 
 .cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

.noDisplay {

	display: none;

}

.end{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px
	}
.boldgreen {
	font-weight: bold;
	color: #360;
}


.key {
	text-decoration: underline;
} 
/*______________ strankovani______________ */
 
.pages   {
	margin:5px 0 0 0;
	
} .pages span  {
	text-decoration: none;
	color:#FFFFFF;
	padding :  0.2em;
	font-weight: bold;
	background-color:#D8180F;
} 
.pages a  {
	text-decoration: none;
	color:#000000;
	padding :  0.2em;
	font-weight: bold;
	border: #D8180F solid 0px;
} 
.pages a:hover, .pages a:active{
	color:#fff;
	text-decoration: underline;
	background-color:#D8180F;
} 


/*______________ layout______________ */
 

#content {
	text-align:left;
	width: 955px;
	margin: auto;
	/*border: 1px solid #ACACAC;*/
      
  }
	  


#head
{
	height: 165px;
background: url(images/bghead.jpg) no-repeat 357px  ; 
	padding: 0;
	margin:0;
	/*border: 1px solid #ACACAC;*/
}
 

#hlavni {
	margin:0;	 
	padding :20px 0px 0px 7px;
		}
		
 #main {
width: 915px;
padding: 0;
margin:0px 0px 0px  0px ;
text-align:justify;

 

             }
#main-content {
	margin:20px 0px 0px  10px ;
	padding: 0;
	font-size: 100%;
	line-height: 150%;
    }
#main-content-white {
	margin:0px 0px 0px  0px ;
	padding: 10px 10px 10px 40px;
	font-size: 100%;
	line-height: 150%;
background-color:#fff;
    }

/*  _______katalog _________*/

.quest{
color:#666;
font-style:italic;
 
	text-align:justify;
	margin:10px 0px 0px 0px;
	padding:10px 10px 10px 90px;
	background:url(images/quest.png) no-repeat 10px;
	 -moz-border-radius: 10px;
	 background-color:#E1EFFF;
	 min-height:48px;
	
       }
.answ
{
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 90px;
	background:url(images/answ.png) no-repeat 10px;
	border:solid #E1EFFF 3px;
	 -moz-border-radius: 10px;
	  min-height:48px;
       }

#katalog, .produkt-desc {
 	width:287px;
 	margin:  0px 20px 0 0;
	padding:0px;
 	float: left;
	line-height: 150%;
	text-align:justify;
       }
 

  	#katalog ul {
	margin:0px ;
 	}
 
	#katalog ul ul li{
	 font-weight:normal;
 	}
	
	
  	#katalog ul ul{
	margin:0px 0px  0px  20px;
 	}
	

 #katalog li{
	list-style:none;
 	margin:0;
 	font-weight:bold;
	
}
	#katalog li a{
	
	padding:5px 5px 5px 10px;  
  	margin:  5px 0px 0 0px ;
	background:#F5F5F5;
	display:block;
	width:auto;
	text-decoration:none;
	border-left:#A9DB4D solid 3px;
}
	
	#katalog li a:hover{
		
	 text-decoration: none;
	color:#000;
 	 background: #EAEAEA;
  	border-left:#F25A29 solid 3px;
}
	
 

.subkatalog{
 	width:280px;
	margin:  10px 10px 0 0;
	padding:0px;
 	float: left; 
	border-top:#F25A29 solid 3px;
	 
	 
      }	

#katalog-txt {
 	width:365px;
	margin:  10px 0px 0 0;
	padding:10px;
 	float: left; 
	border:#093 solid 0px;
	background:#F5F5F5;
	 
      }
 .katalog-foto {
 	width:450px;
 	margin:  10px 0px 0 0px ;
	padding:0px;
 	float: left; 
	border:#093 solid 0px;
	text-align:center;
	
      }
	  
 .katalog-foto a{
	 font-size:110%;
	 font-weight:bold;
	/*border-top:#fff solid 5px;
	*/
      }

 .katalog-foto a:hover{
	 font-size:110%;
	 font-weight:bold;
	 
	 
	 
      }
.katalog-foto img{
	margin-top:20px;
	border:none;
	
	 
      }
	   
#katalog-foto {
 	width:300px;
 	margin:  0px 0px 0 0px ;
	padding:0px;
 	float: left; 
	border:#093 solid 0px;
	text-align:center;
	
      }
	  
	  
	 #katalog-barevnost {
 	width:900px;
 	margin:  10px 10px 10px 0px ;
	padding:0px;
 	float: left; 
	border:#093 solid 0px;
      } 
#kategory-info{
 	width:600px;
	height:127px;
 	margin:  0px 0px 0px 0px ;
	padding:0px;
 	float: left; 
 	border-bottom:#B0C6A4 solid 1px; 
	 }
.produkt-info{
 	width:600px;
	 margin:  0px 0px 0 0px ;
	padding:0px;
 	float: left; 
 	 
	 
	 
      }
		/*  _______obr _________*/	  
	  
#obr  {
	margin-top: 20px;
	padding: 0px;
       }

#obr .ram{
       float: left;
	margin: 0px 10px 20px 0px;
	padding: 10px 7px 0px 12px; 
width:195px;
height:470px;
border: 1px solid #D1DFB7;border-bottom: 2px solid #790;
background-color:#F8FFE8;
 -moz-border-radius: 10px;

}

#obr .ram a{
        float: left;
	margin: 0px 0px 10px 0px;
	padding: 3px;
        border: 5px solid #D1DFB7;
 -moz-border-radius: 10px;
}


#obr .ram a:hover {
	border: 5px solid #790;
	}

#obr .ram div {
	padding: 0px; 
	border: 0px solid #ECDAB7;
	
}
	/*  _______bottom _________*/
	
	
 #bottom {
	margin:0;
	padding: 0;	 
	background:url(images/bgbottom.gif) repeat-x top left;
	background-color:#F25A29;
	 
		
	     }
	#bottom ul {
	margin:0;
	padding: 0;	 

		     }
	#bottom li {
	margin:0;
	padding: 0;	 
	list-style-type:none;
		     }
 #bottom a {
  color:#FFC0A6;
  text-decoration:none;
		     }
			
  #bottom a:hover {
	 
	color: #fff;
	text-decoration: underline;
}

     #bottom-content {
	 padding:  0px;
	 text-align:left;
	width:955px;
	margin: auto;
	/*border:#069 solid 1px;*/
 
	 
    } 
	
	#bottom-content h2 
 {
	font-size: 120%;
	text-align: left;
	margin: 0em 0em 1em 0em;
	padding:  0 0 0.5em 0;
	color: #000;
	background:none;
 
}

     #bottom-content-left {
 
	padding:0px  20px 10px 0px;
	margin: 20px 0px 20px 10px;
	width:420px;
	float:left;
	/* border :solid 1px #FFF; */
	background:url(images/bglinebottom.gif) right top   repeat-y;
	 
    }
	  #bottom-content-right{
	  padding:0px  0px 10px 0px;
	margin: 20px 0px 20px 40px;
	/*width:420px;*/
	 float:left;
	 
	 
    }
	    
		
		
		
    
.r{
	float: right;
	margin-right: 1em;
	margin-top: 0.5em;
	}
		
	
 .r a {
	font-weight: bold;
	color: #360;
}
 .r a:hover {
	font-weight: bold;
	color: #390;
}

 
#logo {
         padding:0px ; 
        margin: 0px;
	 float: left;

	}

#logo h1 {
	display:block;
	position:relative;
	width:357px;
	height:165px;
	margin: 0px;
	padding:0px;
	overflow:hidden;

      }
#logo h1 span {
	display:block;
	position:absolute;
	left:0px;
	top:0;
	z-index:1;
	width:357px;
	height:165px;
	margin:0px;
	padding:0px;
	background:url("./images/logo.jpg") no-repeat;
	cursor: pointer;
}



.over{width:960px; margin:auto;padding:0}
.roundBox .top {height:36px;   background:url(./images/ot.gif) 0 0 no-repeat;}
.roundBoxuni .top {height:36px;   background:url(./images/ot.png) 0 0 no-repeat;}
.roundBox .in, .roundBoxuni .in, .roundBox .inFull{background:white; background:url(images/obigbg.png) repeat-y; padding:1px 20px;} 
.roundBox .bottom, .roundBoxuni .bottom {height:19px; background:url(./images/ob.png) 0 0px no-repeat;} 

.roundBox1, .roundBox2{width:50%; margin:0px;padding:0;}
.roundBox1, .roundBox2{width:50%; margin:0px;padding:0; float:left;}
.roundBox1 .top{height:46px;   background:url(./images/ot1.png) 0 0 no-repeat;}
.roundBox2 .top{height:46px;   background:url(./images/ot2.png) 0 0 no-repeat;}

.roundBox1 .in, .roundBox2 .in, .roundBox .inFull{background:white; background:url(images/oin-small.png) repeat-y; padding:1px 20px;} 
.roundBox1 .bottom, .roundBox2 .bottom{height:16px; background:url(./images/ob-small.png) 0 0px no-repeat;} 


  #tech  {
      margin:0px 0px 0px 0px; padding:0;  
      position:relative;
      width:900px; height:60px;
     overflow:hidden;
      }
   #tech  span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:900px; height:60px;
      margin:0px 0px 0px 0px; padding:0;
      background:url("./images/tech.gif") top left no-repeat;
      }


#news-over {
	margin :  10px;
	border:solid #000 0px;
}
#news-over a {
	 
	display: block;
 	width: 100%;
	padding: 5px;
}
 

#news-over a:hover {
	background-color: #CCC;
	display: block;
	border: 1px solid #060;
	width: 100%;
	padding: 5px;
}
 
  #news  {
      margin:0; padding:0;
      position:relative;
      width:310px; height:28px;
      margin:0; padding:0;
      overflow:hidden;
      }
   #news  span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:310px; height:28px;
      margin:0; padding:0;
      background:url("./images/news.gif") top left no-repeat;
      }

#news-over p {
	margin: 0px;
	padding: 0px;
	 line-height: 1.5em;

}
 
 #overmenu {
	padding:  0px 0px 0px 0px;
	margin:   0px  0  0px 0px;
/*	border: 1px solid #ACACAC;*/
	float:right;
 
       }

	#m1 {
	width:120px;
	text-align:center;
	float:left;
	border-top:solid #090 8px;
 }	
 
 
	#m1 a{
 	display:block;
	margin:0px;
	padding:10px 0px 18px 0px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}	

#m1 a:hover, #m1 a:active{
	background-color:#090;

}
#m2 {
 
	width:120px;
	text-align:center;
	float:left;
	border-top:solid #FC0 8px;

}
	#m2 a{
 	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 18px 0px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}	
	#m2 a:hover, #m1 a:active{
	background-color:#FC0;
	
}
	#m3 {
 	width:120px;
	text-align:center;
	float:left;
	border-top:solid #F60 8px;
}
	#m3 a{
 	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 18px 0px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}	
#m3 a:hover, #m1 a:active{
	background-color:#F60;
	
}
 	#m4 {
 
	width:120px;
	text-align:center;
	float:left;
	border-top:solid #F00 8px;
}
	#m4 a{
 	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 18px 0px;	
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}		 
	#m4 a:hover, #m1 a:active{
	background-color:#F00;
	
} 
 	#m5{
	 
	width:120px;
	text-align:center;
	float:left;
	border-top:solid  #36C 8px;
}
	#m5 a{
 	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 18px 0px;	
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}		 
	#m5 a:hover, #m1 a:active{
	background-color:#36C;
	
} 


#menu {
	
	margin :  30px 0px 50px 0px;
 	padding :  0px 0px 0px 170px;
	border:solid #000 0px;
	background:url("./images/bg-menu.gif") bottom left repeat-x;
 
}
 

#menu h1 {
	font-size: 160%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0em 0em 0em 0em;
	margin:0;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}


#menu li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
 	padding: 16px 8px 16px 8px;
}

#menu a {
	display: block;
	text-decoration: none;
	color:#000;
	font-size: 110%;
	margin : 0 0 0 3px;
	font-weight: bold;
	width: auto;
	text-align: center;
}


#menu a:focus {
	text-decoration: none;
	
	color:#000;}





#footer
{
	background-color: #000;
	color:#6D6D6D;
	padding: 10px;
}

#footer a {
      color:#6D6D6D;
      text-decoration: underline;  

}
#footer a:hover{
	color:#CCCCCC;
	text-decoration: none;
}

   #footer-content {
	margin:0px 0px 0px  0px ;
	padding: 0px;
	text-align:left;
	width:955px;
	margin: auto;
    }
	    
	  
.foto {
	margin: 0px 10px 10px 0px;
	float: left;
	border: 5px solid #ccc;
	padding: 3px;
}
.obsah ul {
	margin: 0em;
	padding: 0em;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
	list-style-type: square;
}
.obsah li  a{
	margin: 3px 0em 0em 0em;
	padding: 0.5em 0.5em 0.5em 35px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
	background: #ccc url("images/point.gif") no-repeat 10px 1em;
	list-style-type: none;
	border: 1px solid #999;
	display:block;
	text-decoration: none;
}
.obsah li  a:hover{
	margin: 3px 0em 0em 0em;
	padding: 0.5em 0.5em 0.5em 35px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
	background: #e5e5e5 url("images/point.gif") no-repeat 14px 1em;
	list-style-type: none;
	border: 1px solid #999;
	display:block;
	text-decoration: underline;
	color: #D8180F;
}
.obsah li {
	list-style-type: none;
}
#bottom-content h2 {
	color: #FFC0A6;
}