/* HLAVNÍ DEFINICE */

body {position: relative; left:0px; top:0px; background: black url('../img/strana-bg.gif') repeat-x left top;
  font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px;}
  
.centrovani {padding: 0; text-align:center; margin-left: auto; margin-right: auto; margin-top:0px; width: 1053px;}
.strana {text-align: left; width:100%; font-size: 10pt; color: rgb(174,174,174);}

a {text-decoration: underline; color:rgb(201,92,49);}
a:hover {text-decoration: none;}

img {border: 0px;}

.both, .cleaner{ clear:both; float: none; height: 15px;}

.left {text-align: left}
.right {text-align: right;}
.center {text-align:center; overflow: hidden;}

h1 {font-size: 15pt; color: rgb(215,99,53); background: url('../img/znak-oge.gif') no-repeat 0 50%; padding-left: 60px; font-weight: normal; height: 25px;}
h2 {font-size: 11pt;}
h3 {font-size: 14pt; color: rgb(232,178,80); font-weight: normal}

ul,ol {padding:0px; margin:0px}
ul,ol,li {list-style-type: none;}

.non, .invisible {display: none}
.txt {line-height: 150%; text-align: justify;}
.cena {font-size: 15pt; font-weight: bold; color: rgb(232,178,80);}

.count {width: 30px; text-align:center}
.input {width: 200px;}
.input1 {width: 95px;}
.input2 {width: 50px;}
.input3 {width: 140px;}
.inputarea {width: 99%;}

table td {font-family: Georgia; font-size: 10pt}

.missing-entry {color: rgb(215,99,53);}
p.missing-entry {color: rgb(215,99,53); border: 1px solid rgb(215,99,53); text-align: center; padding:5px;}

.ogeL {color: rgb(232,178,80);}

/* konec hlavní definice */



/* HLAVA */

#hlava {position: relative; top:0px; left:0px; width:100%; height: 395px;}

#hlava .cast1 {position: relative; top:0px; left:0px; height: 182px; background: url('../img/hlava-bg1.jpg') no-repeat top left;}
#hlava .cast1 img {position: absolute; top:0px; left:292px; width: 281px; height: 190px;}
#hlava .cast2 {position: relative; top:0px; left:0px; height: 140px; background: url('../img/hlava-bg2.jpg') no-repeat top left; z-index: 5;}
#hlava .cast2 .vyhledat {position: absolute; bottom:-12px; left:65px;}
#hlava .cast2 .kosik {position: absolute; bottom:-10px; right:65px; @bottom: -7px}
#hlava .cast3 {position: relative; top:0px; left:0px; height: 73px; background: url('../img/hlava-bg3.jpg') no-repeat top left; z-index: 0;}

#hlava .cast3 .blok-hledat {position: relative; top:0px; left:0px; float: left; margin-left: 50px; width: 272px; height: 73px; background: url('../img/hlava-hledani-bg.gif') no-repeat top left; _margin-left: 25px}
  .blok-hledat .hledani-okno {border:0px; background-color: white; width: 200px;margin: 22px 0 0 15px; padding: 6px 5px 6px 5px; @margin-top: 21px}
  .blok-hledat .hledani-ok {position: absolute; top:13px; right:13px;}

#hlava .cast3 .blok-lista {position: relative; top:0px; left:0px; float: right; margin-right: 50px; width: 671px; height: 73px; background: url('../img/hlava-lista-bg.gif') no-repeat top left; _margin-right: 25px;}
  .blok-lista a {color: white; font-size: 12pt; font-weight: bold; text-decoration: none;}
  .blok-lista a:hover {color: rgb(232,178,80); text-decoration: none;}
  .blok-lista ul {margin-top: 18px; width: 455px;}
  .blok-lista ul li {display: block; float: left; background: url('../img/tecka-gry.gif') no-repeat 0% 50%;}
  .blok-lista ul li a {display: block; float: left; padding: 10px 15px 10px 20px;}
  
  .blok-lista .jenpozice {position: absolute; top:0px; right:0px; width: 202px; height: 73px; background: url('../img/hlava-kosik-bg.gif') repeat-x top left;}
  .blok-lista .kosik {position: relative; top:0px; right:0px; width: 184px; height: 63px; background: url('../img/hlava-kosik-zlaty.gif') no-repeat 17px 18px; text-align: right; padding: 10px 18px 0 0; line-height: 190%;}
  .blok-lista .kosik .cena {color: white;}
  .blok-lista .kosik .kosikimg {position: absolute; top:18px; left:17px;}
  .blok-lista .kosik a {text-decoration: underline; color: white;}
  .blok-lista .kosik a:hover {text-decoration: none;color: white;}

  .blok-lista .jenpozice .rohH {display: block; position: absolute; top:0px; right:0px; width: 5px; height: 5px; background: url('../img/hlava-kosik-RH.gif') no-repeat top right;}
  .blok-lista .jenpozice .rohS {display: block; position: absolute; bottom:0px; right:0px; width: 5px; height: 5px; background: url('../img/hlava-kosik-RS.gif') no-repeat bottom right; _bottom:-1px;}

