/* Nejzakladnejsi definice pro obecne parametry */
body { background-color:white; margin: 0; padding: 0; font-family: Normal Tahoma, "Lucida Grande", Arial, "Luxi Sans", sans-serif; text-align: center;  }
html { margin: 0; padding: 0; }
img { border: 0; }
form { padding: 0; margin: 0; }

:focus, :active{outline: none;}


.notlikeul, .notlikeul li { margin: 0; padding: 0; list-style: none; }

input, select, textarea { vertical-align: middle; font: normal 12px Arial, Helvetica, sans-serif; color: #333333; }
.ftn13 {font-size: 13px; }
.small { font-size: 0.9em; }
.msmall { font-size: 0.8em; }
.xsmall { font-size: 0.5em !important; }
big  { font-size:  1.2em; }
td { font-size:13px; }
form{ margin:0px; }
acronym{cursor:help;}
.cur-auto{cursor:auto;}
.left{ text-align:left; }
.fleft{ float:left; }
.right{ text-align:right; }
.fright{ float:right; }
.fnone{float:none;}
.strike {text-decoration: line-through;}
.greyclr {color:grey;} 

/* Zakladni definice pro konkretni tridy */
.red {color: red;}
.bold{font-weight:bold;}
.hidden { display: none; }
.konec { clear: both !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; }
.none { margin: 0 !important; padding: 0 !important; }
.nobg { background: none !important; }
.fll { float: left; }
.flr { float: right; }

.nowrap { white-space: nowrap !important; }
.center { text-align: center !important; }
.icon { margin-bottom: -2px; }
.align-rig { -align: right !important; }
.align-lef { text-align: left !important; }
.align-cen { text-align: center !important; }
.line16{line-height:1.6em;}
.pt10 {padding-top:10px !important;}
.pt30 {padding-top:30px !important;}
.padLR10 {padding:0 10px;}
.widpro90 {width:90%;}

h1{font-size:1.3em;margin:10px 0;font-family:Calibri,Arial,"Luxi Sans",sans-serif;}
h1.float {float:left;margin:0 0 10px 0;}
h6 {color:grey;display:inline; font-size:1em;}

a { color: #2873aa; }
a:hover { color: red;text-decoration:none; }
.nohover {text-decoration:none;}

.green {
  color: #339900; }
.red {
  color: red; }
.orange {
  color: #E67022; }
a:hover {
  color: red; }
.pad10_0{padding:10px 0;}

.error {
color: #000000;
border: 1px solid #D6A170;
margin:5px 0;
background: url(images/message-error-back.gif) repeat-x;
}
.error div{
background: url(images/message-error-logo.gif) no-repeat 6px 6px;
margin:0px;
padding: 13px 0 12px 48px;

}
.notice {
color: #000000;
border: 1px solid #529214;
margin:5px 0;
background: url(images/message-notice-back.gif) repeat-x;
}
.notice div{
background: url(images/message-notice-logo.gif) no-repeat 6px 6px;
margin:0px;
padding: 13px 0 12px 48px;
}

.pageMessageKosik {
padding: 0 10px;
}

#content {
	width: 980px;
   _width: 990px;
	margin: 0px auto;
	text-align:left;
	}

#main {
	float: left;
	width: 690px;
	margin: 50px 0; padding:0;
	}

#main-content {
	margin:0; padding: 0 0 0 5px;
	}
#main-content h2, #main-content h3 {
	font-size:14px;
	}
#sidebar {
	background: url(images/sidebar-back.gif) repeat-y;
	margin:40px 5px 0 680px; padding:0;
	}

#sidebar-content {
	margin:0;
/* ondra */
padding: 0.6em 0 0.6em 0;
	}

.main_full{
	width: 980px;
	margin:50px 0 ; padding:0;
}
.breadcrumb  {
	height:36px;
	padding:10px 10px 0 10px;
	font-size:0.8em;
	color:grey;
	}
.width_500 {
	width:655px;
	}
#bublina {display:none;}

.main_full .breadcrumb #stranky_top{
	float:right;
	font-size:0.9em;
	color:black;
	}
.vice_info {padding:8px; cursor:pointer;}


#param_con {
	font-size:12px;
}
.param_form_long {
	height:320px;
	overflow:auto;
	overflow-x:hidden;
}
#param_con ul.phodnoty {
	padding:0 15px 0 0;
	margin:-10px 0 25px 0;
	float:left; height:130px; width:165px; 
	}
#values ul.hodnoty {
	padding:0;
	margin:0;
	float:left; width:160px;
	}
#param_con li strong, #values li strong {
	line-height: 30px;	
	}
#param_con li, #values li{
	list-style:none;
	white-space: nowrap;
	}
#param_con label, #values label{	
	cursor:pointer;
	_cursor:hand;	
}
#param_con label:hover, #values label:hover{	
	color:red;	
}	
#param_con .rozmezi{
	padding: 3px 0 0 24px;
	cursor:pointer;
	_cursor:hand;
	text-decoration:underline;
	color:black;
}
#param_con .rozmezi:hover, #param_con .vice a:hover{
	text-decoration:none;
	color:red;
}
#param_con .vice{
	padding: 3px 0 0 24px;
	}
#param_con .vice a{
	text-decoration:underline;
	color:black;	
	}
	
#param_con .rozmezi_div input[type=text] {
	width:35px;
}
#param_con .rozmezi_div input[type=button] {
	width:30px;
}
#param_con a, #param_con a:hover {
	text-decoration:none;
	color:black;
}
#frmZobrazitProdukty {
	
	
	}
#zobrazitProdukty, #zobrazitProduktySkladem {
	position:absolute;
	right: 145px; bottom: -37px;
	width:130px;
	height:32px;
	background: url(images/filtr-submit-show2.gif) no-repeat top left;	
	margin: 150px 0 0 -90px;
	padding:0 0 2px 0;
	border:0;
	cursor:pointer;
	_cursor:hand;
	font-size:12px;
	text-decoration:none;
	}
