html {height:100%;}
body { 
  margin:0; 
  padding:0; 
  height:100%;
  min-height:100%;
  color:#fff; 
  font-family:Arial,Verdana; 
  text-align:center; 
  background:#000000 url("../images/pzdi.png") repeat center top;
}

.clear { clear:both;	line-height:0; _font-size:0; }
.fleft {float:left;}
.fright {float:right}
.hidden {display:none;}

form fieldset {margin:0;padding:0;border:none;}
form fieldset legend {display:none;}
img {border:0;}


#page {
  padding:11px 0 0 0;
  position:relative;
  min-height:100%;
}
* html #page {height:100%;}

#lt,#lb,#rt,#rb {width:156px;height:229px;z-index:1;}
#lt {position:absolute;left:0;top:0;}
#lb {position:absolute;left:0;bottom:0;}
#rt {position:absolute;right:0;top:0;}
#rb {position:absolute;right:0;bottom:0;}


#topbar {
  position:relative;
  margin:auto;
  padding:8px 8px 0 8px;
  width:984px;
  height:42px;
  background:#000 url("../images/topbar-bg.jpg") no-repeat left bottom;
  z-index:3;
  text-align:left;
}
#head {
  position:relative;
  margin:auto;
  width:1000px;
  height:216px;
  z-index:2;
}
#shadowl {
  position:absolute;
  left:-10px;
  top:0;
  width:10px;
  height:216px;
  background:url("../images/shadowl.jpg") no-repeat left bottom;
}
#shadowr {
  position:absolute;
  right:-14px;
  top:0;
  width:14px;
  height:315px;
  background:url("../images/shadowr.jpg") no-repeat left bottom;
}
#console {
  position:relative;
  margin:auto;
  width:1000px;
  height:77px;
  background:url("../images/console.jpg") no-repeat left top;
  text-align:left;
}
#content {
  position:relative;
  margin:auto;
  padding:0 0 80px 22px;
  width:978px;
  min-height:1000px;
  _height:1000px;
  background:#000 url("../images/content-bg.jpg") no-repeat left top;
  z-index:2;
  text-align:left;
}
#foot {
  position:relative;
  margin:auto;
  width:1000px;
  height:77px;
  line-height:60px;
  z-index:2;
  color:#fff;
  font-size:10px;
}
#foot a {text-decoration:none;color:#fff;}
#foot a:hover {color:#ff0000; text-decoration:underline}

#banery {
  width:1000px;


}
#banery a img {
  border:0;
}

#banery a {
  color:#fff;
  font-family: Arial;
  font-size:11px;
  text-decoration:none;
}

#banery a:hover {color:#ff0000; text-decoration:underline}


#footimg {
  position:absolute;
  bottom:-70px;
  left:-66px;
  width:139px;
  height:167px;
  background:url("../images/footimg.gif") no-repeat left top;
  z-index:2;
}



/*logo*/
#logo {
  position:absolute;
  top:50px;
  left:0;  
	margin:0; 
	padding:0;
	width:1000px; 
	height:216px;
}
#logo span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	width:1000px; 
	height:216px;
}
#logo .top1 {background:url("../images/header1.jpg") no-repeat left top;}
#logo .top2 {background:url("../images/header2.jpg") no-repeat left top;}
#logo .top3 {background:url("../images/header3.jpg") no-repeat left top;}
#logo .top4 {background:url("../images/header4.jpg") no-repeat left top;}
#logo .top5 {background:url("../images/header5.jpg") no-repeat left top;}
#logo .top6 {background:url("../images/header6.jpg") no-repeat left top;}
#logo .top7 {background:url("../images/header7.jpg") no-repeat left top;}

/*search form*/
#topbar form {margin:0;padding:0;width:210px;}
#topbar form .input {
  position:relative;
  float:left;
  margin:0 3px 0 0;
  padding:0;
  width:159px;
  height:23px;
  background:url("../images/sinput.gif") no-repeat left top;
}
#topbar form .input input {
  position:absolute;
  left:1px;
  top:5px;
  padding:0 5px;
  margin:0;
  width:147px;
  height:13px;
  background:none;
  border:none;
  font-size:10px;
  color:#fff;
}
#topbar form .submit {float:left;}

