@charset "utf-8";
/* CSS Document */
.down-left {height:40px; width:40px; float:left; background:url(../grafika/down-left.png) no-repeat;}
.down-prechod {height:40px; float:left; background:url(../grafika/down-prechod.png) repeat-x; line-height:40px; padding-left:5px;}
.down-right{height:40px; width:22px; float:left; background:url(../grafika/down-right.png) no-repeat;}
.down-prechod a ,.down-prechod-small a {font-weight:bold; color:#ad3737; text-decoration:none; display:block;}
.down-prechod a:hover, .down-prechod-small a:hover {text-decoration:underline;}

.down-left-small {height:25px; width:25px; float:left; background:url(../grafika/down-left-small.png) no-repeat;}
.down-prechod-small {height:25px; float:left; background:url(../grafika/down-prechod-small.png) repeat-x; line-height:25px; padding-left:5px;}
.down-right-small{height:25px; width:13px; float:left; background:url(../grafika/down-right-small.png) no-repeat;}

#but-top { width:480px; height:33px; float:right;}
#but-top ul {
list-style-type: none;
text-decoration:none;
margin:0;
padding:0;
line-height:31px;
font-size:0px;
font-weight:normal;
}
#but-top li {
list-style-type: none;
text-decoration:none;
padding:0;
margin:0px 0px 0px 4px;
float:right;
}
#but-top li a {
display:block;
color:#000;
height:31px;
text-decoration:none;
}
#but-top a {}

#but-top .obchodni a {background:url(../grafika/butt-top.png) no-repeat -211px 0px; width:128px;} #but-top .obchodni a:hover, #but-top .obchodni-select a {background:url(../grafika/butt-top.png)no-repeat -211px -31px;}

#but-top .prihlasit a {background:url(../grafika/butt-top.png) no-repeat -339px 0px; width:64px;} #but-top .prihlasit a:hover, #but-top .prihlasit-select a {background:url(../grafika/butt-top.png)no-repeat -339px -31px;}

#but-top .odhlasit a {background:url(../grafika/butt-top.png) no-repeat -1px 0px; width:65px;} #but-top .odhlasit a:hover, #but-top .odhlasit-select a {background:url(../grafika/butt-top.png)no-repeat -1px -31px;}

#but-top .napoveda a {background:url(../grafika/butt-top.png) no-repeat -135px 0px; width:76px;} #but-top .napoveda a:hover, #but-top .napoveda-select a {background:url(../grafika/butt-top.png)no-repeat -135px -31px;}

#but-top .ucet a {background:url(../grafika/butt-top.png) no-repeat -66px 0px; width:69px;} #but-top .ucet a:hover, #but-top .ucet-select a {background:url(../grafika/butt-top.png)no-repeat -66px -31px;}




#hledat {float:right; margin-right:16px; margin-top:4px;}
#hledat .submit {width:51px; height:26px; border:0px; margin:0; padding:0; font-size:11px; color:#000000; background:url(../grafika/butt-hledat.png) no-repeat top; text-align:center; text-decoration:none; cursor:pointer; font-weight:bold;}
#hledat .submit:hover {background:url(../grafika/butt-hledat.png) no-repeat bottom;}
#menu {height:40px; padding:7px 22px 0px 24px;}

#vytisknout-objednavku { margin-top:16px;}
#vytisknout-objednavku .button  {width:186px; height:45px;   margin:0; padding:0;text-decoration:none; cursor:pointer;  background:url(../grafika/vytisknout-objednavku.gif) no-repeat top;  display:block; border:0px;}
#vytisknout-objednavku .button:hover {background:url(../grafika/vytisknout-objednavku.gif) no-repeat bottom; display:block;}


.submit_pokracovat_nakup {width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/pokracovat-nakup.gif) no-repeat top; cursor:pointer;}
.submit_pokracovat_nakup:hover {background:url(../grafika/pokracovat-nakup.gif) no-repeat bottom;}
.submit_prejit-kosik {width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/prejit-kosik.gif) no-repeat top; cursor:pointer;}
.submit_prejit-kosik:hover {background:url(../grafika/prejit-kosik.gif) no-repeat bottom;}
.submit_zpet-kosik {width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/zpet-kosik.gif) no-repeat top; cursor:pointer; font-size:0px;}
.submit_zpet-kosik:hover {background:url(../grafika/zpet-kosik.gif) no-repeat bottom;}
.submit_pokracovat {width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/pokracovat.gif) no-repeat top; font-size:0px; cursor:pointer;}
.submit_pokracovat:hover {background:url(../grafika/pokracovat.gif) no-repeat bottom;}
.submit_dopravaplatba {width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/doprava-platba.gif) no-repeat top; font-size:0px; cursor:pointer;}
.submit_dopravaplatba:hover {background:url(../grafika/doprava-platba.gif) no-repeat bottom;}
.submit_objednavka {width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/odeslat-objednavku.gif) no-repeat top; font-size:0px; cursor:pointer;}
.submit_objednavka:hover {background:url(../grafika/odeslat-objednavku.gif) no-repeat bottom;}
.submit_registrace {width:107px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/registrovat.gif) no-repeat top; font-size:0px; cursor:pointer;}
.submit_registrace:hover {background:url(../grafika/registrovat.gif) no-repeat bottom;}
.submit_upravit {width:107px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/upravit.gif) no-repeat top; font-size:0px; cursor:pointer;}
.submit_upravit:hover {background:url(../grafika/upravit.gif) no-repeat bottom;}
.submit_odeslat {width:107px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/odeslat.gif) no-repeat top; font-size:0px; cursor:pointer;}
.submit_odeslat:hover {background:url(../grafika/odeslat.gif) no-repeat bottom;}

