body    {background-color: #ffffe6; text-align: center; margin: 0 0 10px }

#content {margin-right: auto; margin-left: auto; position: relative; width: 800px; height: 100%;}

#header   {background-image: url(../Pictures/lista_background.jpg); background-repeat: no-repeat; width: 798px; height: 98px; border-right: 1px solid #b0ba33; border-bottom: 1px solid #b0ba33; border-left: 1px solid #b0ba33 }
.header_content  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; width: 798px}
.header_content2  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-image: url(../Pictures/lista.gif); background-repeat: repeat-x; background-position: 0 0; padding: 2px 4px; position: relative; top: -2px; width: 790px; clear: both;}
.header_content2 a:hover {text-decoration: underline}
.left_menu    {float: left }
.center_menu    { position: relative; top: 64px; left: -4px; float: left }
.right_menu   { position: relative; top: 40px; float: right; font-size: 8pt; font-family: Helvetica, sans-serif;}
.logo_img { text-align: left; margin-bottom: 10px; float: left; margin-left: 10px; margin-top: 2px; width:193px ;height:70px }

ul#mainmenu {clear:both; margin:0; padding:0; list-style-type:none; text-align:center;}
ul#mainmenu li  { display: inline; padding: 0 2px}
ul#mainmenu em, ul#mainmenu a, ul#mainmenu a:visited   { color: black; font-size: 10pt; font-family: Arial, Helvetica; font-variant: small-caps; font-weight: bold;  background: #ffffe6; letter-spacing: 1px; padding: 0 2px; border-style: solid solid none; border-width: 1px 1px 0; border-color: #b0ba33 }
ul#mainmenu a:hover {text-decoration: none; background:#b0ba33; color:#000; border:1px solid #697210; border-bottom:0;}
ul#mainmenu em {font-style:normal; background:#b0ba33; color:#ffffe6; border:1px solid #b0ba33; border-bottom:0;}

