/*obecne*/
body {
	background: #FFF url(../images/pozadi.jpg) repeat-y center;
	text-align: left;
	font-family: Tahoma;
	color: #333333;
	padding: 0;
	font-size: 100%;
	margin: 0;
}

#main {
	width: 1003px;
	height: 100%;
	padding: 0 1px 0 5px;
   margin: 0px auto 10px auto; 
	font-size: 0.7em;
	line-height: 0.9;
	text-align: justify;
}

div#logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 90px;
    overflow: hidden;}

div#logo span {display:  block;
         position:absolute;
         left: 0;
         top: 0;
         z-index: 1;
         width: 400px;
         height: 90px;
         cursor: hand;}

hr {height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
    border: #EEEEEE;
    visibility: hidden;
    clear: both;}

hr.cleaner2 {clear: right}

img {border: none}

h6 {
  padding: 0;
  margin: 0 0 0 14px;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

/*hlavicka*/
#header {padding: 0 0 0px 0;
         _padding-bottom: 12px;
         width: 1000px;
         height: 198px;
			position: relative;}     

div#head {background: url(../images/head2.gif) 0% 0% no-repeat;
               width: 1000px;
               height: 198px;
               position:absolute;
               left: 0px;
               top: 0px;
               margin: 0 0 0 0px;}

div#contentleft ul, div#contentright ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

div#hledat {
	float: right;
	margin: 9px 14px 0 0;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	text-transform: uppercase;
	color: #FFF;
}

input#search {
	background: #FFF;
	color: #8D8D8D;
	text-transform: normal;
	width: 114px;
	font-size: 1em;
	margin-left: 12px;
	border: 1px solid #838383;
}

/*levy sloupec*/


#contentleft {
	width: 182px;
	padding: 0px 20px 0 8px;
	float: left;
	font-size: 1.1em;
	margin: -10px 0px;
	_margin: 0 0px 0 7px;
   background-image: url(../images/menu_bord.gif);
	background-position: left;
}

div#contentleft ul {margin: 7px 0 26px 0;}
div#contentleft ul ul {margin: 0}

div#contentleft ul li a {padding-left: 11px;}
div#contentleft ul ul li a {padding-left: 25px;}
div#contentleft ul ul ul li a {padding-left: 29px;}
div#contentleft ul ul ul ul li a {padding-left: 43px;}

.menu a, .archiv a, .akce a, .novinky a, .novinky em {display: block;
                margin: 0 0 0 14px;
                padding: 6px 0 0 0;
					 border-bottom: 1px solid #FFF;
                text-decoration: none;
                color: #333333;
					 }
                
.menu2 a{display: block;
                padding: 3px 0 0 0;
                border-bottom: 1px solid #FFF;
                color: #C37300;}

#contentcenter p a, #contentcenter ul a {text-decoration: none}
#contentcenter p a:hover, #contentcenter ul a:hover {text-decoration: underline}

#contentcenter p.center {text-align: center}
#contentcenter p.right {text-align: right}

/* #contentleft a:link, #contentleft a:visited {color: #676767} */
h3, h3.y, #contentcenter div.yclass h2 a:link, #contentcenter div.yclass h2 a:visited, div.yclass h3, div.yellow h2, div.yellow h1, div.uvod h2, div.uvod h1, div.yellow div.datum, #contentcenter div.yellow div.detail a:link, #contentcenter div.yellow div.detail a:visited, #contentcenter div.yellow div.detail a:hover, li#aactive a:link, li#aactive a:visited, #contentleft li#mactive ul a:link, #contentleft li#mactive ul a:visited {color: #008401}
#contentcenter div.yclass h5 {font-size: 0.9em; margin-top: -9px; color:#008401 }
#contentcenter a:link, #contentcenter a:visited, div.kata, #contentcenter fieldset h3, h3.r, div.rclass h3, #contentleft ul.menu a:active, #contentleft ul.menu a:focus, #contentleft li#mactive ul a.akatalog:link, #contentleft li#mactive ul a:focus, #contentleft li#mactive ul a.akatalog:visited, #contentleft li#mactive ul a:active, #contentleft li#mactive a:link, #contentleft li#mactive a:visited {color: #E87D1F;} */
#contentleft li#mactive, #contentleft a.akatalog{color: #E87D1F;	border-bottom: 1px solid #E87D1F;}
#contentleft li#mactive ul a:hover, #contentleft .menu a:hover{color: #008401; border-bottom: 1px solid #008401;}

li#mactive {background: url(../images/yellow_arrow.gif) 8% 8px no-repeat}
a.akatalog {background: url(../images/yellow_arrow.gif) 0% 5px no-repeat}
a.akatalog2 {background: url(../images/yellow_arrow2.gif) 0% 10px no-repeat}
a#schema {background-position: 0 3px;
          _background-position: 0 2px;
          text-transform: lowercase}
