body{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

a{
	color: #404040;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#page{
	width: 1007px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/sloupecek.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#logo{
	height: 160px;
}

#logo img{
	z-index: 3;
	position: relative;
}

#logo h1{
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
	top:10px;
	left: 50%;
	font-size: 10pt;
}

#logo a{
	text-decoration: none;
}

#menu{
	background-color: #dddddd;
	height: 28px;
	width: 996px;
}

#navigace{	
	width: 210px;
	float: left;
	padding-left: 10px;
}

#navigace ul .prazdne{	
	font-size: 0px;
	line-height: 0px;
	font-size: 0;
	height: 0;
	display:none;
}

#navigace ul, #navigace li{
	list-style-type:none;
	margin: 0;
	padding: 0;
	display: inline-block;
	
}

#navigace .kategorie_polozka{
	margin-top: 30px;
}

#navigace .kategorie_polozka.klikaci{
	margin-top: 15px;
}


#navigace .kategorie{
	font-weight: bold;
	background-image: url(/img/kategorie.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #F37021;
	margin-bottom: 5px;
	font-size: 11px;
}

.zalozka_odkaz{
	font-weight: bold;
	color: #F37021;
}

#navigace .kategorie img{
	position: relative;
	left: -13px;
}

#navigace .cetelem{
	margin-top: 30px;
	text-align: center;
}

#navigace .cetelem img{
	border: 7px solid #E6E6E6;
}

#navigace .zbozi{
	padding-top: 5px;
	margin-bottom: 5px;
	color: #404040;
	border-top: 1px dashed #CCCCCC;
	font-size: 11px;
}

#navigace .zbozi a{
	color: #404040;
	font-size: 11px;
	text-decoration: none;
}

#navigace .zbozi.activ a{
	font-weight: bold;
}

#navigace .zbozi a:hover{
	text-decoration: underline;
}

#navigace .zbozi h2{
	color: #404040;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#login{
	text-align: right;
	background-color: #dddddd;
	color: #6C6C6C;
	width: 996px;
	font-size: 10pt;
}

#login .logout{
	text-align: right;
	text-decoration: underline;
}

#content{
	margin-left:220px;
	padding-left: 5px;
}

#content .text_stranka{
	padding:10px;
}

#content .akce{
	padding-left: 15px;
	padding-right: 5px;
}

#content .akce .zbozi{
	width:242px;
	height:250px;
	background-image: url(/img/upoutavka_pozadi.png);
	background-repeat: no-repeat;
	float: left;
	margin-top:30px;
	margin-right: 10px;
}

#content .akce .zbozi .data_akce{
	height:233px;
	width:242px;
	max-height: 233px;
	overflow: hidden;
}

#content .akce .zbozi .data_akce .text{
	margin-top:10px;
	margin-left: 10px;
	margin-right: 10px;
	color: #F47D36;
	position:relative;
	top:-328px;
	left:0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#content .akce .zbozi .data_akce .text h3 a{
	color: #F47D36;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#content .akce .zbozi .data_akce .text h3{
	margin: 0;
	padding: 0;
	font-size: 12pt;
}

#content .akce .zbozi .vice{
	text-align: right;
	padding-right:10px;
	padding-top:5px;
	font-size: 8pt;
}

#content .akce .zbozi .vice a{
	color:#F47D36;
}

#content .akce .zbozi .data_akce table{
	height:100%;
}

#content .akce .zbozi .data_akce .obrazek{
	height:233px;
	width:242px;
	text-align: center;
	position:relative;
	top:-95px;
	left:0;
}

#content .akce .zbozi .data_akce .hvezdicka{
	height:95px;
	width:133px;
	background-image: url(/img/upoutavka_cena.gif);
	background-repeat: no-repeat;
	z-index: 1000;
	background-position: right bottom;
	position:relative;
	left:109px;
	top:139px;
}

#content .akce .zbozi .data_akce .hvezdicka .cena{
	padding-top:55px;
	padding-right:10px;
	text-align: right;
}

#content .akce .zbozi .data_akce .hvezdicka .cena a{
	color:white;
	font-weight: bold;
	font-size: 14pt;
	text-decoration: none;
}

#content .novinky_stranka{
	padding-top: 10px;
}

#content .novinky_stranka .nadpis{
	background-image: url(/img/pozadi_novinky.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#content .novinky_stranka .nadpis_novinka{
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
	margin-left: 10px;
	margin-right: 10px;
}

#content .novinky_stranka .datum{
	text-align: left;
	font-size: 8pt;
	margin-left: 10px;
	margin-right: 10px;
}

#content .novinky_stranka .text{
	margin-left: 10px;
	margin-right: 10px;
}

#content .novinky{
	height:250px;
	float:left;
	margin-top:20px;
}

