				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  <meta name="viewport" content="width=device-vidth, initial-scale=1.0">/* Všechna rozlišení */
   /**** DOKUMENTY ****/

		p.obsah1 , p.obsah2{
			max-height: 0px;
			overflow: hidden;
			transition: max-height 0.1s;
			margin-top: 10px;
			height: 100px;
			width: 500px;
			text-align: center;		
			}
		#toggle1{display: none;}
		#toggle2{display: none;}
		.toggle-button{
			display: inline-block;
			width: 40px;
			height: 30px;
			background-color: white;
			border: 1px solid grey;
			cursor: pointer;
			position: relative;
			text-align: center;
			line-height: 30px;
			}
			
		#toggle1:checked ~ .obsah1{max-height: 100px;}
		#toggle2:checked ~ .obsah2{max-height: 100px;}
		
		#toggle1:not(:checked) + .toggle-button::before{
			content: attr(data-show-label);
			}
		#toggle1:checked + .toggle-button::before{
			content: attr(data-hide-label);
			}
		
		#toggle2:not(:checked) + .toggle-button::before{
			content: attr(data-show-label);
			}
		#toggle2:checked + .toggle-button::before{
			content: attr(data-hide-label);
			}

	/**** ROZVRHY ****/
		#zpet{padding-top: 140px;}
		h3.roz{padding-top: 140px;}
		td.red , span.red {background: #F93108; color: white;}
		td.yellow , span.yellow {background: #F6E053; color: black;}
		td.grey , span.grey {background: #a3a3a3; color: black;}
		td.green , span.green {background: #9FD81A; color: black;}
		td.blue , span.blue {background: #2e8b57; color: white;}
		td.pink , span.pink {background: #ff69b4; color: black;} 
		td.purple , span.purple {background: #A802D5; color: white;}

	/**** PATIČKA ****/

		footer{
			padding-top:5rem;
		}

		footer .box-name{
			font-size: 1.4rem;
			text-transform: uppercase;
			font-weight: 400;
		}

	/**** TOP-PANEL ****/

		.title a {
		    font-size: 18px;
		    font-weight: 300;
		}

		.top-panel .title{
			margin-left:10px;
			flex: 3;
		}



	/**** MENU ****/

		#univers_top_header_navigation>ul>li>a{
			font-size:1.3rem;
			font-weight:300;
			text-align:center;
			padding:30px;
		}

		#univers_top_header_navigation>ul>li>a>i:first-child{
			font-size:1.1rem;
			margin-right:0.5em;
		}

		#univers_top_header_toggler{
			background-color: #626262;
		}

	/**** HLAVIČKA ****/

		.header-slider-arrow{
			height:80px;
			top: calc(50% - 40px);
			background: #7587fbcc;
			color: #fff;
			font-size: 2rem;
			display: flex;
		    align-items: center;
		    justify-content: center;
		}

		.slick-list, .slick-track, .header-slider-item{
			height:100%;
		}

	/**** OBSAH ****/

		#content{
			padding: 1em 0em;
			padding-top: 2em;
		}

		.breadcrumb li:not(:first-child) a i{
			display:none;
		}



/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {

	.title a {
		font-size:20px;
	}

	.top-panel .logo{
		flex:none;
	}

}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */

@media screen and (min-width: 768px) {

	/**** HLAVIČKA ****/

		.header-slider-arrow {
	    	font-size: 3rem;
	    	width: 100px;
		}

}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {

	/**** MENU ****/

		#univers_top_header_navigation>ul>li{
			flex:1;
			visibility: visible;
		}

	/**** OBSAH ****/

		#content{
			margin-left:0;
		}

}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {


}


@media screen and (min-width: 1400px) {

	/**** TOP-PANEL ****/

		.top-panel .logo{
			margin-right: 0px;
		}

		.top-panel .title{
			margin-left:0px;
		}

	/**** HLAVIČKA ****/

		.header {
			margin-top: 150px;
		}

	/**** OBSAH ****/

		main.container{
			padding:15px 0;
		}

		.breadcrumb{
			padding:12px 0px;
		}



}