
/* |||||||||||||||||||||||||||||| vychozi nastaveni xhtml |||||||||||||||||||||||||||||| */

body, h1, h2, h3, h4, a, input, select, textarea, p{font: 81% Arial, Helvetica, sans-serif} /* 13px */
p{
  font-size: 12px;
}
h1, h2, h3, h4, p, img{margin: 10px 0px 0; padding: 0}

h1, h2, h3, h4{font-weight: bold}
h1{font-size: 123%; margin: 0} /* 16px */
h2{font-size: 115%} /* 15px */
h3{font-size: 108%} /* 14px */
h4{font-size: 100%} /* 13px */
a {font-size: 100%; text-decoration: none}
a:hover{text-decoration: underline}

h1{font-size: 18px}
h2{font-size: 16px}
h3{font-size: 14px}

ul, li, form{margin: 0; padding: 0}
hr{display: none}
img{border: none}

input, select, textarea{font-size: 100%; font-weight: bold; line-height: 14px}
input{padding: 2px; background-color: white; border: 1px solid black}

.left{float: left}
.right{float: right}
.hidden{display: none}
.clean, .clean-r, .clean-l{clear: both; height: 1px; margin: -1px; font-size: 1px}
.clean-r{clear: right}
.clean-l{clear: left}

/* |||||||||||||||||||||||||||||| hlavni formatovaci celky |||||||||||||||||||||||||||||| */

body{
margin: 0; padding: 20px 0;
color: #2D3438;
text-align: center;
}

#head, #wrap, #foot, #copy{
width: 750px;
margin: 0 auto;
text-align: left;

}

/* |||||||||||||||||||||||||||||||||||||| hlavicka |||||||||||||||||||||||||||||||||||||| */

#head{height: 90px; padding-bottom: 1px; background: white no-repeat; position: relative;}

#head h1{float: left; width: 202px; height: 89px; background: no-repeat center center}
#head h1 a{display: block; width: 100%; height: 100%}
#head h1 a span{display: none}

#topmenu {
   position: absolute;
   top: 0;
   left: 202px;
	border-bottom: 3px solid #A5BDCB;
}

#topmenu ul {
   width: 548px;
   height: 62px;
   margin: 25px 0 0;
   padding: 0;
   font-size: 10px;
   list-style: none outside;
   overflow: hidden;
}

#topmenu ul li {
   float: left;
   height: 37px;
   line-height: 37px;
   padding-right: 0px;
   border-right: 1px dashed #93c822;
   background: no-repeat 8px 50%;
}

#topmenu ul li.n01 {
   width: 104px;
   line-height: normal;
   background-image: url(../images/topmenu_n01.png);
}

#topmenu ul li.n02 {
   width: 95px;
   background-image: url(../images/topmenu_n02.png);
}

#topmenu ul li.n03 {
   width: 70px;
   background-image: url(../images/topmenu_n03.png);
}

#topmenu ul li.n04 {
   width: 85px;
   background-image: url(../images/topmenu_n04.png);
}

#topmenu ul li.n05 {
   padding-right: 0;
   width: 100px;
   border-right: none;
   background-image: url(../images/topmenu_n05.png);
}

#topmenu ul li.n06 {
   padding-right: 0;
   width: 85px;
   background-image: url(../images/topmenu_n06.png);
}

#topmenu ul a {
   display: block;
   height: 100%;
   font-weight: bold;
   text-decoration: none;
   padding-top: 9px;
   color: #424298;
}

#topmenu ul li.n01 a {
   padding-top: 2px;
   padding-left: 55px;
}

#topmenu ul li.n02 a {
   padding-left: 47px;
}

#topmenu ul li.n03 a {
   padding-left: 27px;
}

#topmenu ul li.n04 a {
   padding-left: 47px;
}

#topmenu ul li.n05 a {
   padding-left: 52px;
}

#topmenu ul li.n06 a {
   padding-left: 45px;
}

/* ||||||||||||||||||||||||||||||||||||||| stranka |||||||||||||||||||||||||||||||||||||| */

#wrap{
  background: white no-repeat right top;
  padding-bottom: 14px;
  position: relative;
  z-index: 1;
}

#main{
  float: right;
  width: 547px;
  background: repeat-x 0 52px;
  position: relative;
  overflow: hidden;
}

