/*dlabola-2007*/

/*global styl*/
html {
	border: 0px;
	height: 100%;
}
body {
	font-size: 11px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	text-align: center;
	color:  #000000;
	height: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background: #ffffff url(img/body.jpg) scroll repeat-x center top;
}
.cistic {
	clear: both;
}
a{
  text-decoration:  none;
  color:  #000000;
}
a:hover,
a.selected{
  color:  #6cff00;
}
h1{
  color: #000000;
  margin-top: 10px;
  padding:  0px;
  font-size:  18px;
  font-weight:  bold;
}
h2{
  color:  #009800;
  font-size:  14px;
  margin: 0px 0px 0px 0px;
}
.cb{
	clear: both;
	height: 1px;
	border: none;
	background: none;
}

table{
  margin-left:0px;
  width:  651px;
  color:  #000000;
  background: #f7f7f7;
  border: 1px solid #dcdcdc;
}
img{
  border:none;
}
th{
  text-align: left;
  font-size:  12px;
  padding:  0px 0px 0px 10px;
  background: #CAFFBD;
  color:  #009800;
  line-height:  20px;
}
td{
  padding:  0px 0px 0px 15px;
  font-size:  11px;
}
.levy{
  width:  50%;
}
.licha{
  background: #f7f7f7;
}
.suda{
  background: #ffffff;
}
.text{
  border: 1px solid #818181;
  width:  150px;
}
select{
  width:  152px;
  border: 1px solid #848484;
  margin: 0px 0px 0px 0px;
}
.submit{
  color:  #ffffff;
  font-size:  11px;
  width:  154px;
  height: 20px;
  border: 1px solid #daffbf;
  background: url(img/submit.gif) scroll repeat-x left top;
  cursor: pointer;
}
/*konec global*/
#stranka{
  position: relative;
  width: 902px;
  min-height: 100%;
  text-align: center;
  padding:  0px 0px 0px 0px;
  margin: 0px auto;
  background: url(img/stranka.gif) scroll repeat-y left top;
}
#hlavicka{
  position:  relative;
  width:  902px;
  height: 235px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url(img/hlavicka.jpg) scroll no-repeat left top;
}
#odkazIndex{
  position: absolute;
  top:  80px;
  left: 72px;
  width:  751px;
  height: 55px;
}
#hlavniMenu{
  position: absolute;
  top:  161px;
  left: 10px;
  width:  690px;
  height: 53px;
  background: url(menu/hlavni.jpg) scroll no-repeat left top;
  xborder: 1px solid #ff0000;
}
#hlavniMenu a{
  display:  block;
  float:left;
  width:  91px;
  height: 41px;
  color:  #ffffff;
  font-weight:  bold;
  margin: 0px 0px 0px 0px;
  padding:  0px 2px 0px 0px;
}
#hlavniMenu a:hover,
#hlavniMenu a.selected{
  background: url(menu/selected.gif) scroll no-repeat center bottom;
}
#hlavicka #hledat{
  position: absolute;
  top:  211px;
  left: 704px;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#formHledat input.text{
  padding:  1px 0px 1px 2px;
  margin: 0px 0px 0px 0px;
  width:  75px;
  height: 17px;
  vertical-align:  middle;
  font-size:  12px;
  vertical-align: middle;
  border: 1px solid #848484;
}
#formHledat input.submit{
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
	font-size: 12px;
	color: #ffffff;
	width: 20px;
	vertical-align:  middle;
	font-weight: bold;
	background: none;
	border: none;
} 
#telo{
  position: relative;
  top:  0px;
  left: 0px;
  width:  902px;
  min-height: 307px;
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  background: url(img/telo.gif) scroll no-repeat left top;
}
#pravyP{
  float:  left;
  text-align: left;
  margin: 0px 0px 0px 8px;
  padding:  24px 0px 0px 0px;
  width:  202px;
  min-height: 300px;
  background: #ffffff url(img/pravyP.jpg) scroll no-repeat left top;
}
#hlavniP,
#prihlaseni,
#kosik{
  float:  left;
  text-align: left;
  width:  651px;
  min-height: 350px;
  margin: 7px 0px 0px 0px;
  padding:  0px 10px 10px 31px;
}
#paticka{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width:  902px;
  height: 41px;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url(img/paticka.gif) scroll no-repeat left bottom;
}
#post{
  position: absolute;
  left: 590px;
  bottom: 5px;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/*katalog*/
