html, body { width: 100%; margin: 0; padding: 0 }
body {background: #FFF url('images/top_trim.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: 11px; line-height: 130%}
h1 { font-size: 13px; color: #E05C05; display: block; margin: 0; padding: 0 } 
h2 { font-size: 13px; color: #E05C05; font-weight: bold; margin: 0 0 10px 0 }
h3 { font-size: 12px; color: #E05C05; font-weight: bold; margin: 0 0 10px 0 }
h4 { display: inline }

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

img {border: none}


  #head     { width: 968px}
/*
  #head_img { width: 968px; height: 107px; background: transparent url('images/top_trim_img.gif') 100% 0% no-repeat}
*/

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


#logo_menu{ width: auto; margin: 0 0 0 157px; padding: 28px 0 0 0; float: left }
#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 28px 0 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 { 
float: right;
}

#container {clear: both; width: 900px; margin: 16px 10px 0 16px}
#left      {width: 210px; margin: 0 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: 599px; float: left }

#body   { width: 100%; margin: 0 0 5px 0; }
#body_i { border: 1px solid #E2E2E2; padding: 1px }
#body_head { width: 100%; 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 { float: right; padding: 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 10px 10px 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 }


#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}

#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 {clear: both; width: 100%; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0}



.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: 40px 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}