/* obecne */
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  background: #faf9f7;
  color: #333;
  font-family: arial, verdana, sans-serif;
  font-size: 70%;
  text-align: center;
}

table {
  font-size: 100%;
}

a {
  color: #333;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
a img {
  border: 0;
}

.skiplink {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.skiplink a {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 999;
}
.skiplink a:focus, .skiplink a:active {
  background: #E00117;
  color: #000 !important;
	display: block;
  font-size: 120%;
  font-weight: bold;
  left: 0;
  margin-left: 13px;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  top: 0;
	width: 970px;
}

.clear {
  border: 0;
  clear: both;
  display: block;
  height: 0;
  margin: 0;
  visibility: hidden;
}
* html .clear {
  margin: 0 0 -15px 0;
}
*:first-child+html .clear {
  margin: 0 0 -15px 0;
}

input, select {
  border-top: 1px #A7A7A7 solid;
  border-right: 1px #DFDFDF solid;
  border-bottom: 1px #CFCFCF solid;
  border-left: 1px #969696 solid;
  float: left;
  height: 17px;
  padding: 1px 0 0 2px;
  margin: 1px 9px 0 0;
  width: 151px;
}
* html input {
  height: 19px;
  padding: 0 0 0 2px;
  margin: 1px 6px 0 0;
  width: 155px;
}
p input { /* submit input */
  border: 0;
  font-size: 80%;
  height: 20px;
  margin: 0;
}
textarea {
  border-top: 1px #A7A7A7 solid;
  border-right: 1px #DFDFDF solid;
  border-bottom: 1px #CFCFCF solid;
  border-left: 1px #969696 solid;
}

a.button, p.button {
  background: url(../images/button-left.gif) left top no-repeat;
  color: #333 !important;
  cursor: hand;
  display: block;
  float: left;
  font-weight: bold !important;
  height: 20px;
  line-height: 20px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
a.button span, p.button a {
  background: url(../images/button-right.gif) right top no-repeat;
  display: block;
  float: left;
  height: 20px;
  margin-right: -2px;
  padding: 0 5px 0 5px;
  position: relative;
  text-decoration: none;
}
#bata-home-top a.button, #bata-home-top p.button {
  color: #000;
  margin: 5px -2px 5px 0;
}
* html #bata-home-top a.button, #bata-home-top p.button {
  color: #000;
  padding: 0 4px 0 0;
  position: static;
  margin: 5px -2px 0 0;
}
* html #bata-home-top a.button span, #bata-home-top p.button span {
  position: static;
}

a.button2, p.button2, .detail p.obl {
  background: #538EBF url(../images/button2-left.gif) left top no-repeat;
  color: #FFF !important;
  cursor: hand;
  display: block;
  float: left;
  font-weight: bold;
  height: 23px;
  white-space: nowrap;
  text-decoration: none;
}
a.button2 span, p.button2 a, .detail p.obl a {
  background: url(../images/button2-right.gif) right top no-repeat;
  color: #FFF !important;
  cursor: hand;
  display: block;
  float: left;
  height: 14px;
  margin: 0 !important;
  padding: 5px 6px 4px 25px;
  text-decoration: none;
}
* html a.button2 span, * html p.button2 a {
  height: 23px;
}

a.button3, p.button3 {
  background: #CE071A url(../images/button3-left.gif) left top no-repeat;
  color: #FFF !important;
  display: block;
  float: left;
  font-size: 110%;
  font-weight: bold;
  height: 31px;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  text-decoration: none;
}
a.button3 span, p.button3 a {
  background: url(../images/button3-right.gif) right top no-repeat;
  color: #FFF !important;
  display: block;
  float: left;
  height: 24px;
  margin: 0 !important;
  padding: 7px 11px 0 35px;
  text-decoration: none;
}

button {
  background: transparent !important;
  border: 0;
  cursor: hand;
  cursor: pointer;
  font-family: Arial, sans-serif;
  padding: 0;
  text-transform: uppercase;
}

button.button {
  color: #333;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 10px -3px;
}
* html button.button {
  margin: -1px 0 0 -10px;
}
*:first-child+html button.button {
  float: left;
}
button.button span {
  background: #EBEBEB url(../images/button-right.gif) right top no-repeat;
  display: block;
  height: 20px;
  padding: 0 2px 0 0;
  text-decoration: none;
  white-space: nowrap;
}
button.button span span {
  background: url(../images/button-left.gif) left top no-repeat;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 3px 0 5px;
}

