/* 
    Created on : 3. 3. 2024, 21:49:23
    Author     : ruber
*/

div.statistiky_obal
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 25px;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
	padding-left: 15px;
	padding-right: 15px;
}

	@media (max-width: 500px)
	{
		div.statistiky_obal
		{
			flex-direction: column;
			flex-wrap: nowrap;
		}
	}

div.statistiky_obal div
{
	/*min-width: 160px;*/
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: calc(25% - 25px);
}

	@media (max-width: 500px)
	{
		div.statistiky_obal div
		{
			flex-basis: 90%;
			width: 90%;
			min-width: 90%;
		}
	}

div.statistiky_obal table tbody tr td:nth-child(1)
{
	width: 10%;
}

div.statistiky_obal table tbody tr td:nth-child(2)
{
	width: 40%;
}

div.statistiky_obal table tbody tr td:nth-child(3)
{
	width: 50%;
	text-align: right;
}




div.obal_sezony
{
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
/*	align-content: center;*/
}

div.obal_sezony div
{
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	min-width: 100px;
	text-align: center;
	border-right: 1px solid black;
}

div.obal_sezony div:last-child
{
	border-right: none;
}

div.obal_sezony div:hover, div.obal_sezony div:active
{
	
}

/*verze 1*/
/*tmave modra - #3D5A80*/
/*modra - #98C1D9*/
/*svetle modra - #E0FBFC*/
/*oranzova - #EE6C4D*/

/*verze 2*/
/*zluta - #EDE700*/
/*tmave modra - #0C1C29*/
/*modra - #0F3446*/
/*svetle modra - #369090*/