/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * ASISTENT.CSS: - styly pro asistenta v produkt. katalogu
 *               - product catalogue assistant styles
 *
 * version: 1.0.0 / ecp 1.4
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	#asistent						{ width: 100%; float: left; margin: 1.5em 0; }
	#asistent .padder				{  }
	
	#asistent fieldset			{ border: none; background: none; padding: 0; margin: 0; }
	#asistent input,
	#asistent select				{ font-size: 1em; border-top-color: #a3a3a3; vertical-align: middle; }
	#asistent .ch label			{ vertical-align: middle; font-size: 0.9285em; }
	
	#asistent .hlavni				{ padding: 20px 15px 15px 20px; background: #fff1d2; border: 1px solid #ffc982; border-bottom-width: 2px; position: relative; top: 2px; }
	#asistent #fast-filter		{ background: white url(../images/buttons/search.png) 95% 50% no-repeat; padding: 6px 10px; min-width: 162px; float: left; margin-right: 30px; }

	#asistent .cena				{ float: left; width: 43.5%; padding-right: 0.5%; }
	
	#asistent .cena .ui-slider-wrap	{ width: 78%; position: relative; }
	#asistent .cena .ui-slider		{ width: 100%; margin-right: 10px; }
	
	
	#asistent .cena label.cena		{ float: left; width: 60px; line-height: 2.1em; color: #666; }

	#asistent .parametry					{ position: relative; top: 0px; display: none; clear: both; margin: 0 auto; width: 90px; background: #FECB58; color: black; text-decoration: none; font-size: 0.9285em; padding: 0 10px; }
	#asistent .parametry:hover			{ background: #f6be41; }
   #asistent .parametry.active		{ }	
	#asistent .parametry	span			{ display: block; background: url(../images/katalog/down.png) 100% 50% no-repeat; padding: 3px 10px 3px 5px; }
	#asistent .parametry.opened		{ top: -1px; }
	#asistent .parametry.opened span	{ background: url(../images/katalog/up.png) 95% 50% no-repeat }
	#asistent div.brand					{ margin-top: 10px; float: left; width: 100%; }
	#asistent label.brand 				{ float: left; color: #666; }
	#asistent .brand .data				{ float: right; width: 91% }		
	.no-column	#asistent .brand .data	{ width: 93.5%; }
	#asistent .brand .data .ch			{ display: inline-block; margin-right: 15px; }
/*	#asistent .brand .data .ch label	{ white-space: nowrap; }*/
	#asistent .brand .data .ch span	{ color: #666; font-size: 0.8571em; vertical-align: text-bottom; }
	#asistent .brand .data .ch span.red	{ color: black; font-size: 1em; }

	#asistent .rozsireny									{ width: 100%; float: left; clear: both; background: #fffbf2; }
	#asistent .rozsireny a#remove-filtr span							{ background: url(../images/katalog/cancel.png) 0 50% no-repeat; padding: 0 0 0 20px; margin-right: 20px; margin-top: 5px; position: absolute; right: 0px; top: 3px; z-index: 100; }
	#asistent .rozsireny.no-features #asistent .special > a		{ margin-bottom: 0; }
	#asistent .rozsireny.no-features .rozsireny-extra				{ min-height: 24px; }
	#asistent .rozsireny .rozsireny-extra 			{ padding: 35px 0px 15px; position: relative; border: 1px solid #ffc982; border-top: 0; }
	
	#asistent .features				{ width: 73%; }
	#asistent .features h4			{ font-size: 1em; font-weight: bold; margin-left: 20px; }
	#asistent .features .data					{ border-right: 1px solid #ffe5c3; min-height: 80px; }
	#asistent .features .sele					{ padding-left: 20px; }
	#asistent .features #sele0 .values		{ padding-top: 0; }
	#asistent .features .sele:hover			{ background: #fff1d2; }	
	#asistent .features .float_sele 			{ padding: 5px 0 4px 0px; float: left; width: 100%; position: relative; z-index: 5; }
	#asistent .features .float_sele label 	{ margin-right: 7px; font-size: 0.9285em; vertical-align: text-top; }
	#asistent .features .float_sele .parametr	{ width: 160px; float: left; margin-right: 3px; }
	#asistent .features .float_sele .values	{ float: right; padding: 2px 0 0px 0; }
	#asistent .features .float_sele .values .value	{ white-space: nowrap; }
	
	#asistent .features .remove-feature							{ display: none; position: relative; top: 4px; left: 0px; width: 15px; height: 15px; overflow: hidden; text-indent: -999em; margin-right: 5px; }
	#asistent .features .sele:hover .remove-feature 		{ display: inline-block; }
	#asistent .features .remove-feature span					{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/katalog/cancel.png) 0 0 no-repeat; }
	
	#asistent .special				{ float: right; width: 24%; margin-right: 20px; }	
	#asistent .special .obal_ch	{ padding: 10px 0 10px 25px; clear: both; }
	#asistent .special .ch.stock	{ color: #0f9e00; }
	#asistent .special .ch.action	{ color: #ff0000; }
	#asistent .special > a			{ float: right; width: 100%; display: block; color: #333; text-decoration: none; text-align: right; margin-bottom: 5px; }
	#asistent .special > a:hover	{ color: #ff0000; }
	
	/* pomocnik uzky - sloupcovy design, staci zakomentovat v pripade bezsloupcove varianty */
	#asistent .special	        		{ float: left; width: 54%; margin: 0.2em 0 0 0px; }
	#asistent .special .obal_ch		{ padding: 0; clear: none; margin-right: 10px; }
	#asistent .special .obal_ch .ch	{ float: left; margin-right: 5px; }		
	#asistent .special .obal_ch .ch span	{ color: #666666; font-size: 0.8571em; margin-left: 2px; }
	#asistent .special .obal_ch label		{ font-size: 0.8571em; }
	#asistent .special > a				{ width: auto; }
	#asistent .features					{ width: 100%; padding-top: 30px; }
	#asistent .features .data			{ border-right: 0; }
	#asistent .features .float_sele .values	{ width: 70%; }
	#asistent .features .float_sele .values 	{ vertical-align: middle; }
	
	body.no-column #asistent .features .float_sele .values	{ width: 78%; }
	
	/* noscript */
	#asistent .hlavni noscript *			{ font-size: 0.9em; margin-top: 3px; }
	#asistent noscript p					{ margin: 0 auto; text-align: center; } 
	#asistent noscript p input			{ background: #FECB58; border: 0; margin-top: -1px; }
	#asistent noscript p input:hover	{ background: #f6be41; }
	
	.spinjs			{ width: 50px; height: 50px; }
	.spinjs:after { display: block; clear: both; content: " "; background: rgba(0, 0, 0, 0.2); width: 50px; height: 50px; position: relative; top: -25px; left: -50%; }