body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
	font-weight: normal;
	color: #333;
	background: #DEEFC9 url(/data/Image/design/podklad2.jpg) top repeat-x;
}

table{
  margin: 0;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
  text-align:left;
}


td{
  margin: 0px;
	padding:2px;
	
}
.motto{
  position:relative;
  top:80px;
  left:20px;
  font-size: 14pt;
	font-weight: normal;
	color: white;
  margin: 0px;
	padding: 0px;

}
h1{
  font-size: 11pt;
	font-weight: bold;
	color: brown;
  margin: 0px;
	padding: 0px 0 5px 0px;

}
h2{
  font-size: 11pt;
	font-weight: normal;
	color: brown;
  margin: 0px;
	padding: 0px 0 5px 0px;
  letter-spacing: 1px;


}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #F86401;
	text-decoration: none;
  font-weight: bold;
}

a:hover {
	color: green;font-weight: bold;
	text-decoration: none;

}
.foot .CMSTextHTML {
  border:none;
  margin: 0px;
	padding: 0px;
 }


.webmaster a{
  color: #ccc; 
  TEXT-DECORATION: none;
  FONT-SIZE:7pt;
  position:relative;
  top:2px;left:20px;
  font-weight: normal;
 }

.webmaster a:hover{
  color: white;
  FONT-SIZE: 7pt;

}


img{
	border: 0px
}


.CMSPage div,
.CMSBlock div,
.CMSPageBlock div{
	display: block;
}

 /*------------ STRUCTURE ------------ */
.cms_presentation {
	width: 1000px;
	margin: 10px auto 0px auto;
	padding: 0px;
  text-align:left;
	background: #FFFFFF url(/data/Image/design/podklObsah.gif) left repeat-y;

}

.head {position: relative;
	width: 1000px;
	height: 156px;
	padding: 0px;
	margin: 0px;
	background: url(/data/Image/design/top.jpg) no-repeat top;
}


