div .todo{
		color: #FF0000;
}
div .bar{
		padding:10px 5px 10px 5px;
		font-size: 12px;
}

div .navigace{
		margin:-70px 0 0 2px;
		position:absolute;
}


html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none;}
html {
  background:#FFF;
  color: #000;
	font:0.75em Arial, sans-serif;
	line-height:1.5em;
}
body {
  width:980px;
  padding:0 10px;
  margin:0 auto;
  position:relative;
  background:url(bg_body.jpg) 0 0 repeat-y;
}

#main {
  width:708px;
  padding:70px 20px 20px 20px;
  float:right;
  position:relative;
  right:0; top:0;
  margin-top:156px;
  overflow:hidden;
}

#side {
	width: 220px;
	float: left;
	position: relative;
	left: 0; top:0;	
	margin-top:156px;
	 overflow:hidden;
}

#head {
  position:absolute; top:0; left:0;
  width:970px; height:146px;
  padding:0 15px;
  background:#fff url(bg_head.jpg) 0 2px no-repeat;
  color:#333;
  overflow:hidden;
  clear:both;
}

#footer {
  clear:both;
  margin:0 -10px;
  padding:20px 0 20px 0;
  position:relative;
  background:#FFF url(bg_footer.jpg) 0 0 no-repeat;
  color:#a1a1a1;
} 

a img.facebook {
    height:45px;
    margin: 10px 0 10px 35px;
    width:150px;
}

/*********** DOPLNKY LAYOUTU ***********/
h1{position:absolute; top:190px; left:262px; z-index:1; margin:0; padding:0; font-size:200%; line-height:1.1em; font-weight:bold;}


/* head */
h2#logo {float:left; margin:0; padding:13px 0 0 0; font-size:240%;  height:32px; text-transform:uppercase;}
h2#logo a {text-decoration:none;}
h3#slogan {float:right; margin:0; padding:15px 25px 0 ; font-size:130%; font-style:italic; }
form#dalsi_kategorie {float:right; width:255px;}
form#dalsi_kategorie select {margin:16px 0 0 20px; width:225px; }

p#kontakt {float:left; padding:0 0 0 35px; margin:10px 0 0 0; line-height:35px; background:url(mobil.gif) 0 80% no-repeat;  font-weight:bold; font-size:160%; position:relative;}
p#kontakt span.telefon { border-right:1px solid #e7e7e7; padding-right:10px;}
p#kontakt a.email {border-left:1px solid #f9f9f9; padding-left:10px; text-decoration:none;}

form#hledat {float:right; width:350px; margin:16px 0 0 0; padding-right:5px; position:relative; }
form#hledat fieldset {margin:0; padding:0;  position:relative;}

form#hledat img.lupa {clear:both; position:absolute; top:-6px; left:-30px; z-index:1;}
form#hledat input {width:250px; height:18px; padding-top:3px; padding-left:5px; border:1px solid #dcdcdc; background:url(text_input.jpg) 0 100% repeat-x; float:left;}
form#hledat select {width:150px; padding-top:3px; border:1px solid #dcdcdc; background:#FFF url(text_input.jpg) 0 100% repeat-x; display:inline; float:left; margin:0 0 0 5px;}
form#hledat button {width:75px; height:25px; border:0; padding:0; margin-left:5px; text-align:center; color:#FFF; position:relative; overflow:hidden; font-weight:bold; float:right; font-size:90%; text-transform:uppercase;}

#topmenu {margin:0; padding:0 0 0 10px; width:970px !important; height:36px; position:absolute; top:100px; left:10px; }
#topmenu li {list-style-type:none; display:block; float:left; margin:0; height:36px; line-height:36px; font-size:120%; text-transform:uppercase; font-weight:bold;}
#topmenu li a {display:block; float:left; padding:0 14px; height:36px; text-decoration:none;}
#topmenu li:hover, ul#topmenu li.hover {padding-bottom:10px;}
#topmenu li.first a {border-left:0;}
#topmenu li.last a {border-right:0;}

/* main */
#main p {font-size:100%;}
#main h2, #main h3 {font-weight:normal;}