/* ul ul ul a.akatalog {background-position: 14px 3px}*/
ul a.akatalog {background-position: 0px 9px}
ul ul a.akatalog {background-position: 14px 5px}
ul ul ul a.akatalog {background-position: 19px 3px}
ul ul ul ul a.akatalog {background-position: 28px 3px}
li#aactive {background: url(../images/yellow_arrow.gif) 0% 50% no-repeat}


#contentleft li {_border-bottom: 1px solid #FFF;}

/*prostredek*/
#contentcenter {
	font-size: 1.1em;
	width: 595px;
	padding: 34px 10px 0 10px;
	float: left;
	background: url(../images/stred.gif) repeat-x;
}
}

div.kata {cursor: pointer;_cursor: hand;margin-bottom: 24px}

#contentcenter p {line-height: 1.5;
                  padding: 0;
                  margin: 0 0 14px 0;}


#contentcenter ul, #contentcenter ol {margin: 0 0 14px 28px;padding: 0;}
#contentcenter li {line-height: 1.5;padding: 0;margin: 0;}
#contentcenter ol {margin-left: 34px}
#contentcenter ol li {margin: 0 0 14px 0;}

#contentcenter h1, #contentcenter h2, #contentcenter fieldset h3 {font-family: Tahoma;
                           font-size: 1.5em;
                           margin: 0 0 5px 0;
                           padding: 0;
                           font-weight: normal;
                           text-align: left;
                           text-transform: none}
									
#contentcenter h3 {font-family: Tahoma;
                           font-size: 1.1em;
                           margin: 0 0 5px 0;
                           padding: 0;
                           font-weight: normal;
                           text-align: left;
                           text-transform: none}

div.yellow {padding: 0 0;}

div.yellow div.detail a {background: url(../images/yellow_arrow.gif) 100% 50% no-repeat}
div.yellow {padding-top: 6px;margin-bottom: 36px;}


div.obrazky {padding: 0;}
img.mainimage {float: left}
img.mainimage2 {float: left;margin: 6px 12px 12px 0;}
div.nahledy {margin-left: 213px;_margin-left: 200px}
div.nahledy table, div#nahledy tr {width: 120px;padding: 0;margin: 0}
div.nahledy td {width: 50px;margin: 0;padding: 0}

div.obrazky a img, div.obrazky a:link img, div.obrazky a:visited img {filter: alpha(opacity=45);-moz-opacity: 0.45;opacity: 0.45;-khtml-opacity: 0.45;}
div.obrazky a:hover img {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;-khtml-opacity: 1;}

div.nahledy2 {margin: 24px 0}
div.nahledy2 img {margin: 2px;}

#contentcenter h2 a {text-decoration: none}

/*pravy sloupec*/
#contentright {
	width: 150px;
	padding: 34px 10px 0 10px;
	float: left;
}

div#contentright ul {margin: 7px 0 26px 0}
#contentright a:active, #contentright a:focus, #contentright li.ractive a:link, #contentright li.ractive a:visited, .blue a:link, .blue a:visited {color: #008401}
#contentright a:hover {color: #008401; border-bottom: 1px solid #008401;}