.left{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

.left_in{
	margin: 0 0px 0 6px;
	padding: 0 ;

}


.CMSPage {
	_height: 330px;
	min-height:330px;
	margin: 0 0 10px 0;
	padding: 0px;
  float:right;
  width:790px;


	}

.CMSPage_in {
	padding: 0;
  margin: 0 14px 0 5px;
	
}

.foot {
	clear: both;
	width: 1000px;
	height: 17px;
	margin: 0px;
	padding:  0;
	background: url(/data/Image//design/bottom.gif) no-repeat top;
}

/*-----------.htmlText----------------- */
.CMSTextHTML{
  clear:both;
  margin:  10px 0;
	padding: 0 0 5px 0;
	
}

/*.CMSTextHTML img{
	padding: 3px;
	margin: 5px;


}*/

/*----------------------left-CMSArticl-CMSTextHTML-----------*/
.left .CMSTextHTML{
  font-size: 8pt;
  margin:5px 0;
  padding:2px;

}

/* nenastylovane pocitadlo komentaru */
.articlecommentscounter{
display: none;
}

.left .CMSArticle{
  border:none;  
  padding: 0px;font-size: 8pt;
	margin: 0px ;	
  width:180px!important;
  float:left;
  background: #d9dadc url(/data/Image/design/clanekPodklad.gif) no-repeat top;
}

.left .CMSArticle .articletitle{  margin: 0;
  padding: 0 0 0 2px;
  font-weight: bold;
  font-size:10pt;
  letter-spacing: -1px;

}

.left .CMSArticle .attachment_link  {
	width:180px!important;
  display: block;
	margin: 0px;
	padding: 5px 0;

}
left .CMSImage img{
  padding: 0px;
margin:0;
width:180px;


}
.CMSImage img{
  padding: 0px;
margin:0;


}

.CMSImage .description{
  margin: 0px 0 7px 0;
	padding: 0;
  font-size: 9pt;


}
.CMSImage .description a{
  margin:  0;
	padding: 0;
  font-size: 8pt;
  font-weight: normal;
  color: brown;
  text-decoration:underline;

}


.left .CMSLink{
  margin:7px 0 5px 0;
  padding: 0px;
  /*width:755px;*/
  display:block;
  font-size: 8pt!important;

}
.left .CMSLink a{

  font-size: 8pt!important;

}

.CMSLink{
  margin:7px 0 5px 0;
  padding: 0px;
  display:block;

}
.bannerTitul{
  width:745px;
  text-align:center;
}
.mapaTitul{
  padding: 0px;
  margin:0;
  width:180px;
  height:89px;
  display:block;
  background-repeat: no-repeat;
}


.mapaTitul a{
  padding: 70px 0 0 0;
  margin: 0;
  width:180px;
  display:block;
 
}
/*--------menu-----*/
ul.leftMenu {
	margin: 0px 0 5px 0;
	padding: 0px 0 0 0;
	list-style-type: none;
  text-align:left;
  background: url(/data/Image//design/podklMenu.jpg)  repeat-y top;
  width: 182px;

}

 ul.leftMenu ul{
	display: none;
	width: 200px;
	position: absolute;
	top: -2px;
	left: 182px;
	margin: 0px;
	padding: 0px;
	z-index: 500;
  text-align:left;
  list-style-type: none;
  background-color: #EEE;
}
 ul.leftMenu ul ul{
	display: none;
	width: 200px;
	position: absolute;
	top: -2px;
  left: 195px!important;
	margin: 0px;
	padding: 0px;
	z-index: 1000;text-align:left;
  list-style-type: none;
}

 ul.leftMenu li {
	display: block;
	position: relative;
  margin: 2px 0 0px 0px;
	padding: 2px 0 2px 7px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
  font-weight: normal;text-align:left;
  border-bottom:1px solid #fff;
  z-index:0;width: 175px;
}

 ul.leftMenu ul li {
	margin: 1px 0;
	padding: 0;
	color: gray;
	background-color: #DEEFC9;
	border: 1px solid #666;
  border-bottom-color: #ccc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
  z-index: 500;
	display:block;
  font-weight: normal;
  text-align:left;
  width: 198px;
	
}

 ul.leftMenu li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	/*display: block;*/
	padding: 0px;
	margin:0px;
	color: #000000;
	z-index:0;
	text-decoration: none;
	width: 175px;

}

 ul.leftMenu li a:hover{
	color: orange;
	font-size: 10pt; 
  font-weight: normal;
  /*display: block;*/
  text-decoration: none;

}
 ul.leftMenu ul li a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
  font-weight: bold;
	display: block;
	padding: 5px 0 4px 5px;
	margin:0px;
	color: #333;
	text-decoration: none;
  width: 193px;
  z-index:500;

}
 ul.leftMenu ul li a:hover{
  background-color:gray;
	color: white;
	padding: 5px 0 4px 5px;
	margin:0px;
	font-size: 8pt; 
  border-left:0px!important;
  font-weight: bold;
  text-decoration: none;
  display: block;

}

 ul.leftMenu li:hover{
	display:block;  
   
}

 ul.leftMenu ul li:hover{
	display:block;

}

 ul.leftMenu li {
	behavior: url(/data/css/default/IEmen.htc);
}

 ul.leftMenu ul.CSStoShow {
	display: block;
}

 ul.leftMenu li:hover > ul {
	display: block;
}


/*-------menuTop-------*/
ul.menuTop2 {
	margin: 0px;
	padding: 0;

}

ul.menuTop2 li {
  margin: 0 ;
  font-weight: bold;
  padding: 0 ;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  font-family:  Arial, Helvetica, sans-serif;
  color: brown;
text-align:center;
  font-size:9pt;


}

ul.menuTop2 a{
  margin:0 2px;
  padding: 3px 2px 0 2px; 
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
background-color:#FBECEC;
font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size:9pt;
width:102px;
  border-top:5px solid;
height:50px;
	

}

ul.menuTop2 a:hover{
	color: green;
background-color:#FFF;
font-weight: bold;
  border-top:5px solid;
	text-decoration: none;
}


ul.menuTop2 .selected a{
	color: green;font-weight: bold;
	text-decoration: none;

}

/**/

ul.menuTop {
 position: absolute;
  top:50px;right:20px;
	margin: 0px;
	padding: 0;

   /*For KHTML*/
  list-style: none;
 
}

ul.menuTop li {
  margin: 0;
  border: 0 none;
  font-weight: bold;
  padding: 0 20px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  font-family:  Arial, Helvetica, sans-serif;
  color: brown;
  border-left:1px solid;
  font-size:9pt;

}

ul.menuTop ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
}

