body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background-color: white; color: black;}

a:link {color: blue; text-decoration: none;}
a:visited {color: blue; text-decoration: none;}
a:hover {color: blue; text-decoration: underline;}

/*
top cast
*/
#kontejner1 {position: relative; margin-left: auto; margin-right: auto; width: 960px; height: 68px;}
#kosik {position: absolute; left: 0px; top: 0; width: 64px; height: 68px;}
#info {position: absolute; left: 64px; top: 0; width: 200px; height: 68px; color: #817879;}
#info a:link, #info a:visited {color: #847B7A; font-weight: bold; text-decoration: none;}
#info a:hover {text-decoration: underline;}

#hlaskytop {position: absolute; left: 260px; top: 14px; width: 380px; height: 22px; line-height: 22px; text-align: right; color: #C80727;}
#prihlaseni {position: absolute; right: 6px; top: 14px; width: 300px; height: 22px; color: #817879;}
#prihlaseni1 {border: 1px solid white; margin: 0 0 18px 0;}
#prihlaseni form, #prihlaseni1 form {margin: 0; padding: 0;}
.prihlasenitext {line-height: 22px; text-align: right;}
.prihlasenitext a:link, .prihlasenitext a:visited {background-color: white; color: #847B7A; font-weight: normal; text-decoration: none;}
.prihlasenitext a:hover {text-decoration: underline;}
.inputtext {position: relative; float: left; height: 22px; line-height: 22px; margin: 0 6px 0 0px; padding-left: 10px;}
.inputlog {position: relative; float: left; width: 76px; height: 22px; background-image: url('images/bkg_input.gif'); background-position: left top; background-repeat: no-repeat;}
.inputlog input {position:absolute; top: 2px; left: 6px; width: 60px; height: 16px; margin: 0; padding: 0; border: 1px solid white;}
#inputok {position: relative; float: left; width: 32px; height: 22px; margin-left: 10px;}
#inputok input {width: 32px; height: 22px;}

/*
horni menu
*/
#horni_menu {position: absolute; left: 280px; top: 48px; width: 680px; height: 18px;}
ul#navlist1 {margin: 0; padding: 0; white-space: nowrap;}
#navlist1 li {display: inline; list-style-type: none;}
#navlist1 a:link, #navlist1 a:visited {background-color: white; color: #847B7A; float: right; font-weight: normal; margin-right: 2px; padding: 2px 4px; text-decoration: none;}
#navlist1 a:link#current, #navlist1 a:visited#current {background-color: white; color: #FF0000;}
#navlist1 a:hover {background-color: #B5B5B5; color: white;}

/*
hlavni cast
*/
#kontejner2 {position: relative; margin-left: auto; margin-right: auto; width: 960px; height: 380px;}
.search {padding: 10px; color: #DDDDDD;}
#layer_flash {position: absolute; left: 0; top: 0; width: 960px; height: 380px; z-index: 1;}
#layer_zbozi {position: absolute; left: 1px; top: 124px; width: 958px; height: 134px; background-image: url('images/bkg_zbozi.gif'); background-repeat: repeat-x; margin: 0; font-size: 0.9em; z-index: 2;}

#sipkavlevo {position: absolute; left: 53px; top: 46px; width: 21px; height: 44px;}
#sipkavlevo a img {background: url('images/sipka_l.gif') no-repeat top left;}
#sipkavlevo a:link img, #sipkavlevo a:visited img { background: url('images/sipka_l.gif') no-repeat top left;}
#sipkavlevo a:hover img {background: url('images/sipka_l2.gif') no-repeat top left;}

#sipkavpravo {position: absolute; left: 888px; top: 46px; width: 21px; height: 44px;}
#sipkavpravo a img {background: url('images/sipka_p.gif') no-repeat top left;}
#sipkavpravo a:link img, #sipkavpravo a:visited img {background: url('images/sipka_p.gif') no-repeat top left;}
#sipkavpravo a:hover img {background: url('images/sipka_p2.gif') no-repeat top left;}

#xstranek {position: absolute; right: 5px; top: 88px; width: 50px; height: 44px; color: #847B7A; text-align: center;}
#zpet {position: absolute; left: 719px; top: 118px; width: 50px; text-align: center; font-size: 1.1em;}
#zpet a:link, #zpet a:visited {color: #847B7A; text-decoration: none;}
#zpet a:hover {color: red; text-decoration: none;}

#xord {position: absolute; left: 10px; top: 95px; width: 16px; height: 14px;}
#xord a img {background: url('images/ord.gif') no-repeat top left;}
#xord a:link img, #xord a:visited img {background: url('images/ord.gif') no-repeat top left;}
#xord a:hover img {background: url('images/ord2.gif') no-repeat top left;}

.normalnistav {color: #F9EFD6;}
.aktivnistav {color: #847B7A;}

#popis1 {position: absolute; left: 98px; top: 0; width: 100px; height: 17px; padding-top: 2px;}
#zbozi1 {position: absolute; left: 98px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena1  {position: absolute; left: 98px; top: 118px; width: 100px; height: 16px; text-align: right;}

#popis2 {position: absolute; left: 208px; top: 0; width: 100px; height: 17px; padding-top: 2px;}
#zbozi2 {position: absolute; left: 208px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena2  {position: absolute; left: 208px; top: 118px; width: 100px; height: 16px; text-align: right;}

#popis3 {position: absolute; left: 320px; top: 0; width: 100px; height: 17px; padding-top: 2px;}
#zbozi3 {position: absolute; left: 320px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena3  {position: absolute; left: 320px; top: 118px; width: 100px; height: 16px; text-align: right;}

#popis4 {position: absolute; left: 430px; top: 0; width: 100px; height: 17px;  padding-top: 2px;}
#zbozi4 {position: absolute; left: 430px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena4  {position: absolute; left: 430px; top: 118px; width: 100px; height: 16px;  text-align: right;}

#popis5 {position: absolute; left: 543px; top: 0; width: 100px; height: 17px; padding-top: 2px;}
#zbozi5 {position: absolute; left: 543px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena5  {position: absolute; left: 543px; top: 118px; width: 100px; height: 16px; text-align: right;}

#popis6 {position: absolute; left: 654px; top: 0; width: 100px; height: 17px; padding-top: 2px;}
#zbozi6 {position: absolute; left: 654px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena6  {position: absolute; left: 654px; top: 118px; width: 100px; height: 16px; text-align: right;}

#popis7 {position: absolute; left: 766px; top: 0; width: 100px; height: 17px; padding-top: 2px;}
#zbozi7 {position: absolute; left: 766px; top: 17px; width: 100px; height: 101px; margin: 0; padding: 0;}
#cena7  {position: absolute; left: 766px; top: 118px; width: 100px; height: 16px; text-align: right;}

#layer_zbozi a:link img, #layer_zbozi a:visited img {border: 1px solid #B6B7B7;}
#layer_zbozi a:hover img {border: 1px solid red;}

#sipkavlevo a:link img, #sipkavlevo a:visited img, #sipkavlevo a:hover img {border: none;}
#sipkavpravo a:link img, #sipkavpravo a:visited img, #sipkavpravo a:hover img {border: none;}
#xord a:link img, #xord a:visited img, #xord a:hover img {border: none;}

#layer_filterA {position: absolute; left: 14px; top: 128px; width: 930px; height: 192px; margin: 0; z-index: 2;}
#layer_filterB {padding: 20px;}

#layer_textA {position: absolute; left: 190px; top: 12px; width: 455px; height: 356px; margin: 0; background-image: url('images/text_bkg.gif'); background-repeat: no-repeat; z-index: 2;}
#layer_textB {width: 424px; height: 325px; margin: 5px; padding: 10px; overflow: auto; font-size: 0.9em;}
#layer_textB h1 {font-size: 1em; font-weight: bold; color: #CEA521; margin: 0; padding: 0;}
#layer_textB h2 {font-size: 1em; font-weight: bold; color: black; margin: 0; padding: 0;}
#layer_textB p {margin-top: 8px; padding-top: 0;}
#layer_textB input {margin: 0; padding: 0; font-size: 0.9em;}
#layer_textB select {margin: 0; padding: 0; font-size: 0.9em;}
#layer_textB ol {margin-left: 2em; padding-left: 0; text-align: justify;}
#layer_textB ol ol {margin-left: 2.2em; padding-left: 0; list-style-type: lower-alpha; text-align: justify;}
#layer_textB span.povinne {color: #CEA521;}

input.filtr { margin-right: 15px }
input.velikostA { width: 20px }
select.filtr { margin-right: 15px }

.vypl {color: #817879;}
.varovani {color: #C80727;}
.nobr {white-space: nowrap;}
#kosik_vypis {margin-top: 10px;}

/*
dolni menu
*/
#kontajner3 {width: 960px; height: 18px; margin-left: auto; margin-right: auto; margin-top: 2px; padding: 0;}
ul#navlist2 {margin: 0; padding: 0; white-space: nowrap;}
#navlist2 li {display: inline; list-style-type: none;}
#navlist2 a:link, #navlist2 a:visited {background: white; color: #847B7A; float: left; font-weight: normal; margin-right: 2px; padding: 2px 4px; text-decoration: none;}
#navlist2 a:link#current, #navlist2 a:visited#current {background: white; color: #FF0000;}
#navlist2 a:hover {background-color: #CEA521; color: white;}

/*
reklama
*/
#kontajner4 {position: relative; margin-left: auto; margin-right: auto; width: 960px; height: 170px; margin-top: 12px; margin-bottom: 20px;}
#banner1 {position: absolute; left: 40px; top: 0;}
#banner2 {position: absolute; left: 280px; top: 0;}
#banner3 {position: absolute; left: 520px; top: 0;}
#banner4 {position: absolute; left: 760px; top: 0;}
#banner5 {position: absolute; left: 80px; top: 0;}
#banner6 {position: absolute; left: 400px; top: 0;}
#banner7 {position: absolute; left: 720px; top: 0;}

/*
detail zbozi
*/
#detail_zbozi1 {position: absolute; left: 112px; top: 175px; width: 264px; height: 163px; background-image: url('images/bkg_detail1.gif'); background-repeat: no-repeat; margin: 0; z-index: 3;}
#detail_zbozi2 {position: absolute; left: 355px; top: 66px; width: 249px; height: 249px; background-image: url('images/bkg_detail2.gif'); background-repeat: no-repeat; margin: 0; z-index: 3;}
#detail_zbozi3 {position: absolute; left: 584px; top: 40px; width: 262px; height: 162px; background-image: url('images/bkg_detail3.gif'); background-repeat: no-repeat; margin: 0; z-index: 3;}
#detail_pic {margin: 7px;}
#detail_logo {position: absolute; top: 5px; left: 18px;}
#detail_popis {position: absolute; top: 55px; left: 18px; width: 220px; line-height: 1.3em;}
#detail_sn {position: absolute; top: 10px; left: 68px; width: 180px; color: white; text-align: center;}
#detail_udaje {position: absolute; top: 66px; left: 24px; width: 120px; height: 68px; color: white; font-size: 0.9em; line-height: 1.25em;}
#detail_cena {position: absolute; top: 142px; left: 24px; width: 120px; color: white; font-size: 0.9em; line-height: 1.25em; font-weight: bold;}
#detail_koupit {position: absolute; top: 135px; left: 176px; width: 80px; color: white; text-align: center;}
#detail_koupit a:link, #detail_koupit a:visited {color: white; text-decoration: none; font-weight: bold;}
#detail_koupit a:hover {color: red; text-decoration: none; font-weight: bold;}

/*
externi okno
*/
#showdetail_pic {position: relative; width: 400px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 20px;}
#showdetail_pic2 {position: relative; margin-left: auto; margin-right: auto; margin-top: 20px;}
#showdetail_pic img, #showdetail_pic2 img {border: 0;}
#showdetail_text {width: 400px; margin-top: 10px; margin-left: auto; margin-right: auto; font-size: 0.9em;}
#showdetail_text h2 {font-size: 1em; font-weight: bold; color: black; padding: 0; margin: 0;}

/*
ostatni
*/
.clearright {clear: right;}
.clearleft {clear: left;}

#sd_text {margin: 5px; padding: 10px; font-size: 0.9em;}
#sd_text h1 {font-size: 1em; font-weight: bold; color: #CEA521; padding: 0; margin: 0;}
#sd_text h2 {font-size: 1em; font-weight: bold; color: black; padding: 0; margin: 0;}
#sd_text ol {text-align: justify; margin-left: 25px; padding: 0;}
#skipintro {width: 960px; height: 18px; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 0; text-align: center;}

.thintable	{border-collapse: collapse; border: 1px solid #DEDEDE;}
.thintable th {padding: 2px 3px; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; font-weight: normal; text-align: center; background-color: #FAFAFA;}
.thintable td {padding: 2px 3px; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; text-align: center;}

#debug {position: absolute; left: 1px; top: 150px; width: 957px; height: 40px; margin: 0; background-color: white; color: black; font-size: 0.9em; z-index: 5;}