/* basic elements */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Arial, "MS Sans Serif", Geneva, sans-serif;
}

/* headers */
h1 { font-size: 140%; }
h1, h2, h3, h4, h5, h6 {
  margin: 2ex 0 1ex 0;
}

h1 {
	font-size: 180%;
}
h2 {
	font-size: 140%;
  font-weight: normal;
}
h3 {
	font-size: 110%;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
h4 {
	font-size: 100%;
}

p { margin: 1ex 0 1ex 0; }

/* form */
* html textarea {
  overflow: auto;
}

form h3 {
  margin-top: 1ex;
  font-weight: bold;
}

fieldset
{
	border:1px solid;
	margin-bottom:10px;
	padding:10px;
	background-color: #BEEF77;
}
fieldset textarea {
	font-size:110%;
}
fieldset legend
{
	font-size:100%;
	font-weight:bold;
	margin: 0 0 10px 0px;
	border: 1px solid;
	padding:0 20px;
}
fieldset label
{
	float:left;
	vertical-align: middle;
	font-weight:normal;
	margin-right:5px;
	min-width: 110px;
}

input, textarea {
  font-size: 90%;
}

input.default {
  font-weight: bold;
}

/* table */
table {
 	font-size: 90%;
	text-align : left;
  border-collapse: collapse;
}
td, th {
  padding: 3px;
}

/* lists */
ul {
}
ul li {
  list-style-type: none;
}

ul.normal li {
  list-style-type: square !important;
  margin: 0 0 0 25px;
}

dd {  margin-bottom: 5px; }

/* links */
a:link, a:visited {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* other */
hr {
  margin: 5px 0 5px 0;
}

img {
	border: none;
}

/* general */

.cleaner, .break {
	height: 0px;
	clear: both;
  font-size: 1px;
  visibility: hidden;
  display: block;
  border: none;
  padding: 0;
}
li.break { display: none;}
.left { float: left; }
.right { float: right; margin: 0 0 10px 10px; }
.a_center { text-align: center; }

.img-border { border: 3px solid; }
.noborder { border: 0px !important; }

.inner { padding: 10px; }

/* colors */
.red { color: red; }/* base elements */

body {
  background: #212121 url('http://www.machovka-mb.cz/images/layout/img-body-bg.jpg') no-repeat 50% 150px;
  font-family: Georgia, "Times New Roman", Arial, sans-serif;
}

img {  behavior: url('../css/iepngfix.htc'); }

.image img { behavior: url('../css/iepngfix.htc'); }

iframe { background-color: #FFFFFFF; border: none; }

hr {
  margin: 5px 0 5px 0;
}

/* layout */
#header {
  width: 1000px;
  height: 150px;
  margin: 0 auto 0 auto;
  position: relative;
}

#header li {
  margin: 0;
  padding: 0;
}

#postava {
  width: 226px;
  height: 150px;
  position: absolute;
  top: -100px; left: 720px;
  background: url('../images/layout/postava.png') no-repeat;
  z-index: 2000;
  border-style: solid;
  border-width: 2px;
  border-color: #8CDB08;
}

#logo-row {
  float: left;
  width: 311px;
  height: 320px;
}
#img-logo {
  width: 300px;
  height: 150px;
}
#img-postava {
	position: absolute;
	width: 300px;
	height: 150px;
	top: 0px;
	left: 300px;
  
}
#img-motto {
  position: absolute;
  top: 0; right: 0;
  width: 400px;
  height: 150px;
  background: url('../images/layout/img-motto.png') no-repeat right top;
  behavior: url('../css/iepngfix.htc');
}

#wrap {
  width: 100%;
  background: #360E0C;
  _height: 150px;
  min-height: 150px;
}

#img-nav {
  position: absolute;
  background: url('http://www.machovka-mb.cz/images/layout/img-nav-bg.png') repeat-x;
  left: 0; top: 150px;
  width: 100%;
  height: 35px;
  z-index: 1000;
}

