body { font-family: Tahooma, Verdana, sans-serif;  background: #eee url(../images/bg.gif) repeat-x top; margin: 10px; padding: 0;}

a { text-decoration: underline; color: #000} 
a:hover { text-decoration: none; } 
h1 { font-size: 17px; padding: 0 0 10px 20px; font-weight: bold; margin: 15px 0 5px 0; background: url(../images/sipka-h1.gif) no-repeat left top;}
h1.detail { font-size: 12px; padding-top: 4px}
h2  { font-size: 11px; }
h2.detail { font-size: 12px; display: block; clear: both; line-height: 16px; border-top: 1px solid #ddd; padding: 10px 0 10px 27px; background: url(../images/sipka-h2.gif) no-repeat top left; ) margin: 0px;  } 
h3  { font-size: 11px; font-weight: bold; padding-left: 5px; }
strong.uvod { font-size: 11px; font-weight: normal; }
p.hlavicka { font-size: 11px; padding: 0 0 0 5px; margin: 0;}
p.hlavicka strong { font-weight: normal;  }
a.znacka_info { color: #337599; font-size: 12px; font-weight: bold;  display: block; clear: both; line-height: 16px; padding: 10px 0 5px 27px; background: url(../images/sipka-h2.gif) no-repeat top left; ) margin: 0px;  } 

#obal { width: 800px; margin: 0px; background: #fff; padding: 10px; text-align: left;}
#obal #head { background: #0083C3 url(../images/panel3.gif) no-repeat; width: 800px; height: 100px; padding: 0px; border-bottom: 0px solid #0173B1; }
#obal #head #logo { padding: 0; margin: 0; border: 0; display: block; float: left; width: 200px; height: 100px;}
#obal #head #logo a img { padding: 0; margin: 0; border: 0; float: left;}
#obal #head #banner { display: block; float: left;  width: 600px; height: 100px; }
#obal #head span { margin: 60px 0 0 20px; float: left; }
#obal #head span a { padding: 5px; line-height: 23px; font-weight: bold; font-size: 11px; color: #fff; text-decoration: none; padding-right: 10px; }
#obal #head span a:hover { text-decoration: underline; }
#obal #head span a.kosik { padding-left: 22px; background: url(../images/icon-kosik-head.gif) no-repeat left; }
#obal #head span a.objednavka { padding-left: 22px; background: url(../images/icon-objednavka.gif) no-repeat left; }


#obal #menu_head { height: 40px; line-height: 40px; padding: 0; font-size: 10px; background: url(../images/bg-menu.gif) repeat-x top; width: 800px; border-top: 1px solid #fff; }
#obal #menu_head ul { padding: 0; margin: 0; display: block; }
#obal #menu_head ul li { float: left; list-style-type: none; padding-left: 10px; }
#obal #menu_head ul li.prvni { float: left; width: 184px; background: #368B14 url(../images/bg-menu-hlavicka.gif) repeat-x top; text-transform: uppercase; padding-left: 15px; color: #fff; font-size: 10px; border-right: 1px solid #fff; }
#obal #menu_head ul li a { font-size: 10px; font-weight: bold; text-decoration: underline; text-transform: uppercase; border-right: 1px solid #FF9C00; padding-right: 10px; }
#obal #menu_head ul li a:hover { text-decoration: none; }
#obal #menu_head ul li form { padding: 0; margin: 0; padding-top: 9px;  display: block;} 
#obal[id] #menu_head ul li form { padding-top: 0px;  } 
#obal #menu_head ul li form input { padding: 0; margin: 0; font-size: 12px; } 

#obal #main { background: url(../images/bg-main.gif) repeat-y; border-top: 1px solid #aaa; margin: 0; }
#obal #main hr { clear: both; visibility: hidden; padding: 0; margin: 0; }

#obal #main #menu { float: left; width: 200px; display: block; font-size: 12px; border-top: 1px solid #fff;}
#obal #main #menu ul { padding: 0; margin: 0; list-style-type: none; }
#obal #main #menu ul li { padding: 0; margin: 0; list-style-type: none; }
#obal #main #menu ul li span.menutitle { padding: 0; padding-left: 0px; line-height: 27px; height: 27px; background: #8B8B8B; color: #fff; display: block; margin: 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
#obal #main #menu ul li span.menutitle a { font-weight: bold; color: #fff; padding-left: 25px; background: url(../images/sipka-submenu-nadpis.gif) no-repeat top left; }
#obal #main #menu ul li div ul  { padding: 2px 0 2px 0; margin: 0px; list-style-type: none; border-right: 1px solid #fff;}
#obal #main #menu ul li div ul li  { padding: 2px 0 3px 0x; border-bottom: 0px solid #ddd; }
#obal #main #menu ul li div ul li.kategorie  { background: #0173B1 url(../images/bg-submenu-hlavicka.gif) repeat-x top; color: #fff; padding: 5px 0 5px 0px; border-top: 1px solid #fff}
#obal #main #menu ul li div ul li.kategorie a  { display: block; width: 173px; color: #fff; font-size: 11px; font-weight: bold; border: 0; background: url(../images/sipka-submenu-nadpis.gif) no-repeat left top;}
#obal #main #menu ul li div ul li a { color: #195EA3; text-decoration: underline;  font-size: 11px; line-height: 17px; padding: 1px 0 1px 25px; display: block; width: 173px; background: url(../images/sipka-submenu.gif) no-repeat left top;}
#obal #main #menu ul li div ul li a:hover { text-decoration: none; background: url(../images/sipka-submenu.gif) no-repeat left top; }

#obal #main #menu ul.znacky  { padding-top: 0px; margin-top: 15px; padding: 0px; list-style-type: none; border-right: 1px solid #fff;}
#obal #main #menu ul.znacky li.nadpis { color: #337599;  border-bottom: 1px solid #ddd; text-decoration: none; margin-bottom: 10px; padding: 3px 0 3px 23px;  }
#obal #main #menu ul.znacky li { padding: 2px 0 3px 0x; font-weight: bold; }
#obal #main #menu ul.znacky li a  { color: #000; text-decoration: underline;  font-size: 11px; line-height: 17px; padding: 1px 0 1px 25px; display: block; width: 164px; background: url(../images/sipka-submenu.gif) no-repeat left top; }
#obal #main #menu ul.znacky li a:hover  { text-decoration: none; }

#obal #main #hlavni-vypis { float: right; width: 570px; padding: 15px; margin: 0;}
#obal #main #hlavni-vypis .polozka { padding: 10px; background: #fff; width: 550px; margin-bottom: 15px; border: 1px solid #ddd;}
#obal #main #hlavni-vypis .polozka span.obrazek { padding: 0; margin: 0; display: block; float: left;}
#obal #main #hlavni-vypis .polozka span.obrazek a { }
#obal #main #hlavni-vypis .polozka span.obrazek a:hover img { border: 1px solid #bbb; }
#obal #main #hlavni-vypis .polozka span.obrazek img { margin: 0 10px 0 0; width: 100px; border: none; padding: 5px; border: 1px solid #ddd; }
#obal #main #hlavni-vypis .polozka span.popis { padding: 0px; margin: 0px; display: block; float: left; width: 425px; }
#obal #main #hlavni-vypis .polozka span.popis strong { display: block; padding-top: 5px; margin-bottom: 10px;}
#obal #main #hlavni-vypis .polozka span.popis strong a.nazev { display: block; font-size: 11px; line-height: 16px; color: #337599; border-left: 3px solid #FF9C00; padding-left: 7px;}
#obal #main #hlavni-vypis .polozka span.popis strong a.nazev:hover { text-decoration: none; }
#obal #main #hlavni-vypis .polozka span.popis b { display: block; font-weight: normal; line-height: 15px; font-size: 11px;  margin: 0; padding: 0; padding-left: 10px; margin-bottom: 10px;}
#obal #main #hlavni-vypis .polozka span.popis p { display: block; font-weight: normal; line-height: 15px; font-size: 11px;  margin: 0; padding: 0; padding-left: 10px; margin-bottom: 10px;}
#obal #main #hlavni-vypis .polozka span.popis em { font-size: 11px; text-decoration: none; margin: 0; }
#obal #main #hlavni-vypis .polozka span.popis em.cena { display: block; text-decoration: none; font-size: 12px; padding: 5px; padding-left: 10px; font-weight: bold; font-style: normal;  float: left; margin-right: 2px;}
#obal #main #hlavni-vypis .polozka span.popis em.dokosiku { background: #368B14 url(../images/icon-kosik.gif) no-repeat left; padding: 5px 5px 5px 23px; float: left; font-weight: bold; font-style: normal; color: #fff; margin-right: 10px;} 
#obal #main #hlavni-vypis .polozka span.popis em.detail { background: #0173B1 url(../images/icon-detail.gif) no-repeat left; padding: 5px 7px 5px 23px; float: left; font-weight: bold; font-style: normal; color: #fff; margin-right: 10px;}
#obal #main #hlavni-vypis .polozka span.popis em a { color: #fff; text-decoration: none; } 
#obal #main #hlavni-vypis .polozka span.popis form { margin: 0; padding: 0; } 
#obal #main #hlavni-vypis .polozka span.popis form input { float: left; margin-right: 7px; }
#obal #main #hlavni-vypis .polozka span.popis form b { line-height: 25px; margin-right: 5px;float: left; font-size: 11px; font-weight: normal; } 
#obal #main #hlavni-vypis .polozka span.popis form input.mnozstvi { width: 15px; text-align: center;  } 
#obal #main #hlavni-vypis .polozka span.popis form input.cart { color: #fff; background: green; font-size: 9px; font-weight: bold; cursor: hand; border: 0px; padding: 5px 0px 3px 9px; background: #368B14 url(../images/icon-kosik.gif) no-repeat left;} 
#obal #main #hlavni-vypis .polozka hr { clear: both; visibility: hidden; padding: 0; margin: 0;}

#obal #main #detail { float: right; width: 570px; padding: 15px;}
#obal #main #detail  { padding: 10px; background: #fff; width: 550px; margin-bottom: 15px; border: 1px solid #ddd;}
#obal #main #detail span.obrazek { padding: 0; margin: 0; display: block; float: left;}
#obal #main #detail span.obrazek a { }
#obal #main #detail span.obrazek a:hover img { border: 1px solid #bbb; }
#obal #main #detail span.obrazek img { margin: 0 10px 0 0; width: 100px; border: none; padding: 5px; border: 1px solid #ddd; }
#obal #main #detail span.obrazek a.zvetsit { font-size: 11px; padding-left: 15px; margin-top: 5px; margin-left: 3px; display: block; background: url(../images/icon-lupa.gif) no-repeat left; }
#obal #main #detail span img.logo { padding: 5; margin: 0; margin-top: 10px;}
#obal #main #detail span.popis { padding: 0px; margin: 0px; display: block; float: left; width: 430px; }
#obal #main #detail[id] span.popis { width: 422px; }
#obal #main #detail span.popis ul { list-style-type: none; margin: 0; margin-bottom: 10px; padding: 0; border-bottom: 1px solid #ddd;}
#obal #main #detail span.popis ul li { font-size: 11px; padding: 0 10px; line-height: 25px;}
#obal #main #detail span.popis ul li.sudy { background: #eee; }
#obal #main #detail #info { background: #f8f8f8 url(../images/bg-detail.gif) repeat-x top; border: 0px solid #ddd; display: block; clear: both; line-height: 15px; font-size: 11px;  margin: 0; padding: 15px; margin-bottom: 10px;}
#obal #main #detail span.popis em { font-size: 11px; text-decoration: none; margin: 0; }
#obal #main #detail span.popis em.cena { display: block; text-decoration: none; font-size: 12px; padding: 5px; padding-left: 10px; font-weight: bold; font-style: normal;  float: left; margin-right: 2px;}
#obal #main #detail span.popis em.dokosiku { background: #368B14 url(../images/icon-kosik.gif) no-repeat left; padding: 5px 5px 5px 23px; float: left; font-weight: bold; font-style: normal; color: #fff; margin-right: 10px;}
#obal #main #detail span.popis em.detail { background: #0173B1 url(../images/icon-detail.gif) no-repeat left; padding: 5px 7px 5px 23px; float: left; font-weight: bold; font-style: normal; color: #fff; margin-right: 10px;}
#obal #main #detail span.popis em a { color: #fff; text-decoration: none; } 
#obal #main #detail span.popis form { margin: 0; padding: 0; } 
#obal #main #detail span.popis form input { float: left; margin-right: 7px; } 
#obal #main #detail span.popis form b { line-height: 25px; margin-right: 5px;float: left; font-size: 11px; font-weight: normal; }
#obal #main #detail span.popis form input.mnozstvi { width: 15px; text-align: center; margin-left: 5px; } 
#obal #main #detail span.popis form input.cart { color: #fff; background: green; font-size: 9px; font-weight: bold; cursor: hand; border: 0px; padding: 5px 0px 3px 9px; background: #368B14 url(../images/icon-kosik.gif) no-repeat left;} 


#obal #main #parametry { padding: 15px 0 10px 5px; font-size: 11px;}
#obal #main #parametry a { }
#obal #main #parametry a:hover { text-decoration: none; }
#obal #main #parametry a.znacka {  font-weight: bold; color: #337599; }
#obal #main #parametry a.nahoru {  padding-left: 13px; background: url(../images/sipka-nahoru.gif) no-repeat left; }
#obal #main #parametry a.dolu {  padding-left: 13px; background: url(../images/sipka-dolu.gif) no-repeat left; }

#strankovani { padding-top: 5px; padding-bottom: 5px; text-align: center; font-size: 15px; font-family: arial; font-weight: bold; margin: 0;}
#strankovani span { padding: 5px; padding-left: 10px; padding-right: 2px;  background: #fff; color: #000; margin: 1px; border: 1px solid #ddd;}
#strankovani span a { padding: 3px; padding-right: 7px; padding-left: 7px; background: #FF9C00; color: #fff; text-decoration: none;}
#strankovani span a:hover { background: #0173B1; }

#obal #main #typ-odkazy { display: block; padding: 0px; }
#obal #main #typ-odkazy ul { padding: 0;  margin: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; list-style-type: none; }
#obal #main #typ-odkazy ul li { background: #eee; padding: 1px 0 3px 0}
#obal #main #typ-odkazy ul li.licha { background: #fff; }
#obal #main #typ-odkazy ul a.kategorie {  font-size: 11px; padding-left: 20px; display: block; background: url(../images/sipka-typ-odkazy.gif) no-repeat left; }
 
#obchodni-podminky { font-size: 11px; text-align: justify; line-height: 16px; padding: 20px; background: #fff; width: 530px; margin-bottom: 15px; border: 1px solid #ddd;}
#informace { font-size: 11px; text-align: justify; line-height: 16px; padding: 15px; background: #fff; width: 540px; margin-bottom: 15px; border: 1px solid #ddd; }
#informace a { color: #337599; font-weight: bold; }
#informace a img { border: 0; }
#informace img.znacka_logo { float: left; padding: 0 10px 0px 0; }

#kontakty { font-size: 11px;  padding: 15px; background: #fff; width: 530px; margin-bottom: 15px; border: 1px solid #ddd; }
#kontakty table.manager td { padding-right: 35px; line-height: 17px; }
#kontakty table.manager td strong { font-size: 12px;  }
#kontakty form fieldset { margin: 0; padding: 0px; border: 1px solid #ddd; font-size: 11px;} 
#kontakty form fieldset legend { padding: 5px; font-weight: bold; color: #337599; font-size: 12px;}
#kontakty form fieldset input { width: 200px; }
#kontakty form fieldset textarea { width: 350px; height: 120px; padding: 5px;}
table.contact_form { margin: 10px; margin-left: 20px; } 
table.contact_form td.prvni { text-align: right; font-weight: bold; }

#cart { }
#cart p { margin: 0; font-size: 11px; background: #fff; padding: 15px; border: 1px solid #ddd; line-height: 16px; }
#cart b { font-size: 12px; font-weight: bold; padding-left: 5px; }
#cart table { font-size: 11px; background: #fff; width: 100%; border: 1px solid #ddd; }
#cart table th { background: #ddd; padding: 7px; text-align: center;  border-right: 1px solid #fff }
#cart table th.first { text-align: left; }
#cart table tr { }
#cart table tr td { padding: 10px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#cart table tr td a { color: #337599; font-weight: bold; line-height: 15px; }
#cart table tr td.first { width: 250px; text-align: left; }
#cart table tr td.last {text-align: left; font-weight: bold;}
#cart form  { margin: 0; padding: 0; }
#cart form input {  }
#cart form input.ks { width: 15px; text-align: center; }

#cart table tr td.summary {text-align: left; line-height: 16px; width: 50%}
#cart table tr td.summary b { padding: 0; font-size: 11px; }
#cart table tr td.summary h4 {  color: #337599; font-size: 14px; padding: 0; margin: 0;}

#cart table.fakturacni_udaje { }
#cart table.fakturacni_udaje td { padding: 5px; border: 0 }
#cart table.fakturacni_udaje td.udaj { text-align: right; width: 200px; }
#cart table.fakturacni_udaje td.hodnota { text-align: left; }
#cart table.fakturacni_udaje td em { font-style: normal; font-weight: bold; }
#cart form {}
#cart form input { width: 330px;}
#cart form input.tlacitko { width: auto;}
#cart form textarea.poznamka { width: 550px; height: 100px; padding: 5px;}

#obal #footer {  width: 775px; padding: 10px 15px 15px 10px;  border-top: 3px solid #bbb; }
#obal #footer strong { font-size: 10px; float: right; font-weight: normal; color: #555; padding: 0; margin: 0; margin-bottom: 5px; display: block;}
#obal #footer strong b { color: #FF9C00; font-weight: bold; }
#obal #footer strong a { color: #337599;}

#search { padding: 10px; font-size: 11px; background: #fff; border: 1px solid #ddd; }
#search form { padding: 0; margin: 0; }
#search form input.fraze { width: 240px; }
#search table tr td.first b { margin-right: 10px; }
#vypis-hledani a { font-weight: bold; color: #000000; line-height: 20px; }

#error { font-size: 12px; background: #fff; padding: 15px; border: 1px solid #ddd; color: red; font-weight: bold; line-height: 18px; }
.clear { clear: both; visibility: hidden; padding: 0; margin: 0;}