html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }
html {
  background:#fff url(bg_html.jpg) 0 0 repeat;
  color: #333;
  font:0.75em Arial, sans-serif;
}
#container {
  width:990px;
  margin:0 auto;
  position:relative;
  background:#fff;
}
#top {
  position:absolute; top:0; left:0;
  height:37px; width:100%;
  background:#93c311 url(bg_top.jpg) 100% 0 no-repeat;
  overflow:hidden;
}
#head {
  position:absolute; top:37px; left:0;
  height:196px; width:100%;
  background:url(head-r.jpg) 100% 0 no-repeat;
  line-height:1.5em;
  overflow:hidden;
}
#main {
	width: 590px;
	float: left;
	position: relative;
  left:180px; top:0;
	margin: 250px 0 0 0;
	padding:0 20px;
	z-index:2;
}
#side {
	width: 180px;
	margin: 245px 0 0 0;
  padding:0;
	float: left;
	position: relative;
	left: -630px; top:0;
	overflow: hidden;
}
#otherside {
	width: 180px;
	margin: 245px 0 0 0;
  padding:0;
	float: right;
	position: relative;
	right: 0; top:0;
	overflow: hidden;
}
#footer {
	clear: both;
	margin-top:15px;
	width:100%;
	color:#333;
	background:url(bg_footer.jpg) 0 0 repeat-x;
}


/*********** DOPLNKY LAYOUTU ***********/
/* side a otherside */
#side h3, #otherside h3 {padding:0 0 0 16px; margin:0 ; color:#fff; font-size:110%; height:28px; line-height:28px; font-weight:bold; background:url(side_top.png) 0 0 no-repeat;}
#otherside h4 {font-size:100%; margin:0; padding:10px 0;}

#side .obal, #otherside .obal, #otherside .akcni, #products-menu {width:150px; padding:0 14px 5px 14px;  margin:0 0 10px 0; border:1px solid #E2E2E2;  }
#side ul, #otherside ul, #side ol, #otherside ol {width:100%; padding:0; margin:0 0 15px 0; }
#side ul.obal, #otherside ul.obal, #side ol.obal, #otherside ol.obal {width:150px; padding:0 14px 0 14px; margin:0 0 15px 0;}

#side li, #otherside li {padding:4px 0; margin:0; width:100%; border-top:1px solid #e2e2e2; list-style-type:none; font-size:100%;}
#side ul a, #otherside ul a, #side ol a, #otherside ol a {display:block; width:100%; padding:2px 0;  color:#333; }
#side ul a:hover, #side ul a:active, #side ul a:focus {color: #ff6d01;}

#side p, #otherside p {margin:0.7em 0;}

#products-menu ul a {width:135px; padding:2px 10px 2px 5px;  color:#333; text-decoration:none; background:url(sipka.gif) 100% 50% no-repeat;}
#products-menu ul a:hover, #products-menu ul a:active, #products-menu ul a:focus {color: #ff6d01; background:url(sipka_hover.gif) 100% 50% no-repeat;}
#products-menu ul li ul a {padding:2px 10px; width:130px; }
#products-menu ul li ul li ul a {padding:2px 10px 2px 15px; width:125px; }
#products-menu ul li.activ a {color:#689701;}



#akce {padding-top:10px; width:150px; height:250px; overflow:hidden;}
#akce ul  {height:250px;  width:3900px; padding:0; margin:0; list-style-type:none;}
ul#superdeal h4 {margin:0; padding:0; height:32px; overflow:hidden;}
ul#superdeal li {display:block; float:left; height:240px; width:150px; padding:10px; position:relative; font-size:100%; font-weight:bold; overflow:hidden; text-align:center; border:0 none;}
ul#superdeal li a {background:none; border:0;}
ul#superdeal li p {position:absolute; bottom:5px; width:150px; text-align:center; }

ul#superdeal table {margin:0; padding:0; height:160px; width:150px; text-align:center;}
ul#superdeal table td {margin:0; padding:0; vertical-align:middle; text-align:center;}



/* footer*/
#footer p {font-size:90%;  margin:0; padding:15px 10px; text-align:right; line-height:1.4em;}
#footer p.copy {float:left; width:180px; text-align:left; border-right:2px solid white;}
#footer a {color:#333;}