#main .item {width:207px;  float:left; margin:5px 9px 5px 0; padding:10px 10px 0 10px; display:inline /*IE Fix*/; position:relative; border:1px solid #e6e6e6; background:#FFF; font-size:90%;}
#main .item.last {margin-right:0;}

#main .item h3 {font-size:110%; margin:0; padding:0; height:36px; overflow:hidden; font-weight:bold;}
#main .item p.img {margin:5px auto; text-align:left;min-height: 105px; max-height: 105px;}

#main .item p.description {height:46px; overflow:hidden;}

.item p.img {margin:5px auto; text-align:center; position:relative; width:205px; overflow:hidden;}
.item p.img span.img {margin: 0 10px 0 0; width: 85px; height: 85px; float:left; text-align: center;}
.item p.img span.ico {position:absolute; right:0; top:0; }
.item p.img span.ico span {line-height:1.1em; display:block; margin:2px 0; width:42px; padding:3px 5px;}
.item p.price {height:24px; line-height:24px; background:#f3f3f3; }
.item p.price a {display:block; float:right; height:24px; width:60px; padding-left:8px; font-weight:bold; text-decoration:none; font-size:120%;}
.item p.price a:hover {text-decoration:underline;}
.item p.price span {margin-left:15px; font-size:130%; font-weight:bold;}

#main .half {width:50%; float:left;}
#main .half ol, #main .half ul {margin-right:10px; border-bottom:1px solid #e6e6e6;}
#main .half.two ol, #main .half.two ul {margin-right:0;}
#main .half li {list-style-type:none; margin:0; padding:4px 10px; background:#FFF; border:1px solid #e6e6e6; border-bottom:0;}
#main .half li img {float:right;}

#main .half ol li span {width:16px; height:17px; display:block; float:left; margin:0 5px 0 0; font-weight:bold; text-align:center; font-size:90%;}
#main .half ul {border:1px solid #e9e9e9; padding:0 8px 5px 8px; background:#FFF;}
#main .half ul li {border:0; border-bottom:3px double #e9e9e9;}
#main .half span.date {font-style:italic; color:#a1a1a1; font-size:90%;  font-weight:normal;}

#main .article {padding-bottom:5px; border-bottom:3px double #e9e9e9;}
#main .article h3 {font-size:110%; font-weight:bold; float:left;}
#main .article h3 span.date {font-style:italic; color:#a1a1a1; font-weight:normal; font-size:80%;}
#main  p.hodnoceni {float:right; color:#a1a1a1;}
#main p.all_articles {padding-left:18px; font-weight:bold;}

#main .vyrobce {padding-bottom:5px; border-bottom:3px double #e9e9e9;}
#main .vyrobce h3 {font-size:110%; font-weight:bold; float:left;}

/* side */
#side h3 {margin:1em 0 0 0 ; padding:10px; text-transform:uppercase; font-size:140%;}

#side .item {position:relative; margin:0 10px; padding-bottom:15px; border-bottom:3px double #dbdbdb; font-size:100%; }
#side .item.last {padding-bottom:0; border:none;}
#side .item h4 {font-size:105%;}


#side ul {margin:0;}
#side li {border-bottom:3px double #dbdbdb; padding:5px 10px; list-style-type:none;  margin:0; }
#side li h4 {margin:5px 0 0 0; padding:0; font-size:110%;}

#side ol li span {width:16px; height:17px; display:block; float:left; margin:0 5px 0 -20px; font-weight:bold; text-align:center; font-size:90%;}
#side ol.without li {border:0; padding-left:30px;}


#side p.all_news {margin-left:10px; padding-left:20px; font-weight:bold;}
#side p.date {color:#a1a1a1; margin:0; font-style:italic;}

#menu, #menu ul {margin:0;} 
#menu li { display:block; width:100%; font-size:100%; padding:0; border:none;}
#menu li a {display:block; padding:4px 10px 4px 35px; width:175px; text-decoration:none;}
#menu li span {display:block; padding:4px 10px 4px 15px; width:175px; text-decoration:none; font-weight: bold;}  
#menu li.active {text-transform:uppercase; font-weight:bold;}

#side form#newsletter {margin:10px 0; width:100%;}
#side form#newsletter fieldset {padding:0; margin:0; padding-left:5px; position:relative; }
#side form#newsletter input {float:left; width:160px; height:18px; padding-top:3px; border:1px solid #dcdcdc; background:url(text_input.jpg) 0 100% repeat-x;}
#side form#newsletter button {width:32px; height:25px; border:0; margin-left:5px; }

#side p.tags {text-align:justify; line-height:1.7em;}
#side p.tags a {text-decoration:none; margin:0 5px;}
#side p.tags a:hover {text-decoration:underline;}

#side p.cert { margin:0 auto; text-align:center;}
#side p.cert img {margin:0 5px;}

#side form.anketa  {margin:0 10px;}
#side form.anketa h4 {color:#000;}



/* footer*/
#footer p {margin:0 20px;}
#footer a {color:#a1a1a1;}
#footer p.links {float:right;  position:relative; display:inline;} 
#footer p a.rss {padding-left:18px; background:url(ico-rss.gif) 0 50% no-repeat;}
#footer p a.maps {margin-left:10px; padding-left:13px; background:url(ico-map.gif) 0 50% no-repeat;}



/********* STRANKY *********/
/* kategorie výrobků */
#main p.line_category {margin:15px 0 15px 0; float:left;}
#main p.line_category b {width:180px; height:23px; float:left; overflow:hidden; margin-left:10px; margin-right:2px; padding-left:20px; font-weight:normal;}
#main p.line_category b.first {margin-left:70px;}
#main p.line_category span {width:60px; float:left;}

#main form.filtrace {width:400px; background:#ffffff; border:1px solid #e6e6e6; font-size:90%; position:relative; overflow:hidden;}
#main form.filtrace fieldset {padding:7px 5px 7px 55px;}
#main form.filtrace fieldset span.bold {position:absolute; left:7px; top:auto; z-index:1; width:20px; height:20px; display:block;}
#main form.filtrace fieldset.vyrobci label {width:33%; float:left;}
#main form.filtrace fieldset.razeni {margin:0; padding-top:10px;}
#main form.filtrace fieldset.razeni label {margin:0 20px;}
#main form.filtrace fieldset select {font-size:120%; width:145px; border:1px solid #dcdcdc; background:#FFF url(text_input.jpg) 0 100% repeat-x;}
#main form.filtrace button {width:75px; height:25px; margin:0; border:0; padding:0; text-align:center; color:#FFF; position:relative; overflow:hidden; font-weight:bold; font-size:100%; text-transform:uppercase;}


#main p.strankovani {float:right; margin:25px 0 5px 1em; line-height:23px; display:inline /*IE Fix double margin*/; }
#main p.strankovani.bottom {margin:5px 0 25px 0;}
#main p.strankovani a, p.strankovani span {padding:3px 5px; margin:0 0 0 -1px; text-align:center; text-decoration:none; border:1px solid #e7e7e7; }
#main p.strankovani span {font-weight:bold;}
#main p.strankovani a.dark:hover, #main .strankovani a.light:hover {text-decoration:underline;}

#main p.nalezenych {margin:25px 1em 5px 0; float:left /*SAFARI FIX*/;}




/************ OBECNE ************/

h2,h3,h4,h5,h6{font-weight:bold; padding:1em 0 0.2em 0; }
h1{width:700px; height:28px; overflow:hidden;}
h2{font-size:170%;}
h3{font-size:140%;}
h4{font-size:100%;}

form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; }
fieldset{margin:0; padding:0; border:0;} 
fieldset legend {font-size:100%; font-weight:bold; color:#333; }

table{font-size:95%; }
table th,#main table td{vertical-align:middle; }
table thead th{text-align:center; }

ol, ul {margin:1em 0; }
li {margin-left:2em; font-size:100%; }
ul .sitemap_subcats{list-style-type:none; margin-left:200px; }
ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}


p{font-size:90%; margin:0.7em 0; line-height:1.4em; }

a{text-decoration:underline; }
a:hover{text-decoration:none;}
a img {border:none; }

button {cursor:pointer;}

/*******  SPECIFICKE **************/
span.dostupnost {font-size:90%;}
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 5px 10px;}


label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:8px; z-index:1; color:#333; font-size:90%; }

#breadcrumbs {height:18px;overflow:hidden;}
#menu li.menuitem a {
	font-weight:bold !important;
	text-transform: uppercase !important;
}