/*
 * Základní Styl Foodex
 * Autor: Jan Řezáč - Filosof
 *
 */

* {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 1em;
  text-align: left;
}

abbr {border-bottom: 1px dotted;cursor: help}
ul li {list-style-type: none}
img {border: 0 none;display: block;}

/* zakladni barva odkazu */
a, a:link {
  color: #8ca017;
  text-decoration: underline;
  cursor: pointer;
}

a:visited {
  color: #5a680a;
}

a:hover, a:focus, a:active {
  color: #f89828;
}

div.out a:link, div.out a:visited, a.out:link, a.out:visited {
  color: #8ca017;
  background: url(../images/out.gif) 100% 3px no-repeat;
  padding-right: 13px;
}

div.out a:hover, a.out:hover, a.out:focus, a.out:active, div.out a:focus, div.out a:active {
  color: #f89828;
  background-position: 100% -997px;
}

/*auto cisteni floatu*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0;
  border: none;
  visibility: hidden;
}

.hid {
  display: none;
}

.hid2 {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff;
  color: #444;
  line-height: 1.6;
  font-size: 100%;
}

div#main {
  width: 944px;
  margin: 0 auto;
  font-size: 0.8em;
  text-align: left;
  position: relative;
}

div#mc {
  float: right;
  width: 646px;
  position: relative;
  padding-top: 197px;
  background: #fff url(../images/zeny2.jpg) 100% 0 no-repeat;
}

#home div#mc {
  padding-top: 3.4em;
  background: transparent;
}

div#menu {
  float: left;
  width: 279px;
  padding-top: 183px;
}

#home div#menu {
  padding-top: 25.4em;
}

div#content {
  margin-left: 19px;
}

#home div#content, div.ftext2 {
  float: left;
  width: 387px;
}

div#news, div.fphoto {
  float: right;
  width: 204px;
  margin-left: 20px;
}

/*pata*/
div#footer {
  clear: both;
  background: url(../images/dot2.gif) 0 0 repeat-x;
  font-size: 0.89em;
  color: #f89828;
}

div#footer p {
  padding: 10px 20px 14px;
  text-align: right;
}

div#footer a, div#footer a:link, div#footer a:visited {
  color: #f89828;
}

div#footer a:hover, div#footer a:focus, div#footer a:active {
  color: #000;
}

/*========== [logo a slogan] =================================================*/
div#header {
  position: absolute;
  top: 36px;
  left: 0;
  width: 279px;
}

div#logo, div#logo span {
  width: 155px;
  height: 104px;
  display: block;
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 39px;
}

div#logo span {
  position: absolute;
  margin: 0;
  background: url(../images/foodex.gif) 0 0 no-repeat;
}

div#slogan {
  background: #bed62f url(../images/foodex-slogan.gif) 0 0 no-repeat;
  color: #fff;
  width: 279px;
  height: 98px;
  overflow: hidden;
}

div#slogan p {
  position: absolute;
  left: -9999px;
} 

/*========== [vyhledavani] ===================================================*/
div#topNav {
  position: absolute;
  top: 141px;
  left: 0;
  width: 646px;
  background: #f89828 url(../images/tnavB.gif) 0 100% no-repeat;
  color: #fff;
  font-size: 0.89em;
}

#home div#topNav {
  top: 0;
}

div#topNav a, div#topNav a:link, div#topNav a:visited {
  color: #fff;
  margin: 0 3px;
  padding: 1px 2px;
}

div#topNav a:hover, div#topNav a:focus, div#topNav a:active {
  text-decoration: none;
  background: #ef8f20;
}

div#topNav div {
  position: absolute;
  right: 17px;
  top: 5px;
}

div#mc div#topNav p {
  padding: 9px 0 11px 85px;
  margin: 0;
  background: url(../images/vidlicka.gif) 19px 15px no-repeat;
}

div#topNav input.txt {
  border: 0 none;
  padding: 5px 6px 6px;
  width: 204px;
  position: relative;
  top: -8px;
}

input.subForm {
  border: 0 none;
  position: relative;
  top: 1px;
  width: 25px;
  height: 25px;
  background: url(../images/search.gif) 0 0 no-repeat;
  cursor: pointer;
}