#contentright div#kosik h3 {color: #FFF;}


#contentright div#kosik ul li a:hover{
	color: #E77817;
}

.novinky li {background: url(../images/blue_dot.gif) 3px 50% no-repeat;text-align: right}

.novinky span {float: left}

#contentcenter fieldset
{
	display: block;
	width: 100%;
	margin: 0 0 24px 0;
	padding: 0;
	border: 0;
}

#contentcenter fieldset.radio
{
	margin: 1em 0 2em 0;
}

#contentcenter fieldset.radio input
{
	clear: both;
	float: left;
	width: 40px;
	position: relative;
	top: -4px;
	_top: -8px;
	border: none;
	background: transparent;
}

#contentcenter fieldset.radio label
{
	font-weight: normal;
}

#contentcenter fieldset input
{
	display: block;
	width: 400px;
	font-size: 1em;
   margin: 4px 0 0 0;
}

#contentcenter fieldset label input, #contentcenter fieldset textarea {
	border: 1px solid #DFDFDF;
	background: #FFF;
	color: #000;
	padding: 2px;
}

#contentcenter fieldset label
{
	display: block;
	margin-bottom: 1em;
	font-weight: normal;
}

#contentcenter fieldset label.povinne {font-weight: bold;}

#contentcenter fieldset label.first
{
	padding-top: 1em;
}

#contentcenter fieldset select
{
	display: block;
	margin: 4px 0 0 0;
}

#contentcenter fieldset h3 {font-size: 1.4em;margin: 0;padding: 0;}

#contentcenter fieldset textarea {margin-bottom: 1em;width: 568px;height: 30px;font-size: 1.2em;}

table {padding: 0;margin: 0 0 14px 0;width: 300px;font-size: 1em;text-decoration: none; font-weight: normal }
table a {text-decoration: none;}

td, th {text-align: left;font-size: 1em;padding: 1px 10px 1px 0;margin: 0;font-weight: normal;border-bottom: 1px solid #DFDFDF;}
td, th a:hover {border-bottom: 1px solid #D10000;}

a {
  cursor: pointer;
  _cursor: hand;
}

div#konec {background: url(../images/konec.gif) 0% 0% no-repeat;
               width: 20px;
               height: 20px;
               position:absolute;
               left:180px;
               top: 250px;
               }

#contentcenter div.diskuze {
	width: 575px;
	background-color: #FDECDA;
	border-bottom: 1px solid #F29E00;
	padding-top: 8px;
	padding-bottom: -20px;
}

#contentcenter div.diskuze strong {color: #E87D1F;}
#contentcenter div.diskuze p {margin-top: -12px}
#contentcenter div.diskuze em {color: #008401;}
#contentcenter div.diskuze a {color: #008401; text-decoration: none;}
#contentcenter div.diskuze a:hover {border-bottom: 1px solid;}
               
/* akce */
#holder { width: 100%; position: relative; }


#seolista {
	font-size: 1.1em;
	height: 100%px;
	width: 148px;
	_width: 140px;
	text-align: left;
	line-height: 1.1;
	border: 2px solid #dddddd;
	padding: 10px 10px 10px 10px;
	position: relative;
	left:-9px;
	_left:1px;
}
#seolista a {color: #9B9B9B;	text-decoration: none;}
#seolista a:hover {
	color: #008401;
	text-decoration: underline;
}

#seolista2 {
	font-size: 1.1em;
	height: auto;
	width: 148px;
	_width: 140px;
	text-align: left;
	line-height: 1.1;
	border: 2px solid #dddddd;
	padding: 10px 10px 10px 10px;
	position: relative;
	left:-9px;
	_left:1px;
}
#seolista2 a:hover {
	text-decoration: none;
}

div#menubotom a{
	position: relative;
	top: 196px;
	left: 210px;
	padding: 6px 16px 5px 15px;
	height: 16px;
	display: block;
	background-color: #008401;
	float: left;
	text-decoration: none;
	font-size: 1.3em;
	color: #FFFFFF;
	background: url(../images/menu.gif);
}