button.button2 {
  color: #FFF;
  clear: none !important;
  float: left;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 10px -3px;
}
* html button.button2 {
  margin: 0 -9px 0 0;
  position: relative;
}
*:first-child+html button.button2 {
  float: left;
  position: relative;
}
button.button2 span {
  background: #bf0c1d url(../images/button5-right.gif) right top no-repeat;
  display: block;
  height: 19px;
  padding: 0 2px 0 0;
  text-decoration: none;
  white-space: nowrap;
}
button.button2 span span {
  background: url(../images/button5-left.gif) left top no-repeat;
  display: block;
  float: left;
  height: 19px;
  line-height: 19px;
  padding: 0 1px 0 3px;
}

button.button3 {
  color: #FFF;
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 10px -3px;
}
* html button.button3 {
  margin: 0 0 10px 35px;
  position: relative;
}
*:first-child+html button.button3 {
  float: left;
  position: relative;
}
button.button3 span {
  background: #E00117 url(../images/button3-right.gif) right top no-repeat;
  display: block;
  height: 31px;
  padding: 0 2px 0 0;
  text-decoration: none;
  white-space: nowrap;
}
button.button3 span span {
  background: url(../images/button3-left.gif) left top no-repeat;
  display: block;
  float: left;
  height: 31px;
  line-height: 31px;
  padding: 0 8px 0 35px;
}

.sedy {
  color: #949494;
}
.bold-sedy {
  color: #949494;
  font-weight: bold;
}
.modry {
  color: #528cbc;
}
.normal {
  color: #000;
  font-weight: normal;
}

/* layout */
#page {
  background: #FFF url(../images/bg.gif) left top repeat-y;
  margin: 0 auto;
  text-align: left;
  position: relative;
  width: 996px;
}

/* hlavicka */
#header {
  height: 75px;
  margin-bottom: 33px;
  padding: 10px 230px 0 32px;
}
#header h1 {
  float: left;
  margin: 1px 19px 0 0;
}
#header #promo-graphics-top {
  float: left;
  font-size: 130%;
  margin: 10px 0 3px 80px;
  position: relative;
  text-align: center;
  z-index: 11;
}
#header p img {
  margin: 0 7px -2px 0;
}
#header p a {
  text-decoration: none;
  color: #333;
}
#header p a strong{
  color: #000;
  font-weight: normal;
}
#header p a:hover, #header p a:focus, #header p a:active {
  text-decoration: underline;
}

/* pozadi pro levy sloupec */
#container {
  margin: 0 23px;
}
#in-container {
  width: 100%;
}

/* obsah */
#content {
  display: inline;
  float: right;
  height: 100%;
  position: relative;
  width: 774px;
}
#content a.print {
  top: 119px;
  position: absolute;
  left: 951px;
}

/* drobky */
#navigation-breadcrumbs {
  border-bottom: 1px #F3F3F3 solid;
  padding-bottom: 8px;
  font-size: 150%;
  width: 100%;
}
#navigation-breadcrumbs p {
  border-bottom: 1px #FFF solid;
  float: left;
  font-weight: bold;
  width: 750px;
}
#navigation-breadcrumbs p a {
  border-bottom: 1px #000 solid;
  font-size: 100%;
  margin-right: 11px;
  text-decoration: none;
}
#navigation-breadcrumbs p a:hover {
  border: 0;
}
#navigation-breadcrumbs p a span {
  font-size: 60%;
  font-weight: normal;
  padding-left: 3px;
}
#navigation-breadcrumbs p span {
  color: #423729;
  font-size: 60%;
  padding-left: 3px;
}
#navigation-breadcrumbs p img {
  font-size: 130%;
  margin: 0 10px 2px 0;
}
#navigation-breadcrumbs .bread-print {
  float: right;
  margin: 2px 7px 0 0;
}

