html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  list-style: none;
}
body {
  font-size: 62.5%;
  color: #333;
  background:#fff;
  font-family: sans-serif;
}
#content {
  width: 990px;
  text-align: left; position:relative;
  margin: 0px;
  background:url(bg_sloupec.gif) 555px 0 repeat-y;
}
#main {
  width: 540px; padding-left:10px;
  float: left;
  position: relative; 
  left: 0; margin:0; 
}
#drobecky {width:970px; padding:0 10px; height:22px; line-height:22px; position:absolute; top:370px; left:0; border-top:4px solid white; border-bottom:4px solid white; background:#58595D; color:#DDDDDD; z-index:1;  }
	#drobecky a {color:white;}
#side {
  width: 180px; 
  float: left;
  position: relative; left: 5px;
	overflow:hidden;
	border-top:40px solid white;
	background:#EB7602 url(bg_sloupec.gif) 0 0 repeat-y; 
}
#otherside {
  width: 250px;
  float: left;
  position: relative;
  left: 10px; top:40px;
}
#footer {clear:both;padding-top:25px; }

#lista {margin-left:10px; width:540px;}
#lista a {color:#7D7D7D; text-decoration:none;}
    
	 /* Doplnky layoutu */
#logo {height:115px; padding-bottom:250px; margin-left:-5px !important; background:url(hlava.jpg) 0 100% no-repeat; }
#logo a.logos {display:block; overflow:hidden; width:0; height:115px; padding-left:280px;  margin-left:20px;  background:url(logo.gif) 0 0 no-repeat; position:absolute; top:0; left:0; }
a#menujump {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
    }
        /* Side */
  #side form {height:75px; width:150px; padding:0 15px; border-bottom:5px solid white; overflow:hidden; }
	#side form input#search {width:120px; border:0;}
	#side form .submit {position:relative; left:5px; top:5px;}
	#side form legend {display:none;}
	