#main h1{
padding: 0 20px 0 35px;
background: no-repeat 20px 50%;
line-height: 52px;
}
#main hr{
display: block;
clear: both;
height: 6px;
margin: 0 20px 20px; padding: 20px 0 0;
background: transparent repeat-x center center;
border: none;
}
.double{margin: 20px 0}
.double p{float: left; width: 233px; margin: 0; padding: 0 20px}
.double p.first{border-right: 1px solid}
.border{margin: 5px 20px; border: 3px solid #CCD5D0}


/* ||||||||||||||||||||||||||||||||||||||| sloupec |||||||||||||||||||||||||||||||||||||| */

#column{
  float: left;
  width: 202px;
}

ul#mainmenu, ul#mainmenu ul{list-style: none}
ul#mainmenu{padding: 8px 0}
ul#mainmenu li{margin: 0 14px}
ul#mainmenu li, ul#mainmenu ul{padding-top: 1px; background: url(images/mainmenu_border.gif) repeat-x}
ul#mainmenu li.first, ul#mainmenu ul li{background-image: none}
ul#mainmenu a{
display: block;
width: 142px;
padding: 6px 10px 6px 20px;
color: white;
background: no-repeat 2px 50%;
font-size: 92%;
font-weight: bold;
}
ul#mainmenu ul a{
width: 128px;
padding: 4px 10px 4px 5px;
background-image: none;
font-size: 85%;
font-weight: normal;
}

ul#mainmenu ul ul { 
  background: none;
}

ul#mainmenu ul ul a {
	width: 100px;
}


#column h3{
margin: 0; padding: 8px 15px;
color: white;
background: url(images/column_h3_bg.gif) no-repeat 94% 50%;
}
#column p{margin: 0; padding: 6px 15px; font-size: 12px}
#column a img{margin-top:0}
#contact{background: no-repeat right bottom}

/* ||||||||||||||||||||||||||||||||||||||| paticka |||||||||||||||||||||||||||||||||||||| */

#foot, #copy{
color: white;
font-size: 77%;
text-align: right;
}
#foot{background: no-repeat center bottom}
#foot a, #copy a{color: white; text-decoration: underline}

#lang, #foot span{display: block; padding: 8px 20px; line-height: 15px;}
#lang{float: left; height: 22px}
#lang span{display: none}
#cz, #en, #de{
display: block;
float: left;
width: 24px; height: 16px;
padding: 3px 6px;
border-left: 1px dashed white;
background: no-repeat center center}
#cz{background-image: url(images/lang_cz.png); border-left: none}
#en{background-image: url(images/lang_en.png)}
#de{background-image: url(images/lang_de.png)}

#copy{
width: 710px;
padding-top: 6px;
}

div#signature{
  height: 31px;
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 5px;
  color: #DEE9EE;
  background: url(images/paticka_bg.jpg) center no-repeat;
  font-size: 83%;
  text-align: center;
  line-height: 15px;
}

div#signature a.patickovy{
  color: #DEE9EE;
  font-weight: normal;
  line-height: 15px;
  text-decoration: underline;
}

div.sepLine{
  height: 1px;
  font-size: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #5E859A;
}

div.sestavy img {
  margin-right: 0.7em;
}


.product_item {
	width: 33%;
	height: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	overflow: hidden;
}

.product_item h4 {
	margin: 3px;
}

.product_item h4 a {
	font-size: 10px;
	text-decoration: none;
}

.product_item h4 a:hover {
	text-decoration: underline;
}

.product_item_foto {
	height: 130px;
	margin: 0;
	padding: 0;
}

.product_item_text {
	height: 20px;
	margin: 0;
	padding: 0;
}


/* ==============================================[ vyber jazyka ]============================ */

#lang {
   margin: 5px 30px 0 0;
   padding: 0;
   list-style: none outside;
}

#lang li {
   float: left;
   padding: 3px 8px;
   border-right: 1px dotted white;
}

#lang li.de {
   border-right: none;
}

#lang a {
   position: relative;
   display: block;
   width: 24px;
   height: 16px;
   background: no-repeat;
}

#lang .cz a {
   background-image: url(../images/lang_cz.gif);
}

#lang .en a {
   background-image: url(../images/lang_en.gif);
}

#lang .de a {
   background-image: url(../images/lang_de.gif);
}

#lang span {
   display: none;
}

/* ==============================================[ menu v paticce ]============================ */

#bottommenu {
   position: relative;
   float: right;
   width: 590px;
}


.clear {clear: both}