/* hlavni navigace */
#main-navigation {
  background: #f1f1f1 url(../images/bg-main-navi-middle.gif) left top repeat-y;
  left: 0;
  margin: 0 232px 0 23px;
  position: absolute;
  top: 73px;
  width: 740px;
  z-index: 11;
}
#main-navigation div {
  background: url(../images/bg-main-navi-bottom.gif) left bottom no-repeat;
  min-height: 35px;
}
* html #main-navigation div {
  height: 35px;
}
*:first-child+html #main-navigation div {
  height: 35px;
}
#main-navigation ul {
  background: url(../images/bg-main-navi.gif) left top no-repeat;
  text-align: left;
  min-height: 19px;
  padding: 11px 0 0 259px;
  width: 481px;
}
* html #main-navigation ul {
  height: 19px;
}
#main-navigation ul li {
  border-left: 1px #D3D3D3 solid;
  display: inline;
  margin: 0;
  float:left;
}
#main-navigation ul li a {
  border-left: 1px #FFF solid;
  color: #333;
  font-weight: bold;
  padding: 0 11px 0 13px;
  text-decoration: none;
}
#main-navigation ul li.first, #main-navigation ul li.first a {
  border-left: 0;
}
#main-navigation ul li.active a, #main-navigation ul li a:hover,
#main-navigation ul li a:active, #main-navigation ul li a:focus {
  color: #E00117;
}
#main-navigation ul li.detailItem{
float:right;
margin:0 45px 0px 0;
position:relative;
}
#main-navigation ul li.detailItem a{
background:url(../images/icon-detail.gif) no-repeat 0 0;
padding:6px 0 3px 30px;
position:absolute;
top:-6px;
right:0px;
white-space:nowrap;
}
#main-navigation ul li.tipyItem{
float:right;
margin:0 20px 0px 0;
position:relative;
}
#main-navigation ul li.tipyItem a{
padding:6px 0 3px 12px;
position:absolute;
top:-6px;
right:0px;
_right:-65px;
background:url(../images/separator.gif) no-repeat 0px 6px;
white-space:nowrap;
}
*:first-child+html #main-navigation ul li.tipyItem a {
right:-65px;
}
/* vyhledavani */
#main-navigation form {
  left: 11px;
  position: absolute;
  top: 7px;
  width: 260px;
}
#main-navigation fieldset {
  border: 0;
}
#main-navigation legend, #main-navigation label {
  display: none;
}
#main-navigation input {
  height: 16px;
  width: 151px;
}
* html #main-navigation input {
  height: 17px;
}

/* leva navigace */
#menu {
  border: 1px #EDE9E2 solid;
  border-bottom: 0;
  display: inline;
  float: left;
  width: 164px;
}

#menu .main {
  background: url(../images/bg-navi-top.gif) left top no-repeat;
  margin: -1px;
  padding-top: 1px;
  position: relative;
  width: 166px;
}
#menu .main h3 {
  background: #E1DBD3 url(../images/bg-navi-h3.gif) left top repeat-x;
  font-size: 130%;
  margin: 1px 2px 0 2px;
  min-height: 22px;
  padding-top: 6px;
  text-indent: 7px;
}
* html #menu .main h3 {
  height: 22px;
}
#menu .main ul {
  border-top: 1px #FFF solid;
  margin: 0 1px;
  position: relative;
}
#menu .main ul ul {
  border: 0;
  margin: 0;
}
#menu .main ul li {
  background: #F2EFE9 url(../images/bg-navi.gif) left top repeat-y;
  border-bottom: 1px #FFF solid;
  list-style: none;
  margin: 0 0 0 1px;
}
#menu .main ul li.last {
  border: 0;
}
#menu .main ul li.folder a {
  background: url(../images/odrazka1-right.gif) 8px 12px no-repeat !important;
}
#menu .main ul li ul li.folder a {
  background: url(../images/odrazka1-right.gif) 18px 8px no-repeat !important;
}

#menu .main ul li a, #menu .main ul li strong {
  background: url(../images/odrazka1-right.gif) 8px 12px no-repeat;
  color: #333;
  display: block;
  line-height: 28px;
  min-height: 28px;
  padding-left: 18px;
}
* html #menu .main ul li a, * html #menu .main ul li strong {
  height: 28px;
}
#menu .main ul li.open a, #menu .main ul li.open strong {
  background: url(../images/odrazka1-bottom.gif) 7px 12px no-repeat;
}
#menu .main ul li.folder a {
  background: #FAF8F6 url(../images/odrazka1-bottom.gif) 8px 10px no-repeat;
}

