/* CSS fy. */

body {padding: 0px;margin: 0px;font-size: 11px;font-family: 'Arial ce',Arial,Helvetica,Verdana;background: rgb(246,246,246) url(../pictures/body.gif) 50% 0% repeat-y;}
#page {position: relative;width: 776px;margin-left: auto;margin-right: auto;text-align: center;}
#center {text-align: left;}

.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}
.line {font-size: 5px;border-bottom: 1px solid #dddddd}
.vtop {vertical-align: top}

h1 {color: rgb(28,85,168);margin: 0px;padding: 5px 0px 0px 0px;}
h2,h1 {font-size: 11px;}
.detail {padding: 5px 0px 5px 5px;font-size: 12px}

img {border: 0px;}

#menu ,#bottom {border-top: 1px solid #999998;border-bottom: 1px solid #999998;margin-top: 29px;background: #d9d9d9 url('../pictures/pozadi_menu.gif') 0% 0% repeat-x;padding: 5px 0px 5px 10px;position: relative;}
#menu a,#hledat a {font-size: 11px;font-weight: bold;color: black;text-decoration: none;}

#categories {width: 182px;float: left;margin-top: 20px}
#categories ul {margin: 0px;padding: 0px;list-style-type: none;}
#categories strong,#info_panel strong {padding: 5px 0px 5px 10px;display: block;border-bottom: 1px solid rgb(153,153,153);border-top: 1px solid rgb(153,153,153);border-right: 1px solid rgb(153,153,153);background-color: rgb(221,221,221);color: rgb(28,85,168);text-transform: uppercase}
#categories li,#hledat {padding: 3px 0px 1px 0px;min-height: 16px; _height: 16px;border-bottom: 1px solid rgb(153,153,153);border-right: 1px solid rgb(153,153,153);background-color: rgb(246,246,246);}
#categories li a,#info_panel .window em {color: rgb(153,153,153);padding-left: 10px;background: rgb(246,246,246) url('../pictures/li.gif') 0% 50% no-repeat;margin-left: 10px;text-decoration: none;font-weight: bold;}
 /* #categories li a:hover,#categories li a:visited {color: rgb(0,0,0)} */

#include,#detail {float: left;width: 411px;margin: 20px 12px 0px 12px;overflow: hidden;}
#include a {color: rgb(153,153,153)}

#info_panel {float: left;width: 159px;margin-top: 20px;overflow: hidden;}
#info_panel strong {border-left: 1px solid rgb(153,153,153);border-right: 0px;}
#info_panel .window {background-color: rgb(246,246,246);border-bottom: 1px solid rgb(153,153,153);border-left: 1px solid rgb(153,153,153);padding: 5px}
#info_panel .window em {color: rgb(51,51,51);display: block;font-style: normal}
#info_panel .window p {margin: 0px;padding: 5px 0px 0px 25px}
#info_panel .window p a {color: rgb(153,153,153);font-weight: bold;}

.cena {font-size: 11px;}
.cena b,.old_orders a {color: black;}
.cena span,.cena span b {color: rgb(28,85,168)}
.cena span i {font-style: normal;color: black}
.decoration {cursor: pointer}
#info_panel div .cena {padding-left: 5px}
#info_panel div .cena b span,.decoration {text-decoration: none}
#info_panel div .cena span {text-decoration: line-through;color: #1c55a8;}

#include td .title_cat {color: black;}
#include td p,#hledat {padding: 0px;margin: 0px 0px 5px 0px}
#include td span input {border: 1px solid rgb(153,153,153);width: 17px;font-size: 11px;float: left;margin: 2px}
#include .produkt_img,#info_panel .produkt_img {max-width: 90px; _width: 90px}

.akce_title {color: black;padding-left: 5px;font-weight: bold;}
div .img {padding: 5px;text-align: center}

#bottom {text-align: center;}
#price {background: #f6f6f6 url(../pictures/pozadi_price.gif) 0% 0% repeat-x;height: 145px;position: relative;}
.zidle_0 {position: absolute;top: 0px;right: 0px;background: white url(../pictures/zidle_price.gif) 0% 0% no-repeat;width: 130px;height: 120px;z-index: 2}
.zidle_1 {position: absolute;top: 0px;right: 0px;background: white url(../pictures/zidle_menu.gif) 0% 0% no-repeat;width: 123px;height: 35px;}

.selectedPage {color: gray}
.pageSel {color: rgb(153,153,153);font-weight: bolder;}
.razeni {clear: both;}
.razeni a,.seznam a:hover {color: black;font-weight: bolder;}
.razeni a:hover,.razeni a:active,.old_orders a:hover,.seznam a {color: rgb(153,153,153);}

#detail_left {width: 166px;vertical-align: top;}
#detail_left img {max-width: 150px; _width: 150px;}
#detail_left span.lupa {display: block;position: relative;cursor: pointer}
#detail_left .lupa i {position: absolute;top: -15px;right: 10px;display: block;background: white url('../pictures/lupa.gif') 0% 0% no-repeat;width: 11px;height: 11px}
#detail_right {width: 248px;vertical-align: top;}
#detail_right .products_params td {padding: 0px 5px 0px 5px}
#detail_right .cena {margin-bottom: 10px;background-color: #f6f6f6;width: 100%;border: 5px solid #f6f6f6}

#zakaznicke_volby .userInputCaption {display: block;}
#zakaznicke_volby {width: 100%}

.select,.input,textarea,.PaymentSelect,.DeliverySelect {border: 1px solid rgb(153,153,153);font-size: 11px;height: 15px}
textarea {height: 70px;}
#registrace .input {width: 150px}
.pocet_ks {border: 1px solid rgb(153,153,153);width: 25px;font-size: 11px;}
.store_picture {cursor: hand; cursor: pointer;}
.store_pictures {display: block;padding: 2px 0px 2px 2px;border: 1px solid gray;width: 15px;float: left;margin: 0px 1px 0px 1px;color: black}
.seznam {list-style-image: url('../pictures/li.gif');}
.system_msg {background-color: rgb(221,221,221);border: 1px solid rgb(153,153,153);text-align: center;padding: 5px}
.onemissing {color: rgb(128,128,128)}
.missing {color: rgb(153,0,0)}