/* ======================================================================================== */
	
	:root{
		
		--colorBlack: #000000;
		
		--colorAlmostBlack: #202020;
		
		--colorDark: #000000;
		
		--colorPrimary: #FF9C00; 
		
		--colorSecondary: #FFF0D8;

		--colorWhite: #FFFFFF;
		
		--colorLightGrey: #F5F5F5;
		
		--colorDarkGrey: #A9A9A9;
		
		--colorDimGrey: #696969;
		
		 
	}
	
	/* ======================================================================================== */ 

	body {
		
		background-color: #000000;
		
		font-family: arial,helvetica,sans-serif;
		
		font-size: 12px;
	}

	.clear {
		
		padding: 0px 0px 0px 0px;
		
		margin: 0px 0px 0px 0px;
		
		display: block;
		
		clear: both;
		
		font-size: 0px;
	}
  
  h2 .nazevArchivu {
    
    color: #33aaff;
    
  }
  
  h2 a.sekce {
    
    color: #33aaff;
    text-decoration: underline;
    
  }
  
  h2 a.sekce:hover {
    
    color: #fff;
    text-decoration: none;
    
  }

	#hlavniObsah {
		
		margin-top: 20px;
		
		width: 960px;
		
		margin: auto;
		
		padding: 20px;
		
		background-color: #FFFFFF;
	}
	
	/* ======================================================================================== */ 

	.odstavecProZpravy{
		
		line-height: 30px;
		padding: 0px 10px;
    border-radius: 5px;
    
	}

	.oznameniColor{
		
		color: #ffffff;
		
		background-color: #90BE6D;
	}

	.upozorneniColor{
		
		background-color: #F9C74F;
	}

	.varovaniColor{
		
		color: #ffffff;
		
		background-color: #F94144;
	}

	.infoColor{
		
		background-color: #CAE9FF;
	}
	
	/* ======================================================================================== */ 

	#nazevSekce{

		width: 960px; 
		
		height:40px;
		
		margin: auto; 
		
		margin-top:30px;
		
		padding:2px 20px;		
		
		color: var(--colorWhite);
		
		background-color: var(--colorDimGrey);
	}
	
	/* ======================================================================================== */

	.tlacitkoMenu {
		
		width: 400px;
		
		height: 100px;

		text-align: center;
		
		line-height: 100px;	
		
		color: var(--colorBlack);
		
		background-color: var(--colorDarkGrey);
	}

	.tlacitkoMenu a {	
	
		width: 400px;
		
		height: 100px;

		text-decoration: none;			

		display: block;
		
		color: var(--colorBlack);
		
		background-color: var(--colorDarkGrey);
	}

	.tlacitkoMenu a:hover {	
	
		color: var(--colorWhite);

		background-color: var(--colorDimGrey);		
	}		

	/* ======================================================================================== */

	.tlacitkoZpet {	
	
		width: 250px;

		height: 28px;

		background-color: var(--colorDimGrey);

		text-align: left;

		color: var(--colorBlack);

		text-decoration: none;			

		display: block;			

		padding-top: 12px;		
	} 

	.tlacitkoZpet:hover {		
		color: var(--colorWhite);	
	}	
	
	/* ======================================================================================== */  

	#archivPrehledovaTabulka {

		width: 100%;

		border-color: #F9F9FA; border-style: solid; border-width: 2px;
		
		margin-top: 20px; margin-bottom: 10px;
	}

	#archivPrehledovaTabulka th {

		background-color: var(--colorDimGrey); color: #ffffff; padding: 10px 5px;
	}

	#archivPrehledovaTabulka tr {

		background-color: var(--colorSecondary); color: #000000;
	}

	#archivPrehledovaTabulka tr:hover {

		background-color: #FFD49F; color: #000000;
	}

	#archivPrehledovaTabulka td {

		padding: 10px 5px;
	}

	.archivDetailTabulkaPolozka {

		background-color: var(--colorDarkGrey);
	}

	/* ======================================================================================== */ 

	.archivDetailTabulka {

		width: 100%;

		border-color: #FFFFFF; border-style: solid; border-width: 2px;
	}

	.archivDetailTabulka td {

		padding: 10px 10px; color: #000000;
	}

	/* ======================================================================================== */ 

	.archivTabulkaSekce{

		margin-top:30px;

		width: 100%;

		background-color: var(--colorWhite);

		border-color: var(--colorWhite); border-style: solid; border-width: 2px;
	}

	.archivTabulkaSekce th {

		background-color: var(--colorDark); color: #ffffff; padding: 10px 5px;
	}

	.archivTabulkaSekce td {

		background-color: var(--colorWhite); padding: 10px 10px; color: #000000;
	}

	.archivTabulkaSekce .archivTabulkapPodsekce {

		background-color: var(--colorDarkGrey); padding: 10px 10px; color: #000000; text-align: center;
	}	

	/* ======================================================================================== */  

	.archivTabulkaZip {

		width: 100%;

		border-color: var(--colorWhite); border-style: solid; border-width: 2px;
	}

	.archivTabulkaZip th {

		background-color: var(--colorDarkGrey); padding: 10px 10px; color: #000000; text-align: center;
	}

	.archivTabulkaZip tr td{

		background-color: var(--colorLightGrey);
	}

	.archivTabulkaZip td {

		padding: 10px 10px; color: #000000; text-align: center;
	}

	.archivTabulkaZip tr:hover td{

		background-color: var(--colorWhite); padding: 10px 10px; color: #000000; text-align: center;
	}	

	/* ======================================================================================== */ 

	.ikonaDownload{

		background-image: url(/img/ico/square_download.png);

		background-repeat: no-repeat;

		background-size: cover;

		margin: 0px;

		padding: 0px;

		height: 20px;

		width: 20px;

		float: left;
	}

	.ikonaRozbalit{

		background-image: url(/img/ico/square_roll.png);

		background-repeat: no-repeat;

		background-size: cover;

		margin: 0px;

		padding: 0px;

		height: 20px;

		width: 20px;

		float: left;
	}

	.ikonaZabalit{

		background-image: url(/img/ico/square_roll.png);

		background-repeat: no-repeat;

		background-size: cover;

		margin: 0px;

		padding: 0px;

		height: 20px;

		width: 20px;

		float: left; 
		

		-webkit-transform:rotate(180deg);

		-moz-transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-o-transform: rotate(180deg);

		transform: rotate(180deg);		
	}	

	.ikonaRozbalitBila{

		background-image: url(/img/ico/square_roll_white.png);

		background-repeat: no-repeat;

		background-size: cover;

		margin: 0px;

		padding: 0px;

		height: 20px;

		width: 20px;

		float: left;

		cursor: pointer;
	}

	.ikonaZabalitBila{

		background-image: url(/img/ico/square_roll_white.png);

		background-repeat: no-repeat;

		background-size: cover;

		margin: 0px;

		padding: 0px;

		height: 20px;

		width: 20px;

		float: left; 

		cursor: pointer;

		
		-webkit-transform:rotate(180deg);

		-moz-transform: rotate(180deg);

		-ms-transform: rotate(180deg);

		-o-transform: rotate(180deg);

		transform: rotate(180deg);		
	}

	/* ======================================================================================== */	

	.ladeniOznameni {

		color: green;
	}

	.ladeniError {

		color: red;
	}	

	.ladeniInfo {
		
		color: blue;
	}