/*
	Original - template Astral by HTML5 UP | html5up.net | @n33co
	Further developed by lwq.cz | @djlwq
*/

/*********************************************************************************/
/* Basic */
/*********************************************************************************/

	html
	{
		min-width: 100%;
		min-height: 100%;
	}

	body
	{
		width: 100%;
		min-width: 1000px;
		min-height: 100%;
		overflow-y: scroll;
		background-attachment: fixed;
	}

	body,input,textarea,select,button
	{
		font-size: 12pt;
		line-height: 1.5em;
	}
	
	h1
	{
		font-size: 2.4em;
		letter-spacing: -0.015em;
	}

	h2
	{
		font-size: 1.8em;
		letter-spacing: -0.015em;
	}
	
	h3
	{
		font-size: 1.25em;
		letter-spacing: -0.015em;
	}

	h4
	{
		font-size: 1em;
		letter-spacing: -0.015em;
	}
	
	h5
	{
		font-size: .8em;
		letter-spacing: -0.015em;
	}
	
	h6
	{
		font-size: .5em;
		letter-spacing: -0.015em;
	}

	/* Section/Article */	
	
		header
		{
			margin: 0 0 1.5em 0;
		}

			header > p
			{
				margin: 0.5em 0 0 0;
			}

	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button,
		button
		{
			padding: 0.7em 1.5em 0.7em 1.5em;
		}

			input[type="button"].extra-small,
			input[type="submit"].extra-small,
			input[type="reset"].extra-small,
			.button.extra-small,
			button.extra-small
			{
				font-size: 0.65em;
				padding: .7em;
			}

			input[type="button"].small,
			input[type="submit"].small,
			input[type="reset"].small,
			.button.small,
			button.small
			{
				font-size: 0.75em;
			}

			input[type="button"].big,
			input[type="submit"].big,
			input[type="reset"].big,
			.button.big,
			button.big
			{
				font-size: 1.25em;
				padding: 0.5em 1.25em 0.5em 1.25em;
			}

			input[type="button"].huge,
			input[type="submit"].huge,
			input[type="reset"].huge,
			.button.huge,
			button.huge
			{
				font-size: 1.5em;
				padding: 0.5em 1.25em 0.5em 1.25em;
			}
	
/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/
			
	#wrapper
	{
		width: 45em;
		margin: 0 auto;
		opacity: 0.00001;
	}

		#wrapper.tall
		{
			padding-bottom: 6em;
		}
	
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
	
	#nav
	{
		text-align: center;
		height: 4.25em;
		cursor: default;
	}
	
		#nav a
		{
			font-size: 2.5em;
			margin: 0 0.25em 0 0.25em;
			opacity: 0.35;
			outline: 0;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
			-o-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
		}

			#nav a:before
			{
				font-size: 0.8em;
			}

			#nav a:after
			{
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				bottom: -0.75em;
				margin-left: -0.5em;
				border-bottom: solid 0em #ffffff;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				-moz-transition: border-bottom-width .25s ease-in-out;
				-webkit-transition: border-bottom-width .25s ease-in-out;
				-o-transition: border-bottom-width .25s ease-in-out;
				-ms-transition: border-bottom-width .25s ease-in-out;
				transition: border-bottom-width .25s ease-in-out;
			}
		
			#nav a span
			{
				display: block;
				position: absolute;
				background: #222222;
				color: #ffffff;
				top: -2.5em;
				font-size: .3em;
				height: 2.25em;
				line-height: 2.25em;
				text-transform: uppercase;
				left: 50%;
				opacity: 0;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
				-o-transition: opacity .25s ease-in-out;
				-ms-transition: opacity .25s ease-in-out;
				transition: opacity .25s ease-in-out;
				
				/* Labels not wide enough? Increase its width below and set margin-left to ((width / 2) * -1) */
				width: 7.5em;
				margin-left: -3.8em;
			}
			
				#nav a span:after
				{
					content: '';
					display: block;
					position: absolute;
					bottom: -0.4em;
					left: 50%;
					margin-left: -0.6em;
					border-top: solid 0.6em #222222;
					border-left: solid 0.6em transparent;
					border-right: solid 0.6em transparent;
				}

			#nav a:hover
			{
				opacity: 1.0;
			}

				#nav a:hover span
				{
					opacity: 1.0;
				}	
			
			#nav a.active
			{
				opacity: 1.0;
			}

				#nav a.active:after
				{
					border-bottom-width: 0.5em;
				}
			