/* main */
#main p{font-size:110%; margin:0.9em 0; line-height:1.4em; }
#main ul,#main ol{margin:0.5em 0; }
#main ul li,#main ol li{margin-left:2em; font-size:100%; }
#main table{font-size:100%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center; }

#filtrace {padding:5px 0 0 0; height:26px; width:100%; background:#4F4F4F; color:#FFF; font-size:90%;}
#filtrace fieldset {float:right; margin:0; padding:0 15px 0 0;}
#filtrace p {float:left; margin:2px 0 0 0; padding:0 15px;}
#filtrace a {color:#fff;}
#filtrace select {font-size:90%;}

p.strankovani.bottom {padding-top:10px; border-top:1px solid #E9E7E5; text-align:right;}
p.strankovani span {background:#64AF20; padding:0 2px;}

/* vypis zbozi */
#main .listitem {background:url(list-item.gif) 50% 0 repeat-y; width:100%;}
#main div.item {width:46%; padding:20px 1% 20px 3%; float:left; position:relative; background:url(bg-item.jpg) 0 0 repeat-x; overflow:hidden; }
#main .item h3 {margin:0 0 10px 0; font-size:110%; overflow:hidden;}
#main .item .itemimg {text-align:center;}
#main .item .popis p {font-size:100%;}
#main .item p.itemcena {font-size:110%;}
#main  p.itemcena span {font-weight:bold;}
#main  p.itemcena span.nesleva {text-decoration:line-through; color:#A6A6A4; font-size:90%;}
#main  p.itemcena span.sleva {color:#CD2834;}
/* detapil zbozi */


/* head */
#logo{height:100%; width:410px; float:left; position:relative; background:url(head-l.jpg) 0 0 no-repeat;}
#logo a {display:block; overflow:hidden; width:0; height:74px; padding-left:209px; background:url(logo.png) 0 0 no-repeat; position:absolute; top:35px; left:200px; }

#head p {font-size:90%;}

p.kosik {float:left; margin:40px 0 0 55px; padding-left:25px; background:url(h_kosik.gif) 0 3px no-repeat; }
p.kosik img {float:left; margin-right:10px;}

div.uzivatel {width:170px; float:right; margin:20px 0 0 0; padding-right:10px;}
div.uzivatel h3 {text-align:right;  margin:10px 0 0 0; padding:0;}
div.uzivatel p {text-align:right; margin:0; padding:0;}
div.uzivatel form p {text-align:left; margin:10px 0 0 20px; line-height:1.3em;}
div.uzivatel label {font-size:90%; margin:2px 0; display:block; float:left; width:50px; text-align:right; font-weight:bold;}
div.uzivatel input {margin:2px 0 2px 5px; width:105px; font-size:90%; float:right;}
div.uzivatel button {float:right; font-size:90%; margin-top:3px;}

ul#menu {margin:0; padding:0 15px; width:970px; height:30px; background:#ececec url(bg_menu.gif) 0 0 repeat-x; position:absolute; bottom:0; list-style-type:none;}
ul#menu li {float:left; display:block; padding-left:5px; margin:0 1px; height:26px; font-size:90%; font-weight:bold; background:url(menu-l.gif) 0 0 no-repeat; }
ul#menu li a {display:block; float:left; margin:0; padding-left:5px; line-height:26px; height:26px; color:#333; text-decoration:none; background:url(menu-c.gif) 0 0 repeat-x;}
ul#menu li span {display:block; padding-right:10px; background:url(menu-r.gif) 100% 0 no-repeat;}
ul#menu a:hover, ul#menu a:focus, ul#menu a:active {color:#ff6d01;}

/* top */
#top form.vyhledavac{margin:0; width:180px; background:#62645b;  height:100%; border-right:2px solid #fff; float:left;}
#top form.vyhledavac fieldset {margin:0; padding:5px 10px; position:relative;}
#top form.vyhledavac div {width:125px; position:relative; padding:0; margin:0 1px;  float:left;}
#top form.vyhledavac legend{display:none;}
#top form.vyhledavac input{width:125px; font-size:90%;}
#top form.vyhledavac input:focus {background-color: lightyellow;}
#top form.vyhledavac button{float:right; border:0; margin:0 0 0 2px; padding:0; width:22px; height:22px; overflow:hidden; background:url(lupa.gif) 0 0 no-repeat; cursor:pointer;}
#top form.vyhledavac button span{visibility:hidden;}


#loga-znacek {width:800px; height:100%; float:right; text-align:center; list-style-type:none; overflow:hidden;}
#loga-znacek ul {width:3900px; margin:0; padding:0;}
#top ul li {display:block; float:left;  height:100%; margin:0 0 0 6px; font-size:80%;}
#top ul li a {display:block; float:left; height:30px; padding:4px 8px 3px 8px; background:#f2f9d8; color:#333; text-decoration:none;}
#top ul li a span {font-weight:bold; display:block;}
#top ul li a:hover {background:#fffde3;}


/********* STRANKY *********/
/* Homepage*/

/* Kategorie */
#main ul.subcategory li{list-style-type:square; width:40%; float:left; font-size:100%; margin-top:5px;}
/* Výrobce */
#main ul.seznam-kategorii li{width:145px; float:left;margin:7px 14px 7px 0; padding:5px; text-align:center; font-size:110%; font-weight:bold;}
#main ul.seznam-kategorii a{display:block; text-decoration:none;}
#main ul.seznam-kategorii a:hover,#main ul.seznam-kategorii a:active,#main ul.seznam-kategorii a:focus{color:#BF044C;}
/* Detail */
#main .detailimg{width:320px; margin:5px 10px 5px 0; overflow:hidden; text-align:center; float:left;}
#main .detailtext{}
#main table{border-collapse:collapse; min-width:230px;}
#main table td{padding:2px 2px;}
#main table span.variant_price{margin-left:10px;}
#main table tr.even{background:#F2F9D8;}
.nakoupit {margin:15px 25px 15px 0; padding:10px 15px; width:200px; line-height:34px; background:#96CF0C; border-top:2px solid #62645B; color:#FFF; float:right;}

#main p.cena {font-weight:bold;}
span.nesleva {text-decoration:line-through; font-size:90%;}
span.sleva {color:#e3272b; font-size:110%;}

#prodejni_cena{font-size:110%; font-weight:bold; margin-right:10px;}
.nakoupit button{border:0; width:111px; height:34px; line-height:34px;  margin:0 0 -5px 5px;  padding:0 0 0 20px; background:url(koupit.gif) 0 0 no-repeat; color:#fff; font-weight:bold; cursor:pointer;}
/* Komentare */
#main div.diskuse{margin:0.5em 0 0 0; padding:5px 10px; display:block;border:1px dashed #ccc;  }
#main div.diskuse.admin{background:#F8F8F8;}
/* Komentar-formular*/
form#kom_form{height:230px; padding:10px 25px; margin:10px 0 0 0; background:#93C339 url(bg-banners.jpg) 0 100% no-repeat; position:relative; color:#fff;}
form#kom_form legend{display:none;}
form#kom_form label{width:120px; display:block; font-size:110%;}
form#kom_form input{margin:3px 0;}
form#kom_form textarea{width:400px; height:120px; border:1px solid #7F9DB9;}

/* Přihlášení */
#main form.border {width:260px; margin:0 auto;}
#main form.border fieldset {padding:1em; border:1px solid #9DCC0D;}
#main form.border button {margin:10px 0 5px 55px;}



/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:bold; margin:1.5em 0 0.2em 0; padding:0 0 0.2em 0; }
h1{margin:0 0 10px 0; font-size:170%; font-weight:normal; color:#FF7E1F;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:110%;}
form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:100%; }
fieldset{margin:0.5em 0; }
fieldset legend{font-size:110%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:100%; }
li {margin:3px 0;}
ul li {list-style-type:circle;}
ol li {list-style-type:decimal;}


/*******  SPECIFICKE **************/
td, th {padding:3px 5px;}
th.left {text-align:left;}

.pocet {width:25px;}
.zvyrazni {clear:both;}
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic, .oddelovac {clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
a{text-decoration:underline; color:#689701; }
a:hover{text-decoration:none;}
a img {border:none; }
#main a img {border:none; }
label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:90%; }