#menu .main ul li ul li {
  background: #FAF8F6;
  border: 0;
}
#menu .main ul li ul li a, #menu .main ul li ul li strong {
  background: url(../images/odrazka3.gif) 18px 8px no-repeat !important;
  border: 0;
  line-height: 21px;
  min-height: 22px;
  padding-left: 29px;
}
* html #menu .main ul li ul li a, * html #menu .main ul li ul li strong  {
  height: 22px;
}
#menu .main ul li ul li.open a.active, #menu .main ul li ul li.open strong.active {
  background: url(../images/odrazka1-bottom.gif) 18px 10px no-repeat !important;
}
#menu .main ul ul li li.active a {
  font-weight: bold;
}
#menu .main ul li ul li ul li a {
  background: url(../images/odrazka3.gif) 18px 8px no-repeat !important;
}

#menu .main ul ul ul li {
  margin: 0 10px;
}


#menu .second-level h3 a {
  background: url(../images/ico-plus.gif) right center no-repeat;
  display: block;
  margin: 0 6px 0 0;
  text-decoration: none;
}
#menu .second-level h3 a.active {
  background: url(../images/ico-minus.gif) right center no-repeat;
  text-decoration: none;
}
#menu .second-level ul li {
  background: #FAF8F6;
  border: 0;
}
#menu .second-level ul li strong {
  background: transparent;
  border: 0;
  line-height: 21px;
  min-height: 22px;
  padding: 2px 6px;
}
* html #menu .second-level ul li strong  {
  height: 22px;
}
#menu .second-level ul li a {
  background: url(../images/odrazka3.gif) 18px 8px no-repeat !important;
  border: 0;
  line-height: 21px;
  min-height: 22px;
  padding-left: 29px;
}
* html #menu .second-level ul li a  {
  height: 22px;
}
#menu .second-level ul li.open a.active {
  background: url(../images/odrazka1-bottom.gif) 18px 10px no-repeat !important;
}

#menu .brown-top {
	background: url(../images/bg-side-brown-trans.gif) left top no-repeat;
  margin: -1px;
  padding-top: 14px;
  position: relative;
  width: 166px;
}
* html .brown-top {
  padding-top: 15px !important;
}

/* Zuzte Vyber */
#menu #catalog-filter {
	background: url(../images/bg-side-trans.gif) left top no-repeat;
  margin: -1px;
  padding-top: 14px;
  position: relative;
  width: 166px;
}
.detail #menu #catalog-filter {
  display: none;
}

#menu .zuzteVyber {
	background: #EEF5FC url(../images/bg-katalog-side.gif) left top repeat-y;
}
* html #menu .zuzteVyber {
	padding-top: 1px;
}
#menu #catalog-filter h3 {
  background: #CDDDE9 url(../images/bg-zuzte-navi-h3.gif) left top repeat-x;
  font-size: 130%;
  margin: 1px 2px 0 2px;
  min-height: 22px;
  padding-top: 6px;
  text-indent: 7px;
}
* html #menu #catalog-filter h3 {
  height: 22px;
}
#menu #catalog-filter h4 {
	color: #4280b6;
	border-top: 1px solid #fff;
	margin: 0 1px;
	padding: 8px 0 8px 6px;
	position: relative;
	font-size: 110%
}
#menu #catalog-filter ul {
	list-style: none;
	margin: 0 0 0 1px
}
* html #menu #catalog-filter ul {
	margin: 0 0 0 -5px
}
#menu #catalog-filter #barvy li {
	float: left
}
#menu #catalog-filter #barvy li a {
	float: left;
	margin: 0 0 7px 6px;
	_margin: 0 0 0 3px;
	height: 19px;
	width: 19px;
	_height: 26px;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 0;
	background: url(../images/strana.gif) top no-repeat
}
*:first-child+html #menu #catalog-filter #barvy li a {
	height: 26px;
	margin: 0 0 0 6px
}
#menu #catalog-filter #barvy li.active a {
	background: url(../images/bg-barvy-active.gif) top no-repeat
}
#menu #catalog-filter #barvy li a span {
  cursor: hand;
  cursor: pointer;
  display: block;
  font-size: 10%;
  height: 11px;
  margin: 4px 0 0 4px;
	width: 11px;
}
#menu #catalog-filter .zuzeni li {
  background: #EEE url(../images/bg-li-size-left.gif) left top no-repeat;
  display: block;
  float: left;
  margin: 0 0 5px 5px;
  min-width: 34px;
  text-align: center;
}
* html #menu #catalog-filter .zuzeni li {
  width: 34px;
}
*:first-child+html #catalog-filter .zuzeni li {
  width: 34px;
}
#menu #catalog-filter .zuzeni li a {
  background: url(../images/bg-li-size-right.gif) right top no-repeat;
  color: #333 !important;
  display: block;
  height: 19px;
  line-height: 19px;
  padding: 0 5px;
  text-decoration: none;
}