/*MENUS*/
#topbar ul {position:absolute;top:10px;right:8px;margin:0;padding:0;}
#topbar ul li {float:left;;margin:0;padding:0 10px;list-style:none;}
#topbar ul li a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  font-size:13px;
}
#topbar ul li a:hover {text-decoration:underline;color:#ff0000;}
#topbar ul li.separator {background:url("../images/topbarseparator.gif") no-repeat right 5px;}
#topbar ul li a.selected {text-decoration:underline;color:#ff0000;}

/*console boxes*/
#box1 {
	position:relative;
  float:left;
  margin:9px 0 0 0;
  width:266px;
  height:61px;
}

#box1 .title {
	position:absolute;
	top:0;
	left:0;
	margin:0; 
	padding:0;
	width:85px; 
	height:48px;
	overflow:hidden;
	z-index:0;
  color:#ff0000;
}
#box1 .title span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	z-index:0;
	width:85px; 
	height:48px;
	background:url("../images/nakupni-kosik-title-bg.jpg") no-repeat left top;
}
#box1 p { 
  position:relative;
  top:11px;
  right:26px;
  padding:0;
  margin:0;
  line-height:18px;
  float:right;
  font-size:12px;
}
#box1 p a {color:#fff;font-weight:bold;} 
#box1 p a:hover {color:#ff0000;} 
#box2 {
  position:relative;
  float:left;
  margin:9px 0 0 17px;
  width:315px;
  height:61px;
}
#box2 .title {
	position:absolute;
	top:0;
	left:0;
	margin:0; 
	padding:0;
	width:65px; 
	height:26px;
	overflow:hidden;
	z-index:0;
  color:#ff0000;
}
#box2 .title span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	z-index:0;
	width:65px; 
	height:26px;
	background:url("../images/login-title-bg.jpg") no-repeat left top;
}

#box2 form {
  float:right;
  margin:3px 0 0 0;
  padding:0;
}
#box2 table {
  position:relative;
  margin:0;
  padding:0;
  width:237px;
}
#box2 table th {
  font-weight:normal;
  font-size:10px;
}
#box2 table td {
  vertical-align:top;
}
#box2 form .input {
  position:relative;
  padding:0;
  margin:0;
  width:118px;
  height:23px;
  background:url("../images/logininput.gif") no-repeat left top;
}
#box2 form .input input {
  position:absolute;
  top:5px;
  left:0;
  margin:0;
  padding:0 5px;
  width:106px;
  border:none;
  font-size:10px;
  color:#fff;
  background:none;
}
#box2 form .submit {
  margin:0;
  padding:0;
  width:65px;
  height:23px;
  font-size:10px;
  color:#fff;
  background:#000;
  border:1px solid #c5c5c5;
  text-align:center;
}
#box3 {
  position:relative;
  float:left;
  margin:13px 0 0 24px;
  line-height:17px;
  font-size:10px;
}
#box3 a {padding:2px;color:#fff;}
#box3 a:hover {background:#000;text-decoration:none;}


/*content boxes*/
#b1 {
  position:relative;
  float:right;
  margin:0;
  padding:0;
  width:724px;
}

#b1 h2 {
  padding-top:26px;
}

#b1 h3 {
	font-size:0.9em;
	color:#ff0000;
}

#b1 input {
  background-color:#555555;
  color:#ffffff;
  
}

#b1 table td {
  font-size:12px;  
}

#b1 p {
  text-align:justify;
  font-size:0.8em;
}

#b1 #katalog a {
  color:#ea0003;
}

#b1 #katalog th {
  font-size:12px;
  padding:4px;
}

#b1 #katalog tr.kosik_nad {
  background-color:#EA0003;
  color:#ffffff;
}

#b1 #katalog tr.kosik_nad td{
  font-weight:bold;
}

#b1 #katalog tr.pol_kosik1 {
  background-color:#343434;
}

#b1 #katalog tr.pol_kosik2 {
  background-color:#545454;
}

#b1 #katalog td {
  padding:4px;
}

#b1 #katalog p {
  margin-right:25px;
}

#b1 #katalog ol li {
  font-size:12px;
}

#b1 #katalog h3.prodejna {
  color:#ff0000;
}

#b1 #katalog a.prodejna_vpravo {
  float:right;
  margin-right:130px;
}

#b1 #katalog img.prodejna {
  border:3px solid #ff0000;
}