div#menubotom a:hover{
	background-color: #E87D1F;
	color: #FFFFFF;
   background: url(../images/menu_a.gif);
	}
	
	
div.vyrobek{
	position: relative;
	width: 193px;
	height: 290px;
	display: block;
	float: left;
	font-size: 1em;
	margin-right:5px;
/*	border-right: 3px solid #dededd; */
	background: url(../images/vyr_top.gif) no-repeat;
}

div.vyrobek1{
   position:absolute;
   top:240px;
	left:0px;
	width: 193px;
	height: 44px;
	background: url(../images/vyr_bottom.gif) no-repeat;
}

#contentcenter div.vyrobek p{
   position:absolute;
	top: 28px;
	padding:36px 10px 10px 10px;
	font-size: 0.8em;
}

#contentcenter div.vyrobek h2 {
	color: #fff;
	padding: 10px 10px 0px 10px;
	text-align: center;
	font-weight: bold;
}

#contentcenter  div.vyrobek a:link, #contentcenter div.vyrobek a:focus,  #contentcenter div.vyrobek a:visited{color: #fff;}

#contentcenter div.vyrobek a:hover{
	color: #E87D1F;
}

div.vyrobek img{
   position: absolute;
	left:16px;
	top:160px;
   margin-top:-25px;
	padding-left: 10px;
}

#contentcenter div.kos .pocet {
	position: absolute;
	left: 90px;
	top: 17px;
	width: 25px;
	height: 16px;
	color: #000;
	border: #DDBD00;
}

#contentcenter div.kos .tlacitko {
	position: absolute;
	width: 30px;
	height: 23px;
	left: 155px;
	top: 15px;
	cursor: pointer;
	_cursor: hand;
	background-image: url(../images/kosik2.gif);
/*	background-color: #e77817; */
	color: #e77817
	border-style: none;
	border: 0px;
}


#contentcenter div.kos .tlacitko:hover {
	background-image: url(../images/kosik3.gif);
}

#contentcenter div.kos .cenap {
	position: absolute;
	left: 19px;
	top: 20px;
	}
	
#contentcenter div.kos .ks {
	position: absolute;
	left: 125px;
	top: 20px;
	}



















div#contentleft div.menu3{
	background: url(../images/menu-botom.gif) no-repeat bottom left;
	width: 210px;
	height: 35px;
	margin-left: -8px;
}

.menu-nadpis {margin-left: 15px; margin: 10px 10px 0 16px; font-size: 1.2em}

div#contentleft div.menu-top3{
	width: 210px;
	height: 40px;
	margin-left: -8px;
	background: #FFFFFF url(../images/menu-top3.gif) no-repeat;
}

div#contentleft div.menu-botom3{
	width: 210px;
	height: 21px;
	margin-left: -8px;
	background-image: url(../images/menu-botom3.gif);
}

div#kosik{
	position: relative;
	top: -22px;
	left: -8px;
	width: 170px;
	height: 235px;
	color: #FFF;
	background: #008401;
}

div#contentright kosik ul li a{
	color: #FFF;
}

div#contentright fieldset {width: 100px; height: auto;  border-style: none; border-collapse: collapse;}
div#contentright .filter input {width: 100px;}


#contentcenter div.kos {
   width: 210px;
	height: 21px;
	color: #FFF;
}

#contentcenter div.kos2 {
	width: 579px;
	height: 22px;
	padding: 11px 10px 0px 7px;
	color: #FFF;
	background: #008401;
}

#contentcenter div.kos2 .pocet {
	width: 25px;
	height: 16px;
	color: #000;
}

div#kos22 {
	padding-left:358px;
	margin-top:-17px;
}

	
div#contentright h4 {
	font-size: 1.1em;
	padding-top: 0px;
	margin-left: 12px;
	}
	
div#contentright h2 {
	padding-top: 14px;
	margin-left: 12px;
	}