.zobrazitProduktyON, .zobrazitProduktySklademON {
	background: url(images/filtr-submit-show2-on.gif) no-repeat top left !important;
	}	
#zobrazitProdukty:hover, #zobrazitProduktySkladem:hover {
	text-decoration:underline;
	color:red;
	}	
#zobrazitProduktySkladem {
	right: 10px !important;
	}
#zobrazitProduktyLbl{
	position:absolute;
	right: 283px; bottom: -29px;
	}
#zobrazitProduktyLblCancel{
	position:absolute;	
	right: 25px; top: 10px;
	font-size:12px;
	}
#zobrazitProduktyLblCancel a {
	display:block;
	height: 16px;
	padding-left:20px;
	background: url(images/filtr-cancel.gif) no-repeat top left;	
	text-decoration:underline;
	}
#zobrazitProduktyLblCancel a:hover, #zobrazitVice a:hover, #zobrazitVice_mene a:hover {
	background-position: bottom left !important;	
	}	
#zobrazitVice, #zobrazitVice_mene {
	position:absolute;	
	right: 25px; bottom: 13px;
	font-size:12px;	
	}	
#zobrazitVice a, #zobrazitVice_mene a{
	display:block;
	height: 16px;
	padding-left:16px;
	background: url(images/filtr-more.gif) no-repeat top left;
	text-decoration:underline;
	}	
#zobrazitVice_mene a{
	background: url(images/filtr-less.gif) no-repeat top left !important;
	}	
.zobrazitHR{
	border:none;
	padding:6px 0;
	height:2px;
	width:98%;
	background: url(images/filtr-hr-back.gif) repeat-x;
	}
#zobrazitBack {
	position:absolute;
	right: 5px; bottom: -43px;
	width:330px;
	height:44px;
	background: url(images/filtr-back-submit.gif) no-repeat;
	}
#divZobrazitProdukty {	
	}
#viceHodnotDiv {
	max-width: 350px;
	_width: expression(document.body.clientWidth > 500? "500px" : "auto" );
	padding:10px 10px 10px 10px;
	position:absolute;
	border:1px solid black;
	background-color:#F4F4F4;
	z-index:1009;	
	}
#viceHodnotDiv h3 {
	margin:0 0 10px;
	}
#values {
	font-size:12px;
	min-width: 250px;	
	}
#values div {
	cursor:pointer;
	_cursor:hand;
	text-decoration:underline;
	}
#values div:hover {
	text-decoration:none;
	color:red;
}
#odstranitZaskrtnuti, #potvrdit {
float: left; text-align: center; width: 40%; padding: 10px 10px;
}	
#cancel {
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	background-image:url(js/overlay/close.png);
	overflow:hidden;
	text-indent: -9999px;
}

#vice-vyrobku{
	width:160px;
	margin:5px 0;
	padding: 4px 0 4px 25px;
	font-weight:bold;
	color: #5496AF;
	cursor:pointer;
	_cursor:hand;
	background: url(images/vice-vyrobku-ie.gif) no-repeat 0px 2px;
	z-index:100;
}

#top{
	top: 35px;
	position: absolute;
	}
#patra_rozklik {
	padding-left:180px;
	cursor:pointer;
	}
#patra_rozklik_val {
	display:none;
	position:absolute;
	left:180px;
	top:40px;
	width:460px;
	height:320px;
	padding:25px 0 0 10px;
	z-index:1000;
	background: url(images/nase-patra.gif) no-repeat left top;
	}
#patra_rozklik_val div {
	float:left;
	height:130px;
	width:110px;
	text-align:center;
	display:block;
	padding:10px 0 0 0;
	}
.bright {border-right:1px solid #cdcdcd;}
.bbottom {border-bottom:1px solid #cdcdcd;}
#patra_rozklik_val img {border:0px solid;}
#patra_rozklik_val a {font-size:0.8em;font-weight:bold;}
#patra_rozklik_val a {display:block;text-decoration:none;}
#patra_rozklik_val a .nazev{text-decoration:underline; display:block; height:35px;}
#patra_rozklik_val a:hover .nazev{text-decoration:none;}


/* FULLTEXT SEARCH */
#fulltext{
	background: url(images/fulltext.gif) no-repeat left top;
	width:240px;
	height:75px;
	margin-left:670px;
	padding: 24px 0 0 70px;
	position: absolute;
	top:-10px;	
/* ondra */
left:0;
	}

#fulltext input, .search button, #hodnoceni_right input{
	border: none;
	float: left;
}
#fulltext input.box, #hodnoceni_right input.box {
	width: 166px;
	height: 28px;
	padding: 7px 0 0 8px;
	background: url(images/fulltext-input.gif) no-repeat left top;
}
#fulltext input.box:focus, #hodnoceni_right input.box:focus{
	background: url(images/fulltext-input.gif) no-repeat left -36px;
	outline: none;
}
#fulltext button.btn{
	border:none;
	width: 62px;
	height: 28px;
	position:relative;
	left:-8px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/fulltext-btn.gif) no-repeat top right;
}
#fulltext button.btn:hover {
	background: url(images/fulltext-btn.gif) no-repeat bottom right;
}
span.yellow, .search-result{
	background-color:#ffffcc;
	padding:3px 0;
}
.search-result-nopad{
	background-color:#ffffcc !important;
}

#hodnoceni_right button.btn{
	border:none;
	width: 68px;
	height: 28px;
	position:relative;
	left:-8px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/fulltext-bt-prihlasit.gif) no-repeat top right;
}
#hodnoceni_right button.btn:hover {
	background: url(images/fulltext-bt-prihlasit.gif) no-repeat bottom right;
}