input.subForm:hover, input.subForm:focus {
  background-position: 0 -26px;
}

label.overlabel {
	color: #fff;
}

label.overlabel-apply {
	position:absolute;
	top: 4px;
	left: 5px;
	width: auto;
	z-index: 1;
	color: #d67606;
}

/*========== [highlights] ====================================================*/
div#hl {
  width: 646px;
  height: 251px;
  background: url(../images/zeny.jpg) 100% 0 no-repeat;
  position: relative;
  margin-bottom: 20px;
}

div#hl ul {
  position: absolute;
  left: 0;
  top: 18px;
  width: 199px;
  height: 215px;
  background: url(../images/hl.gif) 0 0 no-repeat;
}

div#hl a {
  display: block;
  width: 199px;
  height: 69px;
  position: absolute;
  left: 0;
  text-decoration: none;
  text-indent: -100em;
}

div#hl #hl1 a {top: 0}
div#hl #hl2 a {top: 73px}
div#hl #hl3 a {top: 146px}

div#hl #hl1 a:hover, div#hl #hl1 a:focus, div#hl #hl1 a:active {background: url(../images/hl.gif) 0 -216px no-repeat}
div#hl #hl2 a:hover, div#hl #hl2 a:focus, div#hl #hl2 a:active {background: url(../images/hl.gif) 0 -289px no-repeat}
div#hl #hl3 a:hover, div#hl #hl3 a:focus, div#hl #hl3 a:active {background: url(../images/hl.gif) 0 -362px no-repeat}

/*========== [content] =======================================================*/

h1 {
  color: #f89828;
  font-weight: normal;
  font-size: 2em;
}

h1.product {
  font-size: 1.6em;
}

h2 {
  font-weight: normal;
  color: #8ca017;
  font-size: 1.2em;
  margin-bottom: 8px;
}

h3 {
  font-weight: bold;
  margin-bottom: 0.4em;
  color: #f89828;
}

h6 {
  color: #758b1b;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.89em;
  margin: -5px 0 1.2em 1px;
}

div#brt {
  background: url(../images/dot1.gif) 423px 0 repeat-y;
  margin-bottom: 20px;
}

div#mc p, div#mc ul, div#mc ol, table {
  margin-bottom: 1.2em;
}

div#mc div.pf p {
  margin-bottom: 0.4em;
}

div.pf {
  position: relative;
  background: #eff5cd;
  padding: 10px 13px;
  margin-bottom: 1.4em;
}

div.pf p.more2 {
  position: absolute;
  top: 12px;
  right: 13px;
}

div#mc ul li {
  padding-left: 34px;
  background: url(../images/dot6.gif) 14px 7px no-repeat;
}

/* novinky */
div#mc div.n p {
  margin-bottom: 8px;
}

div.n {
  margin-bottom: 10px;
  padding-bottom: 18px;
  background: url(../images/dot2.gif) 0 100% repeat-x;
}

p.more2 a, div.more2 a, div.n h2 a {
  padding-left: 16px;
  background: url(../images/dot3.gif) 0 5px no-repeat;
}

span.cenik {
  color: #888;
}

a.pricelist, a.pricelist:link, a.pricelist:visited {
  font-size: 0.8em;
  color: #888;
}

a.pricelist:hover, a.pricelist:focus, a.pricelist:active {
  color: #000;
}

p.more2 a:hover, div.more2 a:hover, div.n h2 a:hover, p.more2 a:focus, p.more2 a:active, div.more2 a:focus, div.more2 a:active, div.n h2 a:focus, div.n h2 a:active {
  background-position: -1000px 5px;
}

div.more2, div.more {
  text-align: right;
}

div.more a {
  padding: 0 40px 3px 0;
  background: url(../images/dot4.gif) 100% 0 no-repeat;
}

div.more a:hover, div.more a:focus, div.more a:active {
  background-position: 100% -1000px;
}

/* faq */
div.faq {
  margin-bottom: 20px;
  padding-top: 30px;
  background: url(../images/dot2.gif) 0 10px repeat-x;
}

