html {
	height:100%;
	}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background:url(/images/bodyBgr.jpg);
	background-color:#8e5754;
  background-repeat: no-repeat;
  background-position: top center;
	height:100%;
	}
body::after {
	background-color:#FFF;
	background-attachment:fixed;
  content: "";
  opacity: 0.5;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
  z-index: -1; 
}
.main-cont {
	background:url(/images/bodyBgr.jpg);
	background-color:#8e5754;
  background-repeat: no-repeat;
  background-position: top center;
	min-height:100%;
	}
.main-tit {
	background-color: rgba(255,255,255,.5);
	margin:15px 0;
	}
@media (min-width: 768px) {
.main-tit {
	margin-right:-15px;
	}
}
.main-tit-txt {
	display:inline-block;
	text-align:center;
	padding:10px;
	line-height:2em;
	font-weight:600;
	color:#76151d;
	}
.main-tit-txt	{
	font-size:1.2em;
	}
.main-tit-txt span {
	font-size:2.4em;
	font-weight:800;
	}
@media (min-width: 576px) {
.main-poukaz {
	margin-top:-100px;
	}
.main-tit {
	text-align:left;
	}
.main-tit-txt {
	margin-left:20px;
	font-size:1em;
	}
.main-tit-txt span {
	font-size:2.0em;
	}
}
@media (min-width: 768px) {
.main-tit-txt {
	margin-left:5px;
	}
}
@media (min-width: 992px) {
.main-tit-txt span {
	font-size:2.8em;
	}
}
@media (min-width: 1200px) {
.main-tit-txt span {
	font-size:2.4em;
	}
.main-tit-txt {
	margin-left:30px;
	font-size:1.2em;
	}
}
.stroke {
  text-shadow:
   -2px -2px 0 #FFF,  
    2px -2px 0 #FFF,
    -2px 2px 0 #FFF,
     2px 2px 0 #FFF;
}
.red {
	color:#76151d;
	}
h1 {
	background-color:#76151d;
	color:#FFF;
	padding:5px;
	font-weight:800;
	font-size:1.6em;
	margin-bottom:15px;
	margin-top:42px;
	border-radius: .6rem!important;
	}
/*---------------------- NAVBAR --------------------------*/
.navbar-cont {
	position:fixed;
	left:0;
	width:100%;
	background-color:#76151d;
	z-index:110;
	}
.navbar {
	font-weight:800;
	padding:0;
	}
.navbar-toggler {
	margin:8px;
	}
.navbar a {
	color:#FFF;
	}
.navbar a:hover {
	background-image:url(/images/trans2.png);
	background-repeat:repeat;
	}
.navbar .nav-item.active {
	background-color:#222221;
	}
.nav-link {
	padding:.2rem 1rem;
	}
.top-space {
	height:34px;
	}
@media (max-width: 767px) {
.nav-justified .nav-item {
	text-align:left;
	}
.top-space {
	height:70px;
	}
}
/*-------------------- FLAGS ------------------------------*/
.flags {
	margin:10px 0;
	}
.flags div {
  padding: 0 5px;
}
.flags div img {
	max-height:40px;
	opacity: 0.4;
	}
.flags div.active img {
	opacity:1;
	}
/*--------------------- MAIN ------------------------------*/
.main-r {
	margin-top:10px;
	margin-bottom:20px;
	}
@media (min-width: 768px) {
.main-img {
	padding-right:0;
	margin-top:30px;
	}
}
/*-------------------- PAGES ------------------------------*/
.partneri,
.mapa,
.o-projektu,
.kontakt {
	background-image:url(/images/trans8.png);
	background-repeat:repeat;
	border-radius: 1rem!important;
	}
/*--------------------------------*/
.uvod-tit-1 {
	font-size:1.2em;
	font-weight:800;
	}
.uvod-tit-2 {
	display:inline-block;
	font-size:1.3em;
	font-weight:800;
	color:#76151d;
	line-height:1.6em;
	margin-top:10px;
	}
