body {
	background: #CDCDCD url(../images/bg-web.jpg) repeat-x;  
	font: 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #333; 
	text-align: center;
	margin: 0 0 30px 0;	
}

a { color: #DB3818; }
a:hover { text-decoration: none; }

h1, h2, h3 { font: bold 130%/40px 'Trebuchet MS', Tahoma, Sans-serif; font-weight: Bold; color: #333;	}
ul, ol { margin: 5px 20px; padding: 0 20px; }

#obal { position: relative; width: 930px;	margin: 0 auto; text-align: center; padding: 0 10px 10px 10px; background: #fff; }

#obsah { float: left; display: block; clear: both; width: 930px; display: inline;padding: 0; padding-bottom: 30px; border-top: 5px solid #fff; background: #f3f3f3 url(../images/bg-submenu.gif) repeat-y left; text-align: center; }

#header { position: relative; height: 35px; width:930px; padding: 0; color: #fff; background: #ccc;	text-align: center; }

#header #header-form { position: absolute; top: 8px; left: 15px; color: #000; font-size: 75%;	font-weight: bold; }

#header #header-form form select { font-size: 75%;	}
#header #header-form form input.tlacitko { font-size: 75%; background: #fff;  border: 1px solid #33638C; cursor: pointer; }

#header #header-links { position: absolute; top: 10px; right: 10px;	color: #000; font-size: 75%; font-weight: bold; }
#header #header-links p {	padding: 0;	margin: 0;}
#header #header-links a {	color: #333; text-decoration: none;	}
#header #header-links a.kosik {	padding-left: 25px; background: url(../images/icon-kos.gif) no-repeat left;	}
#header #header-links a.objednavka { padding-left: 25px; background: url(../images/icon-objednavka.gif) no-repeat left;	}
#header #header-links a:hover { color: #444; text-decoration: underline; }
#header #header-links strong { color: #333; text-decoration: none;}
#header #header-links strong.kosik { padding-left: 25px; background: url(../images/icon-kos.gif) no-repeat left; }
#header #header-links strong.objednavka {	padding-left: 25px; background: url(../images/icon-objednavka.gif) no-repeat left;}

#header-panel { clear: both; margin: 5px auto; height: 230px; width: 930px; background: #fff url(../images/panel.jpg) no-repeat right;}

#header-panel img { border: 0; padding: 0; position: absolute; top: 40px; left: 10px;	background: none; }

#menu { width: 930px; padding: 0;	}
#menu ul { float: left; list-style: none; background: #000 url(../images/bg-menu.gif) repeat-x;	width: 930px;	padding: 0;	margin: 0 0 0 0px; height: 40px; display: inline; }
#menu ul li { display: inline; margin: 0; padding: 0; }
#menu ul li a { display: block; float: left; width: auto; margin: 0; padding: 0 15px;	 border-right: 1px solid #ddd; border-left: 1px solid #aaa; border-bottom: none; color: #fff; font: bold 80%/40px 'Trebuchet MS', Tahoma, Sans-serif; text-decoration: none;}
#menu ul li a:hover, 
#menu ul li a:active { color: #fff; background: #DB3818; }

#main { width: 700px; float: right; text-align: left; }
#main h1 { font: bold 140% 'Trebuchet MS', Tahoma, Sans-serif; padding: 0px 0 5px 10px;  margin: 20px 10px 10px 10px; border-bottom: 1px solid #ddd; color: #DB3818; }
#main h2 { font: bold 100% 'Trebuchet MS', Tahoma, Sans-serif; padding: 0px 0 5px 10px;  margin: 20px 10px 10px 10px; border-bottom: 1px solid #ddd; color: #333; }
#main h2.detail { line-height: 16px; padding: 0px 0 0px 7px; margin: 10px 0; border: 0; border-left: 5px solid #DB3818 }

table.top-vypis { background: #f3f3f3; clear: both;  }
table.top-vypis tr {  }
table.top-vypis tr td { border: 1px solid #ddd; width: 315px; height: 200px; padding: 10px; background: #fff;}
.obrazek { width: 100px; float: left; display: block; margin-right: 15px;}
.obrazek img { border: 0; padding: 0; margin: 0; width: 100px;}
a.odkaz-produkt { font: bold 80%/150% 'Trebuchet MS', Tahoma, Sans-serif; color: #000; display: block; padding-left: 10px; margin: 5px 0 10px 0; border-left: 8px solid #FEAE03;  }
a.odkaz-produkt:hover { color: #333 }
.popis { float: left; display: block; width: 195px; }
.popis p { font: 75%/120% 'Trebuchet MS', Tahoma, Sans-serif; color: #333; display: block; }
.popis span { padding: 2px 10px;  font-weight: bold; font: bold 75%/230% 'Trebuchet MS', Tahoma, Sans-serif;}
.popis span.akce { background: #DB3818; color: #fff; }
.popis span.novinka { background: #FEAE03; color: #fff; }
.popis span.cena { background: #FFE4CA; color: #000 }
.popis span.cena em { font-size: 120%; color: #DB3818; font-style: normal; }
.popis span.detail { background: #0E9600;}
.popis span.detail a {  color: #fff; text-decoration: none; }
.popis span.detail a:hover {  text-decoration: underline; }

#detail-vyrobku { display: block; margin: 10px; padding: 10px; background: #fff; border: 1px solid #ddd;}
#detail-vyrobku #obrazky { width: 110px; float: left; margin-right: 0px;}
#detail-vyrobku #obrazky img { border: 0px; }
#detail-vyrobku #obrazky a img { padding: 0px; border: 0px solid #ddd; } 
#detail-vyrobku #obrazky a.nahled { display: block; padding: 0px; padding-left: 12px; background: url(../images/icon-zvetsit.gif) no-repeat left; color: #000; font-size: 11px; margin-bottom: 0px;}
#detail-vyrobku #obrazky span { display: block; padding: 0; margin: 0; margin-bottom: 10px;} 
#detail-vyrobku #popis-vyrobku {  float: left; width: 548px; } 
#detail-vyrobku span.vyrobek-popis { display: block; padding: 10px; margin: 0; border: 1px solid #ddd; background: #eee; line-height: 120%; font-size: 80% }
#detail-vyrobku span.vyrobek-popis ul { margin: 0; padding: 0; list-style-type: none; }
#detail-vyrobku  span.vyrobek-popisul li { list-style-type: none; margin: 0; padding:  0;}
ul.cena { list-style-type: none; padding: 0; margin: 5px 0; background: #eee; font: 80%/200% 'Trebuchet MS', Tahoma, Sans-serif;}
ul.cena li { border-top: 1px solid #ddd; padding-left: 10px; }
ul.cena li.suda { background: #fff; }
ul.cena li.last { padding: 10px 0; background: #fff; }
ul.cena li.last span { padding: 5px;  }
ul.cena li.last span a { text-decoration: none; padding-left: 20px; color: #fff; font-weight: bold;  background: url(../images/icon-kos2.gif) no-repeat left;}
ul.cena li.last span a:hover { text-decoration: underline;}
ul.cena li.last span.do-kose-a { background: #0E9600;  }
ul.cena li.last span.do-kose-b { background: #FEAE03;  }
ul.cena li.last a.cena_b { }
ul.cena li strong.cena { color: #DB3818 }
ul.cena li b.overline { text-decoration: line-through;  }

#hlavicka { margin: 10px; padding: 10px; background: #fff; border: 1px solid #ddd;  font: 80%/150% 'Trebuchet MS', Tahoma, Sans-serif;}
#hlavicka h2 { font: bold 100%/100% 'Trebuchet MS', Tahoma, Sans-serif; }
#hlavicka p { padding: 0; margin: 0; }
#hlavicka a { font-weight: bold; }
#hlavicka a img { border: 0 }

#parametry { padding: 0; margin: 0 10px; font: 80%/25px 'Trebuchet MS', Tahoma, Sans-serif; background: #fff;  } 
#parametry span { background: #fff; border: 1px solid #ddd; margin-right: 2px; margin-bottom: 0; display: block; float: left; color: #333; padding: 0 8px;}
#parametry span.first { background: #0E9600; font-weight: bold; color: #fff;}
#parametry span a { border: 0; font-weight: bold; }
#parametry span a.nahoru { padding-left: 16px; padding-right: 3px; background: url(../images/sipka-nahoru.gif) no-repeat left; }
#parametry span a.dolu { padding-left: 16px; background: url(../images/sipka-dolu.gif) no-repeat left; }

#cart { margin: 0 10px; }
#cart table { width: 100%; background: #fff;  border: 5px solid #fff;  font: 80%/20px 'Trebuchet MS', Tahoma, Sans-serif; background: #fff; }
#cart table th { background: #555; padding: 5px 10px; color: #fff; text-align: center;}
#cart table th.first { text-align: left; }
#cart table th.sum { text-align: left; padding-left: 20px;}
#cart table tr {border-bottom: 5px solid #eee; }
#cart table tr td { padding: 5px 10px; background: #FFE4CA; text-align: center; width: auto;}
#cart table tr td a { font-weight: bold; }
#cart table tr td.first { text-align: left; }
#cart table tr td.last { text-align: left; font-weight: bold; background: #FEAE03; color: #fff; }
#cart table tr td.suma { font-weight: bold; background: #FEAE03; color: #000; }
#cart table tr td.tdsummary { width: 50%; text-align: left; padding: 20px; }
#cart form { }
#cart form input.ks { width: 20px; text-align: center; }
#cart form input.tlacitko { cursor: pointer; background: #0E9600; color: #fff; border: 3px solid #ddd; height: 30px; font-weight: bold;}

#cart form.obj {  }
#cart form.obj label { width: 120px; display: block; float: left; font-size: 13px;  }
#cart form.obj input { width: 180px; }
#cart form.obj input.checkbox { width: auto; }
#cart form.obj label.pov { color: #DB3818; font-weight: bold; }
#cart form.obj textarea.poznamka { width: 300px; height: 60px; padding: 2px;}
#cart table.objednavka { padding: 0px; margin: 0; border: 10px solid #FFE4CA; }
#cart table.objednavka tr td { width: 50%; text-align: right;  }
#cart span.tlacitka { margin-top: 10px; float: right; }
#cart strong.hlavicka { display: block; text-align: left; margin-bottom: 10px; }
#cart strong.nadpis { color: #000; font-size: 18px; padding-left: 10px; } 

#levy-panel { float: left; text-align: left; width: 230px; margin-top: 0px;	font: 75%/150% 'Trebuchet MS', Tahoma, Sans-serif; }	
#levy-panel #fulltext { background: #FFE4CA url(../images/bg-fulltext.jpg) repeat-x top; }	
#levy-panel #fulltext form { padding: 10px; margin: 0; }	
#levy-panel #fulltext form input {  background: #fff;  border: 1px solid #33638C;  }
#levy-panel #fulltext form input.pole { width: 155px; }
#levy-panel #fulltext form input.tlacitko { font-size: 100%; background: #fff;  border: 1px solid #33638C; cursor: pointer; }
#levy-panel #fulltext form a { margin-left: 5px; padding-left: 15px; background: url(../images/icon-lupa.gif) no-repeat left; font: 100%/200% 'Trebuchet MS', Tahoma, Sans-serif; color: #000; }
#levy-panel #fulltext form a:hover { text-decoration: none; }

ul.submenu {
	text-align: left;
	margin: 0px 0px 0px 0px; padding: 0;			
	border-top: 1px solid #E5E5E5;
	text-decoration: none;	
	font-size: 1.1em;
}
ul.submenu li {
	list-style: none;
	padding: 2px 5px 2px 15px;
	margin: 0 2px;		
	border-bottom: 1px solid #fff;
}

ul.submenu li.licha {
	background: #FFDBB7;
}

ul.submenu li a {
	text-decoration: none;	
	color: #000; 
	display: block;
  width: 205px;	
}
ul.submenu li a:hover {	
	color: #DB3818;
	border: none;
	text-decoration: underline;
}
ul.submenu li.kategorie {
	list-style: none;
	padding: 4px 0 4px 10px;
	margin: 0 2px;		
	border-left: 10px solid #DB3818;
	border-bottom: none;
	background: #FEAE03;
	font: bold 120% 'Trebuchet MS', Tahoma, Sans-serif;
}
ul.submenu li.kategorie a {
	text-decoration: none;	
	color: #fff; 
	border: none;		
}
ul.submenu li.kategorie a:hover { color: #DB3818;}

ul.submenu li.kategorie span.znacky { color: #DB3818; }

#static { margin: 10px; padding: 10px; background: #fff; border: 1px solid #ddd; }
#static h2 { display: block; border-bottom: 1px solid #D7E1E9; padding: 0px; padding-left: 33px; padding-right: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 3px; padding: 20px; padding-left: 33px; }
#static h3 { font: 100%/200% 'Trebuchet MS', Tahoma, Sans-serif; font-weight: bold; margin: 0; padding-left: 10px; }
#static a.akce { line-height: 20px;  color: #193D65; font-size: 12px; font-weight: bold; padding-left: 20px; background: url(../images/sipka-kategorie.gif) no-repeat left; line-height: 20px; }
#static a.akce:hover { text-decoration: none; }
#static strong { font-family: arial; font-size: 13px; line-height: 20px; padding-left: 5px; color: #000; display: block; }
#static strong.strong { display: block; font-family: arial; font-size: 12px; line-height: 16px; color: #333; padding-bottom: 15px; padding-top: 15px;}
#static p { font-family: arial; font-size: 12px; line-height: 17px; padding: 5px; padding-top: 0px;}
#static p a { color: #DB3818; }
#static p a:hover { text-decoration: none; }
#static p strong { font-family: arial; font-weight: normal; color: #000; font-size: 100%; line-height: 16px;}
#static p strong.faq { display: block; font-weight: bold; margin-top: 5px; padding-bottom: 5px; margin-bottom: 10px; color: #000; font-size: 100%; border-bottom: 1px solid #ddd;}
#static p.poznamka { padding: 10px; border: 2px solid #FFDFBF; background: #FFEFDF; font-size: 80%;}
#static p.poznamka a { font-size: 11px; }
#static p.poznamka strong { color: #333; font-weight: bold; font-size: 11px; padding: 0 0 10px 0; }
#static ul { list-style-type: square; margin-left: 20px; }
#static ul li { margin-left: 0px; line-height: 20px; padding-left: 0px; font: 80%/120% 'Trebuchet MS', Tahoma, Sans-serif;  }
#static ol { margin-left: 0px; padding-left: 20px;font-weight: bold; font-size: 12px; color: #1A6C8C; }
#static ol li {  line-height: 18px; }
#static ol li a { color: #1A6C8C;  }
#static span img { border: 5px solid #DFE5EB; padding: 2px; margin: 0px; }

#static #obchodni-podminky p { font-family: arial; font-size: 80%;  padding: 2px;}
#static #obchodni-podminky p strong { font-family: arial; font-weight: normal; color: #000; font-size: 100%; line-height: 16px;}
#static #obchodni-podminky p strong.faq { display: block; font-weight: bold; margin-top: 5px; padding-bottom: 5px; margin-bottom: 10px; color: #000; font-size: 100%; border-bottom: 1px solid #ddd;}

#static #tabulka { background: #fff; padding: 0px; margin-bottom: 5px; margin-top: 0px; }
#static #tabulka table { border: 1px solid #FFDFBF;  }
#static #tabulka table tr { padding-bottom: 5px; }
#static #tabulka table tr td { background: #FFEFDF; padding: 10px; width: 200px;}

#static form  { font-family: arial; font-size: 12px;}
#static form fieldset { margin-top: 20px; border: 2px solid #ddd; }
#static form fieldset legend { background: #FFEFDF; color: #000; margin-bottom: 10px; padding: 2px 10px 2px 10px; font-family: arial; font-size: 14px; font-weight: bold; }
#static form fieldset table { margin: 5px; margin-bottom: 10px;}
#static form fieldset table tr { line-height: 20px; }
#static form fieldset table tr td  { text-align: left; }
#static form fieldset table tr td.prvni { width: 200px; padding-left: 10px; font-weight: bold; color: #111; }
#static form fieldset table tr td.druhy { }
#static form fieldset table tr td.treti { font-weight: bold; color: #DB3818; font-size: 14px;  width: 10px; }
#static form fieldset input.pole { width: 380px; background: #FFEFDF; border: 1px solid #FFDFBF; }
#static form fieldset textarea  { background: #FFEFDF; border: 1px solid #FFDFBF; width: 380px; height: 100px}

#static table { border: 0px solid #DFE5EB }
#static table tbody tr th.dataAB { font-weight: bold;}
#static table .header { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #ccffcc; TEXT-ALIGN: center }
#static table .data {	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #8CDAFF; TEXT-ALIGN: center }
#static table .dataAC { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #EDF2F5; TEXT-ALIGN: center }
#static table .dataAB { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #FFDFBF; TEXT-ALIGN: center }

#static table.servis { font-size: 90%; width: 100%; border: 2px solid #FFDFBF; }
#static table.servis tr {  }
#static table.servis tr td { padding: 5px; background: #FFE4CA; padding-left: 10px;}
#static table.servis tr td.nadpis { background: #555; font-weight: bold; color: #fff }
#static table.servis tr td.cena { text-align: center; padding-left: 0px; }
#static table.servis tr td.cenik { padding: 0px; }
#static table.servis tr td.cenik strong { font-weight: normal; font-size: 12px; color: #000; padding-left: 15px; margin-left: 5px; background: url(../images/sipka-navigace.gif) no-repeat left; }
#static table.servis tr td a { font-weight: bold; color: #193D65;  }
#static table.servis tr td a.cenik { padding-left: 20px; font-weight: normal; color: #DB3818; background: url(../images/icon-ceniky.gif) no-repeat left; }
#static table.servis tr td a.cenik:hover { color: #000; }

#static table.soubory { width: 100%; border: 2px solid #DFE5EB; font-size: 11px;}
#static table.soubory tr {  }
#static table.soubory tr td { padding: 5px; background: #EDF2F5; padding-left: 10px;}
#static table.soubory tr td.nadpis { background: #DFE5EB; font-weight: bold; color: #1A6C8C }
#static table.soubory tr td.cena { text-align: center; padding-left: 0px; }
#static table.soubory tr td.cenik { padding: 0px; }
#static table.soubory tr td.cenik strong { display: block; font-weight: normal; font-size: 12px; color: #000; padding-left: 15px; margin-left: 5px; background: url(../images/sipka-navigace.gif) no-repeat left; }
#static table.soubory tr td a.cenik { display: block; line-height: 18px; font-weight: normal; padding-left: 20px; color: #DB3818; background: url(../images/icon-ceniky.gif) no-repeat left; }
#static table.soubory tr td a.cenik:hover { color: #000; }

#static input.tlacitko { cursor: pointer; background: #0E9600; color: #fff; border: 3px solid #ddd; height: 30px; font-weight: bold;}

#search { margin: 10px; padding: 15px; background: #FFE4CA; border: 2px solid #FFDFBF; }
#search table { padding: 0; margin: 0; }
#search form { padding: 0; margin: 0; }
#search form input.tlacitko { cursor: pointer; background: #0E9600; color: #fff; border: 3px solid #ddd; height: 30px; font-weight: bold;}

#strankovani { text-align: center;  font-family: arial; font-weight: bold;}
#strankovani span { padding: 8px; line-height: 50px; background: #fff; color: #000; margin: 1px; border: 1px solid #ddd;}
#strankovani span a { padding: 3px; padding-right: 7px; padding-left: 7px; background: #FFA200; color: #fff; text-decoration: none;}
#strankovani span a:hover { background: #0E9600; }

#footer {
	clear: both;
	width: 890px;
	border-top: 5px solid #FEAE03;
	font-size: 95%;
	padding: 20px;
	text-align: left;	
  background: #383837;
  
  font-size: 75%;
  font-weight: normal;
}

#footer ul { color: #fff; list-style-type: none; width: 265px; float: left; padding: 0 15px; margin: 0;}
#footer ul li { border-bottom: 1px dashed #666; display: block; line-height: 23px;  }
#footer ul li a { color: #eee; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li.nadpis { line-height: 30px; font-weight: bold; color: #FEAE03; font-size: 110%; }


#error { margin: 10px; padding: 10px; background: #fff; color: #DB3818; border: 1px solid #ddd; font-weight: bold;}


.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; visibility: hidden; padding: 0; margin: 0;}
.poznamka { background: #fff; padding: 10px; border: 1px solid #ddd; font-size: 13px; }
.group { width: 250px; }
em.suda {  font-size: 13px; font-style: normal; display: block; padding-left: 5px; line-height: 25px; }
em.licha {  font-size: 13px; font-style: normal; display: block; padding-left: 5px; line-height: 25px; background: #eee;}