#menu {
	background: url(images/menu-back.gif) no-repeat;
	background-color:black;
	width:980px;
	height:58px;
	margin-top:7px;
	}
#menu-left{
	float:left;
	width:690px;
	position:relative;
	top:-5px;
	left:-40px;
	font-size: 15px;
	font-weight: bold;
	font-family:Calibri, Arial,"Luxi Sans",sans-serif;
	}
#menu-left ul {
	list-style:none;
/* ondra */
margin-top:15px;
	}
#menu-left ul a {
	width:118px;
	height:36px;
	color:white;
	text-decoration:none;
	display: block; padding:9px 8px 0px 10px;
	}

#menu-left ul a:hover, #menu-left ul a:focus, #menu-left .active{
	color:black;
	text-decoration:none;
	background: url(images/menu-item-hover.gif) no-repeat top center;
	}

#menu-left li {
	text-align:center;
	float:left;
	}

#menu-left .nbsp{
	width:2px;
	height:36px;
	background: url(images/menu-item-nbsp.gif) no-repeat;
	}

/* HODNOCENI zakaznika */
#sidebar #hodnoceni {
	width:268px;
	min-height:150px;
	_height:150px;
	background: url(images/sidebar-hodnoceni-back.gif) no-repeat;	
    padding:10px 0 10px 10px;    
/* ondra */
margin:0 10px;
	}
#sidebar #hodnoceni #hodnoceni-fotka{
/* ondra */
   /*padding:5px 7px 60px 0;*/
	padding:5px 7px 30px 0;
	float:left;
	}
#sidebar #hodnoceni #hodnoceni-nadpis {
	font-weight:bold;
	font-size:0.75em;
	padding: 5px 0 5px 0;
	}
#sidebar #hodnoceni .hodnoceni-hvezdy {padding-bottom:4px;}
#sidebar #hodnoceni .hodnoceni-hvezdy span{
	float:left;
	width:95px;
	font-size:0.7em;
	}
#sidebar #hodnoceni .hodnoceni-hvezdy img{
	margin-left:1px;
	}

#sidebar #hodnoceni .textik {   
	background: url(images/sidebar-hodnoceni-text.gif) no-repeat;
	width:262px;	
	margin: 10px 0 0 0;
	font-size:0.7em;
	font-style:italic;
	
	}

#sidebar #hodnoceni p {
	margin:0px;
	padding:7px;
	min-height:80px;
	_height:80px;	
	}
.recenzePaticka {
	_padding-left:3px;	
	}


#sidebar .dalsi {
	font-size:0.7em;
	text-align:right;
	padding:5px 0;
/* ondra */
margin:0 10px 0 10px;
	}

#sidebar h3 {
	margin:20px 0 10px 0;
	font-size:1.4em; font-family:Calibri,Arial,"Luxi Sans",sans-serif;
	}

#sidebar .nabidka {
	width:255px;
	height:116px;
	background: url(images/sidebar-akcni-nabidka-back.gif) no-repeat;
/* ondra */
margin:0 10px 0 10px;
padding:10px;
/*padding:10px 0 10px 0;*/
}
#sidebar .nabidka h4 {margin:0;}
#sidebar .nabidka h4 a {font-size:1em;}
#sidebar .nabidka img {float:left; padding-right:3px;}
#sidebar .nabidka p {font-size:0.7em; padding:0 5px 0 0;}

/* AKTUALITY */
#aktuality {margin:20px 0;}
#aktuality h2 {width:670px;height:44px; margin:10px 0 0 0; padding:10px 10px; font-size:1.1em; font-family:Calibri,Arial,"Luxi Sans",sans-serif; background: url(images/aktuality-back.gif) no-repeat;}
#aktuality div {width:79px; float:left;}
#aktuality div div{width:79px;height:23px;padding-top:3px; font-size:0.75em; font-weight:bold; color:white; text-align:center; background: url(images/aktuality-datum-back.gif) no-repeat;}
#aktuality h3 {font-size:0.8em; margin: 0 0 0 90px;}
#aktuality p {font-size:0.75em; margin: 10px 20px 0 90px; line-height:1.5em;}
#aktuality hr, hr.sedalinka {width:670px; color:grey; height:1px; border:0px; margin: 15px 0; background: url(images/aktuality-hr-back.gif)}
#aktuality .dalsi {font-size:0.8em;}


/* HODNOCENI produktu */
#paticka_hodnoceni{height:253px;background: url(images/paticka-hodnoceni-lista-back.gif) no-repeat;padding:10px;}
#paticka_hodnoceni .hodnoceni {
	float:left;
	width:325px;
	height:233px;
	background: url(images/paticka-hodnoceni-back.gif) no-repeat;
	padding:10px 2px 10px 10px;
	color:white;
	}
#paticka_hodnoceni .hodnoceni .hodnoceni-fotka{
	padding:10px 7px 50px 0;
	float:left;
	}
#paticka_hodnoceni .hodnoceni .hodnoceni-nadpis {
	font-weight:bold;
	font-size:0.75em;
	padding: 10px 0 5px 0;
	}
#paticka_hodnoceni .hodnoceni .hodnoceni-hvezdy {padding-bottom:4px;}
#paticka_hodnoceni .hodnoceni .hodnoceni-hvezdy span{
	float:left;
	width:95px;
	font-size:0.7em;
	}
#paticka_hodnoceni .hodnoceni .hodnoceni-hvezdy img{
	margin-left:1px;
	}
#paticka_hodnoceni .hodnoceni a {color:yellow; font-weight:bold;}
#paticka_hodnoceni .hodnoceni a:hover {color:black; font-weight:bold;}

#paticka_hodnoceni .upoutavka {
	font-size:0.7em;
	padding:0px 15px 10px 0px;
	}