.uvod-email,
.uvod-email:hover {
	display:inline-block;
	background-color:#76151d;
	color:#FFF;
	padding:12px;
	margin:15px;
	font-size:1.6em;
	font-weight:600;
	text-decoration:underline;
	}
.uvod-email.rounded {
	border-radius: .6rem!important;
	}
/*--------------------------------*/
.partneri,
.kontakt .kontakt-big {
	padding:20px;
	}
.partneri .row div,
.kontakt .kontakt-big .row div {
	padding:20px 30px;
	}
.kontakt .kontakt-det .row div {
	padding:10px 20px;
	}
@media (max-width: 575px) {
.kontakt .kontakt-big {
	padding:5px;
	}
.kontakt .kontakt-big .row div {
	padding:10px 10px;
	}
.kontakt .kontakt-big .row div.col-1 {
	padding: 0;
}
.kontakt .kontakt-det .row div {
	padding:10px 10px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
.kontakt .kontakt-big {
	padding:10px;
	}
.kontakt .kontakt-big .row div {
	padding:15px 15px;
	}
.kontakt .kontakt-det .row div {
	padding:10px 15px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
.kontakt .kontakt-big {
	padding:15px;
	}
.partneri .row div,
.kontakt .kontakt-big .row div {
	padding:20px 20px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
.partneri .row div,
.kontakt .kontakt-big .row div {
	padding:20px 30px;
	}
}
.partneri img,
.kontakt .kontakt-big img {
	max-height:150px;
	}
/*--------------------------------*/
.o-projektu {
	padding:20px;
	}
.op-tit {
	font-size:1.1em;
	}
.o-projektu hr {
	border-top:solid 2px #76151d;
	margin:5px 0;
	}
.o-projektu ul {
	margin:0;
	}
.o-projektu .ul-tit,
.o-projektu ul li {
	margin-bottom:3px;
	}
.o-projektu .obj-list div {
	display: inline-block;
	margin: inherit auto;
	text-align: left;
}
.o-projektu .obj-list ul {
	padding-left: 25px;
}
/*--------------------------------*/	
.kontakt {
	padding:10px 20px;
	}
@media (min-width: 768px) {
	.kontakt,
	.mapa,
	.o-projektu {
		margin-top:40px;
	}	
}
.kontakt .kontakt-big img,
.kontakt .kontakt-det .kontakt-list img {
	cursor:pointer;
	}
.kontakt .kontakt-det .row div.smaller img {
	width:70%;
	}
.kontakt .kontakt-det hr {
	border-top:solid 2px #76151d;
	margin:5px 0;
	}
.kontakt-list img.transp {
	opacity:0.5;
	}
.vizitka {
	padding-top:40px;
	padding-bottom:20px;
	}
@media (min-width: 992px) {
.vizitka-img {
	padding-right:0 !important;
	}
}
.vizitka-text div,
.vizitka-text div a {
	padding:0 !important;
	color:#76151d;
	font-weight:600;
	font-size:1.2em;
	line-height:1.3em;
	text-align:right;
	}
@media (max-width: 991px) {
	.vizitka-text div {
		text-align:center;
	}
}
.vizitka-text .tel {
	padding:6px 0 !important;
	}
.vizitka-text .email {
	text-decoration:underline;
	}
.vizitka-text .web {
	padding-top:6px !important;
}
.vizitka-text .web a {
	font-weight:800;
	font-size:1.4em;
	}
@media (max-width: 479px) {
.vizitka-text div,
.vizitka-text div a {
	font-size:1.0em;
	line-height:1.2em;	
	}	
.vizitka-text .web a {
	font-size:1.2em;
	}
}
/*-------------------- FOOT -------------------------------*/
.foot {
	position:relative;
	margin-top:-40px;
	left:0;
	bottom:20px;
	width:100%;
	background-image:url(/images/trans5.png);
	background-repeat:repeat;
	}
.main {
	padding-bottom:60px;
	}
@media (min-width: 768px) and (min-height: 480px) {
.foot {
	position:fixed;
	}
.main {
	padding-bottom:60px;
	}
}
.foot .container {
	padding:15px;
	font-size:.7em;
	opacity:1;
	}
/*----------------------------------------------------------*/