#content .novinky .nadpis{
	background-image: url(/img/pozadi_novinky.png);
	background-repeat: repeat-x;
	background-position: left center;
}

#content .novinky .novinky_table{
	width: 765px;
	margin-top:15px;
	margin-left: 12px;
}

#content .novinky .novinky_table td{
	width: 50%;
	vertical-align: top;
	padding-bottom: 10px;
}

#content .novinky .novinky_table a:hover{
	text-decoration: none;
}

#content .novinky .novinky_table .datum{
	background-image: url(/img/novinka_datum.png);
	background-repeat: repeat-y;
	padding-left: 14px;
	font-size: 10pt;
	font-weight: bold;
}

#content .novinky .novinky_table .text{
	background-image: url(/img/novinka_text.png);
	background-repeat: repeat-y;
	padding-left: 14px;
	font-size: 10pt;
	margin-right:5px;
}

#content.zbozi{
	height: 500px;
}

#content.zbozi .informace{
	color: #5B5B5B;
	font-size: 8pt;
	padding-top: 20px;
	padding-left: 20px;
}

#content.zbozi .informace .obrazek{
	width: 47%;
	margin-left: 50%;
	text-align: center;
}

#content.zbozi .informace .info{
	width: 50%;
	float: left;
}

#content.zbozi .informace .nazev{
	color: #5B5B5B;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	font-size: 12pt;
	font-weight: bold;
}

#content.zbozi .informace .info .hodnoty{
	padding-left:10px;
}

#content.zbozi .informace .info .cena{
	color: Red;
	font-size: 12pt;
	font-weight: bold;
}

#content.zbozi .informace .info .bezna{
	font-weight: bold;
}

#content.zbozi .informace .info .sleva{
	color: #F37021;
	font-weight: bold;
}

#content.zbozi .informace .info .vyrobce{
	color: #F37021;
}

#content.zbozi .informace .info .recyklace{
	color: Red;
	font-weight: bold;
}

#content.zbozi #tabsB{
	padding: 30px 10px 10px 20px;
}

#content.zbozi #tabsB .data .prislusenstvi{
	float:left;
	width: 344px;
	vertical-align: text-top;
	margin:1px;
	padding: 0px;
	margin: 0px;
	color: #5B5B5B;
}

#content.zbozi #tabsB .data .prislusenstvi table{
	width:100%;
	font-size: 8pt;
}

#content.zbozi #tabsB .data .prislusenstvi .obrazek{
	width:130px;
	height:100px;
	text-align: center;
}

#content.zbozi #tabsB .data .prislusenstvi .text .nazev{
  font-size: 10pt;
  font-weight: bold;
  color: #fc7a04;
}

#content.zbozi #tabsB .data .prislusenstvi .text a.nazev{
  text-decoration: none;
}

#content.zbozi #tabsB .data .prislusenstvi .koupe{
	width:100px;
	text-align: center;
	border-left: 1px rgb(200,200,200) solid;
}

#content.zbozi #tabsB .data .prislusenstvi .mezera{
  height: 10px;
  vertical-align: bottom;
}

#content.zbozi #tabsB .data .prislusenstvi hr{
  border-width:0;
  border-top:1px dashed #bbb;
  height:1px;
  margin-top: 8px;
}

#content.zbozi #tabsB .data .prislusenstvi .cena{
	
}

#content.zbozi #tabsB .data .prislusenstvi span.cena{
	color: #F00203;
	font-weight: bold;
	font-size: 10pt;
}

#content.zbozi #tabsB .data .prislusenstvi .kosik{
	padding-top:5px;
	text-align: right;
}

#content.zbozi #tabsB .data .varianta{
	vertical-align: text-top;
	margin:1px;
	padding: 0px;
	margin: 0px;
	color: #5B5B5B;
}

#content.zbozi #tabsB .data .varianta table{
	width:100%;
	font-size: 8pt;
}

#content.zbozi #tabsB .data .varianta .obrazek{
  height:100px;
	width:130px;
	text-align: center;
}

#content.zbozi #tabsB .data .varianta .text .nazev{
  font-size: 10pt;
  font-weight: bold;
  color: #fc7a04;
}

#content.zbozi #tabsB .data .varianta .text a.nazev{
  text-decoration: none;
}

#content.zbozi #tabsB .data .varianta .koupe{
	width:100px;
	text-align: center;
	border-left: 1px rgb(200,200,200) solid;
}

#content.zbozi #tabsB .data .varianta hr{
  border-width:0;
  border-top:1px dashed #bbb;
  height:1px;
  margin-top: 8px;
}

#content.zbozi #tabsB .data .varianta .mezera{
  height: 10px;
  vertical-align: bottom;
}

#content.zbozi #tabsB .data .varianta span.cena{
	color: #F00203;
	font-weight: bold;
	font-size: 10pt;
}