#paticka_hodnoceni .textik {
	width:303px;
	height:95px;
	padding:1px;
	margin:0;
	font-size:0.7em;
	font-style:italic;
	background: url(images/paticka-hodnoceni-text.gif) no-repeat;
	overflow:hidden;
	}

#paticka_hodnoceni .hodnoceni p {
	width:287px;
	margin:0;
	padding:5px 7px 6px 7px;
	height:79px;
	overflow:hidden;
	}



#paticka_hodnoceni #hodnoceni_right {
	float:left;
	width:245px;
	height:233px;
	padding:0 0 0 10px;
	color:white;
	}
#paticka_hodnoceni #hodnoceni_right p{
	font-size:0.8em;
	}
#paticka_hodnoceni #hodnoceni_right #novinky_emailem{
	background: url(images/ico-novinky_emailem.png) no-repeat;
	padding:10px 0 12px 55px;
	margin:5px 0 10px 0;
	}


#paticka {height:159px; margin:10px 0;padding:0 10px; background: url(images/paticka-back.gif) no-repeat;}
#paticka div {float:left; height:150px; width:300px; margin:10px 15px 0 0; font-size:0.8em;}
#paticka h3 {margin:0; padding:0 0 15px 0;font-size:1.2em; font-family:Calibri,Arial,"Luxi Sans",sans-serif;background: url(images/paticka-hr-back.gif) repeat-x left 25px;}
#paticka p {margin:0px;}

#menu-right{font-size: 0.8em;float:right: width:130px; padding:20px 0;color:grey;}
#menu-right a {background:  url(images/kosik.gif) no-repeat left 3px; color:white;text-decoration:none; padding:10px 0 10px 40px;}
#menu-right a:hover, #menu-right a:focus {color:grey;text-decoration:underline;}
#menu-right .underline {text-decoration:underline;}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}

.cleaner2
{
clear:both;
width:100%;
overflow:hidden;
height:1px;
margin-top:-1px;
}


#current a strong {
display: none;
}
#current a {
width: 0px;
height: 89px;
padding-left: 166px;
top: 5px;
overflow: hidden;
display: block;
background:  url(images/nakupka-logo.gif) no-repeat left top;
position: relative;
z-index:25;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

#titulek {float:none;}

#patra div {
	float:left;
	width:167px;
	height:170px;
	text-align:center;
	}

#patra h2 {
	height:135px;
	font-size: 0.8em;
	font-family:Arial,"Luxi Sans",sans-serif;
	display:block;
	padding:0 5px;
	}

#patra h2 a {display:block;text-decoration:none;}
#patra h2 a .nazev{text-decoration:underline; display:block; height:35px;}
#patra h2 a:hover .nazev{text-decoration:none;}

#patra img {border:0px solid;}

#banner_670 {padding:25px 0 0 0;}

#patra p {text-align:left;}


/* PRODUKTY */
#produkty {padding: 0 0 0 5px;}

#produkty .skupiny {
	width:220px;
	float:left;
	font-size:0.75em;
	}
#produkty .skupiny p{
	margin-bottom:0px;
	}	

#produkty .vyrobci {
	/*margin: 0 200px 0 220px;*/
	margin: 0 0 0 220px;
	font-size:0.75em;
	}

#produkty .jak {
	width:128px;
	float:right;
	font-size:0.75em;
	padding: 0 0 0 10px;
	}

#produkty #info_box ul{
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	}
#produkty #info_box li{
	background: url(images/detail-right-item-back.gif) no-repeat;
	height:30px;
	}
#produkty #info_box li a{
	display:block;
	padding:7px 0 5px 35px;
	}	
#produkty #info_box #dotaz{
	background: url(images/ico-dotaz.gif) no-repeat 5px 2px;
	}

#produkty #hledace {
	padding:10px 0 20px 0;
	}

#produkty #filtry {
	position:relative;
	background: url(images/filtr-back.gif) no-repeat;
	padding:15px 0 0px 8px;
	}
#produkty .long{
	background: url(images/filtr-back-long.gif) no-repeat !important;
	}	
#produkty #filtry h6 {
	padding:0;
	margin:0;
	}
#produkty #filtry a  {
	color:black;
	}
#produkty #filtry a:hover, #produkty #filtry a:focus {
	color:red;
	}
#produkty #filtry .vyrobci label, #produkty #filtry .skupiny label, #produkty #filtry .jak label{
  padding: 0 7px 0 0;
  line-height:20px;
  white-space:nowrap;
  }
#produkty #filtry .vyrobci img, #produkty #filtry .skupiny img, #produkty #filtry .jak img, .muzeteDokoupit img {
  position:relative;top:2px;
  padding-right:2px;
}
#produkty #filtry li {

  }

#hledat-parametry a strong {
display: none;
}
#hledat-parametry a {
width: 195px;
height: 27px;
display: block;
background:  url(images/hledat-podle-parametru.gif) no-repeat left top;
}
#hledat-parametry a:hover, #hledat-parametry a:focus {
background:  url(images/hledat-podle-parametru.gif) no-repeat left -42px;
outline: none;
}


