body {font-family: 'Roboto', sans-serif; font-size: 18px; font-weight:300; color:#4e4e4e;}
.modra {color: #17a2b8}
.bila {color: #fff}
.strong {font-weight: 900;}
a {color: rgba(245,82,7,1); font-weight: bold;}
a:hover {color: rgb(239, 185, 33); text-decoration: none;}


#menu { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; background: rgba(0,0,0,0.75);}
#menu.scrolled {background: rgba(0,0,0,1); -webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	transition: all 0.5s ease;}
#menu.scrolled .top-lista {height:1px; display:block; overflow:hidden;  -webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	transition: all 0.5s ease;}
#menu.scrolled .nav-link {font-size: 0.9em;  -webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	transition: all 0.5s ease;}
#menu.scrolled .img-fluid {height: 30px;}
#menu. navbar {  -webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	transition: all 0.5s ease;}
#menu.scrolled .navbar {padding: .3rem 1rem;}
.navbar-nav {text-align: right;}

.top-lista {height:45px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 16px; display: inline-block; color:White;}
.top-lista strong {font-weight: 900;}
.top-lista span {border-right: 1px solid rgba(255,255,255,0.3); padding:12px 16px 12px 12px;}
.top-lista .odskok {width: 10vw; display: inline-block;border-right: 0px;}
.top-lista .fa-2x {font-size: 1.2em;}
.top-lista a {color:White;}
.top-lista a:hover {opacity:0.7; text-decoration:none;}
.nav-link {color: rgba(255,255,255,1) !important; font-size: 1.1em; padding-left: 1.5rem !important; font-weight:400; -webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	transition: all 0.5s ease;}
.nav-link:hover {opacity:0.7;}
.navbar .fa-building:hover {opacity:0.7 !important;}
.prostredek {margin-left: -7px; margin-right: -7px;}

@media (max-width: 768px) {
.top-lista .odskok {width: 10vw; display: none;}
.navbar-brand {padding-top:0; padding-bottom:0;}
.top-lista {display: block;}
}

.btn-link {color: #17a2b8;}




/*carousel*/
#hlavni-carousel {}
#hlavni-carousel .carousel-item { height: 60vh; min-height:400px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.slider-001 {background-image: url(img/bytove-druzstvo-korycanska-ulice.jpg);}



#zakladniinfo {}

#prihlaseni {background: #267c8a; color:White;}
#prihlaseni a {color:White;}
#prihlaseni a :hover {color:White; text-decoration: underline;}
#prihlaseni hr {border-color:White;}
.odkaz {position:relative;}
.odkaz .fa-book {position:absolute; margin-top:-5px;}
.odkaz a {padding-left: 40px; }




/*stranky*/
#stranka-carousel {}
#stranka-carousel .carousel-item { height: 40vh; min-height:350px; background-repeat: no-repeat; background-size: cover; background-position: top center; }
#zalozky .nav-link {color: initial !important; padding-left: 1.0rem !important; font-size:0.9em;}
#zalozky .nav-link.active {color: rgba(245,82,7,1) !important; font-weight:900;}


/*formulář*/
.povinna,
input[required],
select[required],
textarea[required] {
	border-left: 4px solid #a94442 !important;
}


/* paticka */
#footer {padding-top: 30px; padding-bottom: 30px; color: #fff; background: #1f1f20;}
#footer a {color: #fff;}
#footer a:hover {color: #00c1e4; text-decoration:none;}
#footer strong {font-weight:900;}
#footer span {white-space: nowrap;}