#menu #catalog-filter .zuzeni li a:hover {
  font-weight: bold;
}
#menu #catalog-filter .zuzeni li.active {
  background: #FFF url(../images/bg-li-size-left-on.gif) left top no-repeat;
}
#menu #catalog-filter .zuzeni li.active a {
  background: url(../images/bg-li-size-right-on.gif) right top no-repeat;
  color: #FFF !important;
  font-weight: bold;
}

#menu #catalog-filter .znacky {
  margin: 0;
  padding: 0 8px 8px 8px;
  position: relative;
}
#menu #catalog-filter .znacky li a {
  background: url(../images/bg-znacky.gif) 0 2px no-repeat;
  display: block;
  margin: 0;
  padding: 0 0 2px 15px;
}
* html #menu #catalog-filter .znacky li a {
  height: 15px;
}
#menu #catalog-filter .znacky li.active a {
  background: url(../images/bg-znacky-active.gif) 0 2px no-repeat;
  font-weight: bold;
}
#menu #catalog-filter p.zrusit {
  background: url(../images/button-left.gif) left top no-repeat;
  clear: both;
  color: #333;
  cursor: hand;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 10px 5px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
#menu #catalog-filter p.zrusit a {
  background: url(../images/button-right.gif) right top no-repeat;
  display: block;
  float: left;
  height: 20px;
  margin-right: -2px;
  padding: 0 5px 0 5px;
  position: relative;
  text-decoration: none;
}
#menu #catalog-filter h4 a {
	background: url(../images/zuzte-vyber.gif) center no-repeat;
	color: #000;
	text-transform: uppercase;
	height: 20px;
	padding: 4px 9px;
	font-size: 90%;
	text-decoration: none
}
#menu #catalog-filter div.cena {
	min-height: 50px;
	background: url(../images/cenove-rozpeti.gif) 0 9px no-repeat;
	margin: 0 0 0 7px
}
* html #menu #catalog-filter div.cena {
	height: 50px;
}
#menu #catalog-filter div.cena p {
	position: absolute;
	text-align: center;
	height: 30px;
	margin-left: 3px;
	cursor: e-resize;
}
#menu #catalog-filter div.cena .pozice2 {
	margin-left: 70px
}
#menu #catalog-filter div.cena p span {
	display: block;
	text-align: center;
	margin: 0 auto;
}
#menu #catalog-filter div.cena p .obr {
	height: 20px;
	width: 13px;
	background: url(../images/cenove-rozpeti-1.gif) center no-repeat;
	margin: -29px 0 0 4px;
	position: relative;
}
* html #menu #catalog-filter div.cena p .obr {
	margin: -29px 0 0 -2px;
}
#priceMinValue {
  display: block;
  left: 5px;
  position: absolute;
}
#priceMaxValue {
  display: block;
  position: absolute;
  right: 5px;
}

/* aktuality */
#menu #aktuality {
	background: #FFF url(../images/bg-side-trans.gif) left top no-repeat;
  margin: -1px;
  padding-top: 14px;
  position: relative;
  width: 166px;
}
#menu .aktuality {
	background: #EEF5FC url(../images/bg-katalog-side.gif) left top repeat-y;
}
* html #menu .aktuality {
  padding-top: 1px;
}
#menu .aktuality img {
	margin-left: 2px;
}
#menu #aktuality h3 {
  background: #CDDDE9 url(../images/bg-zuzte-navi-h3.gif) left top repeat-x;
  font-size: 130%;
  margin: 1px 2px 0 2px;
  min-height: 22px;
  padding-top: 6px;
  text-indent: 7px;
}
* html #menu #aktuality h3 {
  height: 22px;
}
#menu .aktuality ul li {
	background: url(../images/odrazka1-right.gif) 8px 9px no-repeat;
	border-top: 1px #FFF solid;
	list-style: none;
	margin: 0 1px;
	padding: 5px 18px 6px 18px;
	position: relative;
}
#menu .aktuality ul li.first {
	border: 0;
}