/*********************************************************************************/
/* Panels                                                                        */
/*********************************************************************************/

	#main
	{
		width: 45em;
		background: #ffffff;
		box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25);
	}

	.panel
	{
		padding: 3.5em 2.5em 3.5em 2.5em;
		position: absolute;
		top: 0;
		left: 0;
		width: 45em;
	}
	
	/* Uvod */
	
		#uvod
		{
			padding: 0;
			height: 20em;
		}
		
			#uvod .pic
			{
				display: block;
				position: absolute;
				right: -1px;
				top: 0;
				height: 100%;
				text-decoration: none;
			}
			
				#uvod .pic img
				{
					position: relative;
					display: block;
					height: 100%;
				}
			
				#uvod .pic .arrow
				{
					display: block;
					position: absolute;
					right: 0;
					top: 50%;
					margin-top: -1.375em;
					width: 2.75em;
					height: 2.75em;
					background: #000;
					background: rgba(0,0,0,0.7);
					color: #ffffff;
					text-align: center;
					line-height: 2.75em;
					font-size: 1.5em;
					z-index: 1;
					-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					transition: width .15s ease-in-out, padding-right .15s ease-in-out;
				}

				#uvod .logo
				{
					position: absolute;
					width: 100%;
					height: 95px;
					z-index: 1;
					background-position: center;
					background-repeat: no-repeat;
					background-image: url('./images/logo.png');
					background-color: #a0271a;
				}

					#uvod .pic .arrow:before
					{
						position: relative;
						padding-right: 0;
						top: 0.125em;
					}
			
					#uvod .pic .arrow span
					{
						display: block;
						text-indent: -9999px;
					}
				
					#uvod .pic:hover .arrow
					{
						width: 3em;
						padding-right: 0.25em;
					}
			
			#uvod header
			{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin-left: 1.5em;
			}
			
				#uvod header > h1
				{
					position: absolute;
					left: 0;
					bottom: 75%;
					margin: 0;
				}
				
				#uvod header > h1.system
				{
					font-size: 2em;
				}

				#uvod header > p 
				{
					position: absolute;
					left: 0;
					top: 33.5%;
					font-size: 1.3em;
					letter-spacing: -0.055em;
					margin-top: 0;
				}
				
				#uvod header > p.system 
				{
					position: relative;
					font-size: 1em;
					color: #424242;
					letter-spacing: -0.055em;
					margin-top: 0;
				}

				#uvod header > p.system.small
				{
					position: relative;
					font-size: .8em;
					line-height: 1.5em;
					margin: 0;
					padding: 0;
					color: #424242;
					letter-spacing: -0.055em;
				}

/* O-nas */
	
		#o-nas
		{
		}
			#o-nas .pic
			{
				display: block;
				position: absolute;
				right: 0px;
				top: 0;
				width: 215px;
				height: 100%;
				text-decoration: none;
			}
			
				#o-nas .pic img
				{
					position: relative;
					display: block;
					height: 100%;
				}
			
				#o-nas .pic .arrow
				{
					display: block;
					position: absolute;
					right: 0;
					top: 6em;
					margin-top: -1.375em;
					width: 2.75em;
					height: 2.75em;
					background: #000;
					background: rgba(0,0,0,0.7);
					color: #ffffff;
					text-align: center;
					line-height: 2.75em;
					font-size: 1.5em;
					z-index: 1;
					-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					transition: width .15s ease-in-out, padding-right .15s ease-in-out;
				}

				#o-nas .logo
				{
					position: absolute;
					width: 100%;
					height: 95px;
					z-index: 1;
					background-position: left;
					background-repeat: no-repeat;
					background-image: url('./images/logo.png');
				}

				#o-nas .pic .arrow:before
				{
					position: relative;
					padding-right: 0;
					top: 0.125em;
				}
		
				#o-nas .pic .arrow span
				{
					display: block;
					text-indent: -9999px;
				}
			
				#o-nas .pic:hover .arrow
				{
					width: 3em;
					padding-right: 0.25em;
				}

			#o-nas header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#o-nas header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#o-nas p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color: #313131;
					width: 75%;
				}

