html, body
	{height: 100%;}
  
	body
	{margin: 0px; padding: 0px; background: #111111; font-family: 'Didact Gothic', sans-serif; font-size: 12pt; color: #FFF;}
  
	h1, h2, h3
	{margin: 0; padding: 0;}
	
	p, ol, ul
	{margin-top: 0;}
	
	ol, ul
	{padding: 0; list-style: none;}
	
	p
	{line-height: 180%;}

	a:link, a:visited
	{color: green; text-decoration: none;}
	
	a:hover
	{text-decoration: underline; color:orange;}
	
	.container
	{overflow: hidden; margin: 0em auto; width: 1200px;}
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{display: inline-block;}
	
	.image img
	{display: block; width: 100%;}
	
	.image-full
	{display: block; width: 100%; margin: 0 0 2em 0;}
	
	.image-left
	{float: left; margin: 0 2em 2em 0;}
	
	.image-centered
	{display: block; margin: 0 0 2em 0;}
	
	.image-centered img
	{margin: 0 auto; width: auto;}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{}
	
	ul.actions
	{}
	
	ul.actions li
	{display: inline-block; padding: 0em 0.5em;}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{display: inline-block; padding: 1em 2em 1em 2em; letter-spacing: 0.10em; margin-top: 2em; padding: 1.40em 3em; border: 2px solid rgba(255,255,255,1); border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 1em; color: #FFF;}
  
	.button-alt
	{padding: 1em 2em; border-color: rgba(0,0,0,.8); color: rgba(0,0,0,.8);
	}

/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/
	.boxA, .boxB, .boxC
	{width: 384px;}

	.boxA,.boxB
	{float: left; margin-right: 24px;}
	
	.boxC
	{float: right;}
  
  .boxD
   {width: 1200px; text-align: center}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{margin-bottom: 3em;}
	
	.title h2
	{font-size: 28px; text-transform: uppercase;}
	
	.title .byline
	{font-size: 1.3em; color: rgba(255,255,255,0.60);}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#wrapper
	{position: relative; padding: 2em 0em 7em 0em; background: #FFF;}
  
  #wrapper ul
	{display: inline-block; margin: 10px; vertical-align: top;}
	
	#wrapper li
	{float: center; text-align: left;}        
  /*jak udělat, aby jen ve sloupcích byl text vlevo a na dalších stránách na středu*/ 
	
	#wrapper li a, .wrapper li span
	{padding: 0em 0em; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-size: 1em; color: rgba(0,0,0,0.80);}
	
	#wrapper li:hover a, #wrapper li.active a, #wrapper li.active span
	{
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header-wrapper
	{position: relative; padding: 5em 0em 0em 0em; background: #111111 url(images/header-bg.jpg) no-repeat center; background-size: cover;}

	#header
	{position: relative; padding: 3.5em 0em; height: 10px;}
  
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{position: absolute; top: 2.8em; left: 0;}
	
	#logo h1
	{font-size: 2em; color: #79C255;}
	
	#logo a
	{text-decoration: none; color: rgba(255,255,255,1);}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{position: absolute; top: 3em; right: 0;}
	
	#menu ul
	{display: inline-block;}
	
	#menu li
	{display: block; float: left; text-align: center;}
	
	#menu li a, #menu li span
	{padding: 1em 18px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-size: 1em; color: rgba(255,255,255,0.80);}
	
	#menu li:hover a/*, #menu li.active a, #menu li.active span*/
	{
      background-color: rgba(211,211,211,0.5);
      border-radius: 6px;
      
	}
	
	#menu .active a
	{border: 2px solid rgba(255,255,255,1); border-radius: 6px; color: rgba(255,255,255,1); background-color: none;}
  
  a:hover { 

}
	
	#menu .icon
	{
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{padding-top: 5em; text-align: center;}
	
	#banner .title h3
	{font-size: 3em;}
	
	#banner .title .byline
	{font-size: 2em;}
	
	#banner .button
	{margin-top: 2em; padding: 1.40em 3em; border: 2px solid rgba(255,255,255,1); border-radius: 6px; font-weight: 700;font-size: 1em;}
	
	.banner
	{margin-bottom: 5em;}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	.copyright
	{overflow: hidden; padding: 5em 0em; border-top: 1px solid rgba(0,0,0,0.08);}
	
	#copyright p
	{text-align: center; font-size: 1em; color: rgba(255,255,255,0.3);}
	
	#copyright a
	{text-decoration: none; color: rgba(255,255,255,0.6);}

/*********************************************************************************/
/* Extra                                                                         */
/*********************************************************************************/

	#three-column
	{text-align: center;color: rgba(0,0,0,0.6);}

	#three-column .fa
	{display: block; padding: 1em 0em; color: rgba(0,0,0,1); font-size: 2em;}
	
	#three-column .title h2
	{font-weight: bold; color: rgba(0,0,0,0.8);}

	#three-column .title .byline
	{text-align: center;color: rgba(0,0,0,.5);}


  #link-back {
  background: #ffffff;
  }

  #languages{
  	position: absolute;
  	top: 20px;
  	right: 20px;
  }

  .kontakt {
  	text-align: center;
  }

  .kontakt h3 {
  	font-size: 30px;
  }

  .author {
  	font-weight: bold;
  	font-size: 20px;
  	line-height: 120%;
  }

  #p8_fls {
  	width: 70%;
  	margin: 0px auto;
  }

  .circle {
  	width: 384px;
  	height: 384px;
  	background-color: rgba(211,211,211,0.5);
  	border-radius: 50%;
  	text-align: center;
  }

  .circle-text {
  	text-transform: uppercase;
  	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }

  .circle-text h2 {
  	font-size: 35px;
  }

  .circle-text h3 {
  	font-size: 25px;
  }

  .boxA.left {
  	margin-left: 144px;
  }

  .boxC.right {
  	margin-right: 144px;
  }

  .boxD li {
  	background-color: rgba(211,211,211,0.5);
  	width: 350px;
  	height: 50px;
  	font-size: 30px;
  	font-weight: bold;
  	border-radius: 6px;
  	display: flex;
  	margin: 10px auto;
  	align-items: center;
  	justify-content: center;
  }

  .zpet {
  	position:absolute;
  	top:10px;
  	left:50px; 
  	width: 200px; 
  	height:50px; 
  	background-color: rgba(211,211,211,0.5);
	border-radius:6px;
	display: flex;
	align-items: center;
  	justify-content: center;
  	font-size: 30px;
  }

    .color-circle {
  	width: 20px;
  	height: 20px;
  	border-radius: 50%;
  	margin-right: 10px;
  	display: inline-block;
  }
  
    .cile li {
  	background-color: white;
  	width: 100%;
  	height: 100%;
  	font-size: 12pt;
  	font-weight: normal;
  	border-radius: 0px;
  	display: list-item;
  	margin: 0px;
  	list-style: disc;
    list-style-type: disc;
    padding-left: 15px;
  }


  .cile ul {
  padding-left: 15px;
  }

  .cile {
  text-align:justify;
  }

  .gradient-list li {
  	font-weight: normal;
  }