<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * LIST.CSS: - styly pro list katalogu
 *
 * version: 1.0.0 / ecp 1.4
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*
 #left		{ display: none !important;  }
 #center 	{ width: 960px !important; display: block !important; float: none !important; }

 /* obecne styly vypisu produktu */
	.plavec													{ position: relative; }
	.plavec .extra3										{ position: relative; }
	.plavec div.direct-edit  							{ float: left; margin: 0 5px 0 0; }
	.plavec h2,
	.plavec h3												{ margin: 0 0 20px; font-size: 16px; line-height: 22px; font-weight: normal; min-height: 47px; }
	.plavec .ceny											{ padding: 0; width: 100%; margin: 0 0 10px; }
	.plavec .ceny li										{ padding: 0; background: none; line-height: 1.3em; }
	.plavec .ceny strong									{ font-weight: normal; }
	.plavec .ceny span									{ color: #666; font-size: 12px; display: block; }
	.plavec .ceny .nase span							{ color: white; }
	.plavec p.dostupnost									{ font-size: 0.7857em; margin: 5px 0 5px 0px; clear: both; line-height: normal; }
	.plavec .dostupnost span							{ padding: 0; }

	.tlaco a,
	.tlacitko a,
	.plavec .tlaco a,
	.plavec .tlacitko a,
	.do_kosiku a							{ text-decoration: none; }
	.sub_text,
	input[type="button"]					{ border: 0; color: white; font-weight: bold; padding: 5px 8px; }



	/* * * * * *  typy boxovych vypisu  * * * * * */

	/* * * * * *  boxovy vypis 1A  * * * * * */
	.vypis-1a .plavec div.obrazek				{ width: 108px; }
	.vypis-1a .plavec div.obrazek img		{ max-width: 108px; height: auto; }
	.vypis-1a .plavec p.akce_buttons			{ left: -27px; }
	.vypis-1a .first p.akce_buttons			{ left: -6px; }
	.vypis-1a .plavec p.dostupnost .text	{ display: block; }

	/* * * * * *  boxovy vypis 2A  * * * * * */
	.vypis-2a .plavec							{ width: 286px; }
	.vypis-2a .plavec div.obrazek			{ margin-right: 30px; height: 250px; }
	.vypis-2a .plavec div.obrazek img	{ max-width: 110px; height: auto; }
	.vypis-2a p.akce_buttons						{ position: absolute; top: 30px; right: auto; left: -16px; width: 67px; height: auto; }
	.vypis-2a p.akce_buttons span					{ display: block; width: 67px; height: 67px; background: url(../images/stitky/stitky2.png) 0 0 no-repeat; font-size: 0; margin: -25px 0 0; padding: 0; float: none; }
	.vypis-2a p.akce_buttons span.novinka		{ background-position: -67px 0; }
	.vypis-2a p.akce_buttons span.top			{ background-position: -134px 0; }
	.vypis-2a p.akce_buttons span.akce			{ background-position: -201px 0; text-align: center; color: white; font-style: italic; font-size: 1.2142em; padding-top: 25px; height: 42px; font-weight: bold; }
	.vypis-2a p.akce_buttons span:after  		{ border: none; bottom: 0; left: 0; }
	.vypis-2a p.akce_buttons span.doprava,
	.vypis-2a p.akce_buttons span.doprodej		{ display: none; }
	.vypis-2a .plavec p.popis				{ clear: none; margin: 5px 0 18px; }
	.vypis-2a .plavec .vedle				{ width: 51%; }
	.vypis-2a .plavec .pod					{ margin-bottom: 10px; }
	.vypis-2a .plavec .ceny li				{ margin: 0; }
	.vypis-2a .plavec .ceny li.bezna		{ text-decoration: line-through; color: #666; }
	.vypis-2a .plavec p.dostupnost		{ clear: none; margin: 0; }

	/* * * * * *  boxovy vypis 2B  * * * * * */
	.vypis-2b .plavec									{ width: 205px; }
	.vypis-2b .plavec div.obrazek					{ margin-right: 15px; }
	.vypis-2b .plavec div.obrazek img			{ max-width: 110px; height: auto; }
	.vypis-2b p.akce_buttons						{ position: absolute; top: 66px; right: auto; left: -16px; width: 67px; height: auto; }
	.vypis-2b p.akce_buttons span					{ display: block; width: 67px; height: 67px; background: url(../images/stitky/stitky2.png) 0 0 no-repeat; font-size: 0; margin: -25px 0 0; padding: 0; float: none; }
	.vypis-2b p.akce_buttons span.novinka		{ background-position: -67px 0; }
	.vypis-2b p.akce_buttons span.top			{ background-position: -134px 0; }
	.vypis-2b p.akce_buttons span.akce			{ background-position: -201px 0; text-align: center; color: white; font-style: italic; font-size: 1.2142em; padding-top: 25px; height: 42px; font-weight: bold; }
	.vypis-2b p.akce_buttons span:after  		{ border: none; bottom: 0; left: 0; }
	.vypis-2b p.akce_buttons span.doprava,
	.vypis-2b p.akce_buttons span.doprodej		{ display: none; }
	.vypis-2b .plavec p.popis						{ margin: 5px 0 18px; }
	.vypis-2b .plavec .vedle						{ width: 34%; }
	.vypis-2b .plavec .pod							{ margin-bottom: 10px; }
	.vypis-2b .plavec .ceny li						{ margin: 0; }
	.vypis-2b .plavec .ceny li.bezna				{ text-decoration: line-through; color: #666; }
	.vypis-2b .plavec p.dostupnost				{ width: 34%; float: right; clear: none; }
	.vypis-2b .plavec .dostupnost span.label	{ display: block; }


	/* * * * * *  boxovy vypis 3A  * * * * * */
	.vypis-3a .plavec .hoverStav						{ position: absolute; top: -10px; left: -20px; padding: 60px 20px 8px; min-height: 198px; width: 100%; background: #f8f8f8 !important; }
	.vypis-3a .plavec .hoverStav .ceny strong		{ font-weight: bold; font-size: 1.2em; }
	.vypis-3a .plavec .hoverStav .ceny span		{ display: inline; padding-left: 5px; }
	.vypis-3a .plavec .hoverStav.hidden				{ display: none; }
	.vypis-3a .plavec .hoverStav .direct-edit		{ z-index: 1500; position: absolute; top: 12px; left: 5px; }
	.vypis-3a .plavec p.compare-btn					{ position: relative; top: 0; left: 38px; right: auto; float: left; }
	.vypis-3a .plavec p.compare-btn a				{ width: 33px; height: 27px; }
	.vypis-3a .plavec p.compare-btn a span			{ background: url(../images/icons/ico_compare_hover.png) 0 0 no-repeat; }
	.vypis-3a .plavec p.in-compare a span			{ background: url(../images/icons/ico_compare_hover.png) 0 -54px no-repeat; }
	.vypis-3a .plavec p.compare-btn a span:hover	{ background: url(../images/icons/ico_compare_hover.png) 0 -27px no-repeat; }
	.vypis-3a .plavec p.in-compare a span:hover	{ background: url(../images/icons/ico_compare_hover.png) 0 -81px no-repeat; }
	.vypis-3a p.compare-btn a span.text,
	.vypis-3a p.in-compare a span.text				{ font-size: 0; }
	.vypis-3a .plavec .tlacitka				{ width: 100%; }
	.vypis-3a .plavec .tlacitka:after		{ display: block; clear: both; content: " "; }
	.vypis-3a .plavec .tlacitko a				{ float: right; padding: 3px 27px 2px 10px; color: white; margin: 0 30px 0 0; background-image: url(../images/buttons/sipka.gif); background-position: 82% 10px;
																  background-repeat: no-repeat; }
	.vypis-3a .plavec .tlacitko a:hover		{ background-image: url(../images/buttons/sipka.gif); background-position: 82% 10px; background-repeat: no-repeat; }
	.vypis-3a .plavec										{ text-align: center; padding: 10px 20px; }
	.vypis-3a .plavec .extra1							{ position: relative; }
	.vypis-3a .first								{ padding-left: 20px; }
	.vypis-3a .last								{ padding-right: 20px; }
	.vypis-3a .plavec h2,
	.vypis-3a .plavec h3									{ min-height: 63px; margin: 0 0 5px; position: relative; z-index: 1000; }
	.vypis-3a .plavec div.obrazek,
	.vypis-3a .plavec .vedle					{ float: none; width: 100%; }
	.vypis-3a .plavec .ceny								{ margin: 10px 0 0; }
	.vypis-3a .plavec .ceny strong					{ font-size: 1em; color: black; }
	.vypis-3a .plavec .ceny span,
	.vypis-3a .tooltiptop								{ display: none; }
	.vypis-3a .plavec p.popis					{  }
	.vypis-3a .plavec p.dostupnost			{ margin-bottom: 15px; }
	.vypis-3a .plavec p.akce_buttons			{ right: -20px; left: auto; top: 55px; }
	.vypis-3a .plavec p.akce_buttons span	{ float: right; padding: 7px 8px 7px 12px; background: url(../images/stitky/nejprodavanejsi3a.png) 0 0 no-repeat; margin-bottom: 9px; }
	.vypis-3a .plavec p.akce_buttons span:after				{ border: none; bottom: 0; left: 0; }
	.vypis-3a .plavec p.akce_buttons span.doprava			{ background: url(../images/stitky/doprava3a.png) 0 0 no-repeat; }
	.vypis-3a .plavec p.akce_buttons span.novinka			{ background: url(../images/stitky/novinka3a.png) 0 0 no-repeat; }
	.vypis-3a .plavec p.akce_buttons span.akce				{ background: url(../images/stitky/akce3a.png) 0 0 no-repeat; }
	.vypis-3a .plavec p.akce_buttons span.doprodej			{ background: url(../images/stitky/akce3a.png) 0 0 no-repeat; }



	/* * * * * *  boxovy vypis 4A  * * * * * */
	.vypis-4a .plavec .hoverStav						{ display: none; float: right; padding: 40px 20px 19px; height: 176px; width: 188px; background: white; z-index: 300; }
	.vypis-4a .plavec .hoverStav .ceny strong		{ font-weight: bold; font-size: 1.2em; }
	.vypis-4a .plavec .hoverStav .ceny span		{ display: inline; padding-left: 5px; }

	.vypis-4a .plavec										{ text-align: center; padding: 0; width: 238px; position: relative; z-index: 100; }
	.vypis-4a .plavec .extra1							{ position: relative; border: 1px solid white; width: 236px; float: left; display: inline; height: 241px; background: white;  }
	.vypis-4a .plavec .extra1:after					{ display: block; clear: both; content: " "; }
	.vypis-4a .plavec .extra2							{ padding: 9px 19px 15px; width: 200px; }
	.vypis-4a .plavec h2,
	.vypis-4a .plavec h3									{ min-height: 63px; margin: 0 0 5px; }
	.vypis-4a .plavec div.obrazek,
	.vypis-4a .plavec .vedle							{ float: none; width: 100%; }
	.vypis-4a .plavec .ceny								{ margin: 10px 0 0; }
	.vypis-4a .plavec .ceny strong					{ font-size: 1em; color: black; }
	.vypis-4a .plavec .ceny span,
	.vypis-4a .tooltiptop								{ display: none; }
	.vypis-4a .plavec p.akce_buttons			{ left: -20px; top: 55px; }
	.vypis-4a .plavec p.akce_buttons span	{ float: left; padding: 7px 12px 7px 8px; background: url(../images/stitky/nejprodavanejsi4a.png) 100% 0 no-repeat; margin-bottom: 9px; }
	.vypis-4a .plavec p.akce_buttons span:after				{ border: none; bottom: 0; left: 0; }
	.vypis-4a .plavec p.akce_buttons span.doprava			{ background: url(../images/stitky/doprava4a.png) 100% 0 no-repeat; }
	.vypis-4a .plavec p.akce_buttons span.novinka			{ background: url(../images/stitky/novinka4a.png) 100% 0 no-repeat; }
	.vypis-4a .plavec p.akce_buttons span.akce				{ background: url(../images/stitky/akce4a.png) 100% 0 no-repeat; }
	.vypis-4a .plavec p.akce_buttons span.doprodej			{ background: url(../images/stitky/akce4a.png) 100% 0 no-repeat; }

	.vypis-4a .plavec p.compare-btn					{ position: relative; top: 0; left: 38px; right: auto; float: left; }
	.vypis-4a .plavec p.compare-btn a				{ width: 33px; height: 27px; }
	.vypis-4a .plavec p.compare-btn a span			{ background: url(../images/icons/ico_compare_hover.png) 0 0 no-repeat; }
	.vypis-4a .plavec p.in-compare a span			{ background: url(../images/icons/ico_compare_hover.png) 0 -54px no-repeat; }
	.vypis-4a .plavec p.compare-btn a span:hover	{ background: url(../images/icons/ico_compare_hover.png) 0 -27px no-repeat; }
	.vypis-4a .plavec p.in-compare a span:hover	{ background: url(../images/icons/ico_compare_hover.png) 0 -81px no-repeat; }
	.vypis-4a p.compare-btn a span.text,
	.vypis-4a p.in-compare a span.text				{ font-size: 0; }

	.vypis-4a .plavec .tlacitka				{ width: 100%; }
	.vypis-4a .plavec .tlacitka:after		{ display: block; clear: both; content: " "; }
	.vypis-4a .plavec .tlacitko a				{ float: right; padding: 3px 27px 2px 10px; color: white; margin: 0 30px 0 0; background-image: url(../images/buttons/sipka.gif); background-position: 82% 10px;
																  background-repeat: no-repeat; }
	.vypis-4a .plavec .tlacitko a:hover		{ background-image: url(../images/buttons/sipka.gif); background-position: 82% 10px; background-repeat: no-repeat; }

	/* ukaz a skryj */
	.vypis-4a .plavec.selected									{ z-index: 1500; }
	.vypis-4a .plavec.selected .extra1						{ border-color: #999; position: absolute; top: 0; left: 0; padding-right: 1px; }
	.vypis-4a .plavec.selected .extra1 .extra2			{ float: left; }
	/*.vypis-4a .plavec:hover .hoverStav				{ display: block; }*/

	.vypis-4a .plavec.last.selected .extra1				{ left: auto; right: 0; padding-right: 0; padding-left: 1px; }
	.vypis-4a .plavec.last.selected .extra1 .extra2		{ float: right; padding-right: 14px; width: 204px; }
	.vypis-4a .plavec.last.selected .extra1 .hoverStav	{ /*display: block;*/ float: left; }
	.vypis-4a .plavec.last.selected p.akce_buttons		{ left: -19px; }
	.vypis-4a .plavec.last.selected .extra1 h2			{ width: 200px; }


  	/* * * * * *  boxovy vypis 4b  * * * * * */
  	.vypis-4b .plavec .hoverStav            				{ display: none; padding: 10px 20px 19px; min-height: 26px; width: 188px; background: white; z-index: 300; }
  	.vypis-4b .plavec .hoverStav .ceny strong  		   { font-weight: bold; font-size: 1.2em; }
  	.vypis-4b .plavec .hoverStav .ceny span    			{ display: inline; padding-left: 5px; }

  	.vypis-4b .plavec                   					{ text-align: center; padding: 0; width: 238px; position: relative; z-index: 100; }
  	.vypis-4b .plavec .extra1              				{ position: relative; float: left; border: 1px solid white; width: 236px; height: 241px; background: white; }
  	.vypis-4b .plavec .extra2              				{ padding: 9px 19px 15px; width: 200px; }
  	.vypis-4b .plavec h2,
  	.vypis-4b .plavec h3                  					{ min-height: 63px; margin: 0 0 5px; }
  	.vypis-4b .plavec div.obrazek,
  	.vypis-4b .plavec .vedle          				{ float: none; width: 100%; }
  	.vypis-4b .plavec .ceny                				{ margin: 10px 0 0; }
  	.vypis-4b .plavec .ceny strong          				{ font-size: 1em; color: black; }
  	.vypis-4b .plavec .ceny span,
  	.vypis-4b .tooltiptop                					{ display: none; }
  	.vypis-4b .plavec p.akce_buttons      			{ left: -20px; top: 55px; }
  	.vypis-4b .plavec p.akce_buttons span  		{ float: left; padding: 7px 12px 7px 8px; background: url(../images/stitky/nejprodavanejsi4a.png) 100% 0 no-repeat; margin-bottom: 9px; }
  	.vypis-4b .plavec p.akce_buttons span:after        { border: none; bottom: 0; left: 0; }
  	.vypis-4b .plavec p.akce_buttons span.doprava      { background: url(../images/stitky/doprava4a.png) 100% 0 no-repeat; }
  	.vypis-4b .plavec p.akce_buttons span.novinka      { background: url(../images/stitky/novinka4a.png) 100% 0 no-repeat; }
  	.vypis-4b .plavec p.akce_buttons span.akce        	{ background: url(../images/stitky/akce4a.png) 100% 0 no-repeat; }
  	.vypis-4b .plavec p.akce_buttons span.doprodej     { background: url(../images/stitky/novinka4a.png) 100% 0 no-repeat; color: black; }
  	.vypis-4b .plavec p.compare-btn					{ position: relative; top: 0; left: 38px; right: auto; float: left; }
	.vypis-4b .plavec p.compare-btn a				{ width: 33px; height: 27px; }
	.vypis-4b .plavec p.compare-btn a span			{ background: url(../images/icons/ico_compare_hover.png) 0 0 no-repeat; }
	.vypis-4b .plavec p.in-compare a span			{ background: url(../images/icons/ico_compare_hover.png) 0 -54px no-repeat; }
	.vypis-4b .plavec p.compare-btn a span:hover	{ background: url(../images/icons/ico_compare_hover.png) 0 -27px no-repeat; }
	.vypis-4b .plavec p.in-compare a span:hover	{ background: url(../images/icons/ico_compare_hover.png) 0 -81px no-repeat; }
	.vypis-4b p.compare-btn a span.text,
	.vypis-4b p.in-compare a span.text				{ font-size: 0; }
	.vypis-4b .plavec .tlacitka				{ width: 100%; }
	.vypis-4b .plavec .tlacitka:after		{ display: block; clear: both; content: " "; }
	.vypis-4b .plavec .tlacitko a				{ float: right; padding: 3px 27px 2px 10px; color: white; margin: 0 30px 0 0; background-image: url(../images/buttons/sipka.gif); background-position: 82% 10px;
																  background-repeat: no-repeat; }
	.vypis-4b .plavec .tlacitko a:hover		{ background-image: url(../images/buttons/sipka.gif); background-position: 82% 10px; background-repeat: no-repeat; }

  	/* ukaz a skryj */
  	.vypis-4b .plavec.selected                  			{ z-index: 1500; }
  	.vypis-4b .plavec.selected .extra1            		{ border-color: #999; position: absolute; top: 0; left: 0; }
  	.vypis-4b .plavec.selected .extra1 .hoverStav      { position: absolute; left: 0; bottom: 0; }
  	/*.vypis-4b .plavec:hover .hoverStav        { display: block; }*/



  	/* * * * * *  boxovy vypis 5a  * * * * * */
  	.vypis-5a .plavec									{ width: 450px; overflow: hidden; }
  	.vypis-5a .plavec .obrazek						{ min-height: 50px; }
  	.vypis-5a .plavec .vedle						{ width: 65%; }
  	.vypis-5a .plavec p.popis						{ font-size: 1em; }
  	.vypis-5a .plavec p.dostupnost				{ margin-top: 8px; width: 100%; clear: both; }
  	.vypis-5a .plavec .pod							{ width: 294px; margin-top: 5px; }
  	.vypis-5a .plavec .pod:after					{ display: block; clear: both; content: " "; }
  	.vypis-5a .plavec .ceny							{ width: auto; float: left; margin: 5px 0 0; }
  	.vypis-5a .plavec .tlacitko					{ width: auto; float: right; }
	.vypis-5a p.akce_buttons						{ position: absolute; top: -15px; right: -20px; left: auto; width: 71px; height: 71px; }
	.vypis-5a p.akce_buttons span					{ display: block; width: 71px; height: 71px; background: url(../images/stitky/stitky5.png) 0 0 no-repeat; font-size: 0; }
	.vypis-5a p.akce_buttons span.top			{ background-position: -71px 0; }
	.vypis-5a p.akce_buttons span.novinka		{ background-position: -142px 0; }
	.vypis-5a p.akce_buttons span.akce			{ background-position: -213px 0; }
	.vypis-5a p.akce_buttons span:after  		{ border: none; bottom: 0; left: 0; }
	.vypis-5a p.akce_buttons span.doprava,
	.vypis-5a p.akce_buttons span.doprodej		{ display: none; }

	.vypis-5a p.akce_buttons span.akce,
	.vypis-5b p.akce_buttons span.akce,
	.vypis-5c p.akce_buttons span.akce			{ display: block; width: 95px; height: 23px; background: #ea0000 !important; text-align: center; padding: 75px 0 0; position: absolute; top: -50px; right: -48px; color: white;
														     font-weight: bold; font-size: 1.2142em; }

  	/* * * * * *  boxovy vypis 5b  * * * * * */
  	.vypis-5b .plavec									{ width: 327px; overflow: hidden; }
  	.vypis-5b .plavec .vedle						{ width: 53%; }
  	.vypis-5b .plavec p.popis						{ font-size: 1em; }
  	.vypis-5b .plavec p.dostupnost				{ margin-top: 12px; }
	.vypis-5b p.akce_buttons						{ position: absolute; top: -15px; right: -20px; left: auto; width: 71px; height: 71px; }
	.vypis-5b p.akce_buttons span					{ display: block; width: 71px; height: 71px; background: url(../images/stitky/stitky5.png) 0 0 no-repeat; font-size: 0; }
	.vypis-5b p.akce_buttons span.top			{ background-position: -71px 0; }
	.vypis-5b p.akce_buttons span.novinka		{ background-position: -142px 0; }
	.vypis-5b p.akce_buttons span.sleva			{ background-position: -213px 0; }
	.vypis-5b p.akce_buttons span:after  		{ border: none; bottom: 0; left: 0; }
	.vypis-5b p.akce_buttons span.doprava,
	.vypis-5b p.akce_buttons span.doprodej		{ display: none; }

	/* * * * * *  boxovy vypis 5c  * * * * * */
  	.vypis-5c .plavec									{ width: 685px; overflow: hidden; padding-right: 10px; }
  	.vypis-5c .plavec .obrazek						{ margin-right: 10px; width: 140px; }
  	.vypis-5c .plavec .vedle						{ width: 535px; float: left; }
  	.vypis-5c .plavec p.popis						{ font-size: 1em; }
  	.vypis-5c .plavec p.dostupnost				{ margin-top: 12px; }
  	.vypis-5c .plavec .obal							{ width: 535px; }
  	.vypis-5c .plavec .obal:after					{ display: block; clear: both; content: " "; }
  	.vypis-5c .plavec .ceny							{ width: auto; float: left; margin: 5px 0 0; }
  	.vypis-5c .plavec .tlacitko					{ width: auto; float: right; }
	.vypis-5c p.akce_buttons						{ position: absolute; top: -15px; right: -10px; left: auto; width: 71px; height: 71px; }
	.vypis-5c p.akce_buttons span					{ display: block; width: 71px; height: 71px; background: url(../images/stitky/stitky5.png) 0 0 no-repeat; font-size: 0; }
	.vypis-5c p.akce_buttons span.top			{ background-position: -71px 0; }
	.vypis-5c p.akce_buttons span.novinka		{ background-position: -142px 0; }
	.vypis-5c p.akce_buttons span.sleva			{ background-position: -213px 0; }
	.vypis-5c p.akce_buttons span:after  		{ border: none; bottom: 0; left: 0; }
	.vypis-5c p.akce_buttons span.doprava,
	.vypis-5c p.akce_buttons span.doprodej		{ display: none; }



	/* * * * * *  katalog zakladni? / base catalogue list  * * * * * */
	.katalog									{ width: 100%; margin-top: -1px; }
	.katalog table							{ width: 100%; border-collapse: collapse; margin: -1px 0 0; border-bottom: 1px solid #d6d6d6; }
	.katalog table th,
	.katalog table td						{ padding: 8px 5px; vertical-align: top; line-height: 1.5em; }
	.katalog table	tr.selected td		{ background: #f7f7f7; }

	.katalog table th						{ border-bottom: solid 1px #d6d6d6; font-weight: normal; font-size: 0.9285em; }
	.katalog table th.sku				{ white-space: nowrap; }
	.katalog table td						{ border-bottom: solid 1px #d6d6d6; }
	.katalog table td	span.tooltiptop	{ margin-left: 4px; top: -5px; }

	.katalog table tr:last-child td	{ border-bottom: 0 !important; }

	.katalog table col.vyrobce			{ width: 85px; }
	.katalog table col.cena				{ width: 15%; }

	.katalog table thead td.sel,
	.katalog table tfoot td.sel		{ background: #f7f7f7 !important; }
	.katalog table thead td,
	.katalog table tfoot td				{ background: white !important; text-align: left; }
	.katalog table thead td a,
	.katalog table tfoot td a			{ margin-right: 0.3em; }

	.katalog table tr.sudy td.nazev,
	.katalog table tr.sudy td.popis  { background:none repeat scroll 0 0 #FAFAFA; }

	.katalog table td.image				{ text-align: center; vertical-align: top; }
	.katalog table td p.vyrobce		{ margin: 0; text-align: center; font-weight: bold; font-size: 12px; line-height: 16px; padding-bottom: 5px; }

	.katalog table th.cena,
	.katalog table td.cena				{ text-align: right; color: black; }

	.katalog table td.nazev,
	.katalog table td.sku,
	.katalog table td.param,
	.katalog table td.hodnoceni,
	.katalog table td.dostupnost,
	.katalog table td.porovnani		{ border: none; }
	.katalog table th.porovnani		{ text-align: center; }
	.katalog table td.sku,
	.katalog table td.sklad,
	.katalog table td.popis,
	.katalog table td.dostupnost,
	.katalog table td.id				{ font-size: 0.9285em; }

	.no-column .katalog table td.nazev		{ width: 43%; }
	.katalog table td.nazev						{ padding-bottom: 0; width: 33%; }
	.katalog table td.nazev strong			{ margin-right: 10px; font-weight: normal; }
	.katalog table td.nazev span.akce		{ float: left; }
	.katalog table td.nazev span.novinka	{ float: left; }

	.katalog table td	.compare-btn			{ margin: 0; }
	.katalog table td.porovnani a img		{ border: none; }

	.katalog table td.cena						{ border-bottom: none; }

	.katalog table td.popis,
	.katalog table td.koupit					{ border-top: none; }
	.katalog table td.popis						{ padding-top: 0; }
	.katalog table td.popis p					{ margin: 0; }

	.katalog table td.koupit					{ padding-top: 0; text-align: center; }
	.katalog table td.koupit p.akce_buttons span	{ margin-bottom: 2px; display: block; }
	.katalog table td.koupit .doprava		{ padding-bottom: 5px; }
	.katalog table td.koupit .pocet			{ margin-right: 2px; }
	.katalog table td.koupit .tlaco				{ white-space: nowrap; float: right; }
	.katalog table td.koupit .tlaco *			{ vertical-align: middle; }
	.katalog table td.koupit .tlaco input		{ border: none; }
	.katalog table td.koupit .tlaco input.in	{ width: 20px; padding: 2px 0; margin-right: 5px; border: solid 1px #d6d6d6; text-align: center;
															  background: white; }


	/* * * * * *  katalog full &amp; std / full &amp; std catalogue list  * * * * * */
	.katalog table.full td.hodnoceni,
	.katalog table.std td.hodnoceni			{ white-space: nowrap; font-size: 0.9285em; }

	.katalog table.full td.hodnoceni span,
	.katalog table.detail td.hodnoceni span,
	.katalog table.std td.hodnoceni span 		{ display: inline-block; width: 16px; height: 16px; margin-right: 1px; background: url(../images/default/detail/star.png) 0 0 no-repeat; }

	.katalog table.full td.hodnoceni span.half,
	.katalog table.detail td.hodnoceni span.half,
	.katalog table.std td.hodnoceni span.half		{ background-image: url(../images/default/detail/star_half.gif); }

	.katalog table.full th.cena,
	.katalog table.detail th.cena,
	.katalog table.std th.cena				{ white-space: nowrap; }

	.katalog table span.available			{ color: #3c9700; }
	.katalog table .s_ne span.available	{ color: #cc0000; }

	.katalog table td.sklad .napoveda,
	.katalog table td.dostupnost .napoveda	{ margin-top: 3px; margin-left: 3px; }


	/* * * * * *  katalog slim - řadkový  / slim catalogue  * * * * * */
	.katalog table.slim th,
	.katalog table.slim td				{ border: none; border-bottom: solid 1px #d6d6d6; }
	.katalog table.slim td				{ }
	.katalog table.slim td.sku			{ white-space: nowrap; }
	.katalog table.slim td.nazev		{ width: 50%; padding-bottom: 8px; }
	.katalog table.slim td.nazev a	{ font-weight: normal; }
	.katalog table.slim td.cena		{ text-align: right; color: black; }

	.katalog table.slim .id,
	.katalog table.slim th.cena,
	.katalog table.slim .sklad,
	.katalog table.slim .doprava,
	.katalog table.slim .bonus			{ text-align: center; }

	.katalog table.slim th.jedn,
	.katalog table.slim .mnozstvi		{ text-align: right; white-space: nowrap; }
	.katalog table.slim .mnozstvi a	{ display: block; float: right; }

	.katalog table.slim .mnozstvi						{ padding-top: 5px; text-align: right; white-space: nowrap; }
	.katalog table.slim .mnozstvi *					{ vertical-align: middle; }
	.katalog table.slim .mnozstvi .pocet			{ margin-right: 2px; position: relative; top: -3px; }
	.katalog table.slim .mnozstvi .doprava,
	.katalog table.slim .mnozstvi .tlaco,
	.katalog table.slim .mnozstvi .tlaco form		{ display: inline; }
	.katalog table.slim .mnozstvi .tlaco *			{  }
	.katalog table.slim .mnozstvi .tlaco input	{ border: none; }
	.katalog table.slim .mnozstvi .tlaco input.in	{ width: 20px; padding: 2px 0; margin-right: 2px; border: solid 1px #d6d6d6; text-align: center;
																 	  background: white; }


	/* * * *  detail table v detailu produktu / detail table in a product detail (?)  * * * * * */
	.katalog table.detail p.vyrobce			{ margin: 0; font-weight: bold; text-align: center; }
	.katalog table.detail td					{ background: white; }

	.katalog table.detail td.nazev,
	.katalog table.detail td.hodnoceni,
	.katalog table.detail td.dostupnost,
	.katalog table.detail td.cena				{ border: solid 1px #d6d6d6; }

	.katalog table.std td.hodnoceni span	{ display: block; float: left; width: 16px; height: 16px;
														  background: url(../images/default/detail/star.png) 0 0 no-repeat;  }

	.katalog table.detail td.koupit			{ vertical-align: middle; }

	#detail p.zobraz_vse							{ font-weight: bold; text-align: right; }

	#prod-related	.detail td					{ border: none; }
	#prod-related	.detail td.image,
	#prod-related	.detail td.popis,
	#prod-related	.detail td.koupit			{ border-bottom: 1px solid #d6d6d6; }
	#prod-related	.detail td.koupit			{ text-align: right; }
	#prod-related	.detail td.cena			{ white-space: nowrap; font-weight: bold; }
	#prod-related	.detail td.cena em		{ font-weight: normal; }
	#prod-related	.detail .avail				{ color: #3C9700; }
	#prod-related	.detail .inavail			{ color: #CC0000; }

	/* * * * * *  boxy / box list catalogue  * * * * * */
	.katalog .boxy											{ display: table; margin-bottom: 30px; }
	.homepage .katalog .boxy							{ margin-bottom: 0; }
	.katalog .boxy:after									{ display: block; clear: both; content: " "; }
	.katalog .boxy .obal-radek							{ display: table-row; }

	.katalog .boxy .plavec								{ display: table-cell; width: 209px; margin: 0; padding: 17px 20px 15px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; position: relative; background: white;
																  z-index: 15; background: white; cursor: pointer; }
	.katalog .boxy .first								{ border-left: 1px solid #dcdcdc; }
	.katalog .boxy .bottom								{ border-bottom: 1px solid #dcdcdc; }
	.katalog .boxy.boxy_homepage .plavec.top		{ border-top: 1px solid #dcdcdc; }
	.katalog .boxy .plavec .extra3					{ width: 100%; position: relative; }
	.katalog .boxy .plavec .mainList					{ margin-bottom: 33px; }
	.katalog .boxy .plavec div.obrazek				{ float: none; margin: 0; text-align: center; width: 209px; display: table-cell; height: 180px; vertical-align: middle; }
	.katalog .boxy .plavec div.obrazek a img		{ vertical-align: middle; max-width: 209px; max-height: 180px; width: auto; height: auto; }
	.katalog .boxy .plavec .vedle						{ float: left; width: 50%; }
	.katalog .boxy .plavec .ceny						{ margin: 0 0 0 -20px; width: auto; min-height: 61px; }
	.katalog .boxy .plavec .ceny li					{ margin: 0 0 5px; }
	.katalog .boxy .plavec .ceny li.nase			{ color: white; border: 1px solid #159bcb; border-left: none; font-size: 16px; padding: 8px 19px 7px; background: #1aa1d2 url(../images/design/cena.png) 0 0 repeat-y;
															     display: inline-block; }
	.katalog .boxy .plavec .ceny li.nase.has_set	{ font-size: 13px; padding: 5px 9px 3px 19px; width: 78px; line-height: 14px; }
	.katalog .boxy .plavec .ceny li.bezna			{ text-decoration: line-through; color: #666; font-size: 14px; padding: 0 0 0 19px; }
	.katalog .boxy .plavec .ceny li.baleni			{ color: #666; font-size: 14px; padding: 0 0 0 19px; }

	.katalog .boxy .plavec .dostupnostWrapp		{ float: right; width: 49%; }
	.katalog .boxy .plavec .dostupnost				{ margin: 0; text-align: center; width: 102px; height: 37px; float: none; display: table-cell; text-transform: uppercase; font-size: 12px; line-height: 15px; clear: none;
																  vertical-align: middle; position: relative; }
	.katalog .boxy .plavec .dostupnost span + span	{ display: block; }
	.katalog .boxy .plavec .dostupnost span + span.tooltiptop	{ display: inline-block; position: absolute; top: 50%; margin-top: -9px; right: -15px; }

	.katalog .boxy .plavec .tlacitko							{ float: right; display: none; }
	.katalog .boxy .plavec .tlacitko	.pieces,
	.katalog .boxy .plavec .tlacitko input.in				{ display: none; }
	.katalog .boxy .plavec .tlacitko input.sub_text		{ padding: 8px 17px 5px; font-size: 16px; }

	.katalog .boxy .plavec p.popis					{ clear: both; margin: 0; width: 100%; font-size: 14px; line-height: 21px; color: #666; height: 63px; overflow: hidden; }

	.katalog .boxy .plavec p.akce_buttons			{ margin: 0; position: absolute; top: 76px; left: -25px; }

	.katalog .boxy .plavec:hover							{ z-index: 16; }
	.katalog .boxy .plavec:hover .ceny li.nase		{ border-color: #f23109; background-color: #ff3e16; background-image: url(../images/design/cena_hover.png); }
	.katalog .boxy .plavec:hover .dostupnostWrapp	{ display: none; }
	.katalog .boxy .plavec:hover .tlacitko				{ display: block; }

	.homepage .katalog .boxy .plavec 					{ border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-bottom: none; border-right: none; }
	.homepage .katalog .boxy .last						{ border-right: 1px solid #dcdcdc; }
	.homepage .katalog .boxy .bottom						{ border-bottom: 1px solid #dcdcdc; cursor: pointer; }


	/* * * * *  trizeni / sorting  * * * * * */
	.katalog table a.down,
	.katalog table a.up					{ display: inline; float: left; width: 11px; height: 11px;
												  background: url(../images/default/katalog/sort_down.gif) 0 0 no-repeat; margin-right: 0.2em; }
	.katalog table a.up					{ background-image: url(../images/default/katalog/sort_up.gif); margin-right: 0; }

	.katalog table a.down_sel			{ background-image: url(../images/default/katalog/sort_down_sel.gif); }
	.katalog table a.up_sel				{ background-image: url(../images/default/katalog/sort_up_sel.gif); }

	.katalog table a.down:hover		{ background-image: url(../images/default/katalog/sort_down_h.gif); }
	.katalog table a.up:hover			{ background-image: url(../images/default/katalog/sort_up_h.gif); }

	.katalog table a.down span,
	.katalog table a.up span			{ display: none; }

	/* * * * *  trizeni pro full a slim / overrides sorting for full &amp; slim catalogue list  * * * */
	.katalog table thead td a.down,
	.katalog table tfoot td a.down			{ margin-right: 3px; }
	.katalog table thead td a.up,
	.katalog table tfoot td a.up				{ margin-right: 3px; }

	/* * * * *  trizeni ? pro slim / just for slim list  * * * */
	.katalog table.slim thead td a.down,
	.katalog table.slim tfoot td a.down,
	.katalog table.slim thead td a.up,
	.katalog table.slim tfoot td a.up		{ margin-right: 0; }


	.plavec p.compare-btn				{ position: absolute; top: 0px; right: -20px; margin: 0; width: 39px; }
	.plavec p.compare-btn a				{ position: relative; display: block; width: 39px; height: 33px; overflow: hidden; text-align: right; font-size: 0.7142em; line-height: 1em; }
	.plavec p.compare-btn a span		{ position: absolute; display: block; width: 100%; height: 100%; background: white url(../images/design/compare.png) 0 0 no-repeat; }
	.plavec p.compare-btn a:hover span	{ background-image: url(../images/design/compare.png); cursor: pointer; background-position: 0 -33px; }
	.plavec p.in-compare a span,
	.plavec p.in-compare a:hover span 	{ background: white url(../images/design/compare.png) 0 -66px no-repeat; }
	.plavec p.compare-btn a span.text,
	.plavec p.in-compare a span.text		{ text-indent: -999em; position: static; }

	.porovnani .compare-btn				{  }
	.porovnani .compare-btn a			{ position: relative; display: block; width: 33px; height: 27px; overflow: hidden; text-align: center; font-size: 0.7142em; line-height: 1em; margin: 0 auto; }
	.porovnani p.compare-btn a span	{ position: absolute; display: block; width: 100%; height: 100%; background: url(../images/icons/ico_compare_table.png) 0 0 no-repeat; }
	.porovnani p.compare-btn a span:hover	{ background: url(../images/icons/ico_compare_table.png) 0 -27px no-repeat; }
	.porovnani p.compare-btn a span.text 	{ text-indent: -999em; position: static; }
	.porovnani p.in-compare a span,
	.porovnani p.in-compare a span:hover	{ background: url(../images/icons/ico_compare_table.png) 0 -54px no-repeat; }

	div.compare_iframe					{ margin: 1em 0; width: 100%; }
	div.compare_iframe iframe			{ width: 100%; height: 59px }
	div.compare_iframe p					{ text-align: right; margin: 0; position: relative; }
	div.compare_iframe p a				{ display: block; position: absolute; top: -59px; right: 0; padding: 6px 8px; }

	div.compare_iframe p a,
	div.compare_iframe p a:visited	{ }
	div.compare_iframe p a:active,
	div.compare_iframe p a:hover		{ text-decoration: underline; }





	.vypis-5a p.akce_buttons span.akce,
	.vypis-5b p.akce_buttons span.akce,
	.vypis-5c p.akce_buttons span.akce  { -webkit-transform: rotate(45deg);
											    		-moz-transform: rotate(45deg);
											      		-ms-transform: rotate(45deg);
											       		-o-transform: rotate(45deg);
											          		transform: rotate(45deg); }


	/* * * * * *  okno po najeti mysi  * * * * * */
	.mainList						{ position: relative; }
	.popupDesc						{ display: none; position: absolute; top: 0; left: 60px; text-align: left; width: 297px; }
	.katalog table td:hover .popupDesc	{ display: block; }
	.popupDesc p.heading			{ margin-top: 0; font-size: 16px; color: black; }
	.popupDesc p.image			{ display: inline; float: left; margin: 0 1em 0.5em 0; width: 110px; }
	.popupDesc p.image img		{ max-width: 110px; max-height: 110px; width: auto; height: auto; vertical-align: top; }
	.popupDesc .obal				{ width: 100%; position: relative; z-index: 150; }
	.popupDesc .obal .zobak		{ display: none; }
	.popupDesc .obal .opak		{ width: 239px; min-height: 223px; padding: 18px 20px; border: 1px solid #d7d7d7; font-size: 14px; background: white; }
	.popupDesc .obal .paticka	{ display: none; }
</pre></body></html>