/** General **/
html {margin: 0; padding: 0; background: #f8f8f8;}
body {width: 980px; min-width: 980px; margin: auto; padding: 0px; background: url('soubory_css/left.gif') left top repeat-y; font-family: "Trebuchet MS", sans-serif; color: #000; font-size: small;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}
fieldset {border: none;}
legend {font-weight: bold; color: #000000;}
input, select, textarea {border: 3px solid #f1e17e;}
.btn, input[type="button"], input[type="submit"] {height: 24px; padding: 0px 1px; background: #F1E17E; border: 3px solid #f1e17e; color: black; text-decoration: none; cursor: pointer;}
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover {background: #fbf3aa;}


.clear {clear: both; background: transparent;/*list-style-type: none;*/}/*
.clear li a{float: left; width: 168px; height: 20px; margin: 0px 3px 3px 0px; padding: 2px; background: #A9DCF7; border: 3px solid #60C2F6; color: black; text-decoration: none; text-align: center;}
.clear li a:hover{background: #60C2F6;}*/
.hidden {display: none;}
.strankovani {margin: 0px; padding: 5px; background: #E5F5FD; text-align: right;}
.strankovani a {margin: 0px -2px; padding: 0px 4px; color: #29a8bb; text-decoration: none;}
.strankovani a:hover {color: white; background: #6fc9ec; text-decoration: underline;}
.strankovani span {margin: 0px -2px; padding: 0px 4px;}

/** Left **/
#left {float: left; width: 232px;}
#left ul {margin: 5px 5px 5px 30px; padding: 0px; list-style-image: url('soubory_css/left_sipka.gif');}
#left a {color: #1F3C2A;}

.menu {margin: 0px; padding: 10px; list-style: none; background: #FDFAE5;}
.menu a {color: black;}

div#h1 {position: relative; width: 232px; height: 272px; margin: 0px; padding: 0px; overflow: hidden; font-size: 130%;}
div#h1 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 272px; background: url('soubory_css/header.jpg') no-repeat; cursor: pointer;}

#menu, #vyhledavani, #porovnavani, #clanky, #novinky, #nejprodavanejsi, #akce, #poslat-stranku, #kontakt, #anketa {margin: 0px; padding: 0px 0px 5px 0px; background: url('soubory_css/left_menu_02.jpg') 0px 49px no-repeat;}
#porovnavani {background: url(soubory_css/left_menu_02-upraveny-zluty.jpg) 0px 49px no-repeat;}
#menu .h2, #vyhledavani .h2, #porovnavani .h2, #clanky .h2, #novinky .h2, #nejprodavanejsi .h2, #akce .h2, #poslat-stranku .h2, #kontakt .h2, #anketa .h2 {position: relative; width: 232px; height: 49px; margin: 0px; padding: 0px; font-size: large;}
#menu .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/hr2_01.jpg') no-repeat;}
#vyhledavani .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/hledani.gif') no-repeat;}
#porovnavani .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/porovnavani-zluty.gif') no-repeat;}
#clanky .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/clanky.jpg') no-repeat;}
#novinky .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/novinky.gif') no-repeat;}
#nejprodavanejsi .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/nejprodavanejsi.gif') no-repeat;}
#akce .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/akce.gif') no-repeat;}
#poslat-stranku .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/poslat.gif') no-repeat;}
#kontakt .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/kontakt.gif') no-repeat;}
#anketa .h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/anketa.gif') no-repeat;}
#vyhledavani fieldset {padding: 0px; margin: 0px;}
#vyhledavani legend {display: none;}
#vyhledavani-text {height: 20px; width: 190px; margin: 2px 15px; background: #D8EDE0; border: 3px solid #80d3a0; font-size: medium;}
#vyhledavani-submit {position: relative; top: -25px; left: 171px; width: 40px; height: 26px; background: #60b983; border: 3px solid #80d3a0; text-transform: uppercase; cursor: pointer;}
#vyhledavani-submit:hover {background: #80d3a0;}
* html #vyhledavani-submit {left: 173px;}
#porovnavani p {margin: 0px 15px 5px 15px;}
#novinky h3 {padding: 0px; margin: 5px 15px; border-bottom: 1px solid black; font-size: medium;}
#novinky p {padding: 0px; margin: 0px 15px; font-size: 85%;}
#poslat-stranku form {margin: 0px;}
* html #poslat-stranku fieldset {margin: 0px 0px 0px 15px;}
#poslat-stranku p {margin: 5px 0px 0px 0px; padding: 0px;}
#poslat-stranku label {margin: 0px; padding: 0px;}
#poslat-stranku input {width: 190px; background: #D8EDE0; border: 3px solid #80d3a0; font-size: medium;}
#poslat-stranku input.btn {position: relative; left: 116px; top: 5px; width: 80px; height: 26px; background: #60b983; border: 3px solid #80d3a0; text-transform: uppercase; font-size: small; cursor: pointer;}
* html #poslat-stranku input.btn {left:104px;}
#poslat-stranku input.btn:hover {background: #80d3a0;}
#kontakt address {margin: 0px 15px; font-style: normal;}
#anketa h3 {padding: 0px; margin: 5px 15px; border-bottom: 1px solid black; font-weight: normal; font-size: 110%;}
#anketa div {height: 10px; background-color: #963833;}
#anketa-padding{padding: 0px 10px;}
* html #anketa div {clear: left; float: left;}
#anketa span {float: left;}
* html #anketa span {clear: left;}
#anketa p {margin: 5px 0px 0px 15px;}
#anketa table{width: 200px;margin-left: 12px}

/** Right **/
#right {float: right; width: 736px; margin-left: 12px;}

#panel-prihlaseni {position: relative; height: 63px; margin-bottom: 9px; color: black; font-size: small; background: url('soubory_css/top_bg.gif') repeat-x;}
* html #panel-prihlaseni {margin-bottom: -10px;}
#panel-prihlaseni form {padding: 0px 0px 0px 85px; background: url('soubory_css/top_prihlaseni.gif') 8px 0px no-repeat;}
#panel-prihlaseni fieldset {padding: 0px; margin: 0px;}
#panel-prihlaseni input {height: 20px; width: 90px; padding: 0px; border: 3px rgb(232,232,232) solid; background-color: rgb(203,204,203); font-size: medium;}
#panel-prihlaseni fieldset input.submit {width: 38px; height: 26px; margin: 18px 0px 0px 0px; background-color: rgb(127,128,128); font-size: 95%; text-transform: uppercase; color: white; cursor: pointer;}
* html #panel-prihlaseni fieldset input.submit {margin: 17px 0px 0px 0px;}
#panel-prihlaseni fieldset p {float: left; margin: 5px 2px;}
#panel-prihlaseni legend {display: none;}
#panel-prihlaseni label {font-size: 85%;}

#panel-registrace {float: left; margin: 10px 0px 0px 10px; padding: 0px; list-style: none; font-size: 85%;}
#panel-registrace li {margin-top: 3px;}
#panel-registrace a {color: black;}


#kosik {float: left; width: 92px; height: 43px; margin: 0px 10px; padding: 10px; position: relative; background: url('soubory_css/top_oddelovac.gif') no-repeat;}
#kosik span {position: absolute; top: 0px; right: 0px; width: 104px; height: 63px; background: url('soubory_css/top_nakupni_kosik.gif') no-repeat;}

#panel-objednavka {position: absolute; right: 0px; width: 160px; padding: 2px 0px 0px 5px; color: white;}
* html #panel-objednavka {width: 150px;margin-top:10px;}
fieldset #panel-objednavka {padding: 10px 0px 0px 5px;}
#panel-objednavka em {font-style: normal; color: Black; font-size: 85%;}
#panel-objednavka a {color: white;}

#panel-menu {float: left; width: 432px; margin: 0px; padding: 5px; list-style: none;}
* html #panel-menu {height: 72px;}
#panel-menu li {float: left;}
#panel-menu a {display: block; padding: 30px 10px 0px 10px; color: black; text-decoration: none;}
#panel-menu a:hover {background: #cacaca; text-decoration: underline;}
#panel-menu.admin {width: 100%;}
* html #panel-menu.admin {width: 700px;}

#autosedacky-kocarky {height: 203px; margin-bottom: 10px; background-color: #C62F50;}
#autosedacky-kocarky h2 {color: white;}
#autosedacky-kocarky ul {text-align: right; padding-right: 25px;}
#autosedacky-kocarky ul li {list-style-type: none;}
#autosedacky-kocarky ul a {color: white;}
#autosedacky, #kocarky {position: relative; float: left; width: 368px; height: 203px; overflow: hidden;} 

/*
#autosedacky h2, #vyhledavani h2, #porovnavani h2, #clanky h2, #novinky h2, #nejprodavanejsi h2, #akce h2, #poslat-stranku h2, #kontakt h2, #anketa h2 {position: relative; width: 232px; height: 49px; margin: 0px; padding: 0px; font-size: large;}
#menu h2 span {position: absolute; top: 0px; left: 0px; width: 232px; height: 49px; background: url('soubory_css/left_menu_01.gif') no-repeat;}
/* Pixyho metoda */
#autosedacky {background: url('soubory_css/autosedacky_big.jpg') no-repeat;}
#autosedacky h2, #autosedacky h2 span {width: 364px;height: 57px;font-size: 140%;position: relative;left: 0;top: 0;margin: 0;padding: 0; cursor: inherit;}
#autosedacky h2 span {position: absolute;display: block;background: url('soubory_css/autosedacky-nadpis.gif') no-repeat;z-index: 1;}
#kocarky {background: url('soubory_css/kocarky_big.jpg') no-repeat;}
#kocarky h2, #kocarky h2 span {width: 364px;height: 57px;font-size: 140%;position: relative;left: 0;top: 0;margin: 0;padding: 0; cursor: inherit;}
#kocarky h2 span {position: absolute;display: block;background: url('soubory_css/kocarky-nadpis.gif') no-repeat;z-index: 1;}
/*
#autosedacky ul {position: absolute; left: 0px; top: 0px; width: 338px; height: 148px; margin: 0px; padding: 55px 30px 0px 0px; background: url('soubory_css/autosedacky_big.jpg') no-repeat;}
#kocarky ul {position: absolute; left: 0px; top: 0px; width: 343px; height: 148px; margin: 0px; padding: 55px 25px 0px 0px; background: url('soubory_css/kocarky_big.jpg') no-repeat;}
*/

#h-top-produkty {position: relative; height: 50px; background: url('soubory_css/topprodukty_bg.gif') repeat-x;}
#h-top-produkty h2 {position: relative; margin: 0px; padding: 5px;}
#h-top-produkty h2 span {position: absolute; top: 0px; left: 0px; width: 316px; height: 50px; background: url('soubory_css/topprodukty.gif') no-repeat;}
#h-top-produkty form {position: absolute; top: 9px; right: 10px;}
#h-top-produkty select {height: 26px; background: #F8F8D2; border: 3px solid #F1E17E;}
#h-top-produkty input.btn {position: relative; top: 3px; height: 28px; background: #F1E17E; border: 3px solid #F1E17E; cursor: pointer;}
#h-top-produkty input.btn:hover {background: #fbf3aa;}
.popiska-garance-ceny, .popiska-akce, .popiska-novinka{display: inline; padding: 3px 10px;}
.popiska-garance-ceny{background: #29A8BB;color: #ffffff;}
.popiska-akce{background: #C32C4D; color: #ffffff;}
.popiska-novinka{background: #F1E17E;}
.odstavec-popiska-garance-ceny-akce-novinka{padding-top: 5px;display: block; float: none; clear: both;}
.komentare-tabulka{background: rgb(248,248,248);}
.komentare-tabulka hr{display: none;}
.tabulka-komentare-odsazeni-zleva{background: rgb(248,248,248);}
.tabulka-komentare-odesilatel{font-weight: bold; font-size: 110%; padding: 2px 20px; background: #BCE3F7  ;}
.tabulka-komentare-datum{font-size: 90%;}
.tabulka-komentare-prispevek{font-size: 100%;}
.tabulka-komentare-obsah1{background: #A9DCF7; margin-bottom: 5px; padding: 5px 22px; border-bottom: #60C2F6 3px solid;border-right: #60C2F6 3px solid;}
.tabulka-komentare-obsah2{background: #BCE3F7; margin-bottom: 5px; padding: 5px 22px; border-bottom: #60C2F6 3px solid;border-right: #60C2F6 3px solid;}
.tabulka-komentare-obsah3{background: #D3EBF8; margin-bottom: 5px; padding: 5px 22px; border-bottom: #60C2F6 3px solid;border-right: #60C2F6 3px solid;}
.tabulka-komentare-obsah4{background: #E6F3F9; margin-bottom: 5px; padding: 5px 22px; border-bottom: #60C2F6 3px solid;border-right: #60C2F6 3px solid;}
.tabulka-komentare-reagovat a{ top: 5px; right: 10px; height: 17px; padding: 2px; background: #6FC9EC; border: 3px solid #6FC9EC; color: black; text-decoration: none;}
.tabulka-komentare-reagovat a:hover{background: #b5e1f8;}

#h-prodej {position: relative; height: 50px; background: url('soubory_css/prodej_bg.gif') repeat-x;}
#h-prodej h2 {position: relative; margin: 0px; padding: 5px;}
#h-prodej h2 span {position: absolute; top: 0px; left: 0px; width: 316px; height: 50px; background: url('soubory_css/prodej.gif') no-repeat;}
#h-prodej form {position: absolute; top: 9px; right: 10px;}
#h-prodej select {height: 26px; background: #D2E9F8; border: 3px solid #6fc9ec;}
#h-prodej input.btn {position: relative; top: 3px; height: 28px; background: #6fc9ec; border: 3px solid #6fc9ec; cursor: pointer;}
#h-prodej input.btn:hover {background: #b5e1f8;}

#h-sekce {position: relative; height: 50px; background: url('soubory_css/prodej_bg.gif') repeat-x;}
#h-sekce h1 {font-size: 140%; position: relative; margin: 0px; padding: 12px;}
#h-sekce h2 {font-size: 140%; position: relative; margin: 0px; padding: 12px;}
#h-sekce form {position: absolute; top: 9px; right: 10px;}
#h-sekce select {height: 26px; background: #D2E9F8; border: 3px solid #79D0F1;}
#h-sekce input.btn {position: relative; top: 3px; height: 28px; background: #6fc9ec; border: 3px solid #6fc9ec; cursor: pointer;}
#h-sekce input.btn:hover {background: #b5e1f8;}

#h-hledani {position: relative; height: 30px; margin: 0px 0px 10px 0px; padding: 10px; background: url('soubory_css/topprodukty_bg.gif') repeat-x;}
#h-hledani span {position: absolute; width: 316px; height: 50px; left: 0px; top: 0px;  background: url('soubory_css/vysledkyhledani.gif') no-repeat;}
#hledani-form {padding: 0px; margin: 5px 0px;}
#hledani-form legend {color: #0000ff;}
#hledani-form fieldset {padding: 0px; margin: 0px;}
#hledani-form input, #hledani-form select {border: 3px solid #f1e17e;}
#hledani-form input.btn {position: relative; top: 1px; height: 24px; background: #F1E17E; border: 3px solid #F1E17E; cursor: pointer;}
#hledani-form input.btn:hover {background: #fbf3aa;}

#h-produkt {position: relative; height: 50px; background: url('soubory_css/topprodukty_bg.gif') repeat-x;}
#h-produkt h1 {margin: 0px; padding: 10px 10px 0px 10px; line-height: 40%; font-size: 150%;}
#h-produkt h1 small {font-size: small; font-weight: normal;}
#h-produkt h2 {margin: 0px; padding: 5px 10px; line-height: 80%;}
#h-produkt h2 small {font-size: small; font-weight: normal;}
#h-produkt h6 {margin: 0px; padding: 10px 10px; line-height: 80%;}
#h-produkt h6 small {font-size: small; font-weight: normal;}
#h-produkt p {position: absolute; top: 14px; right: 10px; margin: 0px; padding: 0px;}
#h-produkt p a {height: 28px; padding: 2px; background: #F1E17E; border: 3px solid #F1E17E; color: black; text-decoration: none;}
#h-produkt p a:hover {background: #fbf3aa;}
.produkt-image { float: left; margin: 0px 5px 5px 0px;}
.produkt-image-main { width:364px;margin: 15px auto 0 auto;text-align:center;}
#produkt-foto {position: relative;}
#produkt-detail {float: right; width: 363px; background: #fcfae5; padding: 0px 0px 10px 0px;}
#produkt-detail-pridat, #produkt-detail-porovnat, #produkt-detail-dalsi-varianty, #produkt-vytvorit-objednavku, #cookies, #tlaciiitko {float: left; width: 168px; height: 20px; margin: 0px 3px 3px 0px; padding: 2px; background: #F1E17E; border: 3px solid #F1E17E; color: black; text-decoration: none; text-align: center;}
#produkt-detail-pridat{font-weight: bold;}
tlaciiitko {display: block; clear: both; width: 168px; height: 20px; margin: 0px 3px 3px 0px; padding: 2px; background: #F1E17E; border: 3px solid #F1E17E; color: black; text-decoration: none; text-align: center;}
.tlaciiitko:hover {background: #fbf3aa;}
.obal-tlaciiitka{display: block;}
#produkt-detail-pridat:hover, #produkt-detail-porovnat:hover, #produkt-detail-dalsi-varianty:hover, #produkt-vytvorit-objednavku:hover, #cookies:hover {background: #fbf3aa;}
#h-produkt-varianty {height: 23px; margin: 0px; padding: 7px; background: url('soubory_css/dalsivarianty_bg.gif') repeat-x; clear: both;}
.produkt-varianta {float: left; width: 184px; min-height: 300px; margin-top: 10px; border-top: 2px solid #6fc9ec;}
* html .produkt-varianta { height: 300px;}
#h-produkt-fotografie {height: 23px; margin: 0px; padding: 7px; background: url('soubory_css/dalsivarianty_bg.gif') repeat-x; clear: both;}
.produkt-fotografie {float: left; width: 184px; margin-top: 10px; border-top: 2px solid #6fc9ec;}
#h-produkt-komentare {position: relative; margin: 0px 0px 5px 0px; background: url('soubory_css/dalsivarianty_bg.gif') repeat-x; clear: both;}
#h-produkt-komentare h3 {height: 23px; margin: 0px; padding: 7px;}
#h-produkt-komentare a {position: absolute; top: 5px; right: 10px; height: 17px; padding: 2px; background: #6FC9EC; border: 3px solid #6FC9EC; color: black; text-decoration: none;}
#h-produkt-komentare a:hover {background: #B5E1F8;}
.komentar {background: #eef7fc; border-bottom: 1px solid #51c6ff;}
.komentar p {margin: 0px; padding: 2px 5px;}
.komentar div {padding: 5px;}
.komentare-reakce {background: white; padding: 0px 2px; color: #c3294b; text-decoration: none;}
.komentare-reakce:hover {text-decoration: underline;}
.komentar-head {margin-top: 0px; padding: 0px 5px 0px 0px !important; background: #d4eefd;}
.komentar-head a {float: left; margin-right: 5px; padding: 0px 5px; background: #6fc9ec; text-align: center; text-decoration: none; color: white;}
.komentar-head a:hover {text-decoration: underline;}
.komentar-foot {margin-bottom: 0px; background: white; font-size: 85%;}
.komentar-foot a {color: #c3294b; text-decoration: none;}
.komentar-foot a:hover {text-decoration: underline;}
#pridat-komentar {margin-top: 10px;}
#pridat-komentar p {margin: 5px 0px !important;}
#pridat-komentar input, #pridat-komentar textarea {width: 400px; padding: 2px; border: 3px solid #c3e5f8;}
#comment_email_poslat {width: auto !important;}
#pridat-komentar input.btn {width: auto !important; height: 27px; margin-top: 5px; padding: 2px; background: #6FC9EC; border: 3px solid #6FC9EC; color: black; text-decoration: none; cursor: pointer;}
#pridat-komentar input.btn:hover {background: #B5E1F8;}
#pridat-komentar label {display: block;}
#pridat-komentar-text {color: gray;}


.centrovani-obal{display: table; height: 320px; overflow: hidden;}
.centrovani-stred{display: table-cell; vertical-align: middle; margin-left: 2px;}
.vertikalni-obrazek{border-collapse: collapse;}
.vertikalni-obrazek tr td a img{position: relative;margin-left: -1px;}
/* pro ie */
* html .centrovani-obal{height: 100%; display: table; position: relative; overflow: hidden;}
* html .centrovani-stred{position: absolute;display: table-cell; vertical-align: middle; }
* html .centrovani-uvnitr{position: relative;}
* html .produkt-garance {position: absolute; top: 0px; left: 0px;}
* html .produkt-akce {position: absolute; top: 0px; left: 0px;}
* html .produkt-novinka {position: absolute; bottom: 0px; top: 220px; left: 0px;}/*
* html .vertikalni-obrazek{height: 100%; vertical-align: 50%; border: 0px;}
/* / pro ie */


.produkt { float: left; position: relative; width: 367px; height: 370px; overflow: hidden; margin: 10px 0px 5px 0px; border-top: 2px solid #6fc9ec; font-size: small; }
* html .produkt{height: 370px;}
.produkt h3 {position: absolute; left: 0px; bottom: 17px; width: 360px; padding: 4px; background: #E5F5FD; text-align: center; font-size: 0.85em; font-weight: normal; text-transform: uppercase; clear: both; }
*:first-child+html .produkt h3{min-height: 30px;}
* html .produkt h3 {bottom: 30px; clear: both; display: block; }
.produkt p {position: absolute; width: 181px; left: 0px; bottom: 0px; margin: 0px; padding: 3px 3px 0px 0px; background: #6fc9ec;}
.produkt p strong {float: left; width: 66px; padding: 4px 7px; background: #D9EAF1; text-align: center;}
.produkt p a {position: absolute; right: 3px; width: 84px; padding: 5px 7px; text-transform: uppercase; text-decoration: none; font-size: 85%; color: #484424;}
.produkt p a:hover {background: #b5e1f8;}
.produkt p.anontacni-text {float:right; left: 181px; top:0px; padding: 5px 5px 5px 5px; width: 176px;}
* html .produkt p.anontacni-text { height: 310px; }
.produkt-garance {position: absolute; top: 0px; left: 0px;}
.produkt-akce {position: absolute; top: 0px; left: 0px;}
.produkt-novinka {position: absolute; bottom: 50px; left: 0px;}

.topprodukt {border-top: 2px solid #F1E17E; border-right: 1px solid #F1E17E;}
.topprodukt h3 {background: #FDFAE5;}
.topprodukt p {background: #F1E17E; width: 100%;}
.topprodukt p strong {background: #F1EFD9; display: inline; padding: 5px 58px;}
.topprodukt p a{display: block; float: right; position:absolute; padding: 5px 50px; margin: 0px 0px 0px 0px;}
.topprodukt p a:hover {background: #fbf19d;}

.topprodukt2 {border-top: 2px solid #6FC9EC; border-right: 1px solid #6FC9EC;}
.topprodukt2 h3 {background: #E5F5FD;}
.topprodukt2 p {background: #6FC9EC; width: 100%;}
.topprodukt2 p strong {background: #D9EAF1; display: inline; padding: 5px 58px;}
.topprodukt2 p a{display: block; float: right; position:absolute; padding: 5px 50px; margin: 0px 0px 0px 0px;}
.topprodukt2 p a:hover {background: #D9EAF1;}

.odstavecproduktu{margin-left: 10px;}

#filtrovani-form fieldset {padding: 0px; margin: 0px;}
#filtrovani-form input {border: 3px solid #f1e17e;}
#filtrovani-form input.btn {position: relative; top: 1px; height: 24px; background: #F1E17E; border: 3px solid #F1E17E; cursor: pointer;}
#filtrovani-form input.btn:hover {background: #fbf3aa;}

#h-registrace {position: relative; height: 30px; margin: 0px 0px 10px 0px; padding: 10px; background: url('soubory_css/topprodukty_bg.gif') repeat-x;}
#h-registrace span {position: absolute; width: 316px; height: 50px; left: 0px; top: 0px;  background: url('soubory_css/registrace.gif') no-repeat;}
#h-kosik {position: relative; height: 30px; margin: 0px 0px 10px 0px; padding: 10px; background: url('soubory_css/topprodukty_bg.gif') repeat-x;}
#h-kosik span {position: absolute; width: 316px; height: 50px; left: 0px; top: 0px;  background: url('soubory_css/kosik.gif') no-repeat;}

.h-yellow {height: 26px; margin: 0px 0px 10px 0px; padding: 12px; background: url('soubory_css/topprodukty_bg.gif') repeat-x;}
.clanky-description a:link, .clanky-description a:visited {margin-top: 5px;}
.clanek-description a.btn {height: 24px; padding: 0px 1px; background: #F1E17E; border: 3px solid #f1e17e; color: black; text-decoration: none; cursor: pointer;}
.clanek-description a.btn:hover {background-color: #fbf3aa;}

.form {padding: 5px; margin: 5px 0px; clear: left; background: #F8F9C4;}
.form legend {margin-left: 15px;}
.form label {float: left; width: 250px;}
.form input {width: 200px; border: 3px solid #f1e17e;}
.form select { width: 206px; border: 3px solid #f1e17e;}
#nadrazena-sekce {margin-left: 154px;}
.form textarea {width: 300px; height: 100px; border: 3px solid #f1e17e;}
.form input.btn {width: auto !important;}
.form td, th {padding: 2px 4px;}

.form-blue {padding: 5px; margin: 5px 0px; clear: left; background: #CCE8F9;}
.form-blue legend {margin-left: 15px;}
.form-blue label {float: left; width: 250px;}
.form-blue input {width: 200px; border: 3px solid #6FC9EC !important;}
.form-blue select {width: 206px; border: 3px solid #6FC9EC !important;}
.form-blue textarea {width: 200px; border: 3px solid #6FC9EC !important;}
.form-blue input.btn {width: auto !important;}

.table { text-align: left; width: auto; margin: 5px 0px; background: #FDFAE5;}
.table tr {padding: 0px; text-align: left; border-bottom: 1px solid white; }
.table td { border-bottom: 1px solid white; border-right: 1px solid white; background-color: #F8F9C6; padding: 0px 5px;}
.table th {border-bottom: 1px solid white; text-align: left; vertical-align: bottom;}
.table a {color: black;}
.table-184 {width: 184px;}
.no-bg {background: #F8F8F8;}
.no-bg td {border-bottom: none; border-top: 3px solid #F1E17E; vertical-align: top;}
.no-bg th {border-bottom: none; padding: 8px 5px 0px 5px;}
.no-bg th a {font-weight: normal;}

/** Bottom **/
#pata {width: 202px; clear: both; padding: 30px 15px 5px 15px; text-align: center; font-size: 85%;}