input.txt, input.text {
  border: 1px solid #ccc;
  padding: 2px 3px;
}

table.reg input.txt, table.reg textarea, div.faq input.txt, div.faq textarea, table.reg select {
  width: 350px;
  border: 1px solid #ccc;
  padding: 2px 3px;
}

table.reg select {
    padding: 1px 1px 1px 3px;
}

table.reg textarea, div.faq textarea {
  height: 6em;
}

div.faq label {
  width: 200px;
  display: block;
}

div.faq div {
  margin-bottom: 8px;
}

ul.faqlist h3, h3.fl {
  cursor: pointer;
}

ul.faqlist h3:hover, h3.fl:hover, h3.hover {
  text-decoration: underline;
}

.error, .error td {
  color: #ff0000;
  padding: 1em;
  border: 1px solid #ff0000;
  font-weight: bold;
  background: #fbdbdc;
}

div.error {
  margin-bottom: 20px;
}

p.obsah {
  font-size: 0.85em;
}

.error input, .error textarea {
  border: 1px solid #ff0000 !important;
  color: #000000;
  font-weight: normal;
}

input.sub {
  padding: 3px 4px;
}

/* katalog */
div.leftImg {
  float: left;
  width: 117px;
  margin: 0 20px 20px 0;
}

div.leftImg a {
  display: block;
}

div.leftImg span.t {
  display: block;
  background: #bed62f url(../images/imgT.gif) 0 0 no-repeat;
}

div.leftImg a:hover span.t, div.leftImg a:focus span.t, div.leftImg a:active span.t {
  background: #f89828 url(../images/imgT.gif) -118px 0 no-repeat;
}

div.leftImg span.b {
  display: block;
  padding: 7px;
  background: url(../images/imgB.gif) 0 100% no-repeat;
  margin-bottom: 10px;
}

div.leftImg a:hover span.b, div.leftImg a:focus span.b, div.leftImg a:active span.b {
  background-position: -118px 100%;
}

div.leftImg span.x {
  padding-left: 7px;
  display: block;
}

div.left {
  width: 304px;
  float: left;
}

div.right {
  width: 304px;
  float: right;
}

div#mp {
  margin-bottom: 1.2em;
}

table.tbl {
  width: 304px;
  margin-bottom: 20px;
  border-collapse: collapse;
}

td.ra {
  font-weight: bold;
  text-align: right;
}

td.ra2 {
  text-align: right;
}

td.ra input {
  font-weight: normal;
}

table.tbl td {
  padding: 4px 0 4px 1px;
  border-bottom: 1px solid #eee;
}

table.tbl tr.l td {
  border-bottom: 0 none;
}

div#price {
  padding-top: 2.4em;
}

input.num {
  border: 1px solid #ccc;
  width: 2.4em;
  padding: 2px 3px;
}

div.alerg {
  background: #feecba;
  padding: 12px 12px 15px 12px;
  margin: 10px 0 20px;
}

div.alerg h3 {
  color: #444;
}

div.smf {
  float: left;
  width: 103px;
  margin: 0 8px 20px 0;
}

.new {
  font-weight: bold;
  color: #bed62f;
}

.akce {
  font-weight: bold;
  color: #f89828;
}

.soldoff {
  font-weight: bold;
}

.not {
  font-weight: bold;
  color: #ff0000;
}

/*forms*/
table.reg {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}

table.reg td {
  padding: 3px 18px 3px 0;
}

ul#ask {
  width: 387px;
  height: 150px;
  position: relative;
}

div#wrapper div#mc ul#ask li {
  position: absolute;
  top: 0;
  width: 185px;
  height: 150px;
  padding: 0;
  background: 0;
}

li#dietolog {left: 0;}
li#kuchar {left: 204px;}

ul#ask a, ul#ask span {
  display: block;
  width: 185px;
  height: 150px;
  position: relative;
  overflow: hidden;
}

ul#ask span {
  position: absolute;
  left: 0;
  top: 0;
}