/* Menu */
	
		#menu
		{
		}
		
				    #menu .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 100%;
						text-decoration: none;
					}
					
						#menu .pic img
						{
							position: relative;
							display: block;
						}
					
						#menu .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#menu .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#menu .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#menu .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#menu .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#menu header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#menu header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#menu p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

				#menu section
				{
						width: 76%;
				}
				
				#menu #tlacitka
				{
					margin: 3em 0 3em 0;
				}
				
				#menu #tlacitka .row
				{
					border-bottom: 1px solid #ffa3a3;
					line-height: .8em;
				}
				
				#menu #tlacitka .row div.12u
				{
					background-color: #ffd9a9; /*#f76b26;*/
					color: #323232;
					padding: .3em 1em .3em 1em;
					font-weight: 600;
					font-size: .6em;
					letter-spacing: .01em;	
				}

		.jidelnicek
		{
		}

		.jidelnicek li
		{
				padding: .3em;
		}
		
		.jidelnicek .hlavicka
		{
				background-color: #fff3f3;
				color: #dd0000;
				border-top: 1px solid #ffa3a3;
		}

		.jidelnicek .popis
		{
				border-bottom: 1px solid #ffa3a3;
		}
		
		.jidelnicek .popis-polozka
		{
				background-color: #f7e6c7;
				color: #323200;
		}
		
		.jidelnicek .popis-polozka-suda
		{
				background-color: #fff0e0;
		}

		.jidelnicek .detail
		{
				border-bottom: 1px solid #ffa3a3;
				line-height: 1em;
		}
		
		.jidelnicek .detail-polozka
		{
				background-color: #f7e6c7;
		}

		.jidelnicek .detail-polozka-suda
		{
				background-color: #fff0e0;
		}

		.jidelnicek .mnozstvi
		{
				color: #101000;
				font-size: .8em;
				font-weight: 100;
		}

		.jidelnicek .alergeny
		{
				color: #ee3300;
				font-size: .7em;
		}

		.jidelnicek .poznamka
		{
				color: #106600;
				font-size: .7em;
		}

		.jidelnicek input
		{
				width: 3em;
				margin-right: 1em;
		}

/* Rozvoz */
	
		#rozvoz
		{
		}
		
				#rozvoz .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 100%;
						text-decoration: none;
					}
					
						#rozvoz .pic img
						{
							position: relative;
							display: block;
							height: 100%;
						}
					
						#rozvoz .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#rozvoz .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#rozvoz .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#rozvoz .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#rozvoz .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#rozvoz header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#rozvoz header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#rozvoz p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

				#rozvoz ul
				{
						width: 75%;
				}


/* Catering */
	
		#catering
		{
		}
		
			#catering .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 217px;
						height: 100%;
						text-decoration: none;
					}
					
						#catering .pic img
						{
							position: relative;
							display: block;
							height: 100%;
						}
					
						#catering .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#catering .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#catering .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#catering .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#catering .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#catering header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#catering header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#catering p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

				#catering ul
				{
						width: 75%;
				}

/* Kontakt */
	
		#kontakt
		{
		}
		
			#kontakt .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 455px;
						text-decoration: none;
					}
					
						#kontakt .pic img
						{
							position: relative;
							display: block;
							height: 100%;
						}
					
						#kontakt .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#kontakt .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#kontakt .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#kontakt .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#kontakt .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#kontakt header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#kontakt header > h2
				{
					position: relative;
					margin: 0;
				}
			
			#kontakt p 
			{
				position: relative;
				font-size: 1.3em;
				letter-spacing: -0.035em;
				margin-top: 0;
				line-height: 2.4em;
				color : #313131;
			}

			#kontakt ul
			{
				width: 75%;
		    }

/* Prihlaseni */
	
		#prihlaseni
		{
		}
			#prihlaseni header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}

				#prihlaseni header > h2
				{
					position: relative;
					margin: 0;
				}

				#prihlaseni p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

