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;
}
body {
	font:0.75em Arial, sans-serif;
  width:900px;
  margin:0 auto;
  position:relative;
  background:#fff url(bg_body.jpg) 100% 0 repeat-y;
}
#head {
  position:absolute; top:0; left:0;
  height:113px; padding-left:260px; width:640px;
  background:url(header.jpg) 100% 0 no-repeat;
  color:#333;
  line-height:1.5em;
  overflow:hidden;
}
#main {
	width: 606px;
	float: right;
	position: relative;
	right: 10px; top:0;
	margin: 95px 0 0 0;
	padding:200px 12px 0 12px;
	z-index:2;
}
#main #banner {position:absolute; top:0; left:12px; height:190px; width:606px; }

#side {
	width: 212px;
	margin:113px 0 0 0; padding:0 24px 310px 24px;
	float: left;
	position: relative;
	left: 0; top:0;
	overflow: hidden;
	background:#304993 url(side-bg.jpg) 0 0 repeat-y;
	color:#000;
}

#footer {
	clear: both;
	margin-top:15px;
	width:890px;
	background: #5A9F00;
	color:#fff;
}



/*********** DOPLNKY LAYOUTU ***********/
/* side */
#side li {list-style-type:none;}
#side h3 {padding:0; margin:25px 0 5px 0; color:#fff; font-size:110%; line-height:35px; font-weight:bold;}
#side h3.zajimave {width:0; height:27px; padding-left:210px; overflow:hidden; background:url(zajimave-informace.gif) 0 0 no-repeat;}
#side h3.kategorie {width:0; height:27px;  padding-left:210px; overflow:hidden; background:url(kategorie-obchodu.gif) 0 0 no-repeat;}
#side h3.akcni {width:0; height:22px; padding-left:53px;  overflow:hidden; background:url(akce.gif) 0 0 no-repeat;}
#side a {color:#FFF; text-decoration:none;}


#flash {position:absolute; bottom:0; left:0; height:300px; width:260px; background:url(side-bot.jpg) 0 0 no-repeat;}

#side form.vyhledavac{margin:15px auto 0 auto; width:185px;}
#side form.vyhledavac legend{display:none;}
#side form.vyhledavac input{width:150px; background:url(bg_search.gif) 0 0 repeat-x;}
#side form.vyhledavac button{border:0; margin:0; padding:0; width:20px; height:20px; overflow:hidden; background:url(search.gif) 0 0 no-repeat; cursor:pointer;}
#side form.vyhledavac button span{visibility:hidden;}

#information-menu {padding:5px 10px; background:#71BF0B url(bg_inform.gif) 100% 0 repeat-y;}
#information-menu li {margin:2px 0;}
#information-menu li a {display:block; padding:5px 5%; width:90%;  background:url(information_li.gif) 0 0 repeat-y;}
#information-menu li a:hover {background:#e72a05;}

#products-menu {padding:5px 10px; background:#009dc4 url(bg_products.gif) 100% 0 repeat-y;}
#products-menu li {margin:2px 0; width:100%;}
#products-menu li a {display:block; width:90%; padding:5px 5%; background:url(products_li.gif) 100% 0 repeat-y;  border-right:1px solid #008fb8; border-bottom:1px solid #008fb8; font-weight:bold;}
#products-menu li a:hover {background:#e72a05;}

#products-menu li.activ a {color:#FDFF00;}
#products-menu li ul li a {padding: 3px 5% 3px 10%; width:85%;}
#products-menu li ul li ul li a {padding: 3px 5% 3px 15%; width:80%;}

div.akcni {padding:0 10px; background:#FFF;}
#side div.akcni .item h4 {margin:0;}
#side div.akcni h4 a {font-size:90%; color:#314993; text-decoration:underline;}
#side div.akcni h4 a:hover {text-decoration:none;}
#side div.akcni .item {padding:15px 0; border-bottom:1px solid #e8e7e7; overflow:hidden;}
#side div.akcni .item img {display:block; margin:5px auto 0 auto;}
#side div.akcni p.cena {font-size:110%; text-align:center;}
#side div.akcni .nesleva {text-decoration:line-through; color:#AFAFAF;}
#side div.akcni .sleva {color:#DF0000; font-size:110%;}

/* footer*/
#footer p {font-size:90%;  margin:0 10px 0 265px; padding:10px 0; text-align:right; line-height:1.4em; width:610px;}
#footer a {color:#fff;}

/* 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:15px 0 0 0; height:26px; width:100%; background:#1E2225 url(filtr.jpg) 0 0 no-repeat; 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:113px; width:260px; float:left; position:absolute; left:0; top:0;}
#logo a {display:block; overflow:hidden; width:0; height:113px; padding-left:260px; background:url(logo.png) 0 0 no-repeat; position:absolute; top:0; left:0; }

ul#menu {margin:0 10px; height:30px;}
ul#menu li {display:block; float:left; border-right:1px dotted #8F8F8F; font-style:italic;}
ul#menu li.last {border:0 none;}
ul#menu li a {color:#fff; text-decoration:none; padding:0 15px; line-height:24px; }
ul#menu a:hover, ul#menu a:focus, ul#menu a:active {text-decoration:underline; color:#D6FF9F;}

#head p {line-height:1.4em;}
p.provozovatel {float:right; margin:14px 0 0 0; padding-right:10px; font-size:90%; width:200px; text-align:right;}


#sliderWrap {width:218px; position:absolute; top:77px; right:220px; font-size:90%; z-index:1;}
#slider{position:absolute;background:url(login-open.jpg) 0 0 no-repeat; width:218px;height:63px;}
#openCloseWrap a.prihlasit {background:url(arrow-top.gif) 20px 60% no-repeat; border-right:1px dotted #FFF;}
#openCloseWrap a.prihlasit.zavrit {background-image:url(arrow-bot.gif);}
#openCloseWrap a {width:49%; display:block; text-align:center; float:left; color:#fff; line-height:17px; text-decoration:none;}
#openCloseWrap  a:hover {color:#D6FF9F;}
#sliderContent {position: absolute; top:18px; left:0;width:100%;}
#sliderContent form {margin:0 10px; width:198px;}
#sliderContent form div {position:relative; }
#sliderContent input {height:15px; width:120px; margin:0;   border:1px solid #005B7F;}
#sliderContent form button {position:absolute; top:10px; right:15px; width:60px; padding:0; font-size:90%;}
#sliderContent form fieldset {margin:0; padding:0; border:0;}

#sliderUzivatel {width:218px; position:absolute; top:37px; right:220px; font-size:90%; z-index:1;}
#sliderUzivatel h3 {margin:0; padding:0;}

p.kosik {clear:left; float:left; margin:14px 0 0 0; padding-left:17px;}
p.kosik img {float:left; margin-right:10px;}



/********* 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:#E0E9EF;}
.nakoupit {margin:15px 25px 15px 0; padding:10px 15px; width:200px; line-height:34px; background:#619BDF; border-top:2px solid #0B5DBF; color:#FFF; float:right;}

#main p.cena {font-weight:bold;}
#main span.nesleva {text-decoration:line-through; font-size:90%;}
#main span.sleva {color:#FDFF00; 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:#67A3CF 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 #0038BF;}
#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; color:#0080bc; }
h1{margin:0 0 10px 0; font-size:220%; font-weight:normal;}
h2{font-size:130%;}
h3{font-size:120%;}
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:#006DA0; }
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:2px; left:4px; z-index:1; color:#333; font-size:90%; }