ul#ask li#dietolog span {background: url(../images/tit1.gif) 0 0 no-repeat;}
ul#ask li#kuchar span {background: url(../images/tit1.gif) -204px 0 no-repeat;}
ul#ask li#dietolog a:hover span, ul#ask li#dietolog a:focus span, ul#ask li#dietolog a:active span {background: url(../images/tit1.gif) 0 -151px no-repeat;}
ul#ask li#kuchar a:hover span, ul#ask li#kuchar a:focus span, ul#ask li#kuchar a:active span {background: url(../images/tit1.gif) -204px -151px no-repeat;}

div#ftext {
  background: url(../images/dot2.gif) 0 100% repeat-x;
  margin-bottom: 1.2em;
  padding-bottom: 0.2em;
}

div.fphoto img {
  margin-bottom: 0.6em;
}

div.fphoto b {
  display: block;
}

div.answer {
  width: 99%;
  font-style: italic;
}

a#cook {
  background: url(../images/kuchar.jpg) 0 0 no-repeat;
  width: 182px;
  height: 171px;
  display: block;
  text-decoration: none;
  text-indent: -100em;
  margin-bottom: 6px;
}

a#cook:hover, a#cook:focus, a#cook:active {
  background-position: 0 -172px;
}

a#dia {
  background: url(../images/dietolog.jpg) 0 0 no-repeat;
  width: 182px;
  height: 171px;
  display: block;
  text-decoration: none;
  text-indent: -100em;
  margin-bottom: 6px;
}

a#dia:hover, a#dia:focus, a#dia:active {
  background-position: 0 -172px;
}

div.kleft {
  margin-right: 20px;
  float: left;
  width: 204px;
}

div#ochutnat {
  margin: 0 0 12px;
}

div#ochutnat a {
  display: block;
  text-decoration: none;
  text-indent: -100em;
  overflow: hidden;
  width: 279px;
  height: 102px;
  background: url(../images/akce.gif) 0 0 no-repeat;
}

div#ochutnat a:hover, div#ochutnat a:focus, div#ochutnat a:active {
  background-position: 0 -103px;
}

div#partner h2 a, div#partner h2 a:link, div#partner h2 a:visited {
  color: #f89828;
  font-weight: bold;
  padding-left: 0;
  background: transparent;
}

div#partner h2 a:hover, div#partner h2 a:focus, div#partner h2 a:active {
  color: #8ca017;
}

table.cart {
  border-collapse: collapse;
}

table.cart input.txt {
  width: 1.6em;
}

table.cart td {
  border-bottom: 1px solid #ccc;
  padding: 2px 6px 2px 0;
}

table.cart th {
  background: #eee;
  border-bottom: 1px solid #ccc;
  padding: 7px 6px 5px 0;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: normal;
}

table.cart .ftd {
  padding-left: 6px;
}

.fade {
  color: #888;
}

td.ra2 {
  text-align: right;
}

input.edit {
  color: #fff;
  background: #a7c300;
  border: 1px outset #a7c300;
  cursor: pointer;
  padding: 3px;
  margin-bottom: 4px;
}

input.del {
  color: #fff;
  background: #d62f2f;
  border: 1px outset #d62f2f;
  cursor: pointer;
  padding: 3px;
}

input.edit:hover, input.del:hover, input.edit:focus, input.del:focus {
  border: 1px inset;
}

tr.total td {
  font-weight: bold;
  color: #000;
}

.rel {
  position: relative;
}

div.map {
  position: absolute;
  right: 20px;
  top: -10px;
  width: 204px;
}

div.map p {
  text-align: right;
}

input#edit2 {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
}

td.vtop {
  vertical-align: top;
}

td.label {
  width: 144px
}

a.order, a.order:link, a.order:visited {
  color: #fff;
  background: #a7c300;
  border: 1px outset #a7c300;
  padding: 2px 6px;
  font-size: 0.9em;
  text-decoration: none;
}

a.order:hover, a.order:focus, a.order:active {
  border: 1px inset #a7c300;
}

div.rImg {
  float: right;
  width: 182px;
  margin: 5px 0 10px 10px;
}

/*========== [hlavni menu] ===================================================*/
ul#mm {
  margin-bottom: 30px;
}

