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

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

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



body {
	text-align: justify;
	
	width:100%;
	max-width: 1200px;
	margin: auto;
}

h1,h2,h3 {
	font-family: DINPro;
}

h3 {
	font-size: 1.4rem;
}

h3.stena {
	border: 2px solid #004899;
	padding: 10px;
}

.dinpro {
	font-family: DINPro;
}

.bg-multipor {
	background-color: #004899;
}

.border-multipor {
	border-color: #004899;
	border-radius: 0px;
}

.btn {
	border-radius: 0px;
	font-family: DINPro;
}

.red {
	color: red;
}

input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
		border-color: #004899;
}


.bg-gray {
	background-color: #dddddd !important;
}

.bg-light-gray {
	background-color: #fafafa !important;
}

.btn-outline-multipor {
	border-color: #004899;
	color: #004899;
}
.btn-outline-multipor:hover {
	background-color: #004899;
	color: #ffffff;
}

.border-multipor {
	border-color: #004899  !important;
}

img.ukonceni {
	width:100%;
	max-width: 400px;
	margin: 10px 0px;
}


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

.form-select {	
	border-radius: 0px;
	height: 44px;
}

.form-select:focus {
    border-color: #004899;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255,187,0,.25);
}

.form-check-input:checked {
    background-color: #004899;
    border-color: #004899;
}



.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}


.col-form-label {
	text-align: left;
	font-family: DINPro;
}

.check {
	padding-top: 15px;
}

.check ul li {
	
	background: url("/img/checkmark_ytong.gif") no-repeat scroll 0px 5px rgba(0, 0, 0, 0) !important;
	padding-left: 25px;
	list-style-type: none;	
	margin-bottom: 8px;

}



.soucet {
	width: 100%;
	border: solid 2px #004899;
	padding: 1rem 0rem 1rem 0rem;
	font-size: 1.5rem;
}



.bold {
	font-weight:  bold;
}

#navrat {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: 2px solid #004899; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: transparent; /* Set a background color */
  color: #004899; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px 10px 15px; /* Some padding */
  border-radius: 50%; /* Rounded corners */
  font-size: 20px; /* Increase font size */
}

.zoom {  
  transition: transform .2s; /* Animation */  
  margin: 0 auto;
}



@media (max-width: 575.99px) {
	body {padding: 2px 5px 2px 5px;}
	.ram-chyba { font-size: 1.5rem; padding: 10px; background-color: #ffcccc; border: 1px solid #ff0000; margin-bottom: 10px;}
	img.tvarnice { height: 15rem;}
	img.typ_steny { height: 15rem;}
	img.omitka { height: 10rem;}
	img.osteni { height: 15rem;}
	.zoom:hover { transform: scale(2.0); }
}

@media (min-width: 576px) {
	body {padding: 2px 5px 2px 5px;}
	.ram-chyba { font-size: 1.5rem; padding: 10px; background-color: #ffcccc; border: 1px solid #ff0000; margin-bottom: 10px;}
	img.tvarnice { height: 10rem;}
	img.typ_steny { height: 10rem;}
	img.omitka { height: 10rem;}
	img.osteni { height: 15rem;}
	.zoom:hover { transform: scale(2.0); }
}

@media (min-width: 768px) {
	body {padding: 2px 5px 2px 5px;}
	.ram-chyba { font-size: 1.5rem; padding: 10px; background-color: #ffcccc; border: 1px solid #ff0000; margin-bottom: 10px;}
	img.tvarnice { height: 10rem;}
	img.typ_steny { max-height: 10rem;}
	img.omitka { height: 10rem;}
	img.osteni { height: 12rem;}
	.zoom:hover { transform: scale(2.0); }
}

@media (min-width: 992px) {
	body {padding: 2px 5px 2px 5px;}
	.ram-chyba { font-size: 1.5rem; padding: 10px; background-color: #ffcccc; border: 1px solid #ff0000; margin-bottom: 10px;}
	img.tvarnice { height: 12rem;}
	img.typ_steny { max-height: 18rem;}
	img.omitka { height: 12rem;}
	img.osteni { height: 14rem;}
	.zoom:hover { transform: scale(2.0); }
}

@media (min-width: 1200px) {
	body {padding: 2px 5px 2px 5px;}
	img.tvarnice { height: 15rem;}
	img.typ_steny { max-height: 20rem;}
	img.omitka { height: 15rem;}
	img.osteni { height: 15rem;}
	.zoom:hover { transform: scale(2.0); }
}

@media (min-width: 1400px) { 
	body {margin:auto;}
	.ram-chyba { font-size: 1.5rem; padding: 10px; background-color: #ffcccc; border: 1px solid #ff0000; margin-bottom: 10px;}
	img.tvarnice { height: 15rem;}
	img.typ_steny { max-height: 20rem;}
	img.omitka { height: 15rem;}
	img.osteni { height: 15rem;}
	.zoom:hover { transform: scale(2.0); }
}