html, body { width: 100%; margin: 0; padding: 0 }
body {background: #FFF url('images/top_trim_r.gif') 0% 0% repeat-x; text-align: left;}
body,td,th,h1,h2,h3,h4,span,div,p,input,label,textarea { font-family: verdana, 'Arial CE'; font-size: 12px; line-height: 130%}
h1 { font-size: 13px; color: #E05C05; display: block; margin: 0; padding: 0 } 
h2 { font-size: 12px; color: #E05C05; font-weight: bold; margin: 0 0 10px 0 }
h3 { display: inline }
h4 { display: inline }

a {color: #8E8F7C; text-decoration: underline}
a:hover {color: #AEAF9C; text-decoration: none}

img {border: none}

#head     { width: 827px; height: 113px; background: transparent url('images/top_trim.gif') 0% 0% repeat-x}
#head_img { width: 827px; height: 113px; background: transparent url('images/top_trim_img.gif') 100% 0% no-repeat}

#logo      { width: 141px; height:  73px; float: left}
#logo h1   { display: inline }
#logo a    { width: 141px; height:  73px; margin: 0; padding: 0; color: #999; display: block; position: relative }
#logo span { margin: 6px 0 0 0; display: block; background: url('images/top_logo.gif') top left no-repeat; cursor: pointer; width: 141px; height:  73px; position: absolute; left: 0; top: 0; z-index: 1 }


#logo_menu{ width: auto; margin: 0; padding: 28px 0 0 0; float: right }
#logo_menu a{color: #E05C05; text-decoration: none; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; margin: 0; display: block; float: left; font-weight: bold; font-size: 10px}
#logo_menu a:hover{color: #F06C15; text-decoration: underline}

#top_menu { clear: both}
#top_menu span {display: block; height: 35px; float: left; border-right: 1px solid #E4E4E4;}
#top_menu a { display: block; color: #999; padding: 10px 15px; text-decoration: none; font-weight: bold; font-size: 10px}
#top_menu a:hover { text-decoration: underline }
#top_menu span.green {border: none; padding: 10px 15px;}
#top_menu span.green a {display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-weight: bold; font-size: 10px }
#top_menu span.green a:hover { text-decoration: underline }
#google { 
position: absolute;
left: 700px;}

#container {width: 827px; margin: 0 10px 0 16px}
#left      {width: 210px; margin: 12px 2px 0 0; float: left}
.left_block   { width: 200px; background: transparent url('images/left_trim.gif') 100% 0% repeat-y; margin: 0 0 16px 0}
.left_block_i { width: 200px; background: transparent url('images/left_trim_b.gif') 100% 100% no-repeat}
.left_top     { width: 195px; height: 26px; background: transparent url('images/left_top_trim.gif') 0% 0% repeat-x; margin: 0 0 2px 0}
.left_top span.inner { display: block; padding: 6px 0 0 6px }
.left_top span.label { display: block; background: transparent url('images/a_dot_whiteg.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; color: #FFF; font-weight: bold; font-size: 10px}
.left_list    { width: 195px; background: #D5D1CC }
.left_list span.inner{ display: block; padding: 9px 10px; color: #53554B; font-size: 10px}
.left_list a {color: #53554B; text-decoration: none}
.left_list a:hover {color: #333; text-decoration: underline}
.left_list span.line { width: 100%; padding: 0; height: 1px; font-size: 1px; line-height: 1px; border-top: 1px solid #FFF; display: block; margin: 5px 0}
.left_month_tip {background: #D6EACC; color: #53554B; width: 195px; margin: 0 0 2px 0}
.left_month_tip span.inner {display: block; padding: 9px; font-size: 10px; line-height: 10px}
.left_month_tip img {float: left; margin: 0 14px 0 0;}
.left_month_tip span.month_tip_green {color: #42A413; font-size: 10px; display: block; margin: 5px 0 0 0; clear: both; line-height: 10px}

.left_month_tip_b {background: #7FD754; width: 195px}
.left_month_tip_b span {display: block; color: #FFF; font-weight: bold; font-size: 10px; text-align: right; padding: 4px}
.left_month_tip_b a {color: #FFF; text-decoration: none}
.left_month_tip_b a:hover {color: #EEE; text-decoration: underline}

#right   { width: 605px; float: left }


#body_main {width: 605px; height: 110px; margin: 0 0 5px 0; background: transparent url('images/body_img.gif') 0% 0% no-repeat}
#body   { width: 599px; margin: 0 0 5px 0 }
#body_i { border: 1px solid #E2E2E2; padding: 1px }
#body_head { width: 595px; background: #D5D1CC }
#body_head span.inner { display: block; padding: 5px 20px }
#body_head span.label { display: block; color: #585858; font-weight: bold; text-decoration: none; background: transparent url('images/a_dot_whitegray.gif') 0% 50% no-repeat; padding: 0 0 0 16px; font-size: 10px }
#body_head a       {color: #585858; text-decoration: underline}
#body_head a:hover {color: #333; text-decoration: none}

#body_contain { padding: 17px 17px 0 17px; color: #333}
#body_contain p {font-size: 10px; margin: 0; line-height: 10px}
#body div.trim {width: 100%; height: 8px; background: #DDD url('images/body_trim.gif') 0% 0% repeat-x; margin: 0; font-size: 1px; line-height: 1px;}
.body_tips         { width: 186px; float: left}
.body_tips_r       { width: 186px; border-left: 1px solid #EBEBEB; float: left}
.body_tips_i {padding: 15px 0 0 20px}
.body_tips_i img {margin: 0 10px; text-align: left }
.body_tips_i span    { color: #E05C05; text-decoration: none; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; display: block; font-weight: bold; font-size: 10px }
.body_tips_i a,.body_tips a        { display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-weight: bold; font-size: 10px }
.body_tips_i a:hover {  color: #42A413; text-decoration: underline }

#body_home_l {width: 131px; height: 232px; background: url('images/body_img2.jpg') 0% 0% no-repeat; margin: 0 12px; float: left}
#body_home_r {float: left; width: 400px; margin: 0 0 10px 0; background: url('images/trim_ver.gif') 50% 0 repeat-y}
#body_home_r .bodyBlock {width: 195px; float: left}
#body_home_r .bodyBlock div {padding: 0 15px 0 20px; font-size: 10px}
#body_home_r h2 {color: #E05C05; text-decoration: none; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; margin: 0; display: block; font-weight: bold; font-size: 10px}
#body_home_r .clearLine {clear: both; height: 28px; width: 100%; background: #FFF url('images/trim_hor.gif') 50% 50% no-repeat}
#body_home_r .bodyBlockLeft div {padding-left: 0px}

#menud


  { 
  clear:both;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 9px;
  text-align: right;
  color: #867D71; 
}
a{
  
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 9px; 
  text-align: right;
  color: #867D71;
}

#foot      { width: 599px }
#foot_i    { border: 1px solid #E2E2E2; color: #CCC }
#foot_left  { float: left; padding: 6px; font-size: 10px }
#foot_left a { color: #E05C05; text-decoration: none }
#foot_left a:hover {color: #F06C15; text-decoration: underline }
#foot_right { float: right; margin: 6px 0; background: transparent url('images/a_dot_grayw.gif') 0% 50% no-repeat; padding: 0 5px 0 16px; font-size: 10px }
#foot_right a {color: #484544; text-decoration: none}
#foot_right a:hover {color: #999; text-decoration: underline}

.redorange {color: #E05C05;}
.copyright {color: #484544; font-size: 8px;}
.seo {color: #5C0503; font-size: 8px;}

#login_form label {display: block; float: left; width: 80px; }
#reg_form label {display: block; float: left; width: 100px; }
#reg_form i     {font-weight: bold; color: #F06C15}

.important {font-style: italic; color: #F06C15 }
.clear {display: block; float: none; clear: both; width: 100%; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0}

.download a {display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-weight: bold; font-size: 10px}
.download a:hover{color: #42A413; text-decoration: underline}

.sekce {width: 450px; float: left}
.sekce a {display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-weight: bold; font-size: 10px}
.sekce a:hover {color: #42A413; text-decoration: underline}
.sekce h2 {display: block; float: left; margin: 0 8px 20px 0}
.adiv {display: block; float: left; margin: 0 0 20px 0}
.sekcei {font-size: 10px}
.sekceg img {float: left; width: 80px; height: 100px; margin: 0 15px 8px 0 }

.gooddetail_popis {font-size: 10px}
#gooddetail {width: 560px}
#gooddetail img {float: left; width: 190px; height: 270px; margin: 0 15px 0 0}
.param {float: left; width: 350px}
.grayrow { color: #333; margin: 6px 0; background: transparent url('images/a_dot_grayw.gif') 0% 50% no-repeat; padding: 0 5px 0 16px; font-size: 10px; font-weight: bold }
.urceni {display: block; padding: 40x 0 0 0; font-size: 10px}
.gooddetail_cena { font-size: 13px; color: #E05C05; margin: 4px 0; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 0 0 0 16px; font-weight: bold}
#gooddetailform .text {width: 40px; height: 16px; background: #F4F4F4; border: 1px solid #E8E8E8; color: #42A413; font-size: 10px; text-align: right; font-weight: bold}
#gooddetailform .submit {border: none; float: left; margin: 0 0 0 8px; display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; text-align: left; font-weight: bold; font-size: 10px}
#gooddetailform {color: #42A413; font-size: 10px; font-weight: bold }
#gooddetailform .left {float: left; font-size: 10px }
#gooddetailform a {color: #333; text-decoration: underline; display: block; float: right; font-weight: normal}
#gooddetailform a:hover {color: #999; text-decoration: none}

#kosik {border-collapse: collapse; border: none; background: #F1F1F1; width: 560px }
#kosik th, #kosik td {border: 1px solid #FFF; font-size: 10px; text-align: left; color: #666; padding: 3px}
#kosik td {font-weight: bold}
#kosik thead {background: #E0E0E0}
#kosik th {font-weight: normal}
#kosik tfoot td {background: #FFF; color: #42A413; font-weight: normal}
#kosik input.text {border: 1px solid #CCC; width: 30px; height: 16px; text-align: center; font-weight: bold; font-size: 10px; color: #666}
#kosik input.submit {border: none; color: #42A413; font-weight: bold; background: #FFF}
#kosik span {display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-size: 10px }
#kosik a {color: #E05C05; font-weight: normal; text-decoration: underline}
#kosik a:hover {color: #D04C15; text-decoration: none}

#objednat_left  {width: 190px; margin-right: 10px; float: left; font-weight: bold; font-size: 10px; color: #666}
#objednat_right {width: 360px; float: left; font-weight: bold; font-size: 10px; color: #666}
#objednat_right span {color: #333; font-size: 9px; font-weight: normal}
#objednat_right textarea {width: 360px; height: 80px; border: 1px solid #CCC; margin: 5px 0}
#objednat_right a {color: #42A413; text-decoration: underline}
#objednat_right a:hover {color: #62C433; text-decoration: none}
#objednat_aright {width: 70px; padding: 0 0 0 450px}
#objednat_aright input {color: #E05C05; text-decoration: none; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-weight: bold; font-size: 10px; border: none; text-align: left}


#tableCenik {border-collapse: collapse; width: 560px}
#tableCenik td, #tableCenik th {border: 1px solid #FFF; padding: 3px; font-size: 10px; color: #666 }
#tableCenik tr {background: #EEE}
#tableCenik th {background: #DDD; text-align: left}
.tableCategory {background: #E3E3E3}
#tableCenik td a {color: #333; text-decoration: none}
#tableCenik td a:hover {color: #000; text-decoration: underline}

#tableCenik2 {border-collapse: collapse; width: 544px}
#tableCenik2 td, #tableCenik th {border: 1px solid #FFF; padding: 3px; font-size: 10px; color: #666 }
#tableCenik2 tr {background: #EEE}
#tableCenik2 th {background: #DDD; text-align: left}
.tableCategory {background: #E3E3E3}
#tableCenik2 td a {color: #333; text-decoration: none}
#tableCenik2 td a:hover {color: #000; text-decoration: underline}

#cenikBlock {overflow: auto; width: 560px; height: 300px}