ul#mm a, ul#mm a:link, ul#mm a:visited {
  display: block;
  padding: 3px 17px 4px;
  background: url(../images/dot2.gif) 0 100% repeat-x;
  color: #000;
  text-decoration: none;
}

ul#mm a.active, ul#mm a.active:link, ul#mm a.active:visited, ul#mm a:hover, ul#mm a:focus, ul#mm a:active {
  background: #feecba url(../images/dot5.gif) 260px 45% no-repeat;
  border-bottom: 1px solid #f89828;
  padding-bottom: 3px;
}

/* 2. uroven */
ul#mm ul a, ul#mm ul a:link, ul#mm ul a:visited {
  padding: 3px 17px 3px 34px;
  background: transparent url(../images/dot7.gif) 34px 10px no-repeat;
  border-bottom: 1px solid #eee;
}

ul#mm ul a.active, ul#mm ul a.active:link, ul#mm ul a.active:visited {
  background: #fff url(../images/dot8.gif) 17px 10px no-repeat;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}

ul#mm ul a:hover, ul#mm ul a:focus, ul#mm ula:active {
  background: #f4f4f4 url(../images/dot7.gif) -983px 10px no-repeat;
  border-bottom: 1px solid #ccc;
}

/* 3. uroven */
ul#mm ul ul a, ul#mm ul ul a:link, ul#mm ul ul a:visited {
  padding: 3px 17px 3px 51px;
  background: transparent url(../images/dot7.gif) 34px 10px no-repeat;
}

ul#mm ul ul a.active, ul#mm ul ul a.active:link, ul#mm ul ul a.active:visited {
  background: #fff url(../images/dot8.gif) 34px 10px no-repeat;
}

ul#mm ul ul a:hover, ul#mm ul ul a:focus, ul#mm ul ul a:active {
  background: #f4f4f4 url(../images/dot7.gif) -966px 10px no-repeat;
}

/* 4. uroven */
ul#mm ul ul ul a, ul#mm ul ul ul a:link, ul#mm ul ul ul a:visited {
  padding: 3px 17px 3px 68px;
  background: transparent url(../images/dot7.gif) 51px 10px no-repeat;
}

ul#mm ul ul ul a.active, ul#mm ul ul ul a.active:link, ul#mm ul ul ul a.active:visited {
  background: #fff url(../images/dot8.gif) 51px 10px no-repeat;
}

ul#mm ul ul ul a:hover, ul#mm ul ul ul a:focus, ul#mm ul ul ul a:active {
  background: #f4f4f4 url(../images/dot7.gif) -949px 10px no-repeat;
}

/* 5. uroven */
ul#mm ul ul ul ul a, ul#mm ul ul ul ul a:link, ul#mm ul ul ul ul a:visited {
  padding: 3px 17px 3px 85px;
  background: transparent url(../images/dot7.gif) 68px 10px no-repeat;
}

ul#mm ul ul ul ul a.active, ul#mm ul ul ul ul a.active:link, ul#mm ul ul ul ul a.active:visited {
  background: #fff url(../images/dot8.gif) 68px 10px no-repeat;
}

ul#mm ul ul ul ul a:hover, ul#mm ul ul ul ul a:focus, ul#mm ul ul ul ul a:active {
  background: #f4f4f4 url(../images/dot7.gif) -932px 10px no-repeat;
}

/* highlight produktu */
div.food {
  background: #bed62f url(../images/sloganT.gif) 0 0 no-repeat;
  margin-bottom: 12px;
}

div.food a {
  display: block;
  background: url(../images/fotoB.gif) 0 100% no-repeat;
  color: #000;
  padding: 0 17px;
  text-decoration: none;
  position: relative;
}

div.food span {
  position: absolute;
  width: 116px;
  top: 16px;
  left: 144px;
}

div.food a:hover, div.food a:focus, div.food a:active {
  background-position: -280px 100%;
  color: #000;
  text-decoration: underline;
}

div.more2 {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.mapIt {
  font-size: 0.79em;
  padding: 0.4em 0.5em 0.6em 0.5em;
  background: #f1eeab;
  border: 1px solid #ded091;
}