#b2 {
  float:left;
  width:230px;
}

#b2 h2 {
  position:relative; 
	margin:0; 
	padding:0;
	width:230px;
}



#b2 h2 span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	width:230px;
}
#pro-pany {top:9px;height:86px;}
#pro-pany span {
  height:86px;
  background:url("../images/pro-pany.jpg") no-repeat left top;
}
#pro-damy {top:9px;height:88px;}
#pro-damy span {
  height:88px;
  background:url("../images/pro-damy.jpg") no-repeat left top;
}
#doplnky {top:9px;height:83px;}
#doplnky span {
  height:83px;
  background:url("../images/doplnky.jpg") no-repeat left top;
}
#vyprodej {top:9px;height:86px;}
#vyprodej span {
  height:86px;
  background:url("../images/vyprodej.jpg") no-repeat left top;
}
#anketa {top:9px;height:57px;}
#anketa span {
  height:57px;
  background:url("../images/anketa.jpg") no-repeat left top;
}




#b2 ul {
  margin:9px 0 0 4px;
  padding:18px 0 18px 17px;
  width:205px;
  background:#0e0e0e url("../images/menu-bg.jpg") no-repeat left top;
}
#b2 ul li {
  margin:0;
  padding:0;
  list-style:none;
}
#b2 ul li a {
  padding:0 0 0 20px;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  text-decoration:none;
  background:url("../images/menu-ico.gif") no-repeat left center;
}
#b2 ul li a:hover {text-decoration:underline;}

#b2 ul li a.selected {
  color:#ff0000;
  text-decoration:underline;
}
.b2cnt {
  position:relative;
  margin:9px 0 0 4px;
  padding:18px 0 18px 17px;
  width:205px;
  background:#0e0e0e url("../images/menu-bg.jpg") no-repeat left top;
  z-index:2;
}
.b2cnt p {
  color:#fff;
  font-size:12px;
}
#anketabody {
  margin:0;
  padding:0;
  font-size:10px;
}
#anketabody th {
  margin:0;
  padding:0;
  color:#fff;
  text-align:left;
  font-weight:normal;
}
#anketabody th a {color:#fff;text-decoration:none;}
#anketabody th a:hover {color:#ff0000;text-decoration:underline;}
.anketa-line {width:119px;}
.anketa-line img {height:11px;}

.b2place {
  position:relative;
  margin:9px 0 0 4px;
  padding:18px 0;
  width:230px;
  z-index:2;
  text-align:center;
}

/*obsah*/
.kolekce {
  display:block;
  position:relative;
	margin:30px 0 30px 0; 
	width:332px; 
	height:255px; 
	border:1px solid #000;
}
.kolekce:hover {border:1px solid #ff0000;}
.kolekce span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	width:332px; 
	height:255px; 
	cursor:pointer;
}
#damska1 {float:right;right:26px;}
#panska1 {float:left;}
#panska1 span {background:#0e0e0e url("../images/panska1.jpg") no-repeat left top;}
#damska1 span {background:#0e0e0e url("../images/damska1.jpg") no-repeat left top;}

#panska2 {float:left;}
#damska2 {float:right;right:26px;}
#panska2 span {background:#0e0e0e url("../images/panska2.jpg") no-repeat left top;}
#damska2 span {background:#0e0e0e url("../images/damska2.jpg") no-repeat left top;}

#panska3 {float:left;}
#damska3 {float:right;right:26px;}
#panska3 span {background:#0e0e0e url("../images/panska3.jpg") no-repeat left top;}
#damska3 span {background:#0e0e0e url("../images/damska3.jpg") no-repeat left top;}

/*nadpisy*/
#b1 h1 {
  color:#ff0000;
  font-size:22px;
  font-weight:bold;
}
#b1 h2 {  
  margin-top:0;
  color:#ff0000;
  font-size:22px;
  font-weight:bold;
}
#h1title {  
  float:left;
  margin:45px 0 20px 0 !important;
  color:#ff0000;
  font-size:21px !important;
  font-weight:bold;
}