h1 { color: #360E0C; }

/* main */

#main {
  width: 1000px;
  background: url('http://www.machovka-mb.cz/images/main-bg.gif') repeat-y;
  text-align: center;
  margin: 2px auto 0 auto;
}
#main-inner {
  width: 100%;
	text-align: left;
	position: relative;
	z-index: 10;
}

#title {
  background: transparent url('http://www.machovka-mb.cz/images/layout/img-title.png') no-repeat;
  height: 77px;
  behavior: url('../css/iepngfix.htc'); 
}
/* content */
#content-box {
  margin: 153px 0 0 0;
}
#content {
  _height: 600px;
  min-height: 600px;
  width: 700px;
  max-width: 700px;
  min-width: 700px;
  float: left;
  font-size: 90%;
  margin: 0px 0 0 0px;
  padding: 0;
	position: relative;
}
#content-inner {
  background: #FFFFFF;
  _height: 700px;
  min-height: 700px;
  padding: 10px 15px 10px 15px;
  background: url('http://www.machovka-mb.cz/images/layout/img-content-inner-bg.png');
}
#content hr {
  border-style: solid none none none;
  border-color: #887270;
  border-width: 1px;
  margin-top: 17px;
  background-color: transparent;
}

/* left */
#right {
  width: 290px;
  _height: 600px;
  overflow-x: hidden;
  min-height: 600px;
  margin: 0 0 0 10px;
  float: left;
  font-size: 90%;
  background: url('http://www.machovka-mb.cz/images/img-box-bg.jpg') no-repeat;
}
#right-inner {
  margin: 5px 0px 0 0px;
}

/* layout solarium */
body.solarium { background-image: url('http://www.machovka-mb.cz/images/layout/solarium/img-body-bg.jpg'); }
body.solarium #img-motto { background-image: url('http://www.machovka-mb.cz/images/layout/solarium/img-motto.png'); }
body.solarium #title { height: 150px; background-image: url('http://www.machovka-mb.cz/images/layout/solarium/img-title.png'); }
body.solarium #content-box { margin-top: 82px; }
body.solarium #wrap { background: #7A3000; }
body.solarium h1 { color: #7A3000; }
/* layout masaze */
body.masaze { background-image: url('http://www.machovka-mb.cz/images/layout/masaze/img-body-bg.jpg'); }
body.masaze #img-motto { background-image: url('http://www.machovka-mb.cz/images/layout/masaze/img-motto.png'); }
body.masaze #title { background-image: url('http://www.machovka-mb.cz/images/layout/masaze/img-title.png'); }
body.masaze #wrap { background: #A44D4D; }
body.masaze h1 { color: #A44D4D; }
/* layout solna */
body.solna { background-image: url('http://www.machovka-mb.cz/images/layout/solna/img-body-bg.jpg'); }
body.solna #img-motto { background-image: url('http://www.machovka-mb.cz/images/layout/solna/img-motto.png'); }
body.solna #title { background-image: url('http://www.machovka-mb.cz/images/layout/solna/img-title.png'); }
body.solna #wrap { background: #780044; }
body.solna h1 { color: #780044; }

/* footer*/
#footer {
  padding: 15px 0 20px 0;
  font-size: 80%;
  clear: both;
  background: #212121;
}
#footer, #footer a {
  color: #ffffff;
}
#footnotes {
  width: 100%;
  height: 20px;
  text-align: center;
  position: relative;
  top: 5px;
}
#copy {
  text-align: center;
  position: relative;
  top: 5px;
}

/* nav */
#nav {
  margin: 0 auto 0 auto;
  width: 1000px;
}
#nav a { text-decoration: none; }
#nav li {
  padding: 0;
  margin: 0;
  float: left;
  height: 35px;
  position: relative;
  width: auto;
  line-height: 1;
}
#nav li li { float: none; }
#nav li.first { }
#nav li, #nav li span { display: block; }
#nav li.active { }
#nav li.active-end { }
#nav li a { display: block; padding: 10px 10px 15px 15px; color: #FFFFFF;
  background: url('http://www.machovka-mb.cz/images/layout/nav-li.gif') no-repeat 50% 82%;
}
#nav li li { height: 30px; }
#nav li li a { background: none; 	color: #000000;
padding: 10px 10px 5px 15px;
}
#nav li.active-start, #nav li.active-end { width: 1px; }
#nav li.sep { width: 4px; }