/* konec hlavy */



/* LEVY */

#levy {position: relative; top:0px; left:0px; float: left; width:320px; background: url('../img/levy-bg.gif') no-repeat top left; }

#levy .posun {margin-left: 40px;}

#levy .kat {margin-left: 30px;}
#levy .kat li {display: block;}
#levy .kat li a {display: block; padding: 7px 0 6px 0; color: white; font-size: 12pt; text-decoration: none; background: url('../img/levy-li-bg.gif') no-repeat bottom left; _height: 18px;}
#levy .kat li a:hover{color: rgb(153,153,153);}
#levy .kat li a.active{color: rgb(232,178,80);}

#levy .kat ol li {display: block; background: none;}
#levy .kat ol li a {display: block; background: none; padding: 4px 4px 4px 30px; margin: 0px 20px 0 0; color: rgb(153,153,153); font-size: 10pt; text-decoration: none;}
#levy .kat ol li a:hover,#levy .kat ol li .active {color: rgb(232,178,80);}

#levy .imginformace {margin:10px 0 0 25px;}

/* levy-info dědí styl z kategorií */
#levy .levy-info .kat li a {color: rgb(153,153,153);}
#levy .levy-info .kat li a:hover {color: rgb(232,178,80);}

.enquiry {margin:20px 0 0 30px; padding-top: 40px; background: url('../img/levy-anketa.gif') no-repeat top left}
.enquiry h4 { display:none;}
.enquiry img {padding-left: 20px}
.enquiry form input {line-height: 80%}


/* konec levy */



/* STŘED */

#stred {position: relative; top:0px; left:0px; float: left; width:670px; overflow: hidden; background: url('../img/stred-bg.gif') no-repeat top left; padding: 60px 0 0 30px; }

#stred .typek {margin-top: -45px}

.produkt {float: left; width: 200px; height: 255px; background: url('../img/produkt-bg.gif') no-repeat top left; text-align: center; margin:0 20px 17px 0;}
.produkt .nadp {font-weight: bold; height: 42px; margin-top: 10px; padding: 0px 10px 0 10px;}
.produkt .nadp a {color: rgb(206,113,52);}
.produkt .obr {width: 145px; height: 145px; margin-left: 28px; overflow: hidden; @margin-left: 0px}
.produkt .obr table {width: 100%; height: 100%;}
.produkt .obr table td {vertical-align: middle;}
.produkt .obr img {max-width: 145px; max-height: 145px;}
.produkt .pop {height: 38px; padding: 5px 10px 15px 10px; color: rgb(109,109,109);}

.strankovani {text-align:center}
.strankovani .pageSel a, .strankovani a {display: block; float:left; height: 28px; width: 28px; padding-top: 5px; margin-left: 3px;background: url('../img/pager-srt-blk.gif') no-repeat top left; color: white; font-weight: bold; text-decoration: none}
.strankovani .pageSel a:hover, .strankovani a:hover {background: url('../img/pager-srt-oge.gif') no-repeat top left; color: black; font-weight: bold;}
.strankovani a img{display: none;}
.strankovani .selectedpageindex {display: block; float:left; height: 28px; width: 28px; padding-top: 5px; margin-left: 3px; text-decoration: none; background: url('../img/pager-srt-oge.gif') no-repeat top left; color: black; font-weight: bold;}


/* konec středu */


/* PATA */

#pata {width:100%; background: url('../img/patka-bg.gif') repeat-x top left; color: rgb(73,66,66); font-size: 8pt;}

.paticka {margin: 0 auto 0 auto; padding:110px 0 100px 0; width: 1053px; text-align: center;}
.paticka a {color: rgb(73,66,66); text-decoration: none;}
.paticka a:hover {text-decoration: underline;}

.paticka .copyright {color: rgb(143,143,143); margin-top: 20px; width: 100%}

.copyright .td1 {width: 83%;}
.copyright .td2 {width: 2%;}
copyright: .td3 {width: 15%;text-align: right}

/* konec paty */



/* DETAIL */

#detail {position: relative; top:0px; left:0px; width: 640px; _width: 645px}
#detail .obrazek {float: left; width: 202px; height: 202px; text-align: center; overflow: hidden}
#detail .obrazek img {display: block; max-width: 202px; max-height: 202px; _width: 202px;}