/*items*/
.listitem {
  float:left;
  margin:0 19px 25px 0;
  width:214px;
  height:330px;
}
.listitem a img {border:3px solid #ff0000;}
.listitem a:hover img {border:3px solid #000;}
.listitem .text {
  float:left;
  margin:5px 0 10px 0;
  padding:0;
  color:#ff0000;
  font-weight:bold;
  font-size:12px;
}
.listitem .text a {color:#ff0000;text-decoration:none;}
.listitem .text a:hover {color:#fff;}
.listitem .price {
  float:right;
  margin:5px 0 0 0;
  color:#fff;
  font-weight:bold;
  font-size:15px;
}
.listitem form {margin:0;padding:0;width:214px;}
.listitem form fieldset {margin:0;padding:0; font-size:10px;}
.variant {
  float:left;
  margin:0 2px 0 0;
  width:83px;
  background-color:#2e2e2f;
  border:1px solid #c1c1c1;
  color:#fff;
}
.size {
  float:left;
  margin:0 3px 0 0;
  width:128px;
  background-color:#2e2e2f;
  border:1px solid #c1c1c1;
  color:#fff;
}
.count {
  float:left;
  margin:0 2px 0 0;
  width:20px;
  height:19px;
  border:1px solid #c1c1c1;
  background-color:#2e2e2f;
  color:#fff;
}
.listitem form label {
  float:left;
  margin:0 3px 0 0;
  height:20px;
  line-height:20px;
  font-size:12px;
}
.listitem form .submit {
  float:left;
}

/*news*/
.newsitem {
  float:left;
  margin:0 20px 20px 0;
  width:335px;
}
.newsitem h3 {
  margin:0 0 10px 0;
  padding:0;
  font-size:0.8em;
}
.newsitem h3 a {color:#ff0000;text-decoration:none;} 
.newsitem h3 a:hover {color:#fff;text-decoration:underline;} 
.newsitem img {float:left;border:3px solid #ff0000;}
.newsitem p {
  float:left;
  margin:0 0 0 14px;
  padding:0;
  font-size:0.75em;
  color:#fff;
  width:230px;
  text-align:justify;
}
.newsitem p a {color:#ff0000;}
.newsitem p a:hover {color:#fff;}

/*send news to email*/
#sendnews {
  margin:20px 0 40px 0;
}
#sendnews th {
  font-size:0.75em;
  text-align:right;
  font-weight:normal;
}
#sendnews form {
  margin:0 0 0 20px;
}
#sendnews form .input {
  float:left;
  width:159px;
  height:23px;
  background:#1f1f1f url("../images/emailinput.jpg") no-repeat left top;
}
#sendnews form .input input{
  background:none;
  padding:0 5px;
  width:147px;
  color:#fff;
  border:0;
}
#sendnews form .submit {
  float:left;
  margin:0 0 0 3px;
}

.npproducts {margin:0 30px 0 0;padding:0;}
.npproducts li {margin:0;padding:0;list-style:none;font-size:0.75em;}
.npproducts li a {color:#ff0000;}
.npproducts li a:hover {color:#fff;}

#htlogo {
  position:absolute;
  bottom:70px;
  left:60px;
  width:147px;
  height:61px;
  background:url("../images/htlogo.jpg") no-repeat left top;  
  z-index:3;
}

#footmenu {
  position:absolute;
  bottom:0;
  margin:0;
  padding:0 0 0 250px;
  height:80px;
}
#footmenu ul {
  position:absolute;
  top:40px;
  left:245px;
  margin:0;
  padding:0;
  width:700px;
}
#footmenu ul li {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
}
#footmenu ul li.separator {background:url("../images/footmenu-selector.gif") no-repeat right 7px;}
#footmenu ul li a {
  padding:0 5px 0 5px;
  font-size:0.8em;
  color:#fff;
  text-decoration:none; 
}
#footmenu ul li a:hover {color:#ff0000;text-decoration:underline;}
#footmenu ul li a.selected {color:#ff0000;text-decoration:underline;}