ul.menuTop ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  visibility: hidden;
}

ul.menuTop ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  padding:0;
  border-left:0;
}

/* Root Menu */
ul.menuTop a {
  margin:0;
  padding: 0 ;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: brown;font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size:9pt;


}

/* Root Menu Hover Persistence */
ul.menuTop a:hover,
ul.menuTop li:hover a,
ul.menuTop li.iehover a {
text-decoration: none;
font-weight: bold;
padding: 0;
}

/* 2nd Menu */
ul.menuTop li:hover li a,
ul.menuTop li.iehover li a {
  float: none;font-weight: normal;
 background: #FEDFC7;
border-top:1px solid white;
  color: #666; padding:4px 0 4px 2px;
}

/* 2nd Menu Hover Persistence */
ul.menuTop li:hover li a:hover,
ul.menuTop li:hover li:hover a,
ul.menuTop li.iehover li a:hover,
ul.menuTop li.iehover li.iehover a {
  background: #D7AA81;
  color: white;
text-decoration: none;
  font-weight: normal;
 padding:4px 0 4px 2px;

}

/* 3rd Menu */
ul.menuTop li:hover li:hover li a,
ul.menuTop li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul.menuTop li:hover li:hover li a:hover,
ul.menuTop li:hover li:hover li:hover a,
ul.menuTop li.iehover li.iehover li a:hover,
ul.menuTop li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul.menuTop li:hover li:hover li:hover li a,
ul.menuTop li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul.menuTop li:hover li:hover li:hover li a:hover,
ul.menuTop li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul.menuTop ul ul,
ul.menuTop ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menuTop li:hover ul ul,
ul.menuTop li:hover ul ul ul,
ul.menuTop li.iehover ul ul,
ul.menuTop li.iehover ul ul ul {
  display: none;
}

ul.menuTop li:hover ul,
ul.menuTop ul li:hover ul,
ul.menuTop ul ul li:hover ul,
ul.menuTop li.iehover ul,
ul.menuTop ul li.iehover ul,
ul.menuTop ul ul li.iehover ul {
  display: block;
}


/*------------clanek------------------*/

.CMSArticle{
  border:1px solid #797979;
  border-left-color:#D5D4D4;
  border-top-color:#D5D4D4;
  padding: 0px;
	margin: 5px 0px 5px 0px;	
  width:100%;
  display:block;
  float:left;
}

.CMSArticle .articledate{
  font-weight: bold;
  font-size:7pt;
  margin:0; 
  padding:0;
}
.CMSArticle .articletitle{  margin: 0;
  padding: 0 0 0 2px;
  font-weight: bold;
  color: brown;
  font-size:11pt;letter-spacing: 1px;

}

.CMSArticle .articleperex{margin: 0;
  padding: 2px 0 2px 0;
  font-weight: bold;
  color: #000;
  font-style: italic;
	font-size: 8pt;
}

.CMSArticle .articlebody{
  font-weight: normal;
  margin:0; padding:0 0 5px 0;
  width:99%!important;
}

.CMSArticle .attachment {
	float: left;    
	margin: 0px;
	padding: 0px;

}

.CMSArticle .attachment img{
	border:1px solid gray;
	margin: 0px 5px 0 5px;
	padding: 0px;

}
.CMSArticle .attachment_description{
  clear:left;
  width:100px;
  height:30px;
  font-size:8pt;
  margin: 0px 5px 0 5px;
	padding: 0px;
  overflow:hidden;

}
.CMSArticle .attachment_link  {
	width:735px;
  display: block;
	margin: 0px;
	padding: 2px 0;

}

/*---------------blokTitul-------------*/

.blokTitul{
  margin: 0px ;
  padding: 0;
  float:left;

  font-size: 8pt;
  font-weight: normal;
}

/*----------titul_blok1----------*/

 .blok1{
  width:250px;
  overflow:hidden;
  float:left;
  margin: 0px ;
  padding: 0px;
  background: url(/data/Image/design/podklBlok.jpg)  repeat-x top;
  height:225px;border:0;

}
 .blok1 
 .articlebody{
  margin:0; font-size: 8pt!important;
  padding:2px 0 2px 0!important;
  width:160px!important;

}