.submit_uvodni a{width:186px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/uvodni-stranka.gif) no-repeat top; font-size:0px; display:block;}
.submit_uvodni a:hover {background:url(../grafika/uvodni-stranka.gif) no-repeat bottom;}

#produkt-detail { padding-top:8px; margin-left:-4px;}
#produkt-detail h2 {
color:#2c60a1;
font-weight:bold;
text-decoration:none;
margin:0;
padding:0px 8px 0px 12px;
width:659px;
height:36px;
line-height:36px;
font-size:14px;
background:url(../grafika/pr_hlav_det.png) no-repeat;
}
#produkt-detail .img {text-align:center; height:220px; width:248px; position:relative;display: table-cell; vertical-align:middle; }
#produkt-detail .img img {position: relative; margin: 0 auto;display: block;left: 0;margin: 0 auto; }
#produkt-detail .popis { padding-right:8px; padding-bottom:24px;}
#table-cena td{ padding-bottom:8px;}
#produkt-detail .input_produkt { width:20px; text-align:right;}
#produkt-detail .submit_produkt {width:107px; height:45px; border:0px; margin:0; padding:0; background:url(../grafika/koupit-det.gif) no-repeat top; cursor:pointer;}
#produkt-detail .submit_produkt:hover {background:url(../grafika/koupit-det.gif) no-repeat bottom;}
#produkt-detail .cena-popis {font-size:14px;}
#produkt-detail .cenas {color:#cb0335; font-size:24px; font-weight:bold;}
#produkt-detail .cenab { }

.popis-obsah { padding:16px 16px 0px 8px;}

#table-parametry {background-color:#ebebeb; margin-bottom:8px; }
#table-parametry td {border-bottom:1px solid #d1d1d1; padding:4px 8px 3px 4px;}
.table-dostupnost {margin-bottom:16px; }
.table-dostupnost td {border-bottom:1px solid #d1d1d1; padding:4px 0px 3px 0px;}

#produkty { margin-left:-3px; }
#produkty ul {
padding:0px;
margin:0px;
}
#produkty li {
list-style-type: none;
background:url(../grafika/pr_predel.png) no-repeat right  top; 
float:left;
width:220px; height:315px;
padding:0px 0px 16px 0px; 
margin:0;
}
#produkty h3
{
padding:0; margin:0;
}
#produkty h3 a {
display:block;
color:#2c60a1;
font-weight:bold;
text-decoration:none;
margin:0;
padding:0px 8px 0px 12px;
width:199px;
height:32px;
line-height:32px;
font-size:12px;
background:url(../grafika/pr_hlav.png) no-repeat;
}
#produkty h3 a:hover {text-decoration:underline;}
#produkty .paragraph{padding:6px 8px 0px 12px; height:61px;}
#produkty .skladem_radek { font-size:10px; color:#606060; line-height:12px;padding:6px 8px 0px 12px;}
#produkty p {padding:0px; margin:0px; line-height:14px; font-size:11px;}
#produkty .bg_none {background:none;}
#produkty .img {text-align:center; height:150px; width:205px; position:relative;display: table-cell; vertical-align:middle;}
#produkty .img img {position: relative; margin: 0 auto;display: block;left: 0;margin: 0 auto;}
#produkty .cena {width:110px; float:left; padding-top:3px;}
#produkty .cenas {color:#cb0335; font-size:14px; font-weight:bold; text-align:right; line-height:16px;}
#produkty .cenab { text-align:right; font-size:10px; color:#606060; line-height:12px;}
#produkty .kod { text-align:right; font-size:10px; color:#606060; line-height:12px; padding-right:12px; padding-top:3px;}

#produkty .koupit {float:right; width:87px; height:33px; padding-right:8px;}
#produkty .submit_produkt {width:87px; height:33px; border:0px; margin:0; padding:0; background:url(../grafika/koupit.gif) no-repeat top; cursor:pointer;}
#produkty .submit_produkt:hover {background:url(../grafika/koupit.gif) no-repeat bottom;}

.ram-foto {float:left; padding-top:16px;}

.ram-foto ul,  .ram-foto a{
list-style-type: none;
text-decoration:none;
margin:0 auto;
padding:0;
font-size:10px;
}

.ram-foto li {
list-style-type: none;
text-decoration:none;
padding:0px;
margin:0px 20px 20px 0px;
width:150px;
float:left;
height:152px;
text-align:center; 
background:url(../grafika/ram-foto.png) no-repeat top; 
}
.ram-foto a {
display:block;
}
.ram-foto li a:hover {
background:url(../grafika/ram-foto.png) no-repeat bottom;
display:block;
height:152px;
color:#fff;
} 
.ram-foto span {display:block; line-height:12px;}
.ram-foto img {margin-top:29px; margin-bottom:5px;}