/* profil - pravy horni blok */
#bata-home-top {
  background: #e5eff9 url(../images/bg-box-top-bottom.gif) left top no-repeat;
  left: 773px;
  overflow: hidden;
  position: absolute;
  top: 8px;
  width: 200px;
  z-index: 11;
}
#bata-home-top .inner {
	overflow: hidden;
	width: 100%;
}

/* vyuziva se v JS */
.bata-home-top-wrap-hide-inner .inner {
	display: none !important;
}

#bata-home-top .show #login, #bata-home-top .show #favorite-info, #bata-home-top .show #basket-info {
  display: block;
}
#in-login ul, #in-info ul {
  padding-bottom: 7px;
}


#in-profile {
  background: url(../images/bg-box-top-bottom.gif) left bottom no-repeat;
  padding: 1px;
}
* html #in-profile {
  height: 1px;
}
#in-profile ul {
  list-style: none;
}

#in-profile ul li {
  background: url(../images/odrazka1-blue.gif) 6px 5px no-repeat;
  color: #999999;
  padding: 2px 6px 2px 15px;
}
#in-profile p {
  padding: 0 6px 6px 6px;
}

#in-profile form fieldset {
  border: 0;
}
* html #in-profile form fieldset {
  margin: -15px 0 0 0;
}
#in-profile form label {
  clear: both;
  display: block;
  padding: 6px 6px 3px 6px;
}
#in-profile form input {
  margin: 0 6px;
  width: 180px;
}
#in-profile form button {
  margin: 6px 3px;
}
* html #in-profile form button {
  margin: 6px 3px 6px -11px;
}

#user-top, #favorites-top, #basket-top, #newsletter-top, #store-top {
  background: url(../images/bg-box-section.gif) left top repeat-x;
  border: 1px #f7fafd solid;
  min-height: 31px;
  padding: 0;
}
* html #user-top, * html #favorites-top, * html #basket-top {
  height: 31px;
}

#user-top {
}
.login {
  background: url(../images/bg-box-login.gif) 5px center no-repeat !important;
  padding: 0 0 0 34px !important;
}
.login a {
  margin: 0 5px 0 0;
}
.login .toggle {
  line-height: 31px;
}
*:first-child+html #user-top form {
  margin: -15px 0 15px 0;
}

#favorites-top {
  border-top: 0;
}
.favorite-top {
  background: url(../images/bg-box-favorite.gif) 5px center no-repeat !important;
  line-height: 31px;
  padding: 0 0 0 34px !important;
}

#basket-top {
  border-top: 0;
}
.basket-top {
  background: url(../images/bg-box-basket.gif) 5px center no-repeat !important;
  padding: 8px 0 6px 34px !important;
}
*:first-child+html #basket-top .clear {
  margin: 0;
}


#basket-top img {
  display: none;
}
.artikl {
  padding: 0 0 6px 0;
}
.artikl p {
  padding-right: 0;
}
.artikl p a img {
  display: block !important;
  float: left;
}
.artikl ul {
  float: left;
  overflow: hidden;
  width: 110px;
}
.artikl ul li {
  background: transparent !important;
  padding: 0 0 0 6px !important;
}
.artikl ul.basket-no, .artikl ul.favorites-no {
  float: none !important;
  width: 100% !important;
}
.artikl ul.basket-no li, .artikl ul.favorites-no li {
  background: url(../images/odrazka1-blue.gif) 6px 5px no-repeat !important;
  padding: 0 16px !important;
}

#newsletter-top {
  border-top:0 none;
}
#newsletter-top .size {
  background:transparent url(../images/bg-box-newsletter.gif) no-repeat scroll 5px center !important;
  padding:0 0 0 34px !important;
}
#newsletter-top .size .toggle {
  line-height:32px;
}

#store-top {
  border-top:0 none;
}
#store-top .store {
  background:transparent url(../images/bg-box-store.gif) no-repeat scroll 5px center !important;
  padding:0 0 0 34px !important;
}
#store-top .store .toggle {
  line-height:32px;
}