#nav .sf-menu li.sfHover, #nav .sf-menu li li li, #nav .sf-menu li:hover {
	background:		#b5b5b5;
}
#nav .sf-menu li li:hover, #nav .sf-menu li li.sfHover,
#nav .sf-menu a:focus, #nav .sf-menu a:hover, #nav .sf-menu a:active {
	background:		#b5b5b5;
}

/* subnav */
#subnav {
  height: 60px;
  background: #FFFFFF;
  position: relative;
  z-index: 1500;
}
#subnav li { float: left; display: block; padding: 0px 0 0px 0; }
#subnav li, #subnav li a { color: #6B6B6B; display: block; text-decoration: none;}
#subnav ul { position: absolute; top: 5px; }
#subnav li a { padding: 15px 5px 25px 5px;}
#subnav li a.active { background-color: #8FD80F; }

#subnav li li { height: 30px; }
#subnav li li a { padding: 5px 5px 5px 15px;}

#subnav .sf-menu li.sfHover ul {
	top:			55px; /* match top ul list item height */
}

#subnav .sf-menu ul {
  visibility: hidden;
	width: 300px;
}
#subnav .sf-menu li.sfHover ul {
  height: auto;
}

#subnav .sf-menu li li.sfHover, #subnav .sf-menu li li li, #subnav .sf-menu li li:hover {
	background:		#b5b5b5;
}
#subnav .sf-menu li li:hover, #subnav .sf-menu li li.sfHover,
#subnav .sf-menu li li a:focus, #subnav li li .sf-menu a:hover, #subnav .sf-menu li li a:active {
	background:		#b5b5b5;
}

/* navInfo */
#navInfo { float:left; padding-left: 15px; position:relative; top: 5px;}
#navInfo, #navInfo a { color: #FFFFFF; }

/* search */
#search {
  position: absolute;
  top: 201px;
  left: 0px;
  z-index: 3000;
}
#search .text {
  height: 23px;
  width: 130px;
  border-top: 1px solid #b36773;
  border-left: 1px solid #b36773;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  vertical-align: middle;
  float: left;
  margin: 29px 0 0 18px;
  padding: 0 0 1px 2px;
  color: #679BC3;
  font-size: 15px;
  opacity: 0.5; 	
  filter:alpha(opacity=50);
}
#search .imagebutton {
  width: 23px; 
  height: 26px;
  vertical-align: middle;
  font-size: 10px;
  float: left;
  margin: 29px 0 0 10px;
}

/* tbox */
.tbox { margin: 10px 0 10px 0; background: url('http://www.machovka-mb.cz/images/layout/img-box-bg.png'); 
  color: #FFFFFF; 
}

#right .tbox { width: 290px; }

/* general */
.menu-dot { background: url('http://www.machovka-mb.cz/images/menu-dot.gif') no-repeat 3px 5px;
  padding-left: 20px;
}
.button { border: 1px solid #707070; background-color: #887270; color: #FFFFFF;
padding: 2px; }
@media handheld, projection, screen, tty, tv
{ .button { cursor: pointer; }
} 

