* { margin: 0; padding: 0; }
html { height: 100%; }
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
    font-family: Tahoma, Arial, Sans-serif, "Trebuchet MS";
    font-size: 0.72em;
    color: #404040;
    text-align: center;
    background: #4a5357 url('../_images/body-back.gif') top left repeat-x;
    height: 100%;
    margin-bottom:20px;
}
h1,h2,h3,h4,h5 {font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;color:#3d5b2c; background-color:transparent; font-weight: bold;}
h1 {font-size: 180%; margin: 0 0 5px 0; padding: 2px 0 10px 0;}
h2 {font-size: 150%; margin: 0 0 10px 0;}
h3 {font-size: 140%; margin: 0 0 10px 0;}
h4 {font-size: 120%; margin: 0 0 5px 0;}
h5 {font-size: 100%; margin: 0 0 5px 0;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #3e6000; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #800000; text-decoration: underline;}

p {	margin: 0 0 15px 0;
    line-height: 1.4em;
    text-align: justify;
}

small {font-size: 0.85em;}
a {color: #3e6000; text-decoration: underline; font-weight: bold;}
a:hover {color: #ceff1a; text-decoration: underline;}
/*a:visited {}*/
img {margin: 0; border: none;}
ul {margin: 0 0 15px 40px;}
ul li {list-style: square; margin: 0 0 8px 0;}
strong {font-weight: bold;}

/*tabulky*/
table { font-size: 0.9em; /*border-color: #5C80E5;*/ margin: 0px 0px 15px 0; border-collapse: collapse;}
table caption, h2.caption { font-weight: bold; color: #7f1100; margin: 0px auto;}


i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {border: 1px solid #698eac; margin: 10px;}

address {font-style: normal; }

sup{font-size:10px;vertical-align:top;}

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px; font-size:0px; line-height: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.green {color: green;}
.darkred {color: #d71d1d;} .darkred strong {color: #833636;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {vertical-align: middle;}
.border {border: 1px solid #3e3e3e;}
.lighter {color: #b1b1b1;}
.light {color: #4f4f4f;}
.bigger {font-size: 1.2em;}
img.right, img.left {border: 1px solid #7e7e7e;}
img.right {margin: 0 0 0 20px;}
img.left {margin: 0 20px 0 0;}

.error {color:red; font-weight:bold;background-color:#FFFFBB; padding:7px 30px;margin-left:0px}

/* DUMP */
.dump {
    color: #333;
    background-color: #FFFBCC;
    text-align: left;
    border:1px solid #C16549;
    margin:2px 0;
}
.dump span {
    color: #C16549;
}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  position: relative;
  text-align: left;
  width: 998px;
  margin: 15px auto; padding: 0;
}

#main-wrap {
  text-align: left;
  width: 997px;
  background: #ffffff url('../_images/main-back.jpg') top left repeat-y;
  _height: 550px;
  min-height: 550px;
  margin: 0 0 0 1px;
}

#main-wrap.main-wrap2 {background: #ffffff url('../_images/main-back2.jpg') top left repeat-y;}

/*--------------- HEADER -----------------*/
#header {
  background: #ffffff url('../_images/header-back.jpg') top left no-repeat;
  width: 100%;
  height: 239px;
}

/*pozadi pro 2 sloupcovy layout*/
#header.header2 {background: #ffffff url('../_images/header2-back.jpg') top left no-repeat;}

#main {
  float: right;
  width: 829px;
}


/* content */
#content {
  float: left;
  width: 620px;
  _width: 660px;
  margin: -40px 0 0 0;
  padding: 10px 20px;
  /*_padding: 40px 10px 10px 0;*/
}
#content.content2 {width: 781px; _width: 821px;}


#left-pane {float: left; width: 162px; color:#000; margin: 0 0 0 4px;}
#right-pane {float: right; width: 161px; color:#000; margin: 0 6px 0 1px;}
#right-pane h2, #right-pane h3 {color: #0b3b24;}

/*------- menu ----------*/

ul.menu {
  font-family: Verdana, Tahoma, "Trebuchet MS", Arial, Sans-serif;
  /*background: #fff url('../_images/menuBack.png') top left repeat-y;*/
  font-size: 0.9em;
  margin: 0; padding: 0;
}
ul.menu li {
  list-style: none;
  list-style-image: none;
  margin: 0 0 0 0;
  padding:0;
  width: 162px;
}

ul.menu li a {
  display:block;
  color: #0b3b24;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  background-color: #b1cb50;
  border-left: 1px solid #d5e1a4;
  border-right: 1px solid #d5e1a4;
  height: 20px;
  padding: 5px 0 0 5px;
  margin: 0 0 4px 0;
}
ul.menu li a.active {text-decoration: none; font-weight: bold; background-color: #ceff1a;}
ul.menu li a:hover {background-color: #ceff1a;}
ul.submenu {
  margin: 0 0 6px 5px;
  padding: 0;
}
ul.submenu li {
  width: 141px;
  margin: 4px 0 0 15px;
  padding: 0;
}
ul.submenu li a {
  display:block;
  /*font-size: 12px;*/
  color:#0b3b24;
  background: #acba78 url('../_images/menu-li-uroven2-back.gif') top left repeat-x;
  border: none;
  height:20px; _height:19px;
  margin: 0;
  padding: 1px 0 0 6px;
}
ul.submenu li a:hover {color: #ceff1a; }

ul.submenu li ul.submenu li {width: 121px;}

/*------------- \ ----------*/
#logo {
  clear: both;
  position: absolute;
  top: 110px;
  left: 248px;
  z-index: 1000;
}

#logo, #logo a, #logo a span {
  width: 425px;
  height: 50px;
}
#logo a {
	position: relative;
  display: block;
  text-decoration: none;
	color: #3e6000;
	font-size: 42px;
	padding: 0 0 0 68px;
}
#logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor: pointer;
	background: transparent url('../_images/header-back.jpg') -248px -110px  no-repeat;
}

#lang {
  clear: both;
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 1002;
}
#lang, #lang a, #lang a span {
  width: 28px;
  height: 28px;
}
#lang a {
	position: relative;
  display: block;
  text-decoration: none;
	color: #3e6000;
	font-size: 5px;
}
#lang a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor: pointer;
	background: transparent url('../_images/en.gif') top left  no-repeat;
}
#lang a:hover span {background-position: -28px 0;}

.cart, .cart-right {
  background-color: #869a3a;
}

.cart-right {
  position: absolute;
  top: 174px;
  right: 5px;
  border: 1px solid #576036;
}

.cart h2, .cart-right h2 {
  background: #aabf5d url('../_images/cart-heading-back.gif') top left no-repeat;
  width: 157px; _width: 161px;
  height: 26px;
  margin: 0; padding: 0 0 0 4px;
}
.cart div, .cart-right div {
  color: #204d2b;
  background: #869a3a url('../_images/cart-back.gif') top left repeat-x;
  padding: 10px 5px 1px 5px;
}

.cart div strong.big .cart-right div strong.big {color: #000; font-size: 1.25em; font-weight: bold;}

#cartpopup {
  position: absolute;
  top: 250px;
  left: 350px;
  border: 2px solid #515c26;
  background: #869a3a url('../_images/cart-back.gif') top left repeat-x;
  color: #fff;
  text-align: center;
  width: 400px;
  height: 100px;
  padding: 10px;
} 
#cartpopup h2, #cartpopup a {color: #fff;}
#cartpopup a:hover {color: #ceff1a;} 


/*-- aktuality --*/
h2.news-heading {
  background: #aabf5d url('../_images/pane-heading-back.gif') top left repeat-x;
  width: 157px; _width: 161px;
  height: 26px;
  margin: 0; padding: 0 0 0 4px;
}

.news-item {font-size: 0.95em; background-color: #b1cb50; padding: 0 0 10px 0;}
.news-item p {margin: 5px;}
.news-item h3 {
  font-size: 1.2em;
  background: #aabf5d url('../_images/pane-heading2-back.gif') top left repeat-x;
  width: 157px; _width: 161px;
  height: 22px;
  margin: 0; padding: 2px 0 0 4px;
}

.news-item h3 a {color: #0b3b24; text-decoration: none;}
.news-item h3 a:hover {color: #ceff1a;}




input.text {font-size: 0.85em; border: 1px solid #5e6d28;}



/*----------- paticka ---------*/
#footer-wrap {
  background: #ffffff url('../_images/main-back.jpg') top left repeat-y;
  border-top: 1px solid transparent;
  min-height: 150px;
  width: 997px;
  margin: 0 0 0 1px;
  padding: 0;
}
#footer-wrap.footer-wrap2  {background: #ffffff url('../_images/main-back2.jpg') top left repeat-y;}

#footer {
  position: relative;
  clear: both;
  color: #000;
  width: 998px;
  text-align: center;
  font-size: 0.9em;
  background: #fff url('../_images/footer-back.jpg') top left repeat-y;
  height: 29px; _height: 54px;
  margin: 170px 0 0 -1px;
  padding: 25px 0 0 0;
}
#footer.footer2 {background: #fff url('../_images/footer-back2.jpg') top left no-repeat;}
#footer a {color: #ffffff; text-decoration: none;}

#footer .footer-img1 {position: absolute; top: -149px; left: 0px; display: block; background: transparent url('../_images/footer-left-img.jpg') top left no-repeat; width: 167px; height: 203px;}
#footer .footer-img2 {position: absolute; top: -166px; right: 0px; display: block; background: transparent url('../_images/footer-right-img.jpg') top left no-repeat; width: 167px; height: 220px;}

/*--------- drobecek -----------*/
.drobecek {
  clear: both;
  position: absolute;
  top: 180px;
  left: 190px;
  color: #666;
  font-size: 0.85em;
  width: 620px;
  height: 30px;
  z-index: 10;
}
.drobecek a, .naviBack a {
  color: #555;
  font-weight: bold;
  text-decoration: none;
}
.drobecek a:hover {text-decoration: underline;}
.naviBack {margin: 40px 0 10px 0; clear:both}

.nahled {
    text-align: center;
    width: 152px;
    margin: 0 5px;
}
.nahled .popisek {
    font-size: 0.8em;
}
.horizontal {margin: 0 0 0 10px; text-align: center;}
.horizontal .nahled {
    float: left;
    /**display: inline;
    *float: none;
    /*height: 170px;*/
    margin: 0 5px 10px 0;
}

/*---------- kontakt -------*/
#content address {
    float: left;
    width: 250px;
}
#mapa-right {
    float: right;
    text-align: center;
    width: 370px;
}
#mapa {
    border:1px solid #000000;
    width:370px;
    height:340px;
    margin: 0;
    padding: 0;
}
#mapa img {padding: 0; margin: 0;}

/*---------- ostatni -------*/
.hlaska {
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #e57543 url('../_images/hlaska-back.gif') top left repeat-x;
    border: 2px solid #d4621c;
    margin: 0 0 12px 0;
    padding: 8px 0;
}

.hlaska ol {text-align: left; margin: 0 0 0 35px;}
.text img {margin: 0 15px 15px 15px;}

/*--------- formulare ----------*/

fieldset {
    background: #fff3e6 url('../_images/fieldset-back.gif') top right repeat-y;
    border: 1px solid #ff8d47;
    padding: 10px;

}
a.submit {color: #33381e; text-decoration: none; border: 1px solid #5e6d28; background-color: #93a843; padding: 2px 3px;}
a.submit:hover {color: #33381e; text-decoration: none; border: 1px solid #5e6d28; background-color: #ceff1a; padding: 2px 3px;}

input {margin: 0 0 4px 0;}
fieldset legend {color: #000000; font-weight: bold;}
input.text {width: 350px; margin: 0 0 4px 0; border: 1px solid #afbd77;}
.right-box input.text{width: 150px;}
label {float: left; clear: left;  width: 150px; margin: 0 0 4px 0;}
label.normal {float: none; width: 90px;}
input.button {margin: 0px 0px 0px 150px;}
input.short {width: 100px;}
input.normal {width: 250px; margin: 0 0 4px 0;}
select {margin: 0 0 4px 0;}
input.submit, a.submit2, input.button {cursor: pointer; color: #000; font-weight: bold; text-decoration: none; border: 1px solid #5e6d28; background-color: #c9d88a; margin: 0 10px 0 0;  padding: 2px 3px;}
a.submit2 {margin: 5px 10px 0 0; padding: 3px 3px;}
#login-form-header input.submit, .center input.submit {
    margin: 5px auto 0 auto;
    _margin: 2px auto 0 auto;
}
.right-box select {width: 150px; margin: 0 0 4px 0;}

fieldset p.popis { font-size: 0.85em;}
textarea {border: 1px solid #afbd77; margin: 4px 0 0 7px;}

/* ----- Kategorie -------*/
.prodInKat {
    width:668px; height:123px;
    background: #fff url('../_images/prodInKat.png') top left no-repeat;

}
.prodInKat .textpik {width:555px; float:left;}
.prodInKat img {width:89px; height:89px; float:left; margin-top:18px; margin-left: 1px; border:none}
.prodInKat h3 { margin:10px 0 10px 20px;}
.prodInKat h3 a { color:#fff; text-decoration: none;}
.prodInKat h3 a:hover { color:black; text-decoration: none;}
.prodInKat .popispik { margin-left:25px; height:45px}
.prodInKat .cenapik { margin-left:25px; float:left; width:350px; font-weight: bold}
.prodInKat .vicepik { margin-left:25px; float:left; width:70px;}

.prodSleva {color:green}

/* ------ Produkt -------- */
.produktFotos {
    padding: 10px 0;
    border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;
    background: transparent url('../_images/produktImg.png') repeat-y right;
}
.prodFoto {
	width:150px;float:left;margin-left:43px;color:#aaa;text-align:center;
}

.objednat-right {float: right; text-align: center; width: 170px; border: 1px solid #b1cb50; background-color: #f2f8cc; margin: 0 0 10px 10px;  padding: 10px; }

.produkt-item {
  float: left;
  border: 1px solid #808b53;
  background: #d9eb91 url('../_images/product-back.gif') left top repeat-x;
  width: 160px; _width: 180px;
  min-height: 250px; _height: 270px;
  margin: 0 0 0 10px;
  padding: 10px;
}
.produkt-item .image {text-align: center; width: 100%; height: 120px; overflow: hidden;}
.produkt-item a {color: #0b3b24;}
.produkt-item h3 {text-align: center; font-size: 1.1em;}

.aktualita-item {width: 95%; margin: 0 0 25px 0;}
.produkt-item .foto {}
.aktualita-item .foto {float: right; width: 152px;}
.aktualita-item {
  background-color: #e1f28c;
  border: 1px solid #b1cb50;
  padding: 10px;
  
}
.aktualita-item h3 a, .akce-item h3 a {color: #000; text-decoration: none;}

.aktualita-item img { border: 1px solid #d2d2d2; margin: 0 0 4px 10px;}




table.products-tab {width: 100%;}
table.products-tab th {text-align: center; color: #326432; background-color: #e8e5e2; }
table.products-tab th a {color: #530a01; text-decoration: underline; }
table.products-tab th a:hover {color: #cc200a; text-decoration: underline; }
table.products-tab td, table.products-tab th{border: 1px solid #b1cb50; padding: 4px 2px;}

table.products-tab td a:hover {color: red;}

table.products-tab tr img {vertical-align: middle;}

table.products-tab tr.odd {background-color: #f2f8cc;}

table.products-tab tr:hover, table.products-tab tr.Hover  {background-color: #ceff1a;}

table.products-tab tr {
	behavior: url('http://www.duben-kaktus/_css/hover.htc');
}

table.products-tab input.mnozstvi {width: 25px; height: 12px; font-size: 9px;}
table.products-tab input.cart2 {vertical-align: top;}

input.mnozstvi2 {width: 35px; height: 15px; font-size: 12px;}
input.cart3 {vertical-align: middle;}

/* ----- Objednavka ------ */
#content fieldset {background: transparent; border:none}
#content fieldset label {color:#5e6d28; text-align: right; margin-right:10px}
.inputObal {
    width:400px;
    height:29px;
    float:left;
}
.inputObal input {
    height: 1.6em;
    width:384px;
    margin: 4px 0 0 7px;
    font-size: 120%;
    /*border:none;*/
}

.hlaskaOdeslano {
    font-size: 120%;
    text-align: center;
    color: red;
    border: 2px solid red;
    margin: 0 0 25px 0;
    padding: 10px 0;
}

/* --- clanky ----- */
.perexList h3 a {
	text-decoration:none;background-color:transparent;
}
.perexList img {
	padding:1px;
	margin:0 15px 10px 0px;
	width:100px;float:left;
	border:1px solid #ccc;
}
.perexMiddle {padding:0 30px 0 20px;margin:0}
.perexMiddle p {padding-bottom:0;margin-bottom:0}
.perexHeight {min-height:110px; _height:100px}
.perexBottom {font-size:1em;padding:0 35px 13px 0}


.pageFota {
	clear:both;
	margin-top:30px;
}
.pageFoto {
	text-align:center;
	width:160px;
}
.pageDefaultFoto {
	float:right;
	margin:0 0 15px 20px;
}
.pageFoto img {
	padding:1px;
	border:1px solid #ddd;
}


ul.soubory li {List-style-type:none}
ul.soubory li img {text-decoration:none}