/* CSS fy. */

body {background: rgb(1,1,1) url('../pictures/body_bg.gif');margin: 0px;padding: 5px 0px 0px 0px;color: rgb(227,227,227);}
#page {position: relative;width: 971px;margin-left: auto;margin-right: auto;text-align: center;}
#center {text-align: left;}
table,body {font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10pt}

.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.fleft {float: left}
.fright {float: right}
.both {clear: both}
.justify {text-align: justify}
.link {color: rgb(221,148,58);text-decoration: underline}
.link:hover {text-decoration: none}
.input,.input1,.reg .input {border: 1px solid silver;padding: 2px 5px 2px 5px;background-color: rgb(33,33,33);color: white}
.input1 {width: 180px}
.input2 {width: 173px; background-color: black; color: white; border: 1px solid rgb(192,192,192);padding: 2px 5px 2px 5px; @width: 180px}
.input:hover, .input1:hover, .reg .input:hover {background-color: rgb(227,227,227);color: black;border-color: rgb(109,88,88)}
.absolute {position: absolute;}
.hand {cursor: pointer;}
.reg .input {width: 210px}
.white a {color: white; text-decoration: none;}
.white a:hover {text-decoration: underline;}

.hldt {margin-left:10px;}
.advnc {margin-left:10px;}

label {cursor: pointer;}

.sysmsg {text-align:center;background-color: rgb(61,48,48);padding: 10px;margin: 10px 0 10px 0;border: 1px solid rgb(33,33,33);border-bottom: 1px solid rgb(109,88,88);}


h1,h2 {color: rgb(221,148,58);font-size: 15pt}
h2 {font-size: 13pt}

a {color: rgb(221,148,58)}
a:hover {text-decoration: none}
a img {border: 0px;padding: 0px;margin: 0px;}

fieldset,legend {border: 1px solid rgb(212,208,200);padding: 5px;margin: 10px 0px 10px 0px;}
fieldset.padesat {width: 70%;margin-left: auto;margin-right: auto;padding: 10px;}
legend {padding: 2px 10px 2px 10px}

form {padding: 0px;margin: 0px;}

#top {background: rgb(4,4,4) url('../pictures/top_banner.gif') 100% 0% no-repeat;}

#top form {background: rgb(24,24,24) /* url('../pictures/topshadeleft.gif') 0 0 no-repeat */;width: 45%;position: relative;padding: 2px 0px 2px 5px;float: left;}
#top form .input {border: 1px solid rgb(192,192,192);background-color: rgb(0,0,0)}
#top form .input:hover {color: white;}
#top form .hledat {position: relative;top: 5px;}
#top form a {background: url('../pictures/top_li.gif') 0 60% no-repeat;padding-left: 10px;color: rgb(176,176,176); }
#top form a:hover {text-decoration: none }
#top form img {position: absolute;top: 0px;right: 0px}


#top img.both {width: 100%;height: 1px}
#top ul {padding: 0px;margin: 0px;float: left}
#top li {display: inline;}
#top li a {display: block;height: 45px;color: black;float: left}
#top li span {display: none}
#top li a:hover {background-position: 0% -45px }
#top a.li_1 {width: 126px;background: url('../pictures/m_hlavni_strana.gif') 0% 0% no-repeat; }
#top a.li_2 {width: 127px;background: url('../pictures/m_vse_o_nakupu.gif') 0% 0% no-repeat;}
#top a.li_3 {width: 158px;background: url('../pictures/m_nejcastejsi_dotazy.gif') 0% 0% no-repeat;}
#top a.li_4 {width: 156px;background: url('../pictures/m_doprava_a_platba.gif') 0% 0% no-repeat;}
#top a.li_5 {width: 97px;background: url('../pictures/m_kontakty.gif') 0% 0% no-repeat;}
#top .fleft {padding: 5px 0 0 20px}
#top .fleft a:hover {text-decoration: none}

#top .menu {background: rgb(224,133,37) url('../pictures/top_menu_bg.gif') 0 0 repeat-x;border: 5px solid rgb(24,24,24);border-bottom: 2px;min-height: 45px;_height: 45px;clear: both}