/* sluzby */
#services {
  background: #FFF url(../images/bg-services.gif) left bottom no-repeat;
  margin: 0 23px;
  min-height: 55px;
  padding: 15px 0 0 0;
  width: 950px;
}
*:first-child+html #services {
  margin-top: -10px;
}
* html #services {
  height: 55px;
}
#services div {
  border-right: 1px #f3f7fb solid;
  display: inline;
  float: left;
  min-height: 47px;
  overflow: hidden !important;
  position: relative;
}
* html #services div {
  height: 47px;
}

#services div a {
  color: #000;
}
#services div p a {
  background: url(../images/odrazka1-right.gif) left center no-repeat;
  padding: 0 10px;
}
#services div fieldset {
  border: 0;
}
#services div legend {
  color: #528CBC;
  font-weight: bold;
  margin: 0 0 0 -7px;
}
#services div label {
  display: none;
}
#services div input {
  width: 100px;
}
#services div h6, #services div legend {
  color: #528CBC;
  font-size: 140%;
  padding: 5px 0 0 0;
}
#services div h6 a, #services div legend a {
  color: #528CBC;
  text-decoration: none;
}
#services div img {
  left: 0;
  position: absolute;
  top: 5px;
}

#services div ul li {
  background: url(../images/odrazka1-right.gif) left center no-repeat;
  display: inline;
  padding: 0 10px;
}

/* sluzby - hledate bata prodejnu */
#services div#services-prodejna {
  margin: 0 14px;
  padding: 0 14px 0 50px;
}
/*
* html #services div#services-prodejna {
  margin: 0 15px 0 7px;
  width: 250px;
}
*/
#services.three div#services-prodejna {
  margin: 0 65px 0 14px;
  padding: 0 15px 0 45px;
  width: 208px;
}

/* sluzby - novinky emailem */
#services div#services-novinky {
  background: url(../images/services-newsletter.jpg) left 5px no-repeat;
  margin: 0 14px 0 0;
  padding: 0 14px 0 50px;
  width: 190px;
}
#services.three div#services-novinky {
  margin: 0 65px 0 0;
  padding: 0 45px 0 45px;
  width: 210px;
}
#services div#services-novinky button {
  margin-left: -7px;
}
* html #services div#services-novinky button {
  margin-left: -3px;
  position: absolute;
  left: 151px;
  top: 24px;
}
*:first-child+html #services div#services-novinky button {
  position: absolute;
  left: 151px;
  top: 24px;
}

/* sluzby - bata klub */
#services div#services-klub {
  margin: 0 13px 0 0;
  padding: 0 11px 0 50px;
}

/* sluzby - potrebujete poradit */
#services div#services-poradit {
  border: 0;
  padding: 0 0 0 50px;
  width: 186px;
}

/* paticka */
#footer {
  background: url(../images/bg-footer.gif) left bottom no-repeat;
}
#footer a.print {
  bottom: 28px;
  position: absolute;
  left: 951px;
}
#footer ul {
  margin: 0 14px;
  padding: 19px 31px 34px 9px;
  width: 928px;
}
#footer ul li a {
  border-right: 1px #d3d3d3 solid;
  color: #528cbc;
  padding: 0 14px 0 10px;
}
#footer ul li.last a {
  border: 0;
}
#footer ul li {
  display: inline;
  list-style: none;
}

/* spodní odkazy + copyright */
#info {
  color: #728CA6;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 30px;
  position: relative;
  width: 970px;
}
#info a {
  color: #728CA6;
}
#info div {
  border-right: 1px #D9E2EB solid;
  float: left;
  margin: 3px 12px 0 0;
  min-height: 80px;
  padding-left: 8px;
}
* html #info div {
  height: 80px;
}

#info h6 {
  font-size: 100%;
}
#info ul {
  margin-left: 2px;
  padding-top: 4px;
}
#info ul li {
  display: block;
  list-style: none;
  width: 100%;
}
#info ul li a {
  background: url(../images/odrazka1-blue.gif) left center no-repeat;
  padding: 1px 0 0 16px;
}
#info p {
  font-size: 100%;
  padding: 1px 0 4px 0;
}
#info div.projekty {
  width: 319px;
}
#info div.projekty ul li {
  display: block;
  float: left;
  width: 158px;
}
#info div.jak-nakupovat {
  width: 140px;
}
#info div.odkazy {
  width: 127px;
}
#info div.copy {
  border: 0;
  margin: 3px 0 0 0;
  width: 305px;
}
#info div.copy p {
  padding: 4px 0 0 3px;
}
#info div.copy img {
  float: right;
}
#info div.copy span {
  padding: 0 6px;
}
#info div.copy span.sym {
  padding: 0;
}