#produkty .zobrazeni a {float:left;display:block;padding: 5px 0 5px 24px;text-decoration:none;}
#produkty .zobrazeni a.tabulka {background: url(images/paramsearch-tableview.gif) no-repeat left top;}
#produkty .zobrazeni a.tabulka-on {background: url(images/paramsearch-tableview-on.gif) no-repeat left top;}
#produkty .zobrazeni a.tabulka:hover {background: url(images/paramsearch-tableview.gif) no-repeat left bottom;}
#produkty .zobrazeni a.tabulka-on:hover {background: url(images/paramsearch-tableview-on.gif) no-repeat left bottom;}
#produkty .zobrazeni a.katalog {background: url(images/paramsearch-katalogview.gif) no-repeat left top; }
#produkty .zobrazeni a.katalog-on {background: url(images/paramsearch-katalogview-on.gif) no-repeat left top; }
#produkty .zobrazeni a.katalog:hover{background: url(images/paramsearch-katalogview.gif) no-repeat left bottom;}
#produkty .zobrazeni a.katalog-on:hover {background: url(images/paramsearch-katalogview-on.gif) no-repeat left bottom; }
#produkty .zobrazeni strong{display:none;}
#produkty .zobrazeni span{float:left;padding:5px 5px 0 10px;}

#tabulkoveZobrazeni {
	margin-top:15px;
	}

.container {
width: 960px;
margin-left: auto;
margin-right: auto;
}

#produkty .box {
	float:left;
	width:294px;
	text-align:left;
	padding:0 5px 15px 15px;
	}
#produkty h2 {
	font-size: 0.9em;
	font-family:Arial,"Luxi Sans",sans-serif;
	height: 28px;
	}

#produkty .img {
		float:left;
		width: 100px;
		height:140px;
		padding-right:15px;
		text-align:center;
	}
#produkty .koupit {
		float:right;
		width: 170px;
		height:140px;
	}
#produkty .hvezdicky img {
		padding:5px 0 0 5px;
	}
#produkty .priznaky {padding-top: 10px;}
#produkty .priznaky img {padding: 2px 0;}
#produkty .popis {
	font-size:0.7em;
	line-height:1.5em;
	}
#produkty .popis p{	
	color:#3b3b3b;
	margin:0 0 5px 0;
	}
#produkty .popis p a {
	color:#3b3b3b;
	}
#produkty .popis .parametry {	
	margin:0;
	padding:0;
	width:50%;
	float:left;
	
}
#produkty .popis .parametry li{	
	padding:0 0 0 7px;
	list-style: none;
	background: url("images/dot-param.gif") no-repeat left 8px;
}
#produkty .dostupnost{
	font-weight:bold;
	height:20px;
	}
.dostupnost .green{
	padding-left: 18px;
	background: url("images/ikona-skladem-m.gif") no-repeat left top;
	}	
#produkty .cena, #vyrobek #vyrobek_right #cena_box .cena {
	font-size:1.7em;
	font-weight:bold;
	margin:14px 0;
	}	
.cena-red {
	font-size:16px;
	font-weight:bold;
	color:red;	
	}

.varianty-table .inputcss{
	float:left;clear: both;
	}
.varianty-table .labelcss{
	float:left;margin: 3px 0 0 3px; width:220px;
	}
.varianty-table .acss{
	font-size:11px;
	}
.varianty-table .tdcss{
	font-size:12px;
	}

#nosiceHledani h2 {
	font-size:15px;
	font-weight:bold;
	}


.fulltext_skupiny{
	padding:10px;
}
.fulltext_skupiny a{
width: 200px;
height:30px;
padding: 10px 0 0 30px;
white-space: nowrap;
float: left;
background: url("images/folder.gif") no-repeat 0px 50%;
}

#oprava-parametru-a strong {
display: none;
}
#oprava-parametru-a {
width: 452px;
height: 56px;
display: block;
background:  url(images/chyba-v-parametru.gif) no-repeat left top;
}

#vyrobek #vyrobek_right #cena_box .dostupnost {
	font-size:0.8em;
	margin:10px 0;
	font-weight:bold;
	}
.vlozitDoKosiku{
	border:none;
	width: 108px;
	height: 36px;
	margin-bottom:5px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/vlozit-do-kosiku.gif) no-repeat left top;
}
.vlozitDoKosiku:hover, .vlozitDoKosiku:focus, .vlozitDoKosiku:active{
	background: url(images/vlozit-do-kosiku.gif) no-repeat left bottom;
}

.dalsiKrok li{
	list-style:none;
	float:right;
	border:none;
	width: 110px;
	height: 34px;
	background: url(images/kosik-dalsi-krok.gif) no-repeat left top;
	padding: 6px 0 0 25px;
	display:inline-block;
}
.zpetKrok {	
	width: 75px !important;
	background: url(images/kosik-zpet.gif) no-repeat left top !important;
}
.objednatKrok{	
	padding:0 !important;
	background: none !important;	
}

.objednatKrok button{	
	border:none;
	width: 135px;
	height: 38px;
	float:left;
	cursor: pointer;
	text-indent: -9999px;	
	background: url(images/kosik-objednat.gif) no-repeat left top;
}
.objednatKrok button:hover{	
	background: url(images/kosik-objednat.gif) no-repeat left bottom;
}


.dalsiKrok a {
	font-size:18px;
	font-family:Calibri,Arial,"Luxi Sans",sans-serif;
	font-weight:bold;	
	color:black;
}

#produkty .koupit .porovnat{	
	display:block;
	padding-left:23px;
	background: url(images/checkbox.gif) no-repeat 5px 2px;
}
#produkty .koupit .porovnat_all{	
	display:block;
	padding-left:23px;
}
#produkty .koupit .porovnat:hover, #produkty .koupit .porovnat_active{
	background: url(images/checkbox-on.gif) no-repeat 5px 2px;
}
#porovnat_infobox {
	position:absolute; left: 380px; top:-3px;
	}
#porovnat_infobox a{
	display:block;
	width:197px;
	height:63px;
	background: url(images/nakupka-porovnani.gif) no-repeat;
	padding:33px 0 0 60px;
	font-size:11px;
	}
.vlozitDoKosikuDetail {
	border:none;
	width: 152px;
	height: 40px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/vlozit-do-kosiku-detail.gif) no-repeat left top;
	}
