body {font-family: arial; font-size: 12px; background: #f5f7ea url('../images/body_bg.png') repeat-x; margin: 0; padding: 0;}
#web {margin: 0 auto; width: 758px; }

#shadow_top {float: left; width: 14px; height: 590px; background: #f5f7ea url('../images/shadow_image.png') no-repeat;}
#shadow_right {float: left; width: 15px; height: 25px; background: #f0f2e5 url('../images/navi_shade_bg.png') repeat-y;}
#header {float: left; width: 533px; height: 35px; background-color: #479607; border-top: #4e4d50 5px solid;}
#header_left {float: left; width: 211px; height: 35px;  background: #469407 url('../images/top_cap.png') no-repeat;border-top: #4e4d50 5px solid;}
#top_cap_shadow {float: left; width: 15px; height: 35px; background: #469208 url('../images/top_cap_shadow.png') no-repeat;}

#stin {float: left; width: 744px; background: #f0f2e5 url('../images/navi_shade_bg.png') repeat-y;padding-left: 14px;} 

#left {float: left; width: 211px;}
#left .content {float: left;width: 211px; background-color: #fff; /*min-height: 837px;*/}
#encap {float: left; background: #fff url('../images/encap_bg.png') repeat-y; width: 758px;}
#footer {float: left; width: 100%; height: 25px; background-color: #dadada;}
#inf {margin: 0 auto; width: 730px; height: 25px;}
#copy {float: left; height: 25px; width: 211px; background-color: #4a940e; color: #fff;}

#logo a img {float: left; border: none; margin-top: 6px; margin-left: 17px; margin-bottom: 14px; }
#logo_img {float: left; margin-left: 5px; margin-bottom: 4px; width: 201px; height: 109px; background: #fff url('../images/logo_img.png') no-repeat; }

#menu {float: left; width: 190px; margin-left: 11px; margin-top: 5px; padding-bottom: 20px;}

#menu .menu_item a {float: left; width: 190px; border-bottom: #08912d 1px solid; color: #306c00; padding-bottom: 3px; padding-top:3px; background-position: right; background-repeat: no-repeat; text-decoration: none;}
#menu .menu_item  {float: left; margin:0; padding: 0; font-size: 13px; color: #306c00; margin-top: 5px;}
#menu .menu_item.jste_tu_poprve {padding-top: 20px;}
#menu .menu_item.masaze_ohen {padding-top: 9px;}

#menu_o_nas {background-image: url('../images/ico_onas.png');}
#menu_rezervace {background-image: url('../images/ico_rezervace.png');}
#menu_informace {background-image: url('../images/ico_informace.png');}
#menu_jste_tu_poprve {background-image: url('../images/ico_poprve.png');}
#menu_e_shop {background-image: url('../images/ico_eshop.png');}
#menu_aktuality {background-image: url('../images/ico_other.png');}
#menu_akupunktura {background-image: url('../images/ico_akupunktura.jpg');}
#menu_masaze{background-image: url('../images/ico_masaze.jpg');}
#menu_dietetika {background-image: url('../images/ico_dietetika.jpg');}
#menu_cviceni {background-image: url('../images/ico_cviceni.jpg');}
#menu_fytoterapie {background-image: url('../images/ico_fytoterapie.jpg');}

#menu p {float: left; margin-top: 7px; margin-bottom: 5px; font-size: 12px; color: #4e4e4e; text-align: justify;}
#menu a.more {float: left; clear: both; color: #7cb00e; text-decoration: underline; }
#menu ul {list-style-type: none; float: left; margin: 0; padding: 0; margin-top: 4px; margin-left: 3px; }
#menu li {float: left; clear: both; margin: 4px 0px 0px 3px; padding: 0;}
#menu li a {white-space: nowrap; color: #5a595c; text-decoration: none; font-size: 12px; font-weight: bold;}
#menu li.sel a {color: #628724;}


#inf span {float: right; font-size: 10px; color: #808080; margin-top: 7px; }
#inf span a {text-decoration: none; color: #808080; }
#inf span a:hover {text-decoration: underline;}

#copy span {float:left; font-size: 10px; color: #fff; margin-top: 7px; margin-left: 3px;}
#header .or {color: #e3edb2; float: right; margin-top: 9px;}
#header .or a {color: #e3edb2; text-decoration: none;}

#navi {float: left; width: 532px; height: 25px; background-color: #f0f2e5; color: #4e4d50;}
#navi .navi {float: left; margin-top: 5px;}
#navi .navi a { color: #4e4d50; text-decoration: none; margin-top: 4px;}
#navi .lang a { color: #7cae0a; text-decoration: underline; }
#navi .lang {float: right; margin-top: 5px; color: #7cae0a;}


















#category {float: left; width: 532px; height: 252px; position: relative;}
#category .image {display: none; position: absolute; top: 0px; left: 0px;}
#category .image div {display: none;}
#category .arrows {position: absolute; bottom: 25px; right: 83px;}
#category .arrows a {margin-right: 1px;}
#category .arrows a img {border: none;}
#category a.btn {position: absolute; text-decoration: none; width: 91px; height: 21px; color: #fff; padding-left: 5px; line-height: 21px; bottom: 51px; right: 47px;}
#image {float: left; width: 362px; height: 252px; }
#control { float: left; width: 170px; height: 252px; background-color: #141d07;}
#control .inside {float: left; width: 122px;  margin-top: 45px; margin-left: 10px;}
#control .inside img {float: left; }
#control .inside span {float: left; width: 122px; color: #dadada; font-weight: bold; font-size: 14px; text-align: center; margin-top: 5px;  }
#control a.btn {float: left; text-decoration: none; width: 91px; height: 21px; background: #263212 url('../images/btn_vice_informaci.png') no-repeat; color: #fff;padding-left: 5px; line-height: 21px; margin-left: 14px; margin-top: 20px;}
#control .arrows {float: left; margin-left: 48px; margin-top: 20px;}
#control .arrows a img {border: none; float: left; margin-right: 4px;}
#right {float: left; width: 532px;}

#content {float: left; width: 522px; border-top: #d5d5d5 14px solid; padding-left: 5px; padding-right: 5px; background: #e5e6e7 url('../images/content_bg.png') repeat-y; }
#content .heading {float: left; width: 100%; height: 30px; background-color: #577e14; margin-top: 2px; margin-bottom: 4px;} 
#content .heading h1 {float: left; color: #fff; margin:0; padding: 0; font-size: 14px; height: 30px; line-height: 30px; margin-left: 5px;  }
#content .right {float: right; margin-right: 10px;}
#content .heading span {float: left; color: #e3e5e0; height: 30px; line-height: 30px; margin-left: 5px; margin-right: 5px;}
#content .heading a {float: left; color: #e3e5e0; height: 30px; line-height: 30px; font-weight: bold; text-decoration: none;}
#content .text {float: left; width: 506px; background: #e3e5e0 url('../images/text_bg.png') repeat-x; padding: 8px; color: #535353;}
#content a img,
#content .text p img {border: none; margin: 3px;}
#content .text ul {margin-left: 20px;}
#content .text p {text-align: justify; margin-top: 10px; margin-bottom: 10px;}
#content .text h3 {font-size: 12px; margin: 0; padding: 0; margin-top: 4px;}
#content .text h2 {font-size: 12px; margin: 0; padding: 0; padding-bottom: 3px; color: #84ac4a; border-bottom: #84ac4a 1px solid;}
#content .text a {color: #598608; text-decoration: none; font-weight: bold;}
#content .text a:hover {text-decoration: underline;}
.text.main {background: #e5e6e7 url('../images/main.jpg') no-repeat 0px 30px !important; height: 449px; padding-top: 30px; margin-left: 30px;width: 480px !important;}
.text.main a {float: left; width: 146px; height: 30px; padding-top: 106px;  color: #88bb1a; font-size: 12px; text-decoration: none !important; text-align: center; font-weight: bold; position:relative;}
.text div.date {float: right; margin-top: -18px; color: #84ac4a;}
#i1 {float: left; width: 480px; height: 146px; }
#i2 {float: left; width: 480px; height: 144px; }
#i3 {float: left; width: 480px; height: 140px; }

.reservation {margin-bottom: 30px; }

#akup    {background: #fff url('../images/akupunktura.png') no-repeat; margin-left: 10px; }
#cviceni {background: #fff url('../images/cviceni.png') no-repeat; margin-left: 72px; }
#byliny  {background: #fff url('../images/byliny.png') no-repeat; margin-left: 18px; }
#masaze  {background: #fff url('../images/masaze.png') no-repeat; margin-left: 153px; margin-top: 10px; }
#strava  {background: #fff url('../images/strava.png') no-repeat; margin-left: 142px;}

input, textarea, select {border: 1px solid #e2e3ea; margin: 0; padding: 0;}

.feedback th,
.reservation th {text-align: left; vertical-align: top; padding-right: 10px;}
.feedback td.sbm,
.reservation td.sbm {text-align: right;}
.feedback td.sbm input,
.reservation td.sbm input {padding: 4px; background-color: #469407; color: white; font-weight: bold; width: auto;}
.feedback input, .feedback textarea, .feedback select {width: 380px;}
.reservation input, .reservation textarea, .reservation select {width: 250px;}
.feedback textarea {height: 80px;}


.shop {background-color: #fff !important;}
.shop a {float: left !important; color: #4e504b !important; margin-left: 8px; margin-right: 8px; }
.shop a.sel {color: #89bc42 !important; }


.shop span {float: left; color: #4e504b; height: 30px; line-height: 28px;}

.shop_item {float: left; width: 503px; background: #e3e5e0 url('../images/text_bg.png') repeat-x; padding: 8px 8px 0 8px; color: #535353; margin-bottom: 5px; border-bottom: #fff 2px solid;}
.top {height: 30px;}
.top h1 {float: left; margin: 0; padding: 0; font-size: 12px; }
.top h1.product,
.top h1 a {color: #479507 !important; text-decoration: underline !important; }
.top span {float: right; color: #52564b; font-weight: bold; font-size: 11px; }
.content {float: left; width: 100%; }
.shop_item .image {float: left; width: 120px; }
.shop_item .image img {border: #ddd 1px solid; }
.shop_item .txt {float: left; width: 380px;}
.shop_item .txt ul {padding-left: 30px;}
.shop_item .txt p {margin-top: 0; text-align: justify;}
.shop_item .txt a img {border: none; float: left; margin-right: 4px; margin-bottom: 4px;}
.bottom {float: left; width: 511px;  height: 32px;}
.price {float: right; background-color: #fff; height: 32px; width: 175px;}
.price span {float: left; color: #000; font-size: 15px; font-weight: bold; height: 32px; line-height: 32px; padding-left: 5px; padding-right: 5px; border-right: #ddd 1px solid;  }
.shop_item form, .shop_item table {float: left; }
.shop_item form { margin-top: 8px; margin-left: 10px;}
.shop_item table td {padding: 0; margin:0;}
.shop_item table {border: none; border-collapse: collapse; border-spacing:0; margin: 0; padding: 0;}
.lcap {float: left; width: 7px; height: 32px; background: #fff url('../images/cena_lcap.png') no-repeat; }
.shop_item input.ks { margin: 0; padding: 0; border: #ddd 1px solid; margin-right: 3px; width: 23px; height; 14px; text-align: right;}
.shop_item input.sbm { width: 58px; height: 18px; color: #469407; border: #ddd 1px solid;  font-size: 11px; margin: 0; padding: 0; }
.detail {width: 503px !important;}
.detail img {margin-right: 5px;}
.detail a img {border: #ddd 1px solid; }
.shop_item h3 {font-size: 12px;}
p.mt {margin-top: 0 !important;}
p.mb {margin-bottom: 0 !important;}
.noline {border-bottom: none !important;}
.strong {font-weight: bold;}

.imgtxt {width: 503px; float: left; margin-top: 25px;}
.imgtxt .image {width: 106px; float: left;}
.book .image {width: 70px !important; }
.book .txt {width: 428px !important;}
.book {margin-top: 0; margin-bottom: 18px;}
.imgtxt .txt {float: left; width:392px; padding-left: 5px;}
.imgtxt .txt p {margin:0 !important; }
.imgtxt .txt h1 {font-size: 13px; font-weight: bold; margin: 0; padding: 0; margin-bottom: 4px; color: #5a881e; }
.imgtxt .txt h2 {color: #4e4d50 !important; font-size: 12px; font-weight: bold; margin: 0; padding: 0; margin-bottom: 15px; border: none !important;}


#souvisejici {float: left; padding-left: 5px; padding-bottom: 30px;}
#souvisejici a {float: left; margin-top: 5px; color: #598608; clear: both; font-size: 11px; font-weight: bold;}
#souvisejici h3 {font-size: 12px; margin: 0; padding: 0; margin-top: 8px; }

#pages .left {float: left; color: #535353;margin-top: 4px; margin-bottom: 5px;}
#pages .left a {font-weight: bold; text-decoration: none; color: #535353; margin-left: 5px; }
#pages .right {float: right; color: #535353; margin-right: 5px; margin-top: 4px; margin-bottom: 5px; }
#pages .right a {color: #535353; text-decoration: none; }
#pages .right a.sel {color: #5b8601; font-weight: bold;}

/* SHOP */
.shopitem {float: left; width: 106px; height: 70px; text-align: center; margin-top: 15px; margin-right: 10px; }
.shopitem a {float: left; width: 110px; color: #479607; padding-top:4px;}
.shopitem a:hover {text-decoration: none !important;}

.shopitem a.poradi {width: 49px; height: 43px;padding-top: 6px !important; background: #fff url(../images/white.png) no-repeat; color: #479707;margin-left: 30px; font-size: 30px; font-weight: lighter;}
.shopitem.sel a.poradi {background: #479707 url(../images/green.png) no-repeat; color: #fff !important;}

table.obs {text-align: left; float:left; }
table.obs thead {color: #529b17; padding-bottom: 3px;}
table.obs thead td { border-bottom: #469407 1px solid;}
table.obs {border-spacing: 0px;}
table.obs tbody td {border-bottom: #f8f8f8 4px solid; padding-top: 6px;}
table.obs td {background-color: #fff; vertical-align: top;}
table.obs img {margin-left: 10px; padding-top: 2px;}
table.obs td.t1 {padding-left:4px; width: 73px;}
table.obs td.t2 {width: 290px;}
table.obs td.t3 {width: 95px;}

table.vlst {width: 100%; margin-bottom: 10px;}
table.vlst td {background-color: #fff; padding-left: 5px;}
table.vlst th {text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; color: #fff; font-weight: normal; background-color: #a0a0a0;}
table.vlst td.cena {color: #abaea7;}
table.vlst textarea {width: 490px; border: none; }

p.hint {margin-top: 0 !important; color: #5d5d5d; font-size: 11px;}

.down {float: right; margin-top: 20px;}
.down input {border: none; width: 50px;}
.down table {color: #469407; }
span.sDPH {float: right; color: #469407; clear: both;}
span.bDPH {float: right; font-size: 11px; clear: both;}
a.objednat {float: right; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; padding-left: 40px; padding-right: 40px; background-color: #469407; color: #fff !important; margin-top: 20px; margin-bottom: 10px;}
a.objednat:hover {text-decoration: none !important;}
a.white {background-color: #fff !important; color: #469407 !important; margin-right: 3px; }

.formbox {float: left; width: 100%; background-color: #f4f4f4; margin-bottom: 20px;}
.formbox h1 {margin: 0; padding:0; padding-left: 20px; padding-top: 5px; color: #535353; font-size: 12px; background: #e5e6e7 url(../images/h1.png) left no-repeat; border-bottom: #b1d2e1 7px solid; font-weight: normal;}
.formbox table {float: left; margin-top: 10px; margin-bottom: 10px; }
.formbox table label {float: left;width: 60px;}
.formbox .tright {float: left; width: 218px; margin-left: 50px;}
.formbox .tleft {margin-left: 10px;}
.formbox input {border: #e2e3ea 1px solid;}
.formbox td.povinne {font-weight: bold;}
.formbox table.whole {margin-left: 10px;}
.formbox table.whole label {width: 130px; }
.formbox table.radio {width: 100%; margin-bottom: 0 !important;}

.formbox .info {clear: both; padding: 0px 0px 10px 10px;}

.heading.grey {background-color: #a0a0a0 !important; margin-top: 20px !important;}
.heading.grey h1 {color: #fff !important; font-weight: normal !important;}

table.souhrn {float: left; width: 100%; border-spacing:0 !important; border-collapse: collapse; font-size: 11px;}
table.souhrn th {text-align: left; color: #676767 !important; font-size: 12px;}
table.souhrn a {color: #676767 !important; text-decoration: underline !important; font-weight: normal !important;}
table.souhrn th, table.souhrn td {background-color: #fff; border-bottom: #eaeaea 1px solid; height: 25px; padding-left: 5px; }

/* //SHOP */

/* upravy */
.red {color: red;}
.green {color: green;}
#header span{padding-left:2px;padding-right:2px;}

/* IE6 */
*html #image img {width: 362px; height: 252px;}
*html #right {width: 532px;}
*html #menu {margin-left: 5px;}
*html .shop_item {padding-right: 3px;}
*html #control .arrows {margin-left: 24px;}
*html .text.main {margin-left: 12px;}

/*galerie*/
.gallery {float: left; width: 510px;}
.gitem {margin: 4px; float: left; width: 160px; overflow: hidden; height: 163px;}
.gitem a img {border: none !important; padding: 0 !important; margin: 0 !important; height: 116px;}
.gitem .popisek {color: #84a805; margin-left: 5px; display: block;}

/* cenik */

table#cenik
{
margin: 0 0 0 1px;
width: 520px;
background: url(../images/text_bg.png) top left repeat-x;
float: left;
}

table#cenik, table#cenik tr, table#cenik tr td
{
border: #577e14 solid 1px;
border-collapse:collapse
}

table#cenik tr td
{
padding: 3px 5px; 
}

/* eshop */

#eschop-order-bar
{
float: left;
width: 100%;
margin: 2px 0 4px 0;
background: #fff !important;
}

#eschop-order-bar p
{
float: left;
padding: 3px 5px;
}

#eschop-order-bar select option
{
padding: 0 5px;
}

#pager
{
text-align: center;
float: right
}

#pager a
{
color: #479507;
}

#pager a.selectedPage
{
    font-weight: bold;
    text-decoration: none;
}