/*navi*/
.navibox {
  float:right;
  margin:20px 0 10px 0;
  width:284px;
  height:70px;
}
.navitile {
  display:block;
  float:left;
  margin:0 2px 0 0;
  height:27px;
  line-height:27px;
  font-size:12px;
}
a.navia {
  display:block;
  float:left;
  margin:0 0 10px 5px;
  width:27px;
  height:27px;
  line-height:27px;
  font-size:14px;
  color:#fff;
  text-align:center;
  background:url("../images/navibutton-bg.jpg") no-repeat left top;
  text-decoration:none;
}
a.navia:hover {
  background:url("../images/navibutton-bg.jpg") no-repeat right top;
}
span.navia {
  display:block;
  float:left;
  margin:0 0 10px 5px;
  width:27px;
  height:27px;
  line-height:27px;
  font-size:14px;
  color:#fff;
  text-align:center;
  background:url("../images/navibutton-bg.jpg") no-repeat right top;
  text-decoration:none;
}
.asc {
  display:block;
  float:left;
  margin:0 0 0 10px;
  padding:0 11px 0 0;
  height:27px;
  line-height:27px;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  background:url("../images/asc.gif") no-repeat right 11px;
}
.desc {
  display:block;
  float:left;
  margin:0 0 0 10px;
  padding:0 11px 0 0;
  height:27px;
  line-height:27px;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  background:url("../images/desc.gif") no-repeat right 11px;
}
.asc:hover,.desc:hover {text-decoration:underline;}
.selectedfilter {text-decoration:underline !important;font-weight:bold;}

/*detail*/
#itemdetail {
  float:right;
  margin:40px 0 0 0;
  width:310px;
}
#itemdetail h1 {
  margin-top:0 !important;
}
#itemdetail table {
  margin:20px 0 0 0;
  border:none;
  border-collapse:colapse;
  border-spacing:0;
}
.thbg {
  margin:0;
  padding:7px 0 6px 5px;
  width:105px;
  vertical-align:top;
  text-align:left;
  font-size:0.75em;
  background:#292929 url("../images/thbg.jpg") no-repeat left top;
  border:solid #000;
  border-width:0 0 1px 0;
  color:#ff0000;
}
.tdbg {
  margin:0;
  padding:7px 0 6px 0;
  width:145px;
  font-size:0.75em;
  background:#292929 url("../images/tdbg.jpg") no-repeat left top;
  border:solid #000;
  border-width:0 0 1px 0;
}
.price th {
  padding:0 0 0 5px;
  line-height:79px;
  font-size:0.7em;
  font-weight:normal;
  text-align:left;
}
.price td {
  line-height:70px;
  font-size:1.2em;
  font-weight:bold;
  color:#ff0000;
}
#itemdetail form .count {
  font-size:10px;
  height:15px;
}
#itemdetail table .submit input {margin:26px 0 0 40px;}

#itemdetailimg {
  position:relative;
  float:left;
  margin:30px 0 0 0;
  padding:0;
  width:385px;
}
#detailimgbox {
  display:block;
  width:385px;
  overflow:hidden;
  position:relative;
  margin:0 0 0 0;
}
#detailimgbox img {
  border:3px solid #ff0000;
}
#lupa {
  display:block;
  position:absolute;
  bottom:16px;
  right:11px;
	margin:0; 
	padding:0;
  width:22px;
  height:22px;
	overflow:hidden;
	z-index:0;
}
#lupa span {
  display:block;
  position:absolute;
  bottom:0;
  right:0;
  width:22px;
  height:22px;
  background:#fff url("../images/lupa.gif") no-repeat left top;
}
#backsite {
  float:right;
  margin:10px 0 0 0;
  color:#fff;
  font-size:0.7em;
}
#backsite:hover {color:#ff0000;}
#itemdetailimg span {
  float:left;
  margin:10px 0 0 0;
  font-weight:bold;
  font-size:0.75em;
  color:#ff0000;
}
.colvariants {
  float:left;
  margin:15px 10px 10px 0;
  width:105px;
}
.colvariants a {display:block;}
.colvariants a img {border:1px solid #ff0000;}
.colvariants a:hover img {border:1px solid #000;}
.colvariants span {
  display:block;
  margin:3px 0 0 0 !important;
  padding:0 !important;
  font-size:0.7em !important; 
  color:#a2a2a2 !important;
  font-weight:normal !important;
}

.error {
  background-color:#F0FF00;
  color:#000000;
  padding:5px;
  margin:10px;
  text-align:center;
  font-weight:bold;
}

.napravo {
  float:right;
  margin-left:20px;
  margin-right:20px;
}

.nalevo {
  float:left;
  margin-left:20px;
  margin-right:20px;
}

.nalevo img {
  border:3px solid #ff0000;
}