.vlozitDoKosikuDetail:hover {
	background: url(images/vlozit-do-kosiku-detail.gif) no-repeat left bottom;
	}

#strankovani_dole {padding:40px;text-align:center;}

.hr-kontakt {
	background:url(http://i.nakupka.cz/0/images/paticka-hr-back.gif) repeat-x;
	height:2px;
	margin: 15px 10px;
}
.hr-kontakt hr{
	display:none;
	}
.table-kontakt{
	background: url('http://i.nakupka.cz/0/images/kontakt-back.gif') repeat-x;
	border:1px solid #cdcdcd;
}
.tab-barevna {
	width:100%;
	margin-bottom:20px;
}
.tab-barevna-pulka{
	width:450px;
	padding-right:60px;
	margin-bottom:60px
}
.border td{
	border-bottom:1px solid #5abdde;
	border-right:1px solid #5abdde;
	padding:5px;
}
.tab-barevna th{
	padding:10px;
	font-size:12px;
	color: white;
	background:url(images/table-th-blue.gif);
	text-align:left;
}
.tab-barevna-height th{
	background:url(images/table-th-height-blue.gif) repeat-x;
}
.orange-th th{
	color: black;
	background:url(images/table-th-orange.gif);
	text-align:left;
}


.tab-barevna td{
	padding:5px;
}

.tab-barevna .barva {
	background-color:#f5f5f5;
}
.orange .barva{
	background-color:#f5f5f5;
}
.tab-barevna .normal {
	text-align:left;
}
.tab-barevna .red {
	color:#fff;
	background:url(images/tab-barevna-red.gif);
}
.tab-barevna .inav {
	width:30px;
	text-align:center;
}
.tab-barevna .gry{
	color:#cdcdcd;
}
.tab-hover tr:hover {
	background:url(images/message-error-back.gif);
}
.tab-hover-hand tr:hover {
	_cursor: hand; cursor: pointer;
}
.tab-hover tr.nohover:hover {
	background:url();
}





#vyrobek {
	margin:0px;
	padding: 0 0 0 5px;
	}
#vyrobek h1{
	margin:0 0 10px 0;
	}
#vyrobek #vyrobek_left{
	float:left;
	width:470px;
	padding:0 20px 0 0;
	}
#vyrobek #vyrobek_left p {font-size:0.8em;font-style:italic;margin:0px;}

#vyrobek #vyrobek_right #hodnoceni_on_product {
	background: url(images/detail-hodnoceni-back.gif) no-repeat;
	font-size:0.7em;
	width:231px;
	height:17px;
	padding:18px;
	margin-top:20px;
	}
#vyrobek #vyrobek_right #hodnoceni_on_product a {
	padding-right:10px;
	}

#vyrobek #vyrobek_right{
	margin-left: 485px;
	}

#vyrobek #vyrobek_right #cena_box{
	float:left;
	width:220px;
	padding:0 20px 0 0;
	}
#vyrobek #vyrobek_right #cena_box .cena{
	font-size:1.5em;
	font-weight:bold;
	margin:10px 0;
	}
#vyrobek #vyrobek_right #cena_box .ceny_dalsi {
	font-size:0.8em;
	color:grey;
	padding: 10px 0 0 0;
	}

#vyrobek #vyrobek_right #info_box{
	width:229px;
/* ondra */
    float:right;
	font-size:0.8em;
	}
#vyrobek #vyrobek_right #info_box .nadpis{
	background: url(images/detail-right-nadpis-back.gif) no-repeat;
	width:229px;
	height: 25px;
	padding:8px 0 0 5px;
	font-weight:bold;
	color:white;
	}
#vyrobek #vyrobek_right #info_box .kontakt {
	padding:5px 5px 10px 5px;
	cursor:pointer;
	height:90px;
	background-color:#fbfbfb;
	font-style:italic;
	}
#vyrobek #vyrobek_right #info_box img {
	float:left;
	padding: 10px 10px 30px 0;
	}

#vyrobek #vyrobek_right #info_box ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#vyrobek #vyrobek_right #info_box li{
	background: url(images/detail-right-item-back.gif) no-repeat;
	height:30px;
	}
#vyrobek #vyrobek_right #info_box li a{
	display:block;
	padding:5px 0 5px 35px;
	}
#vyrobek #vyrobek_right #info_box #pridat{
	background: url(images/ico-porovnat.gif) no-repeat 5px 2px;
	}
#vyrobek #vyrobek_right #info_box #tisk{
	background: url(images/ico-tisk.gif) no-repeat 5px 2px;
	}
#vyrobek #vyrobek_right #info_box #cena{
	background: url(images/ico-cena.gif) no-repeat 5px 2px;
	}
#vyrobek #vyrobek_right #info_box #dotaz{
	background: url(images/ico-dotaz.gif) no-repeat 5px 2px;
	}
#vyrobek #vyrobek_right #info_box #hlidat{
	background: url(images/ico-hlidat.gif) no-repeat 5px 2px;
	}
#vyrobek #vyrobek_right #info_box #facebook{
	background: url(images/ico-facebook.gif) no-repeat 5px 2px;
	}
#vyrobek .zarazeni {padding-bottom:15px;}

.odpoved{
	padding-left:60px;
}
.odpoved p{
	padding:10px;	
	line-height:20px;
	background-color:#E2EEF5;
}
.male{
background: url(images/button-ikony-response-male.gif) no-repeat;
}
.female{
background: url(images/button-ikony-response-female.gif) no-repeat;
}

.darek_text {
	margin-top:40px;
	padding: 0 10px 10px 10px;
	font-size:13px;
	text-align:center;
	border:1px solid #cdcdcd;
	background: url(images/darek-back.gif) repeat-x;
	}
	
.set_text {
	padding: 0 10px 20px 0;
	}	