#content.zbozi #tabsB .data .varianta .recyklace span{
	color: #F00203;
	font-weight: bold;
}

#content.zbozi #tabsB .data .varianta .kosik{
	padding-top:5px;
	text-align: right;
}

#content.zbozi #tabsB .data .clear{
	clear: both;
	float: none;
	color: white;
	height: 1px; 
   background-color: white; 
   border: 0px solid white;
}

#content.zbozi #tabsB .data hr{
	color: #DDDDDD;
	height: 1px; 
   background-color: #DDDDDD;
   border: 0px solid #DDDDDD;
	clear: both;
	float: none;
	margin-bottom:10px;
}

#content.zbozi #tabsB .clear{
	height: 23px;
	float: none;
}

#content.zbozi #tabsB .data{
	display: none;
	border: 1px solid #DDDDDD;
	padding: 20px;
}

#content.zbozi #tabsB .data .nadpis{
	font-weight: bold;
	font-size: 10pt;
}

#paticka{
	clear: both;
	color: #9F9F9F;
	font-size: 9px;
	text-align: right;
	padding-right: 15px;
	height: 25px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	background-color: White;
	}
	
#paticka a{
	color: #9F9F9F;
	font-size: 9px;
}

#paticka .text{
	margin-top: 5px;
}

br .clear{
	clear: left;
}

/*
 * CSS menu
 */
 
#menu ul#mainMenu, #menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size: 10pt;
	z-index: 1500;
}

#menu ul#mainMenu{
	margin-left: 15px;
}

#menu ul#mainMenu ul{
	margin-top:6px;
}

#menu ul#mainMenu li{
	float:left;
	padding:6px;
	padding-right: 24px;
	padding-left: 0;
}

#menu ul#mainMenu a{
	color: #6C6C6C;
	background-color:#dddddd;
	display:block;
	text-decoration:none;
	font-weight:bold;
	background-image: url(/img/menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

#menu ul#mainMenu ul a{
	border-bottom:none;
	border-left:10px solid #dddddd;
	border-right:10px solid #dddddd;
	padding-left:2px;
	background-image:none;
}

#menu ul#mainMenu ul a:hover{ 
	color: #dddddd;
	border-left:10px solid #6C6C6C;
	border-right:10px solid #6C6C6C;
	background-color:#6C6C6C; 
}

#menu ul#mainMenu ul{
	position:absolute;
	visibility:hidden;
	border-bottom:1px solid #dddddd;
	background-color:#dddddd;
}

#menu ul#mainMenu ul li{
	display: inline;
}

#menu ul#mainMenu li:hover ul, #menu ul#mainMenu li.hover ul{
	visibility:visible;
}

#menu ul#mainMenu li li{
	float:none;
	border:none;
	padding:0;
}

#menu ul#mainMenu li{
	behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}

    #tabsB {
      float:left;
      width:95%;
      font-size:9pt;
      line-height:normal;
      }
    #tabsB ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
	#tabsB ul h3{
		margin: 0px;
		padding: 0px;
		font-weight: normal;
		font-size:9pt;
	}
    #tabsB ul a {
      float:left;
      background:url("/img/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB ul a span{
      float:left;
      display:block;
      background:url("/img/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
		
		
		#tabsB ul a.activ {
      background-position:0% -42px;
      }
    #tabsB ul a.activ span{
      color:#000;
      }
		
		#tabsB ul a.activ span{
      background-position:100% -42px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB ul a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB ul a:hover {
      color:#000;
      }
    #tabsB ul a:hover{
      background-position:0% -42px;
      }
    #tabsB ul a:hover span{
      background-position:100% -42px;
      }
		
.button{
 display:inline-block;
 padding: 1px 3px 1px 3px;
 margin:0 2px 0 2px;
 font-size:8pt;
 font-weight:bold;
 white-space:nowrap;
 text-transform:uppercase;
 border: 1px solid #FC7A04;
 width:auto;
 cursor:pointer;
 text-decoration:none;
 color:#fff;
 background-repeat: repeat-x;
 background-image: url(/img/cudlik.gif);
}

.button:hover {
 display:inline-block;
 padding:1px 3px 1px 3px;
 margin:0 2px 0 2px;
 font-size:8pt;
 font-weight:bold;
 white-space:nowrap;
 text-transform:uppercase;
 border:0;
 width:auto;
 cursor:pointer;
 text-decoration:none;
 border:1px solid #000;
 background-color:#fff;
 color: Black;
 background-image: none;
}

.tooltip{
	position: absolute;
	border: 1px solid #C7C7C7;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	text-align:left;
	display:none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #F37021;*/
	color: #5B5B5B;
}

.tooltip#dhtmltooltip{
	width:300px;
}