#detail .info {float: right; width: 405px;}
#detail .info td {border-bottom: 1px solid rgb(28,28,28); vertical-align: middle;}
#detail .info .td1 {padding: 8px 0 8px 0; color: rgb(109,109,109);}
#detail .info .td2 {color: rgb(174,174,174); font-weight: bold;}
#detail .info .td2 .cenaB {font-size: 12pt;}

#detail .parameters {width: 100%;}
#detail .parameters td {border-bottom: 1px solid rgb(28,28,28); padding: 8px;}
#detail .parameters .td1 {width: 230px;}

#detail .male-obrazky {width: 100%;}
#detail .male-obrazky .obr {width: 145px; height: 145px; margin: 0 7px 14px 7px; float: left; }
#detail .male-obrazky .obr img {max-width: 145px; max-height: 145px; _height: 145px;}

#detail .linkeddiv {position: relative; top:0px; left:0px; width:570px; height: 200px; _width: 610px;}
#detail .linkedul {width: 270px; position:absolute; top:0px; left:0px; color: rgb(109,109,109);}
#detail .linkedul li {display: block; width: 270px; margin-right: 20px; padding: 8px; background-color: rgb(15,12,10);}
#detail .linkedul li .cislo {width: 25px; float: left}
#detail .linkedul li.sec-line { background-color: black;}

#detail .linkedul2 {width: 270px;position: absolute; top:0px; right:0px; color: rgb(109,109,109);}
#detail .linkedul2 li {display: block; width: 270px; margin-right: 20px; padding: 8px;  background-color: black;}
#detail .linkedul2 li .cislo {width: 25px; float: left}
#detail .linkedul2 li.sec-line {background-color: rgb(15,12,10);}

/* konec detailu */



/* OSTATNI DEFINICE */

fieldset {border: 0px; margin-bottom:10px}
.tab1 {margin-left: 140px;}
legend {border-bottom: 1px solid rgb(65,60,49); background-color: rgb(15,12,10); color: rgb(232,178,80); padding:5px 15px 5px 15px; font-weight: bold}

.regtr1 td{background-color: rgb(15,12,10);}
.regtr1 td div { height: 100%; background: url('../img/../img/levy-li-bg.gif') repeat-x bottom left; color: rgb(232,178,80); padding:8px 15px 8px 15px; font-weight: bold;} 

.nakup-posun {margin:0 20px 0 -20px;}

.product-list {width:100%;}
.product-list-header td {background: rgb(15,12,10) url('../img/levy-li-bg.gif') repeat-x bottom left;; color: rgb(232,178,68); padding: 5px; font-weight: bold}
.product-list tr { background: url('../img/levy-li-bg.gif') repeat-x bottom left;}
.product-list td {padding: 10px;}

.delivery-adress {margin-left: 180px}
.delivery-adress .name {width: 100px;}

.cart-button {float: left; width: 65%;}
.cart-button2 {float: right; text-align: right; width: 30%;}

.user-data {width: 45%; float: left; margin-right: 3%}
.deliveries {width: 45%; float: left; margin-right:3%}
.payments  {width: 45%; float: left;}

.user-ul {margin-left: 60px;}
.user-ul li {padding: 5px;}

.text_p li {list-style-type: decimal;}


/* lightbox */
#lightbox{
	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}

#imageContainer{padding: 10px;}

#loading{	position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
	
#hoverNav{	position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{	width: 49%; height: 100%;
	background: transparent url(../img/1px.gif) no-repeat; /* Trick IE into showing hover */
	display: block;}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 30px; height: 30px; float: right; 	}	
		
#overlay{
	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

/* konec lightbox */



/* rehashpage */
.dokoncit {position: relative; top:0px; left:0px; width: 650px; height: 120px; background: url('../img/rehash-bg.gif') no-repeat top left;}
.dokoncit table {width: 100%; height: 120px; color: rgb(232,178,80);}
.dokoncit table .td1 {width: 420px; padding-left: 30px;font-size: 16pt;}


.produktR {float: left; width: 200px; height: 288px; background: url('../img/produkt-bgR.gif') no-repeat top left; text-align: center; margin:0 20px 17px 0;}
.produktR .nadp {font-weight: bold; height: 42px; margin-top: 10px; padding: 0px 10px 0 10px;}
.produktR .nadp a {color: rgb(206,113,52);}
.produktR .obr {width: 145px; height: 145px; margin-left: 28px; overflow: hidden; @margin-left: 0px}
.produktR .obr table {width: 100%; height: 100%;}
.produktR .obr table td {vertical-align: middle;}
.produktR .obr img {max-width: 145px; max-height: 145px;}
.produktR .pop {height: 36px; padding: 5px 10px 15px 10px; color: rgb(109,109,109);}
.produktR .buy {text-align: center}



/* konec ostatni definice */