.hr {width:100%; color:grey; height:1px; border:0px; margin: 15px 0; background: url(images/aktuality-hr-back.gif)}
.zdarma {color:red;}

.css-panes .levy-panel {
	float:left;
	width:460px;
	font-size:0.82em;
	/*padding-right:20px;*/
	}
.css-panes .pravy-panel {
   width:460px;
	/*margin: 0 0 0 480px;*/
   float:right;
	font-size:0.85em;
	}
.css-panes h2 {
	margin:0;
	padding:0 0 10px 0;
	font-size:0.95em;
	}

.clanky {
	font-size:13px;
	padding:30px 20px 30px 0;
	line-height:150%;
	}
.clanky a{
	color:black;
	}
.clanky p{
	padding-left:25px;
	}
.clanky_notop {
	padding:0 20px 30px 0 !important;
	}
.window_info{
	font-size:13px;
	line-height:150%;
}
.window_info div{
	border: 1px solid #ffffff;
}
.window_info p{
	padding-left:25px;
	background: url(images/arrow.gif) no-repeat 2px 2px;
}
.clanky h2{
	font-size:110%;
}

fieldset.window {
	margin:20px 0;
	background-color:#D0EFFF;
	border:1px solid #D0EFFF;
	background: url(images/window-info-back.gif) repeat-x;
}
fieldset.window-height{
	background: url(images_web/window-info-back-800.gif) repeat-x;
}
legend.window {
  padding: 0.2em 0.5em;
  border:1px solid #D0EFFF;
  color:#001690;
  font-size:90%;
  font-weight: bold;
  text-align:right;
  }

.paging{
	margin:55px 0;
	text-align:center;
}
.paging b{
	padding:15px 12px;
	background: url(images/strankovani-on.gif) no-repeat center;
	color:white;
}
.paging a{
	padding:15px 12px;
	background: url(images/strankovani-off.gif) no-repeat center;
}
.paging a.left{
	padding: 15px 45px 15px 65px;
	font-size:0.9em;
	font-weight:bold;
	background: url(images/strankovani-left.gif) no-repeat center}

.paging a.right{
	padding: 15px 65px 15px 45px;
	font-size:0.9em;
	font-weight:bold;
	background: url(images/strankovani-right.gif) no-repeat center}
.paging a.left:hover{
	background: url(images/strankovani-left.gif) no-repeat center}

.paging a.right:hover{
	background: url(images/strankovani-right.gif) no-repeat center}

#porovnatbox {width:97%; margin-top:10px;}
.main_full #porovnatbox {float:left; width:100%;}

/* EFEKTY */
/* trigger button */
.drop_down {
	position:relative; top:-20px; left:70px;
	overflow:hidden;
	cursor:pointer;
	padding:10px;
}
.drop_down_kosik {
	cursor:pointer;
	position:relative; top:3px;
	padding:0px 10px;
}

/* tooltip styling */
.tooltip {
	background:url(js/tooltip/white_arrow.png) no-repeat;
	font-size:11px;
	padding:15px 25px 10px 25px;
	width:170px !important;	
	height:176px !important;
	display:none;
	z-index:1000;
}
.tooltip p {
	padding:5px 0;
	margin:0;
	}
.tooltip .tool_left {
	width:170px !important;
	float:left !important;
}
.tooltip .tool_right {
	width:130px !important;
	padding-top:5px;
	}
.tooltip .tool_right ul{
	padding: 3px 0 0 0;
	margin:0;	
	padding-left:40px;
	text-align:left;
	}

.tooltip a {
	color:black;
	}
.tooltip a:hover {
	color: #2873aa;
	}
.tool_skupina {
	width:300px !important;
	background:url(js/tooltip/white_arrow_skupina.png) no-repeat;
}

/* overlay */
#overlay {
	background-image:url(js/overlay/white.png);
	width:650px;
	height:400px;
	z-index:5000;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	overflow:auto;
}

/* the overlayed element */
div.overlay {
	display:none;
	padding:55px 55px 35px 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(js/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.black h2, div.petrol h2 {
	color:#ddd;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#image_wrap {padding:10px 0 10px 0; overflow:hidden; width:460px; height:360px;}
#image_wrap span {position:relative; left:10px; top:-20px;}

.ajax-loading{
    position:absolute;
    top:45%;
    left:42%;
	}


.scrollable {
	position:relative;
	overflow:hidden;
	width: 435px;
	height:150px;
	float:left;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:435px;
}

.scrollable img {
	float:left;
	margin:7px 5px 20px 5px;
	padding:30px 17px 13px 17px;
	cursor:pointer;
	width:100px;
	height:100px;
	background:url(images/scrollbar.gif) no-repeat left top;
}

.scrollable .video {
	width:120px;
	height:90px;
	padding:40px 7px 13px 7px;
	background:url(images/scrollbar-video.gif) no-repeat left top;
	}

.scrollable .active {
	background-position:left bottom;
	z-index:2;
}


/* prev, next, prevPage and nextPage buttons */
.browse {
	display:block;
	width:13px;
	height:13px;
	float:left;
	cursor:pointer;
	margin-top:60px;
}

a.right {background:url(images/sort-right.gif) no-repeat left top; }
a.left {background:url(images/sort-left.gif) no-repeat left top; }
a.right:hover, a.right:active {background-position:left bottom;}
a.left:hover, a.left:active {background-position:left bottom;}
a.disabled {visibility:hidden !important;}




/* root element for tabs  */
ul.css-tabs { 
	list-style:none; 
	margin:30px 0 0 0 !important;
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.css-tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	background: url(js/tabs/tabs-back.gif) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.css-tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.css-tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.css-tabs a.current, ul.css-tabs a.current:hover, ul.css-tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* initially all panes are hidden */ 
div.css-panes {
	margin-bottom:40px;
}
div.css-panes .global {
	display:none;
	border:1px solid #999;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
}













/** ******** nakupni kosik *****************/
#kosikTelo {
	float:left;
	width:540px;
}
#nkosik {
margin: 10px;
border:1px solid #ddd;
width:540px;
float:left;
}

#nkosik th {
font-size:0.8em;
font-weight:bold;
color:black;
text-align:left;
padding:10px 10px 10px 0;
background-color:#E8F3FF;
}
#nkosik td {
vertical-align: top;
padding-top:4px;
}
#nkosik ul{
font-size:0.95em;
}