#top .kosik {position: relative;top: 0px;width: 290px;float:right;background: rgb(209,101,19) url('../pictures/top_kosik_bg.gif') 0 0 repeat-x;}
#top .kosik div {padding: 7px 0 6px 20px}
#top .kosik a {color: white;text-decoration:none}
#top .kosik a:hover {text-decoration:underline}
#top .kosik .tla {position: absolute;top: 3px;right: 3px;display: block;width: 62px;height: 40px;background: url('../pictures/top_objednat.gif') 0 0 no-repeat;}
#top .kosik .tla span {display: none}

.title,.title_cesta {position: relative;top: 0px;background: rgb(179,117,33) url('../pictures/title_bg.gif') 0 0 repeat-x;padding: 4px 0 6px 10px;font-size: 14pt; letter-spacing: -1px;color: black;text-transform: uppercase}
.title span,.title_cesta .span {position: absolute;right: 0px;top: 0px;/* display: block;width: 70px;height: 33px;background-image: url('../pictures/title_bg2.gif'); */}
.title_cesta a {font-size: 10pt;color: black;}
.title_cesta {padding: 8px 0 9px 10px;font-size: 10pt; color: black;}
.title_cesta span {color: black;padding-left: 5px;}

/* #group {background: rgb(4,4,4) url('../pictures/shade.gif')} */
#group {border-top: 8px solid rgb(24,24,24);padding: 0 5px 0 5px;background: rgb(4,4,4) url('../pictures/shade.gif') 0 0 repeat-x}

#left {float: left;width: 25%;}
#left ul,#left li,#left ol {padding: 0px;margin: 0px;list-style-type: none;display: inline}
#left ul a{display: block;padding: 5px 5px 5px 30px;background: rgb(33,33,33) url('../pictures/menu_plus.gif') 10px 50% no-repeat;border-top: 1px solid rgb(26,26,26);text-decoration: none;margin: 0px }
#left ol a {padding: 2px 5px 3px 50px;background: rgb(49,33,24) url('../pictures/menu_li.gif') 30px 50% no-repeat;border: 0px; font-weight: bold}
#left ul a:hover,#left ul a.active {background-color: rgb(49,33,24);text-decoration: underline}
#left ul a.active {background-image: url('../pictures/menu_minus.gif'); font-weight: bold; }

#left ul .podpod a {background-image: none;font-weight: normal;padding-left: 70px;color: rgb(228,195,98);}

#include {float: right;width: 74%}
#include .user_text,.block {background-color: rgb(61,48,48);padding: 5px;margin: 0 0 6px 0;}
#include .user_text h1,.block h1 {color: rgb(221,148,58);font-size: 13pt;}

#include .subkategorie,#include_text .subkategorie {list-style-type: none;margin:10px 0 0 0px;padding:0px}
#include .subkategorie li a,#include_text .subkategorie li a {padding-left: 30px;background: url('../pictures/menu_li2.gif') 10px 50% no-repeat;}


.block {border: 1px solid rgb(109,88,88)}

ol.navigace_text {background-color: rgb(61,48,48);padding: 10px;margin: 0px 0px 10px 0px; } 
ol.navigace_text li {padding: 3px 10px 3px 20px;list-style-type: none}
ol.navigace_text a {text-decoration: none}
ol.navigace_text a:hover {text-decoration: underline}

