@charset "utf-8";

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('./fonts/open-sans-v18-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/open-sans-v18-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('./fonts/open-sans-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('./fonts/open-sans-v18-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

html			{margin: 0px; padding: 0px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.3; font-size: 10px;}
body			{margin: 0px; padding: 0px;}
h1,h2,h3,p	{padding: 0px; margin: 0px; font-weight: 300;}
ul			{padding: 0px; margin: 0px;}
input,button,textarea,select	{font-family: 'Open Sans', sans-serif; line-height: 1.3;}
a			{text-decoration: none;}
a:hover		{text-decoration: underline;}
*			{box-sizing: border-box;}

body>header 			{box-sizing: border-box; height: 50px; font-size: 0; border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF;}
body>header>div		{box-sizing: border-box; height: 100%; width: 100%;}
body>header>div>div	{box-sizing: border-box; display: inline-block; height: 100%; vertical-align: top;}
body>header div.logo	{padding: 5px 0px; width: 37%;}
body>header div.logo a img			{border: 0px; height: 100%; width: auto; aspect-ratio: attr(width) / attr(height);}
body>header div.tl	{text-align: right; width: 63%;}
body>header div.tl a	{display: inline-block; box-sizing: border-box; width: 50px; height: 50px; font-size: 0px; text-decoration: none; color: #A29067; text-align: center; vertical-align: top;}
body>header div.tl a span			{}
body>header div.tl a span.nav		{font-size: 40px; }
body>header div.tl a span.rec		{font-size: 27px; line-height: 52px;}
body>header div.tl a span.acc		{font-size: 30px; line-height: 50px;}
body>header div.tl a span.acc svg	{width: 20px; height: 20px;}
body>header div.tl a span.kos		{font-size: 33px; line-height: 50px;}
body>header div.tl a small			{display: none;}
body>header img						{height: 100%;}

nav{text-align: left; opacity: 0.9;}
nav ul				{font-size: 16px; font-weight: 400; color: #CFCFCF; font-weight: bold;}
nav ul ul				{margin-left: -35px;}
nav li					{padding-left: 35px; line-height: 50px; background-color: #323232; border-top: 2px solid #232323; list-style-position: inside; list-style: none;}
nav li.posun			{padding-left: 70px; list-style-type: circle;}
nav li li				{padding-left: 70px;}
nav li.sbaleno ul		{display: none;}
nav li.rozbaleno ul		{display: block;}
nav li a				{display: block;}
nav li span				{display: block;}
nav li form				{display: block; padding: 3px 0px;}
nav li input			{display: block; width: 100%; padding: 9px 0px; background-color: #323232; font-size: 16px; font-weight: 300; color: #fff; border-radius: 0px; border: 0px;}
nav li button    {display: block; width: 100%; padding: 0px 0px; line-height: 50px; font-size: 16px; font-weight: bold; text-align: left; background-color: transparent; color: #CFCFCF; border: 0px;}
nav li input:focus		{outline: none;}

nav a:link			{text-decoration: none; color: #CFCFCF;}
nav a:visited		{text-decoration: none; color: #CFCFCF;}
nav a:active			{text-decoration: none; color: #CFCFCF;}
nav a:hover			{text-decoration: none; color: #CFCFCF;}

footer{min-height: 60px; box-sizing: border-box; background-color: #5F5F5F; color: #FFFFFF;}
footer div{margin: auto; font-size: 0; border-bottom: 1px solid #707070;}
footer div a{color: #FFFFFF;}
footer div a:hover{color: #C6A310;}
footer div section{box-sizing: border-box; display: block; width: 100%; font-size: 14px; text-align: center; padding: 10px 10px;}
footer div section.logo img{margin: auto; margin-bottom: 10px; display: block; width: 110px; height: auto; aspect-ratio: attr(width) / attr(height);}
footer div section.social a:hover{text-decoration: none;}
footer div section.social svg.pu path   {fill: #ffffff;}
footer div section.social svg.pu circle {fill: none; stroke: #ffffff;}
footer div section.social svg.pu text   {fill: #ffffff; font-family: 'Arial';}
footer div section.social svg.iks path   {fill: #5F5F5F;}
footer div section.social svg.iks circle {fill: #FFFFFF;}
footer div section.social svg.email path   {fill: #5F5F5F;}
footer div section.social svg.email circle {fill: #FFFFFF;}
footer div section.social svg.inst rect   {stroke: #5F5F5F;}
footer div section.social svg.inst circle.v {stroke: #5F5F5F;}
footer div section.social svg.inst circle.p {fill: #FFFFFF;}
footer div section.social svg.fb path   {fill: #5F5F5F;}
footer div section.social svg.fb circle {fill: #FFFFFF;}
footer div section.adresa{box-sizing: border-box; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; text-align: left; font-size: 13px;}
footer div section.odkazy{}
footer div section.odkazy a{text-transform: uppercase;}
footer iframe{width: 100%; height: 300px;}
footer span.mapa	{display: inline-block; width: 100%; height: 300px; background-image: url('images/mapa4k.webp'); background-position: 50% 50%; background-repeat: no-repeat;}

div.infozelena	{background-color: #D2E9C7; border: 1px solid #B0D9A2; color: #4B894B; font-size: 16px; padding: 10px; font-weight: 400;}
div.infocervena	{background-color: #FFC7CE; border: 1px solid #CF2D06; color: #CF2D06; font-size: 16px; padding: 10px; font-weight: 400;}

svg.svgucet circle		{fill: none; stroke: #A29067;}
svg.svgucet path		{fill: none; stroke: #A29067;}
svg.svgucetlog circle		{fill: #99FF99; stroke: #009900;}
svg.svgucetlog path		{fill: #99FF99; stroke: #009900;}

div.produkty			{}
div.produkty>div		{min-height: 200px; font-size: 0; background-color: #FFFFFF;}
div.produkty>div h1		{margin: auto; padding: 10px 0px 5px 0px; font-size: 25px; color: #CCCCCC;}
div.produkty>div p		{margin: auto; padding: 0px 10px 0px 10px; margin-bottom: 20px; font-size: 14px; color: #777777; text-align: justify;}
div.produkty>div p a	{font-weight: bold; color: #C6A310;}

div.produkty div.filtry					{box-sizing: border-box; text-align: left; font-size: 0; padding: 10px 10px 0px 10px;}
div.produkty div.filtry a				{display: inline-block; box-sizing: border-box; width: 49%; background-color: #E0BCB4; font-size: 14px; color: #fff; border: 1px solid #999; padding: 2px 13px 2px 0px; text-decoration: none; white-space: nowrap; margin-right: 1%; margin-bottom: 10px;}
div.produkty div.filtry a span				{background-color: #fff; color: #000; font-weight: 400; padding: 1.5px 10px;}

div.produkty div.parametry					{background-color: #CCCCCC; color: #666666; text-align: left;}
div.produkty div.parametry h2				{display: block; font-size: 20px; font-weight: 400; background-color: #999999; color: #FFFFFF; padding: 5px 10px;}
div.produkty div.parametry h2.active		{background-color: #E0BCB4; color: red;}
div.produkty div.parametry form.hide		{display: none; }
div.produkty div.parametry form.show		{display: block;}
div.produkty div.parametry form section		{display: block; font-size: 18px;}
div.produkty div.parametry form section h3		{background-color: #666666; color: #FFFFFF; font-size: 18px; font-weight: 400; text-align: center; padding: 2px 0px;}
div.produkty div.parametry form section input	{padding: 10px; margin: 5px;}
div.produkty div.parametry form div			{padding: 20px 0px 10px 10px; border-bottom: 3px dotted #666666;}
div.produkty div.parametry form div input, div.produkty div.parametry form div input button	{display: inline-block; padding: 5px 10px; font-size: 20px; font-weight: 400; color: #5D5D5D; background-color: #999999; border-radius: 3px; border: 0px;}


div.produkt			{display: inline-block; position: relative; vertical-align: top; width: 47%; margin: 5% 1%;}
div.produkt a			{font-size: 0; color: #858585; text-decoration: none;}
div.produkt img		{width: 100%; height: auto; aspect-ratio: attr(width) / attr(height);}
div.produkt a span.swa	{position: absolute; top: 135px; right: 5px; width: 35px;}
div.produkt a div		{background-color: #F1F1F1; width: 100%;}
div.produkt a h3		{padding: 10px 0px; height: 50px; font-size: 15px;}
div.produkt a div span.b	{display: inline-block; margin: 20px 0px; padding: 5px 10px; font-weight: bold; background-color: #E8E8E8; border-radius: 3px; font-size: 17px;}

div.strankovani		{font-size: 16px; color: #5D5D5D; padding: 20px 0px;}
div.stranky			{margin-top: 5px;}
div.stranky a			{display: inline-block; padding: 5px 10px; margin-bottom: 10px; font-weight: bold; color: #5D5D5D; background-color: #E8E8E8; border-radius: 3px;}
div.stranky a.active	{background-image: linear-gradient(#5179A2, #8BD3E9); color: #FFFFFF; text-decoration: none;}

div.navigace			{display: none;}

div.page			{min-height: 500px;}
div.page>div 		{margin: auto; max-width: 960px; padding: 30px 0px; font-size: 0}
div.page>div h1 	{font-size: 25px; color: #CCCCCC;}
div.page>div span.otaznik	{font-size: 100px; color: #CCCCCC;}
div.page>div p		{padding: 10px 5px; font-size: 18px; color: #C6A310;}
div.page>div a		{color: #999999; font-weight: 400;}
div.page>div a:hover		{color: #C6A310;}

div.kontakty								{min-height: 500px; font-size: 0;}
div.kontakty h1 							{font-size: 25px; color: #CCCCCC;}
div.kontakty h2							{font-size: 25px; color: #CCCCCC; padding: 10px 0px;}
div.kontakty p							{padding: 10px 0px; font-size: 18px; color: #C6A310;}
div.kontakty>div:nth-of-type(1)			{margin: auto; max-width: 960px; padding: 10px 0px 0px 0px;}
div.kontakty>div.vse			{margin: auto; max-width: 100%; padding: 20px 0px 0px 0px;}
div.kontakty>div.lide			{margin: auto; max-width: 100%; padding: 10px 20px 0px 20px;}
div.kontakty>div.obchody			{margin: auto; max-width: 100%; padding: 10px 0px 0px 0px;}
div.kontakty>div.vse div label	{display: inline-block; box-sizing: border-box; width: 35%; text-align: right; font-size: 14px; font-weight: 400; padding: 2px;}
div.kontakty>div.vse div span	{display: inline-block; box-sizing: border-box; width: 65%; text-align: center; font-size: 14px; color: #666666;}
div.kontakty>div.vse hr			{width: 90%; margin: 10px auto;}
div.kontakty>div.lide section		{display: block; box-sizing: border-box; width: 100%; padding: 10px 20px 20px 20px; margin-bottom: 20px; border: 1px solid #CCCCCC; font-size: 16px; text-align: center;}
div.kontakty>div.lide section img	{width: 50%;}
div.kontakty>div.lide section h3	{padding: 10px 0px; font-size: 18px; color: #C6A310;}
div.kontakty>div.lide section span	{display: block; color: #666666; }
div.kontakty>div.lide section span:nth-of-type(1)	{font-size: 25px;}
div.kontakty>div.obchody section		{display: block; box-sizing: border-box; width: 100%; text-align: center; vertical-align: top;}
div.kontakty>div.obchody section div	{padding: 10px 20px 5px 20px;}
div.kontakty>div.obchody section div h3	{font-size: 25px; color: #C6A310;}
div.kontakty>div.obchody section div span	{display: block; color: #666666; margin: 10px 0px; font-size: 16px;}
div.kontakty>div.obchody section div span:nth-of-type(1)	{font-size: 18px;}
div.kontakty>div.obchody section div span:nth-of-type(2)	{font-weight: 400;}
div.kontakty>div.obchody section iframe	{width: 100%; height: 300px; border:0;}
div.kontakty>div.dotace		{margin: auto; max-width: 100%; padding: 10px 0px 10px 0px;}
div.kontakty>div.dotace h3	{padding: 10px 0px; font-size: 20px; color: #C6A310;}
div.kontakty>div.dotace	p	{padding: 10px 0px; font-size: 18px; color: #666666;}
div.kontakty>div.dotace	img	{width: 40%; margin: 0px 5% 0px 5%; margin-bottom: 10px;}

div.kosik						{font-size: 0;}
div.kosik h1					{margin: auto; padding: 10px 10px 15px 10px; font-size: 25px; color: #CCCCCC;}
div.kosik h2					{margin: auto; padding: 10px 10px 15px 0px; font-size: 20px; color: #CCCCCC;}
div.kosik p						{margin: auto; padding: 0px 5px; margin-bottom: 20px; font-size: 16px; color: #777777;}
div.kosik p b					{color: #555555;}
div.kosik hgroup				{display: none;}
div.kosik>div					{margin: auto;}
div.kosik>div>div.pol				{padding: 1%; margin-bottom: 5px; text-align: center; background-color: #eeeeee; border-bottom: 1px solid #bbbbbb;}
div.kosik>div>div.pol img			{display: inline-block; width: 20%; vertical-align: top;}
div.kosik>div>div.pol div			{box-sizing: border-box; font-size: 18px; color: #666666; margin-left: 1%;}
div.kosik>div>div.pol div.desc		{display: inline-block; width: 79%; text-align: left;}
div.kosik>div>div.pol div.desc a	{font-size: 16px; font-weight: 400; color: #666666;}
div.kosik>div>div.pol div.gal		{display: inline-block; margin-left: 21%; width: 39%; padding: 3px 0px;}
div.kosik>div>div.pol div.ava		{display: inline-block; width: 39%; padding: 3px 0px;}
div.kosik>div>div.pol div.green 	{color: green;}
div.kosik>div>div.pol div.red 		{color: #D45C5C;}
div.kosik>div>div.pol div.orange     {color: orange;}
div.kosik>div>div.pol div.mn		{display: inline-block; margin-left: 21%; margin-top: 10px; width: 79%; text-align: right;}
div.kosik>div>div.pol div.mn input.mn	{width: 40px; padding: 2px 6px; font-size: 18px; color: #666666; border: 1px solid #cccccc;}
div.kosik>div>div.pol div.mn input.sub	{width: 49%; padding: 2.5px 0px; background-image: linear-gradient(#CFB64F, #BB992B); border: 0px; font-size: 20px; font-weight: 400; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border-radius: 3px;}
div.kosik>div>div.pol div.cena		{display: inline-block; margin-left: 21%; margin-top: 8px; margin-bottom: 10px; width: 39%; padding: 3px 6px; background-color: white;}
div.kosik>div>div.pol div.cenacel	{display: inline-block; margin-top: 8px; margin-bottom: 10px; width: 39%; padding: 3px 6px; background-color: white;}
div.kosik>div>div.pol div.smaz		{width: 39%; margin-left: 61%; border: 2px solid #D45C5C;}
div.kosik>div>div.pol div.smaz input	{border: 0px; background-color: transparent; color: #D45C5C; font-size: 23px; font-weight: 400; text-decoration: none; width: 100%;}
div.kosik>div>div.polneni			{padding: 6% 1%; margin-bottom: 5px; background-color: #eeeeee; font-size: 18px; font-weight: 400; text-align: center;}
div.kosik>div div.celkem			{padding: 10px; margin-bottom: 10px; border-top: 2px solid #C6A310; text-align: left;}
div.kosik>div div.celkem span		{display: block; width: 100%; font-size: 20px; color: #C6A310;}
div.kosik div.sleva				{margin-bottom: 50px;}
div.kosik div.sleva section			{width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #006600; background-color: #C6EFCE;}
div.kosik div.sleva section>span		{display: inline-block; font-size: 20px;}
div.kosik div.sleva section>span.l	{width: 70%;}
div.kosik div.sleva section>span.r	{width: 30%; font-weight: 400;}
div.kosik div.sleva div			{margin-bottom: 10px; padding: 0px 10px;}
div.kosik div.sleva div span		{display: block;}
div.kosik div.sleva div input			{width: 100%; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400;}
div.kosik div.sleva div button			{width: 100%; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400; text-decoration: none; border: 2px solid #a29067; color: #a29067; background-color: #fff;}

div.kosik div.pata					{box-sizing: border-box; font-size: 0; margin: 20px 0px; padding: 0px 10px;}
div.kosik div.pata div			{display: block; box-sizing: border-box; padding: 0px; margin-bottom: 15px;}
div.kosik div.pata a        {display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; font-size: 20px; font-weight: 400;  transition: all .3s; text-decoration: none; text-align: center;}
div.kosik div.pata a.ni     {border: 2px solid #a29067; color: #a29067; background-color: #fff;}
div.kosik div.pata form button  {display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; font-size: 20px; font-weight: 400;  transition: all .3s; text-decoration: none; text-align: center; border: 2px solid #a29067; color: #a29067; background-color: #fff;}
div.kosik div.pata a.hl     {border: 2px solid #e60b2d; color: #FFFFFF; background-color: #e60b2d;}

div.login						{font-size: 0; padding: 10px;}
div.login h1						{margin: auto; padding: 10px 0px 15px 0px; font-size: 25px; color: #CCCCCC;}
div.login p						{margin: auto; padding: 0px; margin-bottom: 20px; font-size: 18px; color: #777777;}
div.login form						{box-sizing: border-box; margin: auto; width: 100%; margin-bottom: 50px;  padding: 20px; background-color: #F5F5F5; text-align: left; border: 1px solid #DDDDDD;}
div.login form label			{display: inline-block; box-sizing: border-box; font-size: 18px; color: #555555;}
div.login form input			{display: inline-block; box-sizing: border-box; width: 100%; padding: 4px; margin: 5px 0px 5% 0px; font-size: 20px; background-color: #FFFFFF; border: 1px solid #999999;}
div.login form input:focus	{border-color: #2188ff;}
div.login form button		{box-sizing: border-box; width: 100%; padding: 10px 0px; margin-top: 10px; background-image: linear-gradient(#CFB64F, #BB992B); border: 0px; font-size: 20px; font-weight: 900; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border-radius: 3px;}
div.login form a			{display: block; font-size: 18px; padding: 20px 0px 0px 0px; color: #656565;}
div.login div				{box-sizing: border-box; margin: auto; margin-bottom: 30px; width: 20%; min-width: 300px; padding: 20px; color: #C6A310; font-size: 18px; font-weight: 400;}
div.login div a				{display: block; padding: 10px 20px; margin-top: 10px; background-image: linear-gradient(#CFB64F, #BB992B); border: 0px; font-size: 20px; font-weight: 900; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border-radius: 3px;}

div.vratny					{font-size: 0;}
div.vratny h1					{margin: auto; padding: 10px 0px 15px 0px; font-size: 25px; color: #BBBBBB;}
div.vratny h2					{margin-bottom: 10px; font-size: 25px; color: #C6A310; text-align: center;}
div.vratny p					{margin: auto; margin-bottom: 10px; font-size: 18px; color: #777777; text-align: justify;}
div.vratny form					{display: inline-block; box-sizing: border-box; width: calc(100%-20px); margin: 10px 10px 30px 10px; padding: 20px; background-color: #F5F5F5; font-size: 20px; text-align: left; vertical-align: top; border: 1px solid #DDDDDD;}
div.vratny div.bezreg			{display: inline-block; box-sizing: border-box; width: calc(100%-20px); margin: 10px; padding: 20px 20px 40px 20px;  background-color: #D7ECF2; font-size: 20px; vertical-align: top; border: 1px solid #DDDDDD;}
div.vratny form label			{display: inline-block; box-sizing: border-box; font-size: 18px; color: #555555;}
div.vratny form input			{display: inline-block; box-sizing: border-box; width: 100%; padding: 4px; margin: 5px 0px 5% 0px; font-size: 20px; background-color: #FFFFFF; border: 1px solid #999999;}
div.vratny form input:focus		{border-color: #2188ff;}
div.vratny form a				{color: #666666; text-decoration: underline;}
div.vratny button				{width: 100%; padding: 10px 20px; margin-top: 10px; background-image: linear-gradient(#CFB64F, #BB992B); font-size: 20px; font-weight: 400; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border: 0px; border-radius: 3px;}
div.vratny button:hover			{background-image: linear-gradient(#BB992B, #8F7721); box-shadow: 0px 2px 0px #DDDDDD;}
div.vratny div.bezreg a			{width: 100%; padding: 10px 20px;                   background-image: linear-gradient(#CFB64F, #BB992B); font-size: 20px; font-weight: 400; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border: 0px; border-radius: 3px;}
div.vratny div.bezreg a:hover	{background-image: linear-gradient(#BB992B, #8F7721); box-shadow: 0px 2px 0px #DDDDDD; text-decoration: none;}

div.postup						{width: 100%; font-size: 0; padding: 5px 0px; background-color: #f5f5f5; /*#a29067;*/}
div.postup>div					{display: inline-block; box-sizing: border-box; width: 20%; font-size: 12px; color: #666;}
div.postup>div.okr				{border-right: 1px solid #eee;}
div.postup>div.akt				{color: #a29067;}
div.postup>div b				{font-size: 20px; font-weight: 300;}
div.postup a					{display: inline-block; box-sizing: border-box; width: 20%; font-size: 12px; color: #666; cursor: pointer; border-right: 1px solid #eee; text-decoration: none;}
div.postup a b					{font-size: 20px; font-weight: 300;}

div.patatlacitka				{box-sizing: border-box; font-size: 0; margin: 20px 0px;}
div.patabezform					{padding: 10px;}
div.patatlacitka div.ls			{display: block; box-sizing: border-box; text-align: left; padding: 0px; margin-bottom: 15px;}
div.patatlacitka div.ps			{display: block; box-sizing: border-box; text-align: right; padding: 0px;}
div.patatlacitka button			{display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; border: 2px solid #e60b2d; font-size: 20px; font-weight: 400; color: #FFFFFF; background-color: #e60b2d; transition: all .3s; cursor: pointer;}
div.patatlacitka a				{display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; border: 2px solid #a29067; font-size: 20px; font-weight: 400; color: #a29067; background-color: #fff; transition: all .3s; text-decoration: none; text-align: center;}

div.kasa							{font-size: 0;}
div.kasa h1						{margin: auto; padding: 10px 0px 15px 0px; font-size: 25px; color: #CCCCCC;}
div.kasa h2						{margin: auto; padding: 10px 0px 15px 0px; font-size: 20px; color: #CCCCCC;}
div.kasa p						{margin: auto; padding: 0px; margin-bottom: 10px; font-size: 18px; color: #777777;}
div.kasa p a						{padding: 0px 5px; background-image: linear-gradient(#CFB64F, #BB992B); font-size: 20px; font-weight: 400; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border: 0px; border-radius: 3px;}
div.kasa form						{margin: auto; box-sizing: border-box; width: 100%; padding: 10px;}
div.kasa form fieldset.new				{display: inline-block; box-sizing: border-box; width: 100%; margin-bottom: 20px; background-color: #F5F5F5; border: 1px solid #DDD; padding: 20px 10px; text-align: left;}
div.kasa form fieldset.nic				{display: none;}
div.kasa form fieldset.new h3				{padding: 0px 10px; margin: 0px; color: #C6A310; font-size: 19px; text-align: left;}
div.kasa form fieldset.new>div				{display: block; box-sizing: border-box; width: 100%; padding: 0px 10px;}
div.kasa form fieldset.new>div.txt			{font-size: 14px; color: #666666; padding-top: 5px;}
div.kasa form fieldset.new>div label			{display: block; box-sizing: border-box; padding: 5px 0px 3px 0px; font-size: 18px; font-weight: 400;}
div.kasa form fieldset.new>div label span	{color: red; padding: 0px 5px;}
div.kasa form fieldset.new>div>div			{display: block; box-sizing: border-box; padding: 2px 5px; border: 1px solid #ddd; background-color: #FFF;}
div.kasa form fieldset.new>div>div input		{box-sizing: border-box; width: 80%; border: 0px; font-size: 20px; box-shadow: none;}
div.kasa form fieldset.new>div>div input:focus		{border: 0px solid #fff; outline: 0px;}
div.kasa form fieldset.new>div>div input:active		{border: 0px solid #fff; outline: 0px;}
div.kasa form fieldset.new>div>div input:invalid	{}
div.kasa form fieldset.new>div>div i			{display: inline-block; box-sizing: border-box; width: 20%; text-align: right; font-size: 17px; font-style: normal;}
div.kasa form fieldset.new>div select		{display: block; box-sizing: border-box; width: 100%; padding: 8px 15px; font-size: 20px; border: 1px solid #ddd;}
div.kasa form div.check					{display: block; box-sizing: border-box; width: 100%; padding: 10px 10px; font-size: 18px; font-weight: 400; text-align: left;}
div.kasa form fieldset.new div.doprava				{width: 100%; margin-bottom: 10px;}
div.kasa form fieldset.new div.doprava input			{width: 15%; display: inline-block; margin: 7px 0px 0px 0px; vertical-align: top; display: inline-block;}
div.kasa form fieldset.new div.doprava label			{width: 85%; display: inline-block; box-sizing: border-box; padding: 4px; font-size: 16px; vertical-align: top; background-color: #FFFFFF; border: 1px solid #DDDDDD;}
div.kasa form fieldset.new div.doprava span.txt		{width: 100%; display: inline-block; box-sizing: border-box; padding: 10px 0px 10px 15%; font-size: 14px; text-align: justify; vertical-align: top;}
div.kasa form fieldset.new div.doprava a.tl			{}

div.rekap						{font-size: 0;}
div.rekap h1						{margin: auto; padding: 10px 0px 15px 0px; font-size: 25px; color: #CCCCCC;}
div.rekap h2						{margin: auto; padding: 10px 0px 15px 0px; font-size: 20px; color: #CCCCCC;}
div.rekap p						{margin: auto; padding: 0px; margin-bottom: 10px; font-size: 18px; color: #777777;}
div.rekap p.vanoce				{font-size: 20px; color: red; background-color: #ffe3e3; padding: 10px; border: 1px solid red;}
div.rekap div.udaj					{width: 100%; font-size: 0;}
div.rekap div.udaj section			{box-sizing: border-box; width: 100%; padding: 10px 20px; text-align: left; background-color: #F5F5F5;}
div.rekap div.udaj section label		{display: inline-block; width: 30%; margin-bottom: 5px; font-size: 16px;}
div.rekap div.udaj section span		{display: inline-block; width: 70%; margin-bottom: 5px; font-size: 16px; font-weight: 400;}
div.rekap div.udaj section h3			{text-align: center; color: #C6A310; font-size: 19px; margin-bottom: 10px;}
div.rekap div.polozky					{width: 100%;}
div.rekap div.polozky section			{padding: 1%; margin-bottom: 5px; text-align: left; background-color: #eeeeee;}
div.rekap div.polozky section img			{display: inline-block; margin-right: 1%; vertical-align: middle; width: 15%;}
div.rekap div.polozky section div			{display: inline-block; box-sizing: border-box; vertical-align: top; font-size: 16px;}
div.rekap div.polozky section div.desc		{width: 84%; font-size: 14px; font-weight: 400;}
div.rekap div.polozky section div.desc a	{color: #666666;}
div.rekap div.polozky section div.gal		{width: 84%; margin-left: 16%; margin-bottom: 5px; text-align: left; color: #313131;}
div.rekap div.polozky section div.mn		{width: 15%; margin-left: 35%; padding: 3px 6px; text-align: right; font-weight: 400; color: #313131; background-color: white;}
div.rekap div.polozky section div.cena		{width: 24%; padding: 3px 6px; text-align: right; background-color: white;}
div.rekap div.polozky section div.nic		{width: 24%; padding: 3px 6px;}
div.rekap div.polozky section div.nicmn	{width: 15%; margin-left: 35%; padding: 3px 6px;}
div.rekap div.polozky section .m			{margin-right: 1%;}
div.rekap div.polozky div.celkem			{padding: 10px 20px; border-top: 2px solid #C6A310;}
div.rekap div.polozky div.celkem span		{display: block; width: 100%; font-size: 18px; color: #C6A310;}

div.objednavky							{font-size: 0;}
div.objednavky h1						{margin: auto; padding: 10px 0px 15px 0px; font-size: 25px; color: #CCC;}
div.objednavky p						{margin: auto; padding: 10px; margin-bottom: 10px; font-size: 18px; color: #777;}
div.objednavky hgroup					{display: none;}
div.objednavky div.obj					{margin: auto;}
div.objednavky div.obj section			{padding: 2%; margin-bottom: 5px; text-align: left; background-color: #eeeeee;}
div.objednavky div.obj section>div		{display: inline-block; box-sizing: border-box; vertical-align: top; font-size: 18px;}
div.objednavky div.obj section>div.cobj	{width: 20%; font-weight: 400;}
div.objednavky div.obj section>div.datu	{width: 30%; font-weight: 300;}
div.objednavky div.obj section>div.stat	{width: 50%; font-weight: 400; text-align: right;}
div.objednavky div.obj section>div.dopr	{width: 100%; font-weight: 300; text-align: center; padding: 15px 0px;}
div.objednavky div.obj section>div.dopr span {font-size: 16px; font-weight: 400;}
div.objednavky div.obj section>div.dopr span.u {color: green;}
div.objednavky div.obj section>div.dopr span.n {color: red;}
div.objednavky div.obj section>div.dopr span.trc {display: block; color: #666; padding: 10px 0px;}
div.objednavky div.obj section>div.dopr span.trc a {color: #666; text-decoration: underline;}
div.objednavky div.obj section>div.cena	{width: 100%; text-align: right; font-size: 22px; font-weight: 400;}
div.objednavky div.obj section>div.neni	{width: 100%; padding: 10px 0px; font-weight: 400; text-align: center;}
div.objednavky div.obj section>a		{display: inline-block; box-sizing: border-box; vertical-align: top; width: 10%; font-size: 16px; font-weight: 400; text-align: right;}
div.objednavky div.obj div.soucet		{padding: 1%; margin-bottom: 30px; border-top: 2px solid #C6A310; font-size: 22px; color: #C6A310; text-align: left;}

div.objednavka							{font-size: 0;}
div.objednavka h1						{margin: auto; padding: 10px 0px 15px 0px; font-size: 25px; color: #CCC;}
div.objednavka h2						{margin: auto; padding: 10px 0px 15px 0px; font-size: 20px; color: #CCC;}
div.objednavka p						{margin: auto; padding: 10px; margin-bottom: 10px; font-size: 18px; color: #999;}
div.objednavka>div.udaje				{width: 100%; font-size: 0; background-color: #F5F5F5;}
div.objednavka>div.udaje section		{box-sizing: border-box; width: 100%; padding: 10px 20px; margin-bottom: 10px; text-align: left;}
div.objednavka>div.udaje section h3		{text-align: center; color: #C6A310; font-size: 19px; margin-bottom: 10px;}
div.objednavka>div.udaje section label	{display: inline-block; width: 40%; margin-bottom: 5px; font-size: 16px;}
div.objednavka>div.udaje section span	{display: inline-block; width: 60%; margin-bottom: 5px; font-size: 16px; font-weight: 400;}
div.objednavka>article					{margin: auto; box-sizing: border-box; width: 100%; padding: 10px 20px; margin-bottom: 10px; background-color: #FFB6C1; font-size: 16px; font-weight: 400;}
div.objednavka>div.polozky						{width: 100%;}
div.objednavka>div.polozky section			{padding: 1%; margin-bottom: 5px; text-align: left; background-color: #eeeeee;}
div.objednavka>div.polozky section img			{display: inline-block; margin-right: 1%; vertical-align: middle; width: 15%;}
div.objednavka>div.polozky section div			{display: inline-block; box-sizing: border-box; vertical-align: top; font-size: 16px;}
div.objednavka>div.polozky section div.desc		{width: 84%; font-size: 14px; font-weight: 400;}
div.objednavka>div.polozky section div.desc a	{color: #666666;}
div.objednavka>div.polozky section div.gal		{width: 84%; margin-left: 16%; margin-bottom: 5px; text-align: left; color: #313131;}
div.objednavka>div.polozky section div.mn		{width: 15%; margin-left: 33%; padding: 3px 6px; text-align: right; font-weight: 400; color: #313131;}
div.objednavka>div.polozky section div.cena		{width: 25%; padding: 3px 6px; text-align: right; background-color: white;}
div.objednavka>div.polozky section div.nic		{width: 25%; padding: 3px 6px; text-align: right;}
div.objednavka>div.polozky section .m			{margin-right: 1%;}
div.objednavka>div.polozky div.celkem			{padding: 10px 20px; border-top: 2px solid #C6A310;}
div.objednavka>div.polozky div.celkem span		{display: block; width: 100%; font-size: 18px; color: #C6A310;}

div.obchodnipodminky					{font-size: 0;}
div.obchodnipodminky h1					{margin: auto; padding: 10px 0px 5px 0px; font-size: 25px; color: #CCCCCC;}
div.obchodnipodminky h2					{margin: auto; padding: 10px 0px 15px 0px; font-size: 20px; color: #C6A310;}
div.obchodnipodminky p					{margin: auto; padding: 0px 10px 0px 10px; margin-bottom: 20px; font-size: 14px; color: #777777; text-align: justify;}
div.obchodnipodminky p b				{color: #555555;}
div.obchodnipodminky strong				{margin: auto; padding: 10px 0px 10px 0px; font-size: 14px; color: #555555; font-weight:400;}
div.obchodnipodminky section			{margin: auto; margin-bottom: 20px; color: #555555;}
div.obchodnipodminky section label		{display: inline-block; box-sizing: border-box; width:35%; padding: 0px 8px; text-align: right; font-size: 14px; font-weight:400; color: #555555; vertical-align: top;}
div.obchodnipodminky section span		{display: inline-block; box-sizing: border-box; width:65%; padding: 1px 8px; text-align: left; font-size: 14px; vertical-align: top;}