/* Registrace */
	
		#registrace
		{
		}

			#registrace header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}

				#registrace header > h2
				{
					position: relative;
					margin: 0;
				}

				#registrace p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

		     .regFormTitle
			 {
				font-weight: 400;
				font-size: .8em;
				color: rgba(255, 0, 0, .9);
			 }

			 .regFormTitleN
			 {
				font-weight: 200;
				font-size: .8em;
				color: rgba(50, 50, 50, .5);
			 }

			 .regSucc
			 {
				color: #336600;
				border-left: 3px solid #336600;
				padding-left: .5em;
			 }

		     .regFormExample
			 {
				font-weight: 200;
				font-size: .6em;
				color: rgba(21, 21, 21, 1);
			 }

/* Zapomenute-heslo */
	
		#zapomenute-heslo
		{
		}
		
			#zapomenute-heslo header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#zapomenute-heslo header > h2
				{
					position: relative;
					margin: 0;
				}
			
			#zapomenute-heslo p 
			{
				position: relative;
				font-size: .8em;
				letter-spacing: -0.035em;
				margin-top: 0;
				margin-bottom: 1em;
				line-height: 1.3em;
				color : #313131;
			}

			#zapomenute-heslo em
			{
				font-size: .6em;
				color: #ff3300;
				font-weight: bold;
				letter-spacing: -0.065em;
			}

/* Objednavky */
	
		#objednavky
		{
		}
				#objednavky .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 100%;
						text-decoration: none;
					}
					
						#objednavky .pic img
						{
							position: relative;
							display: block;
							/*height: 100%;*/
						}
					
						#objednavky .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#objednavky .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');	
						}
		
						#objednavky .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#objednavky .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#objednavky .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#objednavky header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#objednavky header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#objednavky p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

				#objednavky ul
				{
						width: 75%;
				}
				
				#objednavky .zadna-obj
				{
						border-left: 3px solid #8c1813;
						padding-left: .5em;
				}

/* Prijmove doklady */
	
		#doklady
		{
		}
		
			#doklady .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 455px;
						text-decoration: none;
					}
					
						#doklady .pic img
						{
							position: relative;
							display: block;
							height: 100%;
						}
					
						#doklady .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#doklady .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#doklady .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#doklady .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#doklady .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#doklady header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#doklady header > h2
				{
					position: relative;
					margin: 0;
				}
			
			#doklady p 
			{
				position: relative;
				font-size: 1.3em;
				letter-spacing: -0.035em;
				margin-top: 0;
				line-height: 2.4em;
				color : #313131;
			}

			#doklady ul
			{
				width: 75%;
		    }

/* Faktury */
	
		#faktury
		{
		}
		
				#faktury .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 100%;
						text-decoration: none;
					}
					
						#faktury .pic img
						{
							position: relative;
							display: block;
						}
					
						#faktury .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#faktury .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#faktury .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#faktury .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#faktury .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#faktury header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#faktury header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#faktury p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

				#faktury ul
				{
						width: 75%;
				}

/* Prehledy */
	
		#prehledy
		{
		}
		
			#prehledy .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 217px;
						height: 100%;
						text-decoration: none;
					}
					
						#prehledy .pic img
						{
							position: relative;
							display: block;
						}
					
						#prehledy .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#prehledy .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#prehledy .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#prehledy .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#prehledy .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#prehledy header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#prehledy header > h2
				{
					position: relative;
					margin: 0;
				}
			
				#prehledy p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}

				#prehledy ul
				{
						width: 75%;
						padding: .5em;
				}
				
				#prehledy .vypis-radek
				{
						background-color: #f7e6c7;
				}
		
				#prehledy .vypis-radek-suda
				{
						background-color: #fff0e0;
				}

				#prehledy .vypis
				{
					margin: 3em 0 3em 0;
				}
				
				#prehledy .vypis h4
				{
					margin: 3em 0 1em 0;
				}
				
				#prehledy p.vypis
				{
					color: #353535;
					font-weight: 400;
					padding: 1em;
				}
				
				#prehledy li.datum
				{
					font-weight: 400;
					color: #f52125;
					border-bottom: 1px solid #adadad;
				}

				#prehledy li.popis
				{
					font-size: 80%;
					color: #454545;
				}
				
				#prehledy li.detail
				{
					color: #131313;
					font-size: 60%;
					border-top: 1px solid #adadad;
				}

				#prehledy li.celkem
				{
					color: #21110b;
					font-size: 80%;
					font-weight: 600;
					border-top: 1px solid #adadad;
				}