/*----------titul_blok2----------*/


 .blok2{
  width:250px;
  overflow:hidden;
  float:left;
  margin: 0px 11px 0 10px;
  padding: 0 ;
  background: url(/data/Image/design/podklBlok2.jpg)  repeat-x top;
  height:225px;border:0;
}
 .blok2 
 .articlebody{
  margin:0; font-size: 8pt!important;
  padding:2px 0 2px 0!important;
  width:160px!important;

}

/*----------titul_blok3----------*/


.blok3{
  width:250px;
  border-bottom:0;
  float:left;
  margin: 0px ;
  padding: 0;
  background: url(/data/Image/design/podklBlok3.jpg)  repeat-x top;
  height:225px;
  border:0;
}

 .blok3 
 .articlebody{
  margin:0; 
  font-size: 8pt!important;
  padding:2px 0 2px 0!important;
  width:160px!important;

}
/*----------blokTitulClanek------------*/

.CMSArticle_in, .blok1_in,  .blok2_in  .blok3_in{

  margin: 0px ;
  padding: 3px 0 0 3px;

}

.blokTitul .CMSTextHTML{
  background:#E7F9CE;
  display:block;margin: 0px;
	padding: 20px 0 0 5px;
  border-bottom:0;
}

.blokTitul .CMSImage{

  margin: 10px 0 10px 0;
	padding: 0;
}
.blokLeft .CMSImage .description{

  margin: 5px 0 0 0;
	padding: 0;

}

/*.....fotogalerie....*/

.CMSImageEx img{
	border: 1px solid gray;
}

 .CMSImageEx.preview{
	float: left;
	margin: 5px;
	padding: 0px;
}

.CMSImageEx.preview .description{
	display:none;
}
.CMSImageEx.detail{
	text-align: center;
	width: 755px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


.CMSImageEx.detail .description{
	text-align: center;
	margin: 10px;
	padding: 0px;
}

.CMSImageEx.detail .backbutton{
	text-align: left;
}
.CMSImageEx.detail button{
	width: 8em;
	border: 1px solid #A6A6A6;
	background-color: #F8F8F8;
}

/*--------------e-shop-----------*/

.leftEshop .CMSCommodity{
  border:none;  
  padding: 0px;
  font-size: 8pt;
	margin: 0px ;	
  width:180px!important;
  float:left;border-bottom:1px solid #bcbcbc;
  
}

.leftEshop table.commodity{
	padding: 0;
	margin: 0px;

}

.leftEshop table.commodity th{
	padding: 2px 0 0 0;
	margin: 0px;
	
}

.leftEshop table.commodity td{
	padding:  0;
	margin: 0px;

	
}

.leftEshop table.commodity th.title a{
	padding:  0;
	margin: 0px;
  color: green;
	font-size: 8pt;
	text-decoration: none;
}

.leftEshop table.commodity th.title a:hover {
	color: #FB7F06;
	text-decoration: underline;
}

/*.....reference....*/

.reference .CMSImage {
	border-bottom: 1px solid green;
float: left;
	margin: 5px 3px 5px 3px;
	padding: 0px;
height:230px;

}
.reference .description {
padding: 0px 0 0 5px;

}
/*-------------zbozi------------*/

.topProdukt .CMSCommodity {
  padding: 0px;
	margin: 2px 0px 0 0;
  width: 180px;float:left;


}


.topProdukt .CMSCommodity_in {
  padding: 0px;
	margin: 0;
  


}
.topProdukt .cc_title{
 width: 180px;
  color:white;
  background-color:#bbb;
  text-align:center;
letter-spacing:2px;
font-weight:bold;

}

 .topProdukt .commodity_topProdukt{
	
	padding: 0px;
	margin: 0 0 2px 0px;
	float:left;
  border:1px solid black;
  border-top:0;



}
.commodity_topProdukt .image img{
	width: 50px;
	height: 50px;
	border: 0px solid black;
  float:left;

}
.commodity_topProdukt .text{
float:right;
width: 122px; 
background-color: #DAE1B8;
padding:1px 2px 0 2px;height: 50px;
}

.topProdukt .commodity_topProdukt .price{
	padding: 2px;
        
	font-size: 8pt;
	font-weight: normal;
	text-align: right;
}




.commodity_topProdukt .desc a{
	color: #F86401;
	font-size: 8pt;font-weight: bold;
	text-decoration: none;
}

.commodity_topProdukt .desc a:hover {
	color: green;
	text-decoration: none;
}
/*--------E-SHOP-------------*/
table.commodity{
	
	padding: 0px;
background-color: white;
	margin: 1px 0px 5px 0px;
	border-collapse: collapse;
	border: 1px solid #5D6356;
}

table.commodity th{
	padding: 0;
	text-align: left;
	color: #FFFFFF;
	background: #5D6356;
}

 table.commodity th.title {
	color: #FFFFFF;width: 450px;
}


 table.commodity th.price{
		padding: 0px 5px 0px 0px;
	font-size: 8pt;
	font-weight: normal;
	text-align: right;

}

 table.commodity td.imagePreview{
padding:0;


}

 table.commodity td.imagePreview img{
	border: 0px;
height:75px;
width:100px;
}


 table.commodity td.description{
	padding: 5px;
	text-align: justify;
	font-size: 8pt;
	vertical-align: top;
}

 table.commodity td.cart{
	padding: 5px;
	width: 250px;
	text-align: right;
	vertical-align: bottom;
}

 table.commodity .commodityPieces{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

 table.commodity form{
	display: inline;
	margin: 0px;
	padding: 0px;
}

 table.commodity .countInput{
	display: inline;
	width: 3em;
	text-align: center;
}


 table.commodity select{
	width: 15em;
	text-align: center;
}

.obchod #clearCartButton,
.obchod #orderButton,
.obchod #confirmationButton,
.obchod #continueButton,
.obchod .recalculateButton{
	display: inline;
	width: 7em;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	background: #DCDCDC;
	cursor: hand;
}

.obchod #clearCartButton,
.obchod #orderButton{
	display: block;
	float: right;
	margin:0px 0px 0px 5px;
}

.obchod #confirmationButton,
.obchod #continueButton{
	width: 25em;
}