.button:hover { border: 1px solid #000000; background-color: #9F9F9F; }/* basic */
ul {
  margin-top: 1em;
}

ul li {
  margin-left: 2em;
  margin-bottom: 0.35em;
  padding-left: 5px;
  line-height: 1.5em;
}

ol li {
  margin-left: 3em;
}

td, th { padding: 1px; }

/* headers */
h1 {
  font-size: 180%;
  margin: 1em 0 1em 0;
  line-height: 120%;
}
h2 { font-size: 120%; color: #CF7000; margin: 1em 0 0.5em 0; }
h3 { color: #809b26; }
a { color: #4E6777; text-decoration: underline; }

/* tables */
table.list { border: 1px solid #C0C0C0; width: 80%; }
table.list th { border-bottom: 1px solid #C0C0C0;
background-color: #74858F; color: #FFFFFF; }
table.list td { border-bottom: 1px solid #C0C0C0;
background-color: #F5F5F5; }
table.list tr:hover td { background-color: #FFFFA0; }

/* forms */
form dl { padding: 10px;}
form dd { display: block; }

div.group, fieldset { background-color: #EBEFE0; }
fieldset .text { }
label.required { }
div.group a { color: #658313; }
form div.group h3, form fieldset h3 { background-color: #74858F; color: #FFFFFF !important;
margin: 0 !important; padding-left: 5px; }
fieldset { padding: 0; }

hr {
  line-height: 1px; /*needed for IE/win*/
  font-size: 1px; /*needed for IE/win*/
  height: 1px;
}

/* content */
#content {
  line-height: 150%;
}
#content ul li {
  background: none;
  list-style-type: disc;
}
#content p { }
#sitemap .TreeViewControlExpanded {
  display: none;
}

/* shop */
.item-list .item {
  float: left;
  width: 33.3%;
  min-width: 33.3%;
}
.item-list .item-box {
  border: 1px solid #85212B;
  margin: 0 3px 5px 0;
}
.item-list .title { min-width: 100%; width: 100%; background-color: #77110C; color: #FFFFFF; text-align: center;
height: 70px; }
.item-list .title h2 { font-size: 100%; padding: 5px 0 0 0; margin: 0; font-weight: bold; }
.item-list .title a { color: #FFFFFF; text-decoration: underline; }
.item-list .title a:hover { text-decoration: none; }
.item-list .image { height: 150px; }
.item-list .image a { text-decoration: none; }
.item-list .image .box {min-width: 100%; }
.item-list .info1 { min-width: 100%; width: 100%; }
.item-list .info1 th { text-align: left; padding: 0 5px 0 5px; }
.item-list .info1 td { text-align: right; padding: 0 5px 0 0; }
.item-list .info table { min-width:100%;  width: 100%; }
.item .image { text-align: center; }
.item-list .info2 { height: 70px; padding-top: 5px; padding-bottom: 5px;}

.item-list .inputs { min-width: 100%;  padding-top: 10px; }
.item-list img { border: none !important; }
.item-list img.action { position: absolute; }

.item ul.icons { clear: both; padding: 5px !important; }
.item ul.icons li { float: left; }
.item .icons img {vertical-align: middle;}
.item-list .icons li { background: none !important; font-size: 80%; 
min-width:40px; width: 40px; line-height: 120%; text-align: center;}

table.item-list { border-color: #C5C6C7; min-width:99%; width: 99%; }
table.item-list, table.item-list a { color: #000000; }
table.item-list th { padding: 2px; background-color: #DCDCDC;}
table.item-list td { padding: 2px; color: #000000; }
table.item-list tr.odd td { background-color: #F0F0F0; }
table.item-list tr.even td { background-color: #E0E0E0; }

.category-text { border: 1px solid #899F63; padding: 10px; margin-bottom: 10px;
  background-color: #ECF5DD; font-size: 90%; line-height: 140%;
}
.category-text .image { float: left; padding: 10px 10px 0 0; }

.item-detail .item { min-width: 100%; }
.item-detail .info { min-width:33%; width: 33%; float: left; }
.item-detail .info table { min-width:99%;  width: 99%; color: #727272; }
.item-detail .info th { min-width:30%; width: 30%;}
.item-detail .image {min-width:33%; width: 33%; text-align: center; float: left; padding: 0;  }
.item-detail .image img { border: 4px solid #e2e8cf; }

.item-detail .buttons { min-width:33%; float: left; width: 33%; text-align: right; }
.item-detail .buttons ul li { padding: 0; margin: 0; background: none !important; 
min-height: 30px; }
.item-detail .buttons li.cart { padding-top: 5px; background: url('http://www.machovka-mb.cz/images/dotted.gif') repeat-x !important; }
.item-detail-sep { clear: left; font-size: 1px; height: 15px; min-width:100%; width: 100%; border-bottom: solid 1px #E60621; }

.item .info td, .item .info th {
  font-weight: bold;
  background: url('http://www.machovka-mb.cz/images/dotted.gif') repeat-x bottom left;
  border: none !important;
}
.item-detail .info th { color: #000000; }
.item-cena { color: #FF0000; }

/* filters */
.filter { min-width:99%; width: 99%; background-color: #efefef;
 border: 1px solid #c5c6c7; margin: 0 0 10px 0; }
.filter .inner { padding: 10px; }
.filter label { font-weight: bold; }
.filter ul { padding: 0px 0 5px 0 !important; margin: 2px 0 0px 0 !important; overflow: auto; }
.filter li { 
  float: left; background-image: none !important; margin: 0 !important; padding: 0 5px 0 0px !important;
}
.filter li img { padding-top: 5px; }
.filter a { text-decoration: underline; }
@media handheld, projection, screen, tty, tv
{ 
.filter a { cursor: pointer; }
} 

.sort-filter { }
.sort-filter, .sort-filter a { color: #000000; }

.page-filter li { width: 1em; margin: 0 !important; }
.page-filter .active a {font-weight:bold; font-size: 120%; }

/* catalog sections */
.section-row {
  min-width:95%; 
  width: 95%;
  position: relative;
  background-color: #F5F5F5;
  padding: 10px;
  margin-bottom: 45px;
}
.section-row h2 {
  margin-top: 0ex;
  padding-top: 0ex;
}
.section-row .image {
	float: right;
	margin: 0 0px 5px 10px;
  padding: 0;
}
.section-row img {
  padding: 0 0 0 0;
}
.section-row .text {
  padding-bottom: 10px;
  text-align: justify;
}
.catalog-sections .more-info {
  color: #A0A0A0;
  position: absolute;
  display: block;
  background: none;
  bottom: -20px;
  left: 45%;
  width: 200px;
  padding-left: 50px;
  text-align: left;
  padding: 0;
}
.catalog-sections .more-info img {
  float: left;
  margin-right: 10px;
  border: none !important;
}
.catalog-sections .more-info span {
  padding: 15px 0 0 0px;
  display: block;
  font-size: 90%;
}
.catalog-sections .more-info a {
  text-decoration: none;
}
.catalog-sections .more-info2 {
  clear: right;
  float: right;
}

/* cart */
.inputs { text-align: center; }
.item-detail .inputs { text-align: right; }
.inputs .text { width: 20px; position: relative; top: 8px; }
.cart-info, .cart-empty { color: #000000; text-align: center; }
#cart-table table.list {width: 100%;}
#cart-table .total { background-color: #E0E0E0; }
#cart-table .total td { background-color: #F5F5F5; }
#cart-table table.total { border-top: 2px solid; }
#cart-table .total td { text-align: right; }
#cart-table .inputs .text { top: 0px; }
.cena-total { font-weight: bold; font-size: 110%;}

/* news */
#news-box { margin-top: 10px; }
#news-box h2 { background: url('http://www.machovka-mb.cz/images/icon-news.png') no-repeat; height: 40px; }
#news-box h2 span { display: block; padding: 10px 0 0 70px; }

.news { margin-bottom: 2ex;   border-color: #C0C0C0;
}
.news h3 { font-size: 100%; margin: 0; color: #B5B5B5; }
.news .date { color: #B5B5B5; font-weight: bold; margin: 1ex 0 0ex 0; }
.news .title { margin: 1ex 0 1ex 0; font-size: 100%; font-weight: bold;
  color: #B5B5B5;
}
.news-text { color: #848484; }
.news .image { margin: 0 10px 2px 0; }
.news .image img { border: none; }

/* frame-box */
.frame-box {
  clear: both;
  margin-bottom: 20px;
  padding: 1px;
  text-align: left;
  font-size: 100%;
  border: 1px solid #DCE1E7; /* vzhled ramecku */
  background-color: #F1F4F7; /* barva pozadi */
  color: #666666;
}
.frame-box .inner { padding: 10px 10px 10px 10px; }
.frame-box p { margin-top: 0px; }
.frame-box img { margin: 0 15px 10px 0; }

/* contact-box */
.contact-box h3, .contact-box-l h3, .contact-box-r h3 {
  margin: 0;
  padding: 0 0 0 0.7em;
  background-color: #E0E0E0;
  color: #505050;
}
.contact-box {
  min-width:99.1%;
  width: 99.1%;
  clear: both;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-top: 2ex;
}
.contact-box-l, .contact-box-r {
  min-width:48.9%;
  width: 48.9%;
  float: left;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-bottom: 1ex;
}
.contact-box-r { margin-left: 1%;  clear: right; }
.contact-text { padding: 2ex 0 0.5ex 0.7em; }
.contact-text * { line-height: 110%; }
.contact-text p { margin: 0 0 1ex 0; padding: 0; }
.contact-box .column1, .contact-box .column2 { float:left; min-width:49%; width: 49%; }
.contact-box .contact-text { margin-left: 5%; }
.contact-box .image { margin: 0px 0 10px 0 !important; }

/* flashmessages */
#flashmessages { text-align: center; margin: 0 0 5px 0; }
#flashmessages a { color: #FFFFFF; font-weight: bold; }
#flashmessages .info { background-color: #8FD80F; color: #000000; padding: 2px; }
#flashmessages .error { background-color: #FF0000; color: #FFFFFF; padding: 2px; }

/* inquiry */
.inquiry {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #887270;
  padding: 0;
  position: relative;
  width: 500px;
}
.inquiry .note {
  height: auto;
  overflow: visible;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.inquiry .inner {
  padding: 10px;
}
.inquiry .motive {
  position: absolute;
  top: -25px;
}
.inquiry h2 {
  margin: 0;
  background-color: #887270;
  color: #FFFFFF;
  padding: 15px 0 15px 0px;
  text-align: center;
}
.inquiry fieldset {
  position: static;
  margin: 0;
  border: none;
  background-color: #F1F4F7;
}
.inquiry .column1, .inquiry .column2 {
  width: 47%;
}
.inquiry .column2 {
  padding-left: 6%;
}
.inquiry textarea { width: 99%; }
.inquiry-text p { text-align: center; color: #808080; }

/* brands */
.brand-list ul { clear: both; }
.brand-list li { position: relative; display: block; float: left; width: 47%;
margin: 0 5px 10px 0 !important; height: 100px; }
.brand-list hr { position: absolute; bottom:0; left:0; clear:both; width: 99%; height:4px; border-width:0; color:#e2e8cf; background-color: #e2e8cf;
 }
.brand-list .image { float: right; margin-right: 10px; padding-top: 0; }

/* paginator */
.paginator {
	margin: 0em 0;
	font-size: 90%;
}
.paginator a, .paginator span {
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	background: #c1c1c1;
	color: #000000;
}
.paginator a {
	background: #a9a9a9;
	color: #000000;
	border: 1px solid #6d6d6d;
	text-decoration: none;
}
.paginator span.button {
	border: 1px solid #6d6d6d;
}
.paginator .current {
	background: #E60621;
	border: 1px solid #CF001C;
	color: white;
	font-weight: bold;
}
.paginator a:hover { background: #9F9F9F; }
.paginator .button:hover { background: #c1c1c1; }

/* keywords */
.keywords-list { clear: both; }
.keywords-list ul { width: 33%; }

/* columns */
.column1 {
  float: left;
}
.column2 {
  float: left;
}
.padded1 {
  padding: 10px 0 10px 10px;
}
.padded2 {
  padding: 10px 0 10px 10px;
}

/* hr */
hr.split {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1px; /*needed for IE/win*/
  font-size: 1px; /*needed for IE/win*/
  height: 1px;
}

/* general */
iframe, #content img, .img-border, .image-border { border: 5px solid #FFFFFF; }
.text-box { padding: 10px; }
.image { padding: 5px; }
.image-button { vertical-align: middle; }
.inner { padding: 10px; }
.error { color: #FF0000; font-weight: bold; }
.info { font-style: italic;}
/* tabs */

.ui-tabs .ui-tabs-hide {
   display: none;
}

.ui-tabs {
  margin-top: 5px;
  background-color: transparent;
}
.ui-tabs ul.menu {
  margin: 0px;
  min-height: 20px;
  height: 20px;
}

.ui-tabs ul.menu li {
  float: left;
  min-width: 90px;
  margin: 0px 4px 1px 0px !important;
  padding: 0 5px 2px 5px !important;
  text-align: center;
  background-image: none !important;
  position: relative;
  top: 2px;
}
.ui-tabs .ui-tabs ul.menu li {
  background-color: #DEDEDE;
}
.ui-tabs ul.menu a {
  color: #000000;
  text-decoration: none;
  border: none;
  display: block;
}
.ui-tabs ul.menu li.ui-tabs-selected {
  margin-top: 0px;
  margin-bottom: 0;
  background-color: #EED4D5;
  color: #000000;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 2px solid;
  border-bottom: none;
  border-color: #D0D0D0;
}
.ui-tabs ul.menu li.ui-tabs-selected a { color: #000000; }
.ui-tabs ul.menu li.ui-tabs-selected {
  background-color: #D9D9D9; 
}
.ui-tabs .content {
  clear: both;
  border-width: 1px;
  border-style: none solid solid solid;
  border-color: #CF9B9E;
  padding: 10px;
  background-color: #FFFFFF;
}
.ui-tabs .tab-box {
  width: 97%;
  min-width: 97%;
  border: 1px solid #D0D0D0;
  background-color: #D9D9D9;
  min-height: 300px;
  clear: both;
  margin: 0px 0 0px 0;
}

/* product tabs */
#tabs { margin-top: 10px; }

#tabs.ui-tabs ul.menu li {
  background-color: #D0D0D0;
}
#tabs ul.menu li.ui-tabs-selected {
  background-color: #D9D9D9;
}

/* shop-tabs */
#shop-tabs {
  font-size: 80%;
  margin-bottom: 10px;
}
#shop-tabs ul.menu {
  margin-left: 0px;
}
#shop-tabs ul.menu li {
  float: left;
  margin: 0 0px 0 5px !important;
  padding: 0px 0 5px 0 !important;
  text-align: center;
  min-width: 25px;
  background-color: #D9D9D9 !important;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #C5C6C7;
  top: 0px; 
}
#shop-tabs ul.menu a {
  position: relative;
  color: #000000 !important;
  background-image: none !important;
  padding: 3px 0 0 0 !important;
}
#shop-tabs ul.menu a:hover { background: none !important; }

#shop-tabs ul.menu li#shop-menu1 { width: 70px; background: url('http://www.machovka-mb.cz/images/menu1.png') no-repeat;  }
#shop-tabs ul.menu li#shop-menu2 { width: 71px; background: url('http://www.machovka-mb.cz/images/menu2.png') no-repeat; }

#shop-tabs ul.menu li#shop-menu1.ui-tabs-selected { width: 71px; background: url('http://www.machovka-mb.cz/images/menu1-selected.png') no-repeat; }
#shop-tabs ul.menu li#shop-menu2.ui-tabs-selected { width: 72px; background: url('http://www.machovka-mb.cz/images/menu2-selected.png') no-repeat; }

#fragment-1 { background-color: #D9D9D9;  }
#fragment-2 { background-color: #D9D9D9; }

#shop-tabs .tab-box {
  background-color: #D9D9D9;
  border-color: #C5C6C7;
}
#shop-tabs.ui-tabs {
  border-color: #C5C6C7;
}
#shop-tabs.ui-tabs ul.menu li {
  background-color: #F0F0F0 !important;
}
#shop-tabs.ui-tabs ul.menu li.ui-tabs-selected {
  background-color: #D9D9D9 !important;
}
/** ---------------------------------- */
/** --- Menu s animoavanym hoverem --- */
.hoverMenuBack {
  background: #8FD80F;
  border:  none;
}