#contentright div#kosik ul, #contentright div#kosik ul li, #contentright div#kosik ul li a {
	color: #FFF;
	text-decoration: none;
	list-style: square;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3;
	padding-left: -5px;
	margin-left: 12px;
}

#contentright div#kosik p {
	font-size: 1em;
	font-weight: bold;
	padding-left: 10px;
	margin-top: -10px;
	margin-bottom: 2px;
}

#contentright div#kosik input{
	width: 140px;
	margin-left: 7px;
}

#levo {
	width: 260px;
	height: auto;
	padding: 20px 10px 0px 0px;
	float: left;
	font-size: 1em;
	margin: -10px 0px;
}

#pravo {
	width: 324px;
	height: auto;
	padding: 20px 0px 0px 0px;
	font-size: 1em;
	float: left;
	margin: -10px 0px;
}


#diskuze1 {
	width: 575px;
	padding: 10px 10px 10px 10px;
	float: left;
	margin: 11px 0px;
	background: #FDECDA url(../images/diskuze.gif) no-repeat;
}

div#akce {
   left: 0px;
	top: 0px;
	margin-top: -55px;
	margin-left: 88px;
	}
	
div.aktualita1 {
	background: #B8DB7C url(../images/aktualita1.gif) no-repeat top left;
	margin-bottom: -10px;
}
div.aktualita2 {padding-left: 20px;padding-right: 20px;padding-top: 35px;margin-bottom: 20px;padding-bottom: 5px;background: transparent url(../images/aktualita2.gif) bottom left no-repeat;}

#aktuality {
	width: auto;
	height: auto;
	padding: 10px 0px 0px 0px;
	float: left;
	font-size: 1em;
}

div#aktuality a:hover{text-decoration: underline;}
div#aktuality em {color:#FFF;}
div#aktuality p {color:#000;}

div#cenik table {
	margin-bottom: 1em;
	width: 100%;
	border-collapse: collapse;
	line-height: 1em;
	font-size: 0.9em;
	background: #f2f2f2;
}

div#cenik table td {
	border: 1px solid #dddddd;
	padding: 4px 6px;
}
div#cenik table th {
	border: 1px solid #dddddd;
	padding: 4px 6px;
	font-weight: bold;
}

div#cenik div.imagesi img {
	padding-right: 5px;
	height: 12px;
}

div#cenik table tr:hover{background:#FFF;}
div#cenik a {text-decoration: none;}
div#cenik a:link{text-decoration: none;}
div#cenik input{width:35px; height:12px;font-size: 0.9em;}

div#cenik .tlacitko2 {
	width: 27px;
	height: 21px;
	cursor: pointer;
	_cursor: hand;
	background-image: url(../images/kosik5.gif);
	border-style: none;
	border: 0px;}


div#cenik .tlacitko2:hover {
	background-image: url(../images/kosik6.gif);
}

.nahoda p{
	padding: 0px 10px 0px 15px;
	font-size: 0.9em;
	line-height: 1.2;
	}
	
.nahoda h3, .nahoda a {
	color: #e77817;
	font-size: 1em;
}

.nahoda img {padding-left:15px;
}

.filtr {width:170px;
}
.filtry {width:110px; display: block;
}

div#paticka {
   text-align: right;
	position: relative;
	top: 0px;
	left: 0px;
	height: 16px;
	padding: 6px 10px 5px 10px;
	width: 980px;
	background-color: #008401;
	float: left;
	text-decoration: none;
	font-size: 1.3em;
	color: #FFFFFF;
	background: url(../images/menu.gif);
	margin-top: 16px;
}

div#paticka span{
   position: absolute;
	left: 10px;
	top: 6px;
}

div#paticka a {
  color: #FFF;
  text-decoration: none;
}

div#paticka a:hover {
  color: #E87D1F;
  text-decoration: underline;
}

div#filtr {
margin:0 -3px 10px -9px;
}

div#filtr h2{
color: #008401;
margin:0 0px 10px 0px;
font-size: 1 em;
}