/* Historie */
	
		#historie
		{
		}
		
			#historie .pic
					{
						display: block;
						position: absolute;
						right: 0px;
						top: 0;
						width: 215px;
						height: 455px;
						text-decoration: none;
					}
					
						#historie .pic img
						{
							position: relative;
							display: block;
						}
					
						#historie .pic .arrow
						{
							display: block;
							position: absolute;
							right: 0;
							top: 6em;
							margin-top: -1.375em;
							width: 2.75em;
							height: 2.75em;
							background: #000;
							background: rgba(0,0,0,0.7);
							color: #ffffff;
							text-align: center;
							line-height: 2.75em;
							font-size: 1.5em;
							z-index: 1;
							-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-o-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
							transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						}
		
						#historie .logo
						{
							position: absolute;
							width: 100%;
							height: 95px;
							z-index: 1;
							background-position: left;
							background-repeat: no-repeat;
							background-image: url('./images/logo.png');
							
						}
		
						#historie .pic .arrow:before
						{
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}
				
						#historie .pic .arrow span
						{
							display: block;
							text-indent: -9999px;
						}
					
						#historie .pic:hover .arrow
						{
							width: 3em;
							padding-right: 0.25em;
						}
			
			#historie header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}
			
				#historie header > h2
				{
					position: relative;
					margin: 0;
				}
			
			#historie p 
			{
				position: relative;
				font-size: 1.3em;
				letter-spacing: -0.035em;
				margin-top: 0;
				line-height: 2.4em;
				color : #313131;
			}

			#historie ul
			{
				width: 75%;
		    }

/* Odhlaseni */
	
		#odhlaseni
		{
		}
			#odhlaseni header
			{
				position: relative;
				width: 100%;
				height: 100%;
				margin-left: 0;
			}

				#odhlaseni header > h2
				{
					position: relative;
					margin: 0;
				}

				#odhlaseni p 
				{
					position: relative;
					font-size: .8em;
					letter-spacing: -0.035em;
					margin-top: 0;
					line-height: 2.4em;
					color : #313131;
				}


/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		text-align: center;
		padding: 2em 0 0 0;
		font-size: 0.75em;
	}

/*********************************************************************************/
/* Errors & results - specified especially for desktop, tablet and mobile usage !*/
/*********************************************************************************/

		.errorRefill
		{
				margin-top: 2em;
				color: rgba(255, 0, 0, 0.8);
				font-size: .8em;
				font-weight: 800;
				text-decoration: underline;
		}

		.errorText
		{
				color: rgba(255, 0, 0, 0.9);
				border-left: 3px solid rgba(255, 0, 0, 0.9);
				padding-left: .5em;
				margin-left: .1em;
				width: 600px;
		}

		/*.errorText:first-letter
		{
				font-weight: 900;
				color: rgba(255, 0, 0, 1);
				
		}*/
		
		.errorText#errorList
		{
				font-weight: 800;
				color: rgba(255, 0, 0, 0.9);
				margin: .3em 0 .5em .1em;
		}
		
		/*.errorText#errorList:first-letter
		{
				color: rgba(255, 0, 0, 0.9);
		}*/
		
		.errorText#error106
		{
				color: rgba(255, 0, 0, 0.9); /* priprava pro individualni reseni urcitych errorHlasek */
		}
		
		.error116
		{
				color : rgba(255, 0, 0, 0.7);
				font-size: 80%;
		}

		.errorDataText
		{
				color: rgba(0, 0, 128, 0.9);
				border-left: 3px solid rgba(0, 0, 128, 0.9);
				padding-left: .5em;
		}
		
		.errorDataText#errorDataTitle
		{
				font-weight: 800;
				color: rgba(0, 0, 128, 0.9);
				margin: .3em 0 .5em 0;
		}

		/*.errorDataText#errorDataTitle:first-letter
		{
				color: rgba(0, 0, 128, 1);		
		}*/