#doplnkovyProdej {
	width:350px;
	margin: 10px 0 0 625px;
	}
#doplnkovyProdej #vyberteSi{
	height:15px;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	color: white;		
	background: url(images/table-th-blue.gif) repeat-x;
	}	
#doplnkovyProdej .boxik{	 
	width:155px; 
	padding: 0 0 20px 10px;
	padding-right:5px;	
	font-size:12px;
	text-align:center;
	float:left;
}
#doplnkovyProdej .boxik h2{height:33px;font-size:12px;}

.muzeteDokoupit{
	margin:0 0 25px 10px !important;
	background-color: #eee !important;
	}
.muzeteDokoupit label{
  padding: 0 7px 0 0;
  line-height:20px;  
  }	
.kosik-item-tr td {
border-bottom: solid 1px #eee;
}
.kosik-item-produkt, .recyklace-prvloni {
width:380px;
padding-left:10px;
}
.kosik-item-kategorie {
width:100px;
font-size:0.8em;
}
.kosik-item-ks {
width:80px;
}
.kosik-item-cena {
text-align:right;
white-space:nowrap;
width:80px;
}
.kosik-item-celkovacena {
    text-align:right;
    padding:5px;
}
.kosik-celkemcena-hlavni {
    font-weight:bold;
    white-space:nowrap;
}
.kosik-celkemcena-hlavni-cena {
    font-weight:bold;
    color:#FF3300;
    white-space:nowrap;
}

#dopravaPlatba {
	float:left;
	margin: 10px 5px;
	width:400px;
	
}
#souhrnInformaci {
	width:350px;
	padding:10px 0 0 30px;
	margin: 0 0 0 415px;
	}

.kosik-objednat {
   border: solid 1px #ddd;
    margin:1em;
    padding:1em;
    padding-right:2em;
    text-align:center;
}
#kosik-zpet {
    display:block;
    font-weight:bold;
}

div.kosik-krok {
    margin:0 5px 10px 5px ;
    padding:0px;
    border:1px solid #ded;
    width:400px;
}
div.kosik-krok h3 {
   margin:0;
   padding:10px 10px 0 10px;
   color:#000;
   background:url(images/table-th-orange.gif) repeat-x;   
   display:block;
   font-size:15px;
   width:380px;
   height:25px;
   float:none;
   text-align:left;
}

.kosik-krok-item {
    font-size:13px;
    margin:5px;
    _margin:10px 0;
}
.kosik-krok-item label{
	font-size:1em;
}
.kosik-krok-item-popis {
    font-size:0.95em;
    margin:5px;
}
.kosik-krok-item-cena {
    margin:4px;
    margin-left:25px;
}
.zdarma {
    color:red;
}
.kosik-krok-subitem {
    margin:0px;
    margin-top:15px;
    padding:15px;
    border-top:solid 1px #ded;
}
#kosik-krok-rekapit {  	
	margin:0 5px;    
    padding:0px;
    border:1px solid #ded;
    width:240px;
    font-size:13px;
}
#kosik-krok-rekapit .kosik-krok-item {
    margin:10px;
    font-size:0.9em;
}

#kosik-krok-rekapit h3 {
   margin:0;
   padding:10px;
   color:white;
   background:url(images/table-th-blue.gif) repeat-x; 
   display:block;
   font-size:15px;
}
#kosik-krok-rekapit h4 {
   margin:0;
   padding:5px;
   color:#000;
   display:block;
   font-size:1em;
}
#kosik-krok-rekapit h5 {
   margin:0;
   padding:5px;
   color:#000;
   background:url(images/kosik-celkem-back.gif) repeat-x;
   display:block;
   font-size:1.5em;
    border:1px solid #000;
}
.kosik-krok-item hr {
border:solid #E8F3FF;  height:1px; overflow:hidden; border-width:1px 0 0 0; margin:.6em 0; padding:0;
}
#kosik-splatky {
margin:1em;
border:1px solid #ddd;
}
acronym {
border-bottom:1px dotted;
cursor:hand;
}



#navigace {
	padding:10px;
	font-size: 13px;
}
#navigace strong{
	font-size: 20px;
	display:block;
	font-family:Calibri,Arial,"Luxi Sans",sans-serif;
}

.nav, .navon{
 float:left; 
 height:40px;
 width:152px;
 padding:10px 5px;
}
.nav img, .navon img{
  float:left;
  padding-right:5px;	
}

.nav img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;	
}

.nav{
	background: url(images/kosik_navigace_back.gif);
	color:grey;
}
.navon{
	background: url(images/kosik_navigace_back_on.gif);
	color:white;
}

.nav a{	
	color:grey;
}
.navon a{	
	color:white;
}


.input-texta{
    width: 142px;
    height: 20px;
    padding: 2px;
    margin: 0 20px 0 3px;
    border: 0;
    color: #304D5F;
    background: url(images/input_bg.png) top left no-repeat;
    _background-attachment: fixed; /* IE hack */
}
.input-classa{
    width: 250px;
    height: 20px;
    padding: 2px;
    margin: 0 20px 0 3px;
    border: 0;
    color: #304D5F;
    background: url(images/input_bg.png) top left no-repeat;
    _background-attachment: fixed; /* IE hack */
}