#left  {text-align: left; margin: 0; padding: 0; width: 150px; float: left; border: 0; }
.left_content_shop  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-color: #ffeeaa; margin: 0 0 10px; padding: 4px; clear: left; border-top: 6px solid #b0ba33 }
.left_content_galerie  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; background-color: #ffeeaa; margin: 0 0 10px; padding: 4px; clear: left; border-top: 6px solid #ffbe11}
.left_h1  { font-size: 11pt; font-family: Verdana, Arial, sans-serif; font-weight: bold }
.left_h2  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold }
.left_nadpis  { padding-top: 4px; padding-right: 4px; padding-left: 4px }
.nadpis_img1 {float: left}
.nadpis_img2 {float: right}
.left_button  { width: 24px; height: 20px }
.line  { margin-top: 5px; margin-bottom: 5px; height: 1px; border-top: 1px dashed #b0ba33; }
.left_category  {margin-bottom: 5px}
.left_category tr:hover   {background-color: #b0ba33}
.left_category td a:hover   {text-decoration: none}
.left_category td a { width: 100%; height: 100%; display: block; padding-left: 2px}
.left_category tr {height: 16px}
  
#right {text-align: left; padding: 0; margin: 0; width: 150px; border: 0; float: right;}
.right_content_shop    { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 4px; background-color: #ffeeaa; clear: left; border-top: 6px solid #b0ba33  }
.right_content_galerie    { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 4px; background-color: #ffeeaa; clear: left; border-top: 6px solid #ffbe11 }
.tip_img    { text-align: center; margin: 2px; border: solid 1px black }
.input_search {width: 110px; font-size: 8pt;font-family: Arial, Helvetica, sans-serif;}

#main       { text-align: left; padding: 0; width: 500px; float: left }
.main_content    { color: #333; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 2px 10px; clear: both }
.td_content 	{vertical-align: middle; font-size: 8pt; font-family: Arial, Helvetica, sans-serif;}
.list_content   { color: #333; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 2px 4px; border: solid 1px #fff2bf }
.uvod_nadpis { color: #818920; font-size: 9pt; font-variant: normal; font-weight: bold;}
.uvod  { border-style: solid; padding: 4px; border-width:5px;border-color: #eff0b9; float: right; width: 246px; height: 222px}
.uvod a:hover {text-decoration: underline; color: #818920}
.uvod_row {margin-bottom: 5px}

/* image menu na uvodni strance */
#img_menu { margin:0; padding:0; width:480px; height:150px; overflow:hidden; background:#eff0b9;}
#img_menu li {display:inline;list-style-type:none;}
#img_menu li a {display:block;float:left;text-decoration:none; margin:0; }
#img_menu li a img {opacity:1; margin:5px; border:0; float:left;}
#img_menu li a span {display:none;}
#img_menu li a:hover {background:#eff0b9; }
#img_menu li a:hover img {opacity:1;}
#img_menu li a:hover span {width:105px; color:#000; display:block; cursor:pointer; float:left; }
#img_menu em  {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-style: normal; font-weight: bold;}
.outer { background:transparent; font-size:8pt; }
.margin_top {margin-top: 5px}

/*catalogue.htm, detail.htm */
.cat_left       { overflow: hidden; color: #333; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 5px; width: 213px; height: 203px; float: left; border: solid 5px #eff0b9; float: left; }
.cat_right      { overflow: hidden; color: #333; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 5px; width: 213px; height: 203px; float: right; border: solid 5px #eff0b9 }
.cat_bottom_content   { color: #333; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; clear: both }
.cat_img    { margin-bottom: 2px; margin-left: 2px; float: right; border: solid 1px black }
.cenik_category_name  {font-size: 14pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold }
.cat_price    { background-color: #eff0b9; width: 142px; height: 40px; padding-left: 4px; padding-top: 3px; padding-bottom: 3px}
.cat_yourprice   { color: #fe9602; font-size: 9pt; font-variant: normal; font-weight: bold; margin-top: 0}
.cat_standard_price  { text-decoration: line-through }
.cat_usetrite {font-size: 7pt}
.cat_buy {float: right}
.cat_p { margin-top: 2px}
.cat_tr_top {height: 75px;}
.cat_tr_marks {height: 20px;}
.cat_tr_middle {height: 50px;}
.cat_left em  { color: #818920; font-size: 9pt; font-style: normal; font-variant: normal; font-weight: bold; margin-top: 0 }
.cat_right em  { color: #818920; font-size: 9pt; font-style: normal; font-variant: normal; font-weight: bold; margin-top: 0 }
.cat_left a:hover {text-decoration: underline; color: #818920}
.cat_right a:hover {text-decoration: underline; color: #818920}
.cat_categories {margin-top: 18px;background-color: #eff0b9; padding: 5px}
.cat_barva   {width: 46px; height: 14px;}
.cat_td_barva {width: 48px}
.price_barva {width: 46px; height: 14px; text-align: center}
.search_button {width: 30px}


/* obrazky pto vyber oddeleni */
.img_selected img {opacity: 1;}
.img_notselected img {opacity: 1;}
.img_notselected a:hover img {opacity:1}
.left_department {width: 142px; margin-bottom: -5px; margin-top: 0px}

.karta_vyrobku {width:365px}
.det_img_div   { text-align: center; margin-bottom: 5px; position: relative; top: 5px; width: 115px; float: left }
.det_img   { margin-bottom: 5px; border: solid 1px black }
.det_img2  {border: solid 1px black; }
.det_yourprice   {font-size: 10pt; color: #fe9602; font-weight: bold }
.det_standard_price  { text-decoration: line-through }
.det_usetrite {font-size: 8pt}
.det_prices   { background-color: #eff0b9; height: 40px; padding-left: 4px; padding-top: 3px; padding-bottom: 3px}
.table_mezera {height: 8px}
.barva   { width: 50px; height: 14px }
.mail_form {width: 300px} /* sirka mailoveho formulare u detailu vyrobku */
.big_picture   { text-align: center; margin-top: 5%; vertical-align: middle }

.kosik {}
.kosik_row {background-color: #eff0b9}
.kosik_header {background-color: #b0ba33}
.pocet_input  { font-size: 8pt; width: 25px; height: 18px; text-align: center;}
.tabulka_cen {float: right}
.tabulka_cen input {font-size: 8pt; width: 80px; height: 18px; text-align: center}
.ceny_notes  { font-size: 7pt; clear: both }
.kosik_bottom   { background-color: #eff0b9; text-align: center; height: 18px }
.cena_input_final   {font-weight: bold;}
.radio_selection  {padding: 4px; background-color: #eff0b9}
.radio_selection label {position: relative; top: -5px;}
.radio_selection input {margin: 0px; padding: 0px; width: 16px;}

.table_row {background-color: #eff0b9}
.table_header {background-color: #b0ba33}
.table_row_top  { background-color: #eff0b9 }

.zakaznik  { border: solid 5px #eff0b9; padding: 10px; padding-bottom: 20px;}
.zakaznik_left    { float: left; clear: right;}
.zakaznik_right   { width: 200px; float: right;}

.nav_content     { background: #eff0b9; margin: 5px 0 15px; padding: 5px; height: 152px }
.nav_content h2   { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; margin-top: 0; margin-bottom: 3px }
.nav_img  {margin-left: 5px; height: 150px; width: 110px; float: right; border: solid 1px black }
.nav_img_right  { text-align: right; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; float: right; border: solid 1px black }
.nav_img_left  { text-align: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; float: left; border: solid 1px black }
.nav_img_right_0  { text-align: right; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; float: right;}
.nav_img_left_0  { text-align: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; float: left;}
.nav_content_bottom     { background: #eff0b9; margin: 5px 0 15px; padding: 5px 5px 10px }

.customer  { text-align: center;}

.search_form  {border: solid 5px #eff0b9; width: 350px; padding: 5px }

.discussion_header  { background-color: #b0ba33 }
.discussion_row  { background-color: #eff0b9}
.discussion_body {padding-left:7px; border: solid 3px #eff0b9;}

.compare_row  { border-right: 3px solid #eff0b9; }

h1    { font-size: 14pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; margin-top: 5px; margin-bottom: -15px }
h2  {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; margin-top: 5px; margin-bottom: 3px }
h3  {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 5px; margin-bottom: 3px }

#right {text-align: left; padding: 0; margin: 0; width: 150px; border: 0; float: right; background-color: #ffffe6}
.right_content      { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10; padding: 4px; background-color: #ffeeaa; }

#bottom   { text-align: center; margin-bottom: 10px; padding: 0; width: 798px; clear: both; }
.bottom_content  { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; width: 798px;}

.mapa_img  { text-align: center; margin-bottom: 10px; border: solid 7px #ffeeaa }


/* obrazek 110 px*/
.small_img_right       { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 10px;width: 110px; float: right }
.small_img_right_v { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 10px; width: 78px; float: right }
.small_img_left    { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 10px; float:left; width: 110px }

.copyright   { font-size: 7pt; font-family: Arial, Helvetica, sans-serif; text-align: center; clear: both; }
p.small {display: inline;}

table { font-size: 8pt; font-family: Arial, Helvetica, sans-serif;}
select {font-size: 8pt; font-family: Arial, Helvetica, sans-serif;} 
input {font-size: 8pt;font-family: Arial, Helvetica, sans-serif;}
p  { margin-top: 20px }
form { margin-top: 0px; margin-bottom: 0px; }
button {font-size: 8pt;font-family: Arial, Helvetica, sans-serif;}
textarea {font-size: 8pt;font-family: Arial, Helvetica, sans-serif;}
img {border: 0px}
.a_bold a {font-weight: bold; color: #818920}
.a_bold_right a {font-weight: bold; color: #818920; float: right}
.a_green a {color: #818920}
.ram { border-style: solid; padding: 4px; border-width:5px;border-color: #eff0b9}
.akt_text {width: 380px; float: right; margin-bottom: 6px}
.warning {color: #fe9602; font-size: 11pt; font-variant: small-caps; font-weight: bold}

.akce     { padding: 4px; text-align: center;}
.akce_cena {font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; margin-top: 5px; margin-bottom: 3px; font-weight: bold }


.koupit  { background-color: green; width: 50px; height: 50px; border: solid 1px black }
.click {cursor: hand; cursor: pointer}

a  { text-decoration: none; color: #000  } /* vypina podtrzeni odkazu */
/*a:link   { color: #000 }
a:visited  { color: #000 }
a:active  { color: #660099 }*/
a:hover   {/* color: #000; background: #dadada; */text-decoration:underline; } /*podsviceni odkazu pri MouseOver*/


hr.cistic {
   clear: both;
   height: 0px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }
   
hr.cistic_left {
   clear: left;
   height: 1px;
   visibility: hidden;
   }

hr.cistic_right {
   clear: right;
   visibility: hidden;
   }