/*table.commodity{
	width: 750px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	border-collapse: collapse;
	border: 1px solid #333;
	border-top:0;

}

table.commodity th{
	padding: 0 ;
margin:0;
	text-align: left;
	color: #333;

	background: #DAE1B8;
}

table.commodity th.title {
	color: green;margin: 0px;
	padding: 0px;
font-weight:bold;background: #DAE1B8;
}


table.commodity th.price{
	margin: 0px;
	padding: 0px 5px 0 0;
	font-size: 8pt;
	font-weight: normal;
	text-align: right;background: #DAE1B8;

}


table.commodity td.descriptions{
	padding: 3px 0 0 0;
	width: 430px;
	font-size: 8pt;
	vertical-align: top;

}

table.commodity td.imageLarge{
	padding: 0 0px 0 0px;
width: 102px;
	text-align: top;
	vertical-align: top;
}

table.commodity td.imageLarge img{
	border: 0;
}


table.commodity td.cart{
	padding: 0px 2px 2px 0;
	
	text-align: right;
	vertical-align: bottom;
}

table.commodity .commodityPieces{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

table.commodity form{
	display: inline;
	margin: 0px;
	padding: 0px;
}

table.commodity .countInput{
	display: inline;
	width: 3em;
	text-align: center;
	margin:0 ;
padding: 0;
}


table.commodity select{
	width: 15em;
	text-align: center;
}

.vsechnoZbozi #clearCartButton,
.vsechnoZbozi #orderButton,
.vsechnoZbozi #confirmationButton,
.vsechnoZbozi #continueButton,
.recalculateButton{
	display: inline;
	border-bottom:1px solid;
border-right:1px solid;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	background: #DAE1B8;
	cursor: pointer;
}

.recalculateButtonPrew{
	display: inline;
	cursor: pointer;
border:0;
}


.vsechnoZbozi #clearCartButton,
.vsechnoZbozi #orderButton{
	display: block;
	float: right;
	margin:0px 0px 0px 5px;
}

.vsechnoZbozi #confirmationButton,
.vsechnoZbozi #continueButton{
	width: 25em;
}*/