/* JEN CHYBOVY HLASKY */
.error-shadow {
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	background-color:#000;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
* html .error-shadow {
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  position: absolute;
}
.msg {
  background: #FFF;
  border-left: 1px #000 solid;
  border-right: 1px #000 solid;
  left: 50%;
  margin: -50px 0 0 -250px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 500px;
  z-index: 999;
}
.error, .success {
	background: #EEF5FC;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  margin: -1px 0;
  padding: 10px;
  position: relative;
}
.msg h2 {
	background: #fff;
	border: 1px solid #C6C6C6;
	font-size: 130%;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.msg p {
  display: block;
  padding: 10px 0 0 0;
  text-align: right;
}
.msg .error h2 {
	color: #E00117;
}
.msg .info h2 {
	border: 1px #4779A7 solid;
}
.msg .success h2 {
	border: 1px #C99841 solid;
}
.msg .notice h2  {
	color: #000;
}

/* ve formularich */
.form_error {
  color: #E00117;
  font-weight: bold;
  margin: 0 0 0 5px;
}
#step-basket .user-detail-form-contact-method .form_error {
  margin: 13px 0 0 110px;
  position: absolute;
}
* html #step-basket .user-detail-form-contact-method .form_error {
  margin: 15px 0 0 0;
}
#step-basket .souhlas .form_error {
  clear: both;
  margin: 0 0 5px 0;
  width: 100%;
}
* html #step-basket .souhlas .form_error {
  margin: 0 0 -5px 0;
}
#step-basket .right .form_error {
  position: relative;
}
#step-basket #step3 .form_error {
  margin: 14px 14px 7px 17px;
}
#step-basket #step3 .form_error {
  margin: 14px 14px 7px 17px;
}
#infavorites .form_error {
  margin: 5px 0 -5px 5px;
  position: relative;
}
.left .form_error {
  clear: both;
  margin: 0 0 0 -5px;
  position: relative;
}
#bata-home-top .form_error {
  clear: both;
  color: #FFF;
  font-weight: normal;
  display: block;
  padding: 3px 0 0 0;
  text-align: right;
}

.dotaznik .form_error {
  margin: 0 0 0 -2px;
}

/* JEN CHYBOVE STRANKY */
#error-page {
  background: #FFF;
  margin: 0 0 -2px -176px;
  padding: 0 30px;
  position: relative;
  width: 890px;
}
#error-page a {
  color: #e00117;
}
#error-page h2 {
  color: #e00117;
  font-size: 320%;
  padding: 22px 10px;
}
#error-page h3 {
  font-size: 150%;
  padding: 0 14px 10px 14px;
}
#error-page p {
  font-size: 110%;
  padding: 0 28px 28px 28px;
}
#error-page ul {
  padding: 0 28px 28px 28px;
}
#error-page ul li {
  background: url(../images/odrazka4.gif) left center no-repeat;
  list-style: none;
  padding: 5px 0 5px 18px;
}

button#trigger_birthdate{
background:url(../images/calendar-icon.gif) no-repeat !important;
width:15px;
height:22px;
font-size:0px;
float:left;
clear:none !important;
position:relative;
top:-1px;
outline:none;
}

.sedy {
  color: #949494;
}
.bold-sedy {
  color: #949494;
  font-weight: bold;
}
.blue {
  color: #528cbc;
}
.normal {
  color: #000;
  font-weight: normal;
}

#lang {
  left: 685px;
  position: absolute;
  top: 15px;
  z-index: 15;
}
#lang li {
  list-style: none;
  padding: 3px 0 3px 27px;
}
#lang li#lang_cs_CZ {
  background: url(../images/lang_cs_CZ.gif) no-repeat left center;
}
#lang li#lang_de_CH {
  background: url(../images/lang_de_CH.gif) no-repeat left center;
}
#lang li#lang_fr_CH {
  background: url(../images/lang_fr_CH.gif) no-repeat left center;
}