#side form.vyhledavac {margin:15px 0 0 0;}
#side form.vyhledavac legend {display:none;}
#side form.vyhledavac input {width:120px;}
#side form.vyhledavac button {border:0; margin:0 0 0 4px; padding:0; width:22px; height:22px; overflow:hidden; background:url(hledat.gif) 0 0 no-repeat; cursor:pointer;}
#side form.vyhledavac button span {visibility:hidden;}

	     /* Menu */
	ul#menu {height:210px; padding:20px 20px; overflow:hidden; background:#A75E1A url(bg_menu.gif) 0 0 repeat-y;
    }
	ul#menu li {padding:4px 0;}
	ul#menu li.bazar {margin-top:10px;}
  ul#menu a {color:white;  font-size:130%; text-decoration:none; font-weight:bold; }
	ul#menu a:hover, ul#menu a:focus, ul#menu a:active {color:#FEFF5F}
	
  #products-menu {margin-top:50px;}
	#products-menu a { display:block;  width:140px; padding:0 20px; margin:10px 0; font-size:140%; font-weight:600; color:white; text-decoration:none; background:url(menuitem.gif) 0 50% no-repeat;}

	     /* Submenu */
  #products-menu ul li ul a {padding-left:30px; background:url(menuitem-sub.gif) 0 50% no-repeat; font-size:120%;}
  #products-menu ul li ul li ul a {padding-left:40px; color:#EFEFEF;}
  
  #products-menu .activ a {background:url(menuitem-hover.gif) 0 50% no-repeat !important; color:#FEFFAF;}
  #products-menu a:hover, #products-menu a:focus, #products-menu a:active {color:#333333;  background:url(menuitem-hover.gif) 0 50% no-repeat;}

	     /* Otherside */
	#otherside h3 {padding:0; margin:5px 0; font-weight:bold; font-size:130%;}
	
  #otherside p.kosik {height:55px; padding-top:20px; padding-left:10px; font-size:140%; line-height:1.5em; background:url(kosik.gif) 100% 95% no-repeat;}
	a.ukazkosik {position:absolute; right:10px; top:18px; font-size:80%; font-weight:bold; color:#7F7F7F; text-decoration:none;}
	a.ukazkosik:hover, a.ukazkosik:active, a.ukazkosik:focus {color:#E76301; text-decoration:underline;}
	#otherside p.kosik span {font-weight:bold;}
	
	#otherside .akce {height:250px; width:250px; margin-top:5px;  background:#E4E4E4; text-align:center; position:relative; }
	#otherside .H-tmave {padding:0 10px; height:31px; line-height:31px; background:#58595D url(bg_H-tmave.gif) 100% 0 no-repeat; color:#FFFFFF; font-weight:bold; font-size:140%; text-align:left;}
	#otherside .akce img {border-bottom:1px solid grey; margin:0 auto;}
	#otherside .akce h3 {margin:5px 10px; padding:0;}
	#otherside .akce p {margin:0 10px; padding:0; font-size:120%;}
	#otherside .akce span.skrt {color:#807C7C;}
	#otherside .akce span.cervene {color:#DE2A21; font-weight:bold;}
	
  ul#superdeal {width:250px; height:220px; overflow:hidden;}
	#superdeal li {display:block; margin:0; padding:0; height:210px; padding-top:10px; width:250px; font-size:100%; font-weight:bold;}
	
	#otherside h2.H-svetle {margin:10px 0 0 0; padding:0 10px; height:31px; line-height:31px; background:#E2DEDE url(bg_H-svetle.gif) 100% 0 no-repeat; color:#3F3F3F; font-weight:bold; font-size:140%;}
	#otherside h2.odsadit {margin:30px 0 0 0;}
	#otherside .obal {margin:0 0 5px 0; padding:0 15px 5px 15px; border:1px solid #E1DEDE;}
	#otherside p.datum {margin:12px 0 0 0; color:#797975;}
	#otherside .obal p {font-size:110%; margin: 0.7em 0; }
	
  #otherside ul.obal  {padding:5px 15px;}
	#otherside ul.obal li {font-size:110%; line-height:1.4em; margin:0.3em 0;  width:100%; position:relative; border-bottom:1px solid #E2DEDE; padding-bottom:2px;}
	#otherside ul.obal li a { padding-right:45px;}
	#otherside ul.obal li span {position:absolute; right:0; top:0;}

  #otherside .reklama {margin:10px 0 0 0;}



	/*Uživatel - přihlašování*/
	div.uzivatel {position:absolute; top:229px; left:349px; width:170px; height:130px; padding:5px 15px; background:#EE8304; filter: alpha(opacity=80); -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; z-index:10; border-left:1px solid #fff; border-top:1px solid #fff; overflow:hidden;}
	div.uzivatel.active {background:#fff; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9; border-left:1px solid #58595D; border-top:1px solid #58595D; }
	div.uzivatel form, div.uzivatel form fieldset {margin:0;padding:0;position:relative;}
	div.uzivatel legend {color:#000; margin-bottom:3px; }
	div.uzivatel a {color:white;}
	div.uzivatel.active a {color:#E36C09;}
	div.uzivatel h3 {color:#000;}
	div.uzivatel.active legend {color:#333;}
	div.uzivatel form div {position:relative; margin:1px 0;  width:150px;}
	div.uzivatel p {margin:5px 0 0 0; padding:0; font-size:110%; font-weight:bold;}
	
	#footer p { font-size:110%; margin:10px;}
	#footer a { }
	#footer a#nahoru {width:0; padding-left:27px; height:19px; display:block; overflow:hidden; background:url(top.gif) 0 0 no-repeat; position:absolute; bottom:0; left:685px; }
  
	#main p{
  font-size: 120%; 
  margin: 0.7em 0; 
  line-height: 1.4em;
  }
  #main ul, #main ol {
  margin: 0.5em 0;
  }
  #main ul li, #main ol li{
  margin-left: 2em;
  font-size: 120%;
  }
  #main table {
  width: 100%;
  font-size: 120%;
  border-collapse: collapse; color:#333333;
  }
  #main table tr.even {
    background:#EFEFEF;
  }
  #main table td {
    padding:2px 10px;
  }
  #main table th, #main table td {
  vertical-align: middle;
  }
  #main table th + td { /* řešení pro prohlížeče nepodporující col/colgroup, musí být zvlášť kvůli IE */
  text-align: right;
  }
  #main table caption {
  caption-side: bottom;
  font-style: italic;
  text-align: left;
  }
  
  #main h2.zvyrazni {background:#EF8704; color:#fff; margin:1.5em -10px 0.5em 0; padding:5px 10px; font-style:italic; z-index:1;}
    
  /*POložky zboží*/
  #main p.strankovani {color:#333; font-size:120%; padding-top:5px; border-top:1px solid #58595D;}
  #main form#filtrace {background:#58595D; color:#fff; padding:5px 10px;} 
	#main .item {margin-top:5px; padding:5px 0 0 0; position:relative; width:538px; border:1px solid #D7D6D6;   background:#fff url(bg-item.jpg) 0 100% repeat-x; }
	#main .item h3 {font-weight:bold; background:#EBEBEB; margin:0; padding:0 10px; border-left:3px solid #CFCFCF; height:30px; line-height:30px;}
	#main .item h3 a {color:#000; display:block; height:30px;  padding-right:20px; background:url(lupky.gif) 100% 0 no-repeat;}
	#main .item h3 a:hover, #main .item h3 a:active, #main .item h3 a:focus {background:url(lupky.gif) 100% 100% no-repeat; color:#E66201;}
	#main .item .popis {width:280px; float:right; margin-right:10px;}
	#main  p.itemcena {min-width:100px; padding:3px 8px;  position:absolute; bottom:5px; right:0; font-size:130%; background:#58595D; color:white;}
	#main  p.itemcena span {font-weight:bold;}
	#main  p.itemcena span.sleva {color:#FFB95F;}
	#main .item form {width:100px; position:absolute;  bottom:9px; left:300px;}
	
	#main .itemimg {height:180px; width:220px; margin-left:10px; text-align:center; background:#fff; overflow:hidden;}
	#main .itemimg img {margin-top:10px;}
	input.pocet {width:40px;}
	
	/*bazar*/
	#main .item.bazar img {float:left; padding:0 10px 5px 5px;}
	#main .item.bazar p.cena {clear:both;}
	#main .item.bazar p {margin-left:10px; margin-right:10px;}
	#main .item.bazar p.info {margin-bottom:15px;}
	#main .uzivatel_bazar {background:#FFEDDF; padding:5px 15px;}
	
	form.inzerat {background:#F2F2F2; padding:10px 15px;}
	
	
	/* 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;}	

	/*Detail zboží*/
	.detail { position:relative;}
	.atributy {width:100%;  position:absolute; top:-10px; left:0; z-index:1; text-align:right;}
	#main .nakoupit {width:170px; float:right; position:relative; padding:10px 15px 0 15px; margin:0; text-align:left; height:102px; background:url(bg_nakoupit.gif) 0 0 no-repeat; }
	#main .nakoupit p.cena {position:relative; margin:0; padding:5px 0 0 0; font-size:120%;}
	#main .nakoupit p.cena span {position:absolute; left:90px; }
	#main .nakoupit p.cena span.nesleva {text-decoration:line-through; color: #838080;}
	#main .nakoupit p.cena span.sleva {color: #fc0000; font-size:110%;}
	.nakoupit div {position:absolute; bottom:0px; left:10px; width:180px; color:#EBEBEB; background:#58595D; margin:0; padding:0;}
	#main .nakoupit form input.pocet {border:1px solid #ebebeb; color:#000; text-align:center;}
	#main button.koupit {height:30px; background:url("nakup-kosik.gif") 100% 0 no-repeat; border:0; color:#f2800f; font-weight:bold; cursor:pointer; margin:0; padding:0 30px 0 0;  
   }
  #main table.parametry {}
  #main table.parametry tr {
    border-bottom:1px solid #CFCFCF;
  }  
  #main h2.parametry, #main h3.varianty, #main h3.stylovane {
    margin:30px 0 2px 0;
    padding:5px 10px;
    background:#58595D; color:white;
  } 
  
  .diskuse {background:#F7F7F7; padding: 2px 10px; margin:3px 0; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF; position:relative;}
  .diskuse a.reagovat {position:absolute; right:10px; top:5px;}
  .diskuse.admin {background:#FFE9CF;}
  #main .diskuse p {font-size:110%;}
  #main .diskuse p.head {font-size:120%;}
  
  #main form#kom_form {margin-top:20px; background:#EFEFEF;padding:5px 10px; border-top:1px solid #9F9F9F; }
  #main form#kom_form legend {margin-bottom:10px;}
  #main form#kom_form label {display:block; width:45px; font-size:120%; text-align:left; float:left;}
  #main form#kom_form br {clear:both;}
  #main textarea#kom_text {width:450px; height:90px;}
  #main form#kom_form div {text-align:center;}
  	  
      /* Kategorie */
  #main ul.subcategory li {list-style-type:square; width:40%; float:left; font-size:140%; margin-top:5px;}
  
	 /* Obecné */
	h1, h2, h3, h4, h5, h6 { font-weight:bold; padding:1em 0 0.3em 0; }
    h1 {margin:25px 0 10px 0; font-size: 220%; color:#E66201;  font-weight: normal; }
    h2 {font-size: 160%;}
    h3 {font-size: 140%; margin:0;}
    h4 {font-size: 130%;}
	form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: none;
    }
    form {
    font-size: 110%;
    margin: 0 auto;
    }
    fieldset {
    margin: 0.5em 0;
    }
    fieldset legend {
    font-size: 120%;
    font-weight: bold;
    color: #333;
    }
    fieldset fieldset legend {
    font-size: 130%;
    }
    form label {
    text-align: right;
    }
    
    address {margin:0.8em 0.5em; font-size:130%; font-weight:bold; line-height:1.3em;}
	
	 /* Specifické */
	.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;}
	.center {text-align:center;}
	.right {text-align:right;}
	.left {text-align:left;}
	.red {color:red;}
    a {text-decoration: underline; color:#E36C09; }
    a:hover {text-decoration: none;}
    a img {border: none; }
    
  form label.overlabel {text-align: left !important;}
  label.overlabel {color:#333;} 
  label.overlabel-apply { position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }