@font-face{
	font-family:DINPro;
	src:url(/osvedceni/css/fonts/DINWebPro.woff) format("woff");
	font-weight:400
}

@font-face{
	font-family:DINPro;
	src:url(/osvedceni/css/fonts/DINWebPro-Medium.woff) format("woff");
	font-weight:500
}

@font-face{
	font-family:DINPro;
	src:url(/osvedceni/css/fonts/DINWebPro-Bold.woff) format("woff");
	font-weight:700
}


body {

	background-color:#ffffff;
	margin: auto;
	width: 100%;
	
	color: #000000;
	font-family: DINPro;
	text-align: left;
}

.okno {
	margin: auto;
  height: 100%; 
	max-width: 1150px;		
	font-size: 14px;
	font-family: DINPro;
}


h1 {
	font-size: 3rem;
	font-weight: bold;
	text-transform: uppercase;
}

h1 span {
	color: #fb0;
}



.bg-ytong {
	background-color: #fb0;
}

.border-ytong {
	border-color: #fb0;
}

.text-ytong {
	color: #fb0;
}

.width20 {
	width: 20%;
}


.width40 {
	width: 40%;
}

a.odkaz:link,
a.odkaz:visited {
	text-decoration: underline;
	color: #000000;		
}

a.odkaz:hover,
a.odkaz:active {
	color: #fb0;
}

.red { color: #ff0000;}

.form-label {
	font-size: 1rem;
	font-family: DINPro;
	line-height: 1.5;
	margin-bottom: .3125rem;
	cursor: pointer;
}

.form-control {
	border-radius: 0px;
}

.btn-ytong {
	border-radius: 4px;
	background-color: #fb0;
}

.menu_vlajka {
	height: 25px;
}


.menu_logo {
    width:80px;
    height: 80px;
    box-shadow: 0 0 .5rem rgba(0,0,0,.6);
    margin: 0rem 0.3rem 0rem 0.3rem;
}

.navbar {
    box-shadow: 0 0 .5rem rgba(0,0,0,.6);
    height: 80px;
    z-index: 1000;
}

.navbar-light .navbar-nav .nav-link {
	font-size: 0.875rem;	
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.9);
}

.collapse {	
		z-index: 1000;
		padding: 0.5rem;
		border: 1px solid #000000;
		border-radius: 4px;
	}

	.collapse {	
		z-index: 1000;
		padding: 0.5rem;
		border: 0px solid #000000;
		
	}
	
	
	
	.uvod_skoleni {
		margin-top: 2rem;
		font-size: 1.4rem;
		color: #fb0;
		font-weight: bold;
	}
	
	
	ul.ul_uvod {
		list-style-type: square;
		color: #fb0;
		font-size: 1.1rem;
		line-height: 120%;
	}
	
	ul.ul_uvod li {
		color: #fb0;
		font-size: 2rem;
	}
	
	ul.ul_uvod li span{
		color: #000;
		font-size: 1.1rem;
	}
	
	p.uvod {
		margin-top: 2rem;
		font-size: 1.1rem;
		color: #000;
	}
	
	p.uvod span {
		color: #fb0;
		font-weight: 700;
	}
	
	a.btn-registrace {
		display: inline-block;
		
		
		background-color: #000;
		color: #fb0;
		font-size: 1.3rem;
		font-weight: 700;
		padding: 1rem 1.6rem;
		text-decoration: none;
	}
	
	.otazky{
		font-size: 1.1rem;
		background-color: #f0f0f0;
	}
	
	
	.odpovedi {
		font-size: 1.2rem;
	}
	
	.youtube_znak {
		position: relative;
		text-align: center;
		color: #f00;
		font-size: 6rem;
	}
	
	.youtube_stred {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	
	footer {
		margin-top: 2rem;
		padding: 2rem 4rem;
		background-color: #d8d7d3;
	}
	
	.fancybox-nav {
    width: 60px;       
}

.fancybox-nav span {
    visibility: visible;
}

.fancybox-next {
    right: -60px;
}

.fancybox-prev {
    left: -60px;
}
	

.bs-example {
  margin: 20px;
}
.modal-dialog iframe {
	margin: 0 auto;
	display: block;
}
	
@media (max-width: 575.98px) { 
	.collapse {	
		z-index: 1000;
		padding: 0.5rem;
		border: 1px solid #000000;
		border-radius: 4px;
	}

}


@media (max-width: 767.98px) {
	h1 {font-size: 2rem; font-weight: bold;}
	.collapse {	
		z-index: 1000;
		padding: 0.5rem;
		border: 1px solid #000000;
		border-radius: 4px;
	}

}


@media (max-width: 991.98px) {
	h1 {font-size: 2rem; font-weight: bold;}
    
}


@media (max-width: 1199.98px) {
  
    
}