html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, menu, li, ul {margin: 0;padding: 0;}
html {background: url(../images/page.gif) repeat-x #FFFFFF;}
body {text-align: center; font: 12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color: #333333; font-size: 12px; background: url(../images/content_bg.gif) no-repeat; background-position: center 271px;}
html > body {font-size: 12px;}
a {font-weight: normal; text-decoration: underline; color: #B61500;}
a:hover {text-decoration: none; color: #333333;}
a:visited {color: #B61500;}

table {width: 100%; font-size: 100%; border-collapse: collapse; margin: 0; text-align: left;}
th, td {border: 1px solid #E1E1E1; padding: 5px;}
th {font-weight: bold;}
tr {background: #FFFFFF;}
hr {border: 1px solid #D0D0D0; height: 1px;}
.bold {font-weight: bold;}
.fontnormal {font-weight: normal !important;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
a img {border: 0;}
.i {font-style: italic;}
.r {color: Red;}
.am {vertical-align: middle;}

.cb1 {clear: both; height: 1px; width: 100%; overflow: hidden; margin: 10px 0; border-top: 1px solid #EBE8D8; float: left;}

#page {width: 980px; margin: 0 auto; padding: 0 10px; position: relative; text-align: left; background: url(../images/tc_bg.gif) no-repeat;}

h1, h2, h3, h4 {color: #0E0E0E;}
h1 {font-size: 22px; margin: 0 0 10px 0;}
h2 {font-size: 1.77em; margin-bottom: 10px; font-weight: normal;}
h3 {font-size: 16px; margin-bottom: 10px; font-weight: bold;}
h4 {font-size: 13px; font-weight: bold; margin-bottom: 10px;}
h1 span {text-transform: uppercase;}
p {margin: 1em 0; line-height: 1.5;}

#logo {position: relative; float: left; border: none !important; margin-left: 10px;}
#logo, #logo span {display: block; width: 52px; height: 50px; margin-top: 0 !important;}
#logo span {background: url(../images/logo.png) no-repeat; position: absolute; cursor: pointer; top: 0; left: 0;}

#tc {width: 100%; clear: both; margin-bottom: 0; background: url(../images/tccontent_bg.gif) no-repeat center bottom; height: 107px;}
#tc_rh {float: left; color: #794919; height: 50px; margin-right: 10px; margin-left: 50px;}
#tc_rh h1 {font-size: 1.2em; font-weight: bold; line-height: 50px; margin-bottom: 0;}
#box_basket {margin-right: 10px; float: right; background: url(../images/bt_buy.gif) no-repeat left 2px; padding-left: 20px;}
#box_basket a {font-weight: bold;}

.box_ct {padding: 10px;}

#d_s {position: absolute; bottom: -300px; left: 0; width: 980px; font-size: 80%; color: #888888; text-align: center;}
#d_s h1 {font-size: 11px; font-weight: bold; color: #888888;}
#d_s h2 {font-size: 11px; font-weight: bold; color: #888888;}
#d_s h3 {font-size: 10px; font-weight: bold; color: #888888;}
#d_s h4 {font-size: 10px; font-weight: bold; color: #888888;}

#p_t {/*background: url(../images/hero_gradient.jpg) no-repeat top center;*/ padding: 5px; border-top: 1px solid #E5E5E5;}

#footer {clear: both; font-size: 11px; margin-top: 20px; padding: 15px 0; width: 980px; margin: 20px auto; text-align: left; min-height: 400px; color: #888888; font-size: 10px; border-top: 5px solid #B61500;}
#footer p {margin: 0;}
.fleft {float: left;}
.fright {float: right;}

#content {padding: 10px;}
#content ul li, .con li {list-style: none; padding-left: 15px; background: url(../images/libg.gif) center left no-repeat; margin: 0.6em 0;}

#menu_tc {width: 980px; height: 40px; background: url(../images/menu.gif) no-repeat; line-height: 40px; margin: 0; padding: 0; margin-bottom: 10px;}
#menu_tc li {list-style: none; text-align: center; float: left; width: 150px;}
#menu_tc a {text-decoration: none; display: block; padding: 0 5px; line-height: 24px; margin: 8px 0; color: #FFFFFF; border-right: 1px solid #FFFFFF; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-weight: bold;}
#menu_tc a:hover {background: #FFFFFF; color: #000000; text-shadow: none;}
#menu_tc a.active {background: url(../images/menu_a.gif) repeat-x; color: #FFFFFF; text-shadow: none;}

#b_i {margin-top: -1px;}
.r4box {width: 234px; padding: 5px; float: left; border: 1px solid #E5E5E5; border-bottom: 1px solid #D2D2D2; margin: 0 -1px 5px 0;background: #FFFFFF; min-height: 167px;}
.r4box:hover {background: #F5F5F5;}

/* formulare*/
fieldset {border: none;}
legend {font-size: 15px; font-weight: bold; color: #CF0933;}
#fm {clear: both; margin: 20px 0;}
#fm input.small {width: 120px;}
#fm textarea, #fm input {border: 1px solid #ABC7DD; background: #FFFFFF; padding: 5px;}
#fm textarea:focus, #fm input:focus {border: 1px solid #165B90;}
#fm textarea:hover, #fm input:hover {border: 1px solid #7196BE;}
#fm textarea {width: 450px; height: 175px; }
#fm input {width: 200px;}
input.b_r, textarea.b_r {border: 1px solid red;}
#fm label {width: 150px; margin-right: 20px; float: left; font-weight: bold; font-size: 14px;}
#fm label span {font-size: 18px;}
#fm fieldset {background: #F1F3F7; padding: 5px 20px; border: 1px solid #DDE8EF; margin-bottom: 10px;}
input.checkbox {width: 10px !important; height: 10px !important; border: none; background: none;}
input.b_r {border: 1px solid red;}
a.bt, input.bt {height: 36px; background: url(../images/btbg.png) no-repeat !important; line-height: 36px; color: #FFFFFF !important; cursor: pointer; text-decoration: none !important; text-align: center; padding: 0 !important; font-weight: bold; border: none !important; width: 150px !important; font-size: 12px;}
#fm input.bt {margin-left: 170px;}
input[type="text"] {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #A6A498; padding: 5px;}
/* formulare konec*/

/* vypis polozek*/
#products {margin-top: 10px; border: none;}
#products h2 {font-size: 2.35em; padding-left: 10px; border-bottom: 3px solid #D0D0D0; margin-bottom: 0; line-height: 1.5; position: relative;}
#products h2 span {display: block; position: absolute; background: url(../images/sleva.gif) no-repeat; width: 33px; height: 33px; right: -20px; top: 40px;}
#products table h3 {font-size: 1.5em;}
#products tr:hover {background-color: rgb(255,255,153);}
#products table {width: 980px; margin: 0 auto; border: 1px solid #D2D2D2;}
#products td {border: none; border-bottom: 1px dotted #D2D2D2;}
#products td input[type="submit"] {padding: 5px 10px; font-weight: bold; font-size: 120%; cursor: pointer; background: url(../images/bt_buy.gif) no-repeat 10px center #AA1400; color: #FFFFFF; border: 1px solid #C64D39; padding-left: 30px;}
#products td input[type="submit"]:hover {background-color: #CB3600;}

.ususal {font-size: 11px;}
.pr {font-size: 16px;}
.pr_discount {font-size: 11px;}
.stock {display: block; margin-top: 5px; color: #87B502;}

.label {width: 63px; height: 63px; float: left;}
.action {background: url(../images/ikony.png) 0 0 no-repeat;}
.day {background: url(../images/ikony.png) -62px 0 no-repeat;}
.item_tip {background: url(../images/ikony.png) -125px 0 no-repeat;}
.transport {background: url(../images/ikony.png) -188px 0 no-repeat;}
.sale {background: url(../images/ikony.png) -252px 0 no-repeat;}
.gift {background: url(../images/ikony.png) -315px 0 no-repeat;}
.new {background: url(../images/ikony.png) -441px 0 no-repeat;}
/* vypis polozek konec*/

/* informacni boxy*/
.box_info {border: 2px solid #626262; padding: 10px 30px; font-size: 11px; margin-bottom: 1em; background: url(../images/icon_info.gif) 5px center no-repeat #FFFFFF;}
.box_ok_info {border: 2px solid #446423; padding: 10px 30px; font-size: 11px; margin-bottom: 1em; background: url(../images/icon_ok.gif) 5px center no-repeat #FFFFFF;}
.box_tips {border: 2px solid #fcd344; padding: 10px 30px; font-size: 11px; margin-bottom: 1em; background: url(../images/icon_tips.gif) 5px center no-repeat #FFFFFF;}

/* detail polozky*/
.detail {padding: 10px; border-top: 1px solid #E5E5E5; border-bottom: 1px dotted #E5E5E5;}
#dt_rh {width: 253px; float: right; padding: 5px 20px; height: 327px; background-position: bottom center;}
#dt_rh h3 {border-bottom: 1px solid #D9D8D3;}
#dt_rh th, #dt_rh td {border-left: none; border-right: none;}
#dt_rh th {padding-left: 10px;}
#dt_rh td {text-align: right; padding-right: 10px;}
#dt_rh form {text-align: right; margin-top: 20px; background: #CCCCCC; padding: 5px; text-align: center;}
input.bt_buy {padding: 5px 10px; font-weight: bold; font-size: 120%; cursor: pointer; background: url(../images/bt_buy.gif) no-repeat 10px center #AA1400; color: #FFFFFF; border: 1px solid #C64D39; padding-left: 30px;}
input.bt_buy:hover {background-color: #CB3600;}
input.number {width: 40px; padding: 10px 0; line-height: 15px; text-align: center; margin-right: -3px; font-size: 15px; font-weight: bold; border: 1px solid #B4B3B3;}
.detail_cena {font-size: 1.5em; color: #B61500; font-weight: normal;}
.detail_cena th {font-weight: normal;}
.detail_cena span {font-size: 11px; font-weight: normal;}
.price_usual span {text-decoration: line-through;}
.price_usual span.stock_red {text-decoration: none;}
.stock_green {color: green;}
.stock_orange {color: orange;}
.stock_red {color: red;}
#images a {border: 1px solid #DADADA; display: block; float: left; margin-right: -1px; text-align: center; width: 115px; height: 100px; margin-bottom: 15px;}
.cal {text-decoration: none;}
.cal span {text-decoration: underline;}
.cal:hover span {text-decoration: none;} 

.description {float: left; width: 470px; padding: 10px;}
.mail {float: right; width: 470px; padding: 10px;}
.mail textarea {width: 370px !important;}
/* detail polozky konec*/

#sections h2 {font-size: 2.35em; padding-left: 10px; border-bottom: 4px solid #D0D0D0; margin-bottom: 0; line-height: 1.5;}
#sections {border: none; border-bottom: 1px solid #D2D2D2;}
#sections h3 {font-size: 1.5em; height: 45px;}
#sections h3.font_11 {font-size: 11px;}
#sections li {display: block; float: left; list-style: none; width: 223px; padding: 5px 10px; height: 250px; border-left: 1px solid #D0D0D0; position: relative; overflow: hidden;}
#sections li.last {border-right: 1px solid #D0D0D0; width: 226px;}
#sections li:hover {background-color: rgb(255,255,153);}

#slideshow {width: 667px; clear: left; float: left; height: 330px; overflow: hidden;}
#slideshow li {width: 667px; overflow: hidden; text-align: center;}
.sl_b {height: 120px; width: 667px; border: 1px solid; border-color: #E5E5E5 #DBDBDB #D2D2D2; float: left; margin-top: 10px; margin-left: -1px; background: #FFFFFF;}
.sl_b li {list-style: none; display: block; float: left; padding: 5px 10px; width: 146px; height: 110px; border-right: 1px solid #D0D0D0; text-align: center; position: relative;}
.sl_b li.last {border-right: none;}
.sl_b li a {font-size: 11px; text-decoration: none;}
.sl_b li a strong {font-size: 1.6em; font-weight: normal;}
.sl_b li a span {display: block; clear: both; width: 146px; text-align: center; position: absolute; bottom: 5px; left: 10px;}

/* formular*/
.que {float: right; width: 293px; background: url(../images/con_bg.png) no-repeat; height: 465px;}

.con {padding: 5px 20px; color: #878787;}
.con h3, #dt_rh h3 {color: #B61500; font-weight: normal; font-size: 1.3em; height: 39px; line-height: 39px; text-shadow: 1px 1px 1px rgb(208,255,176); margin-bottom: 0;}
.con p {margin-top: 0;}
.con label {font-weight: bold; width: 100%; display: block; float: left;}
.con input[type="text"] {width: 241px;}
.con .bt {float: right;}
.con ul {margin-bottom: 10px;}
.con li {background: url(../images/conli_bg.png) repeat-x bottom left; margin: 0; padding: 10px; color: #302F2B; font-size: 110%; text-shadow: 1px 1px 0 #C7C7C7;}
.con li.e {background: url(../images/conli_ebg.png) repeat-x bottom left;}

/* nakupni kosik, objednavka*/
table.basket {margin-bottom: 15px;}
table.basket a {font-weight: bold;}
table.basket th {font-size: 15px; font-weight: bold;}
table.basket th span {font-size: 12px; font-weight: normal;}
.price_all {background: #CCCCCC;}
.price_all th {text-align: right; padding: 5px;}
.bt_basket {display: block; padding: 9px 30px !important; background: #CF0933 !important; font-size: 15px !important; font-weight: bold !important; color: #FFFFFF !important; float: right !important; border: none !important; cursor: pointer;}
.bt_basket:hover, .bt_basket:visited {color: #FFFFFF;}
.bt_return {background: url(../images/btreturn.png) center left no-repeat; padding-left: 15px;}

form.basket p {clear: both; float: left; width: 100%;}
form.basket input {float: left; margin-right: 10px;}
form.basket label {width: auto !important; line-height: 1.3;}
form.basket label span {font-size: 12px !important; font-weight: normal;}
.info_input {display: block; clear: both; margin-top: 1em; margin-left: 30px;}
input.error {background: #FFFFD5 !important;}
label.error {float: right !important; width: auto !important; font-size: 12px !important; display: none; font-weight: normal !important;}

.noborder th, .noborder td {border: none !important;}

.warning {padding: 5px 5px 5px 35px; background: url(../images/warning.gif) no-repeat #FFFF99; background-position: 5px center; min-height: 25px; border: 1px solid #DDDDDD; margin: 0 0 5px 0; line-height: 25px;}
.warning a {color: #0066FF; font-weight: bold;}

.calculator {padding: 15px; margin-left: -10px; background-color: white;}
.warning .calculator {margin-left: -30px;}
.bt_ce {padding: 10px 30px; font-size: 18px; font-weight: bold; cursor: pointer;}
.calculator h1, .calculator h2 {font-size: 18px; font-weight: normal; color: #006025; border-bottom: 5px solid #006025;}
.calculator th, .calculator td {border: none;}
.calculator .bt {margin: 0 auto !important;}
.calculator .fleft {margin-right: 15px;}
.note {border: 1px solid #006025; padding: 10px;}
.note p {margin: 2px 0;}