/* GENERAL PARAMETERS */
	body { padding: 0; margin: 0; }

	html, body
	{
		height: 100%;
		min-height: 100%!important;
	}
				
	body{ background-color: black; color: white; font-family: 'Open Sans', sans-serif}

	*{margin:0; padding:0; -webkit-margin-start: 0px;}

	p{margin:5px 0 5px 0;}
	
/* 	p, big, strong, #main a, #vedlejsi_obsah a, .menu{font-family: 'Dosis', sans-serif}	*/
	
	h2{font-size: 20px;}
	

	
	
/* LAYOUT */		
/* SET LIMITS ACCORDING TO WINDOW SIZE */
#wrapper{width: 100%; height: 100%; margin: auto;  min-height: 600px; max-height: 1200px; overflow: visible;}


	@media screen and (min-width: 1024px) and (min-height: 930px)
	{
		#wrapper{max-width: 1200px}
		#top{max-height: 130px}
/* 		#bottom{min-height: 682px;}
 */	}


	@media screen and (max-height: 930px)
	{
		#wrapper{max-width: 1024px}
		/*#top{max-height: 120px}*/
/* 		#bottom{min-height: 653px;}
 */ 	}
	
	@media screen and (max-height: 700px)
	{
		#wrapper{max-width: 980px}
		/*#top{max-height: 120px}*/
/* 		#bottom{min-height: 653px;}
 */	}			
	
/* HLAVNI KOMPONENTY */
#top img{vertical-align: bottom; height: 100%}
#top{text-align: center; height: 16%; max-height: 130px;}
#bottom{width: 100%; height:83%; overflow: visible; background-position: bottom right; background-repeat: repeat;  background-size: 100% 100%; background-color: rgba(239,248,255,1);}	


/* MAIN a VEDLEJSI OBSAH SPOLECNE */
	#main, #vedlejsi_obsah{width: 360px; padding: 10px;}
	#main, #vedlejsi_obsah{margin-top: 15px; }
	#main, #vedlejsi_obsah.left{margin-left: 0px}
	#main{float: left}
	#vedlejsi_obsah.right{float: right; /* margin-right: 35px; */}
/* 	#vedlejsi_obsah.left{margin-left: 35px;}
 */
	#main.wide{ width: 80%; margin-left: 5%!important; padding: 30px;}
	#main.middle{ width: 66%; background-color: rgba(0,0,0,0.7)}
	#main.freefall{ width: 38%; margin:auto!important;background-color: rgba(239,248,255,1); float:none!important; color: black!important; border: 0}
	
/* MAIN A VEDLEJSI OBSAH PRO SMARTPHONY */
	@media screen and (max-width: 1023px)
	{
		#main,#vedlejsi_obsah{margin-right: 20px; float: right; margin-top: 10px;}
	}
	
/* MAIN A VEDLEJSI OBSAH PRO MOBILY */
	@media screen and (max-width: 580px)
	{
		#main,#vedlejsi_obsah{margin-right: 20px; float: none!important; margin-top: 10px; margin-left: 10px!important}

	}


/* BORDERS, COLORS, ETC... */
#top{background-color: rgba(0,0,0,1);}
#main, #vedlejsi_obsah{border: 1px dotted rgba(50,50,50,0.8); background-color: rgba(0,0,0,0.7);}
#main.wide{background-color: rgba(0,0,0,0.4);background: none; }
#main.middle{background-color: rgba	(0,0,0,0.7)}
#main a, #vedlejsi_obsah a{color: silver; text-decoration: none}
#main a, #vedlejsi_obsah a{border-bottom: 1px dotted silver}
#main a:hover, #vedlejsi_obsah a:hover{border-bottom: 1px dotted white; color: rgb(230,230,230)}


/* VARIANTA A */
#top{border-bottom: 2px solid rgba(80,80,80,0.8);}
.menu{background-color: rgba(0,0,0,0.7);
		/* border-bottom: 1px solid rgba(80,80,80,0.8); */}


/* VARIANTA B */
/* .menu{
	background-color: rgba(80,80,80,0.7);
} */


/* VARIANTA C*/
/* #top{border-bottom: 2px solid white}
.menu{background-color: rgba(0,0,0,0.7);} */


/* MENU SPOLECNE */
	.menu
	{
	/* 	font-family: impulsSkarpaUzsi;  */
		font-size: 23px;	
		cursor: pointer;
		color: white;
	}

	.menu li{
		width: 185px; 
	}			
				

	.menu li{
		display:inline-block; 
		/*text-transform: lowercase;*/
		overflow: hidden; 
		max-height: 36px!important;
		vertical-align: top
		}	

	.menu li:hover, .menu li:focus, .menu li:active{
		overflow: visible; 
		background-color: grey;
	}

	.menu li a{text-decoration: none; color:white; z-index: 1000; opacity:0.99}

	.menu li a time {font-size: smaller}
	
	/* SUBMENU */
	.sub-menu {
		overflow: visible;
		z-index: 999;
		/*background-color: grey;*/
		text-align: left; 
		/* padding-bottom: 10px;*/
		-webkit-padding-start: 0px;
		padding-bottom: 10px;
		opacity:0.99;
	}
	
	

	.menu li:hover >.sub-menu
	{
		background-color: grey;
	}
	
	.sub-menu li a{background-color: grey; display: inline-block; text-align: left; width: 100%!important; opacity: 0.99; overflow: visible!important; z-index:1001 }
				
	.sub-menu li a:hover{background-color: silver;}

/* MENU PRO DESKTOP */
	@media screen and (min-width: 1024px)
	{
		.menu{
			height: 37px; 
			text-align:center; 
			padding: 2px; 
			}
		
		
		.menu li .sub-menu {
			overflow: hidden;
			width: 600px; 
			padding-top: 5px;
			-webkit-columns: 2;
			-moz-columns: 2;
			columns: 2;
		}		
		

		.sub-menu li{width: 100%; visibility: visible}
		
		.sub-menu li a{padding-left: 23px!important;}
		
		/* ONE-COLUMN */
		.menu li.one-column .sub-menu
		{
			width: 185px!important;
			-webkit-columns: 1!important;
			-moz-columns: 1!important;
			columns: 1!important;
		}
		
		.menu li.one-column .sub-menu li{
			display: block!important;
			width: 100%; 
		}
		
		.menu li.one-column .sub-menu li a {
			display: block;
			width: 100%!important;
		}
		
		.menu li.one-column .sub-menu li {width: 100%!important;}

	}
	
	
/* MENU PRO SMARTPHONY A MOBILY */
	@media screen and (max-width: 1023px)
	{

		
		.menu{
		float: left;
		width: 185px;
		padding-left: 20px;
		margin-top: 10px;

		}
		
		.sub-menu
		{
			width: 235px;
			margin-left: 185px;
			margin-top: -37px;
		}		
			
		.sub-menu li{width: 100%!important;}
					
		.sub-menu li a{padding-left: 5px!important;}
				
	}
	@media screen and (max-width: 580px)
	{.menu{clear: both!important;float: none!important}}

/* IMAGES */
img.alignright{float: right}
img.alignleft{float: left; margin-right:10px;}





/* PARAGRAPHS */
/*p{max-width: 600px}*/