div.katalog,
div.hlavniPObsah{
  padding: 0px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
}
div.seradit{
  margin: 5px 0px 5px 0px;
  font-weight:bold;
}
div.volbaStranky{
  margin: 0px 0px 5px 0px;
}
#vyrobciSubmit.submit{
  width:  20px;
  height: 20px;
  border: 1px solid #848484;
  color:  #ffffff;
  font-weight:  bold;
  margin: 0px 0px 1px 0px;
}
div.katalog div.polozkaObsah,
div.prislusenstvi div.polozkaObsah{
  position: relative;
  top:  0px;
  left: 0px;
  height: 200px;
  border: 1px solid #848484;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div.polozkaObsah img.obrazek{
  width:  200px;
  height: 200px;
}
div.polozkaObsah h2{
  position: absolute;
  top:  0px;
  left: 200px;
  width:  439px;
  height: 19px;
  background: #CAFFBD;
  line-height:  16px;
  overflow: hidden;
  padding:  1px 0px 0px 10px;
}
.akce{
  color:  #E80234;
}
div.polozkaObsah .popis{
  position: absolute;
  top:  40px;
  left: 210px;
  width:  429px;
  height: 50px;
  overflow: hidden;
}
div.polozkaObsah a.btnVlozit{
  position: absolute;
  top:  132px;
  right: 20px;
  width:  120px;
  text-align: left;
  padding:  50px 0px 0px 0px;
  background:  url(img/kosik.jpg) scroll no-repeat right bottom;
}
div.polozkaObsah a.btnVlozit:hover,
div.polozkaObsah a.btnVlozit.selected{
  color:  #000000;
	background:  url(img/kosik2.jpg) scroll no-repeat right bottom;
}
div.polozkaObsah a.btnInfo{
  position: absolute;
  top:  182px;
  left: 210px;
  color:  #8c8c8c;
}
div.polozkaObsah div.cena{
  position: absolute;
  top:  97px;
  left: 210px;
  color:  #009800;
  font-weight:  bold;
}
.puvodniCena{
  color:  #8c8c8c;
  font-weight:  normal;
  text-decoration: line-through;
}
/*konec katalogu*/
/*pravy panel*/
#pravyP .hlavniNabidka {
	width: 202px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
}
#pravyP .hlavniNabidka ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}
#pravyP .hlavniNabidka ul li ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 7px 0px;
	list-style-type: none;
	text-align: left;
	background: none;
} 
#pravyP .hlavniNabidka ul li {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background:  none;
}
#pravyP .hlavniNabidka ul li a {
	display: block;
	width: 190px;
	height: 25px;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
	background: #F0FFEC;
	padding: 0px 0px 0px 8px;
	margin: 1px 0px 1px 1px;
	overflow:  hidden;
	border: 1px solid #dbdbdb;
}
#pravyP .hlavniNabidka ul li a:hover, #pravyP .hlavniNabidka ul li a.selected {
	color: #008100;
	background: #8bff76;
  font-weight: bold;
}
#pravyP .hlavniNabidka ul li ul li {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
#pravyP .hlavniNabidka ul li ul li a {
	width: 168px;
  padding: 0px 0px 0px 30px;
}
#pravyP .hlavniNabidka ul li ul li ul li {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
#pravyP .hlavniNabidka ul li ul li ul li a {
	width: 150px;
  padding: 0px 0px 0px 48px;
  color: #409700;
}
/*konec praveho panelu*/
/*detail*/
div.detailNavigace{
  margin: 0px 0px 10px 0px;}
table.detailParametry{
  float: right;
	text-align:  left;
	padding-bottom: 20px;
}
table.detailParametry col.levy{
	width: 200px;
}
table.detailParametry col.pravy{
	width: auto;
}
.detail .sleva{
  color:  #d71b47;
}
td.cena2{
  text-align: right;
}
table.detailParametry tr.suma{
  font-weight:  bold;
}
table.detailParametry td{
  vertical-align: bottom;
}
table.detailParametry a.doKosiku{
	position:  relative;
	top: 8px;
	left:  140px;
	width: 32px;
	height:  56px;
	padding:  40px 0px 10px 56px;
	background: url(img/kosik.jpg) scroll no-repeat left top;
}
table.detailParametry a.doKosiku:hover{
	background: url(img/kosik2.jpg) scroll no-repeat left top;
}
div.detailPopis{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.detailPopis p{
	margin: 0x 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.detailPopis	p a.detailImg{
	float: left;
	width: 246px;
	margin:  0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
div.detailPopis img.detailObrazek{
  border: 1px solid #858585;
}
.detail div.dalsiObrazky .detailImg{
  margin: 10px 0px 0px 0px;
  width:  130px;
}
/*konec detailu*/
/*kosik*/
.nazev{
  width:  50%;}
.mnozstvi{
  width:  150px;}
table.kosik input.mnozstvi{
  width:  30px;
  text-align: right;
  padding-right:  2px;
  border: 1px solid #848484;
}
.kosik input.submit{
  width:  30px;
  height: 23px;
  margin-bottom:  1px;
  font-weight:  bold;
}
.kosik .inline{
  margin: 1px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  height: 23px;
  vertical-align:  middle;
}
.cena2{
  width:  30%;
}
div.tlacitka {
  margin: 20px 0px 0px 20px;
}
div.tlacitka a{
  margin: 0px 15px 0px 0px;
}
/*konec kosiku*/
/*objednavka*/
.znacka,
.zprava{
  color:  #E80234;
}
.poznamka{
  font-weight:  normal;
  color:  #E80234;
}
/*objednavka-odeslat*/
div.table{
  margin: 0px 0px 0px 0px;
  background: #ffffff;
}
div.table table{
  margin: 0px 0px 5px 0px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
}
div.table th{
  background: #ffffff;
  color:  #000000;
  border: none;
}
div.table td{
  background: #ffffff;
}
p.textSlozky a{
  font-weight:  bold;
}
p.textSlozky a:hover{
  color:  #0054e7;
}
#prihlaseni p{
  color:  #E80234;
}
#prihlaseni table.tableObjednavkaOdeslat td {
	padding: 0px 20px 0px 10px;
	background: #F8F8F8;
}