.katalog,.katalog_top {/* background-color: rgb(33,33,33) */;padding: 0px;margin-top: 10px;border-bottom: 1px solid rgb(33,33,33)}
.katalog .left,.katalog_top .left {width: 20%;float: left;text-align: center;padding-top: 5px;overflow: hidden;}
.katalog .include,.katalog_top .include {width: 57%;float: left;padding: 5px 0 0 1%}
.katalog .include .hodnoty,.katalog_top .hodnoty {padding: 5px 0px 5px 0px;color: rgb(167,167,167)}
.katalog .include .hodnoty strong,.katalog_top .hodnoty strong {color: rgb(255,255,255)}
.katalog .right {width: 21%;float: right}
.katalog .left a {text-decoration: none}
/*.katalog .right .line { line-height: 170% }*/
.katalog .right .line .line { padding-top: 10px }
.katalog .right small {color: #DD943A}

.katalog .right strong,#nejoblibenejsi .cena strong,.naposledy_prohlizene .cena strong,.katalog_top .cena strong {color: rgb(242,33,22)}
.katalog .right span,#nejoblibenejsi .cena span,.naposledy_prohlizene .cena span,.katalog_top .cena span {color: rgb(121,203,33)}
.katalog .right .pocet,.katalog_top .pocet {padding: 4px 2px 4px 2px;border: 0px}

.katalog_top {float:left;width: 32%;border:0;}
.katalog_top .left,.katalog_top .include {width: 100%;float: none;}
.both_katalog {clear: both;border-top: 1px solid rgb(33,33,33)}

#nejoblibenejsi {background-color: rgb(4,4,4)}
#nejoblibenejsi,.naposledy_prohlizene {clear: both;}
#nejoblibenejsi .katalog,.naposledy_prohlizene .katalog {width: 33%;float: left;border-bottom: 0px}
#nejoblibenejsi .katalog .left,.naposledy_prohlizene .katalog .left {width: 40%}
#nejoblibenejsi .katalog .include,.naposledy_prohlizene .katalog .include {width: 58%;}

#nejoblibenejsi .mezera,.naposledy_prohlizene .mezera {width: 15px}
#nejoblibenejsi .cena,.naposledy_prohlizene .cena {text-align: right;width: 50%}
.naposledy_prohlizene .left img {max-width: 80px; _width: 80px;}
.naposledy_prohlizene .tl_koupit,.naposledy_prohlizene .posledni_vse {text-align:right}
.naposledy_prohlizene .posledni_vse {clear: both}

#bottom {border-top: 5px solid rgb(109,88,88);background: rgb(61,48,48) url('../picturres/bottom_top_bg.gif') 50% 0% no-repeat;padding: 10px 10px 20px 10px }

.strankovani {float: right}
.strankovani .pageSel a, .strankovani a {display: block;float:left;padding: 5px 8px 5px 8px;margin-left: 3px;background-color: rgb(49,33,24);color: white;text-decoration: none}
.strankovani .pageSel a:hover, .strankovani a:hover {background-color: rgb(221,148,58);color: black;}
.strankovani a img{display: none;}
.strankovani .selectedpageindex {display: block;float:left;padding: 5px 8px 5px 8px;margin-left: 3px;text-decoration: none; background-color: rgb(221,148,58);color: black;font-weight: bolder;}

#detail,#text {padding: 0px 5px 10px 5px}

#detail .img {width: 30%;float: left;padding: 0 1% 1% 1%;text-align: center;overflow: hidden}
#detail .img img {max-width: 215px}
#detail .vlastnosti {width: 65%;float: right;}
#detail .vlastnosti p,#detail .vlastnosti .p {color: rgb(167,167,167)}
#detail .vlastnosti p strong {color: white}
#detail .zelena {color: rgb(104,203,29)}
.cena_puvodni {color: rgb(221,148,58)}
.cena_dph {color: rgb(242,33,22)}
.cena {color: rgb(221,148,58)}

.missing {color: rgb(242,33,22)}
.onemissing {color: rgb(220,125,29)}

.cenik tr,.tr {background-color: rgb(33,33,33);}
.cenik td {border-bottom: 1px solid rgb(24,24,24);}
.cenik .cesta td {background-color: rgb(33,33,33);padding-top: 15px;font-size: small;}
.cenik .cesta td a {color: white;}
.cenik .left span,.cenik .cesta td span {color: rgb(167,167,167)}
.cenik .right {line-height: 150%;}
.cenik .right span {color: rgb(121,203,33)}
.cenik .right .cena {color: rgb(242,33,22)}
.cenik .height td,.height_tr td{height: 1px;padding: 0px;background-color: rgb(24,24,24)}
.cenik tr {background-color: rgb(38,38,38)}

.cenik .pocet,.cenik .koupit {text-align: right;}

.user_text #zobraz_1 h1 {text-transform: capitalize;}
.user_text #zobraz_1 h1,.user_text #zobraz_1 h2 { font-family: arial;font-size: 18pt;letter-spacing: -1px;font-weight: normal}
.user_text #zobraz_1 h2 { font-size: 14pt }

.tabvel .input {width: 48px; text-align: center}

.tab-check-form {width:80%;}
.tab-check-form h2{margin: 10px 0 10px 0;font-size: 11pt}
.tab-check-form h2 small{font-size: 8pt}
/* CLANKY */

  .jameson h1 {text-decoration: underline; margin-left: 10px}
  .jameson p {text-align: justify; margin-left:10px; margin-right: 10px; line-height: 150%;}
  .jameson .nadp2 {text-decoration: underline; margin-left: 50px;}
  .jameson .podpis {float: right; margin-right: 50px;}
  .jameson .zvyrazneni {font-weight: bold; font-style: italic; margin-right: 10px}
  .jameson img {margin: 10px}
  .jameson .both {clear: both; float:none}
  
  .bow h1 {text-decoration: underline; margin-left: 10px}
  .bow p {text-align: justify; margin-left:10px; margin-right: 10px; line-height: 150%;}
  .bow .popisek {margin-left: 140px; font-size: .7em;}
  .bow .nadp2 {text-decoration: underline; margin-left: 50px;}
  .bow .citace {margin-left: 20px}
  .bow .podpis {float: right; margin-right: 150px;}

  .jack h1 {text-decoration: underline; margin-left: 10px}
  .jack p {text-align: justify; margin-left:10px; margin-right: 10px; line-height: 150%;}
  .jack .nadp2 {text-decoration: underline; margin-left: 50px;}
  .jack .podpis {float: right; margin-right: 100px;}

  .jim h1 {text-decoration: underline; margin-left: 10px}
  .jim p {text-align: justify; margin-left:10px; margin-right: 10px; line-height: 150%;}
  .jim .nadp2 {text-decoration: underline; margin-left: 50px;}
  .jim .podpis {float: right; margin-right: 50px;}
  .jim img {margin: 10px}
  .jim .both {clear: both; float:none}

  .sun h1 {text-decoration: underline; margin-left: 10px}
  .sun p {text-align: justify; margin-left:10px; margin-right: 10px; line-height: 150%;}
  .sun .nadp2 {text-decoration: underline; margin-left: 50px;}
  .sun .citace {margin-left: 20px}
  .sun .podpis {float: right; margin-right: 50px;}
  .sun .zvyrazneni {font-weight: bold; font-style: italic; margin-right: 10px}
  .sun img {margin: 10px}
  .sun .both {clear: both; float:none}

/* STYL #ABER JE SPOLEČNÝ PRO ČLÁNKY:
Aberlour, The Balvenie, Glenfiddich, HIGHLAND PARK, Lagavulin, Laphroaig, Macallan, Talisker
 */
  #aber h1 {text-decoration: underline; margin-left: 10px}
  #aber p {text-align: justify; margin-left:10px; margin-right: 10px; line-height: 150%;}
  #aber .podpis {float: right; margin-right: 50px;}
  #aber img {margin: 10px}
  #aber .both {clear: both; float:none}
  
  .talistab {width:100%;}
  .talistab td { padding: 10px 0 10px 0;border: 1px solid white;}
  .talistab .td1 {width: 20%}
  .talistab .td2 {width: 10%}
  .talistab .td3 {width: 70%}

/* konec clanky */

.product-list {width: 100%;}
.product-list td {padding: 2px 2px;}
.product-list th {text-align: left;margin: 0;padding: 0;}
.product-list-header td,.product-list th {border-bottom: 1px solid #29166F;color: white;font-weight: bold;background-color: rgb(38,38,38);padding: 3px 3px 2px 3px}
.product-list-footer td {text-align: right;}
.product-list-secrow td, .product-list-row td.picture {border-bottom: 1px dotted #2c3d47;}
.product-list-row td.price, .product-list-row td.button, .product-list-secrow td.price, .product-list-secrow td.button, .product-list-footer td.price, .bookmarked td.price, .bookmarked th.price {text-align: right;}
.old-price-with-vat, .old-price {text-decoration: line-through;text-align: right;}

.kroky td {text-align: center; width: 14%;}

.user_text td .input  {width: 86%}
fieldset textarea {width: 95%}
.missing-entry {color: rgb(255,0,0)}
#wby {line-height: 150%; font-size: 7pt; text-align:center}
#wby strong {font-weight: normal}
.30 {width:30px}

#tl_koupit {display: inline;}


.invisible {display: none;}

#sub_body {padding: 0;margin: 0;}