/* nacteni palety barev */
@import 'default-template.less';

body {font-family: 'Open Sans', sans-serif; font-weight: 100; font-style: normal; margin-top: 0px; /*70*/}
h1, h2, h3, h4 {font-weight: 800; font-style: normal; color: #D6A761;}
h1 strong, h2 strong, h3 strong, h4 strong {font-weight: 700;}




h1 {font-size: 28px;}
h2 {font-size: 28px;}
h3 {font-size: 23px;}
h4 {font-size: 20px;}


/*
h1 {font-size: 44px;}
h2 {font-size: 33px;}
h3 {font-size: 25px;}
h4 {font-size: 19px;}
*/


h1, h2, h3, h4, h5, .breadcrumb, #navbar .nav a {font-family: 'Open Sans', sans-serif;}


/* FIXED BOOTSTRAP */

.media, .media-body {
	overflow: visible;
}
.media:after, .media-body:after {
	content:'';
	clear:both;
	display:block;
}

/*

*/

body {
	/*
	height: 100vh;
	display: flex;
	flex-direction: column;
	*/
}
#all {
	/*
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 0;
	*/
}
#footer {
	/*
	flex: none;
	*/
}




.section-img {padding: 55px 0 45px 0; background: #EEEEEE; background: center url('../img/section-img-bg.jpg'); background-size: cover;}




nav.navbar-default {
	background: #F1FAFF;
	border: 0; margin: 0; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; border-radius: 0;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1); box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
	border-bottom: 2px solid @ccolor1;
}
nav.navbar-default .navbar-brand {color: #DD4B39; padding: 0px 0 0 0;}
nav.navbar-default .navbar-brand img {display: inline-block; margin: 20px 0 0 0px;}
nav.navbar-default #navbar {max-height: none;}
nav.navbar-default #navbar li a {color: @ccolor3; background: none; padding: 15px 15px; margin: 10px 0; border-bottom: 0px solid transparent; font-weight: 400; font-size: 19px; text-decoration: none;}
nav.navbar-default #navbar li.active > a {background: @ccolor1; color: #FFF; border-bottom: 0px solid #FFF;}
nav.navbar-default #navbar li:not(.active) a:hover {background: #D3EFFF; border-bottom: 0px solid #333; text-decoration: none;}
nav.navbar-default #navbar ul.dropdown-menu {margin-left: -5px; margin-top: -3px; border: 1px solid silver; padding: 15px 0px; border-radius: 3px; right: auto; left: 0;}
nav.navbar-default #navbar ul.dropdown-menu::before {
	content: "";
	width: 10px; height: 10px;
	position: absolute;
	z-index: 1;
	left: 15px; top: -10px;
	border-top: -10px solid transparent;
	border-bottom: 10px solid #FFF;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
nav.navbar-default #navbar ul.dropdown-menu::after {
	content: "";
	width: 10px; height: 10px;
	position: absolute;
	z-index: 0;
	left: 15px; top: -11px;
	border-top: -10px solid transparent;
	border-bottom: 10px solid silver;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
nav.navbar-default #navbar ul.dropdown-menu li.divider {margin: 1px 15px;}
nav.navbar-default #navbar ul.dropdown-menu a {min-width: 260px; padding: 10px 25px; margin: 0; transition: 0.3s; font-weight: 200; font-size: 18px;}
nav.navbar-default #navbar ul.dropdown-menu a i {display: inline-block; position: relative; transition: 0.3s; opacity: 0;}
nav.navbar-default #navbar ul.dropdown-menu a:hover i {padding-right: 10px;}
nav.navbar-default #navbar ul.dropdown-menu a:hover i {opacity: 1;}
nav.navbar-default #navbar ul.dropdown-menu a:hover {padding-left: 30px;}

.box-red > div {background: #E78173; color: #FFFFFF; padding-left: 30px; padding-right: 30px;}
.box-red > div.red {background: #DD4B39; color: #FFFFFF; padding-left: 30px; padding-right: 30px;}

/* END CUSTOM */



/*
	Bootstrap Carousel
*/

.carousel-control.left, .carousel-control.right {
	background-image:none !important;
	filter:none !important;
}


/*
	Img hover effect 1
*/

a.lightbox[rel='imgpopup_lightbox'] {
	position: relative;
	display: block;
}
a.lightbox[rel='imgpopup_lightbox']::before {
	position: absolute;
	content: "";
	width: 100%; height: 100%;
	background: rgba(0,0,0,.0);
	top: 0; left: 0;
	z-index: 1;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
a.lightbox[rel='imgpopup_lightbox']:hover::before {
	background: rgba(0,0,0,.25);
}


/*
	VYPNUTI ROLOVANI MAPY PREJETIM MYSI
*/

.scrolloff {pointer-events: none;}



.fb_profile_image {
	display: inline-block; margin: 10px 0; width: 75px; height: 75px;
	border-radius: 50%;
}

.bs-callout {padding: 8px 18px; border: 1px solid #EEEEEE; border-radius: 3px; margin: 0 0 15px 0;}
.bs-callout.bs-callout-primary {border-left: 4px solid #2D6BA1;}
.bs-callout.bs-callout-danger {border-left: 4px solid #D9534F;}

/* odstranit i z webu */
.profile_box {background: #EEEEEE; padding: 25px; display: inline-block; text-align: center; width: 300px;}
.btn_fb_login {background: #3B5999; padding: 3px 15px; text-decoration: none; color: #FFFFFF;}
.table-layout .cell1 {width: 60px; padding-right: 5px;}




#userNamePrint .fa {cursor: pointer;}

nav #navbar-default .btnNavLogin {background: #5CB85C;}
nav #navbar-default .btnNavLogin a.dropdown-toggle {color: #FFF;}

.ErrorBox {
	padding: 10px 20px; background: #D9534F; color: #FFF; display: inline-block;
}
.MessageBox {
	padding: 10px 20px; background: #5CB85C; color: #FFF; display: inline-block; margin: 10px 0;
}

.table-layout {
	display: table; width: 100%;
}
.table-layout .table-cell {
	display: table-cell; vertical-align: top;
}

.img-center {margin: 0 auto;}
.row > div {margin-bottom: 15px;}

footer {background: #EEEEEE; padding: 25px;}

/*section {background: #EEEEEE center url('../img/stavebni-dozor.jpg'); background-size: cover; color: #FFFFFF; font-size: 50px; text-transform: uppercase; font-weight: bold; line-height: 300px; height: 300px;}*/
section#headerBlock {background: #333 center url('../img/bg-tvorba-webu-01.jpg'); background-size: cover; color: #FFFFFF; font-size: 50px; text-transform: uppercase; font-weight: bold; line-height: 300px; height: 300px;}
section#headerBlock p {vertical-align: middle; display: inline-block; margin: 0; line-height: normal;}
section#headerBlock small {font-size: 25px; font-weight: normal;}

#cmsclick {position: absolute; z-index: 2000; top: 0; left: 0; width: 50px; height: 50px;}

.dots {
	white-space: nowrap;
	overflow:hidden !important;
	text-overflow: ellipsis;
}

/* GALERIE VYPIS */

#obsah-webu .galeriePrint {}
#obsah-webu .galeriePrint .row {}
#obsah-webu .galeriePrint .row .col {margin: 15px 0;}


/* OBSAH WEBU */

#obsah-webu {font-size: 17px; color: #34495E;} /* velikost textu obsahu stranky */
#obsah-webu p {line-height: 160%;}
#obsah-webu p span {line-height: initial;}
#obsah-webuX strong {color: @ccolor1;}
#obsah-webu a {color: @ccolor1; text-decoration: none;}
#obsah-webu a:hover {color: @ccolor1; text-decoration: underline;}
#obsah-webu .highlightedText1 {color: @ccolor1;}
#obsah-webu h1, #obsah-webu h2, #obsah-webu h3, #obsah-webu h4, #obsah-webu h5 {margin-top: 0; margin-bottom: 15px;}


/* KONATKT FORM BOTTOM */

.section-kontakt-form {padding: 40px 0 45px 0; background: #1F66AB 50% url('../img/pattern-blue-custom.png'); background-size: cover; color: #FFFFFF; font-size: 16px;}
.section-kontakt-form button {background: #FFF; color: #333; border: 1px solid #FFF; border-radius: 0; transition: 0.2s;}
.section-kontakt-form button:hover {background: #12569D; border: 1px solid #FFF;}
.section-kontakt-form input {border-radius: 0; background: none; color: #FFF; border: 1px solid #FFF; font-size: 16px;}
.section-kontakt-form textarea {border-radius: 0; background: none; color: #FFF;  border: 1px solid #FFF; font-size: 16px;}
.section-kontakt-form h3 {font-size: 30px;}
.section-kontakt-form .col-telefon {text-align: right;}
.section-kontakt-form .col-telefon strong {display: inline-block; font-size: 24px; font-weight: 400;}
.section-kontakt-form .col-telefon small {display: inline-block; font-size: 16px; color: darken(#DD4B39, 20%);}
.section-kontakt-form a {color: #FFF;}
.section-kontakt-form span {color: #8AC3EE;}
.section-kontakt-form hr {width: 200px; text-align: right; margin: 0 0 0 auto; border-top: 1px solid #8AC3EE;}
.section-kontakt-form h3 {color: #FFF;}
.section-kontakt-form input::-webkit-input-placeholder, .section-kontakt-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #8AC3EE;
}
.section-kontakt-form input:-moz-placeholder, .section-kontakt-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #8AC3EE; opacity:  1;
}
.section-kontakt-form input::-moz-placeholder, .section-kontakt-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #8AC3EE; opacity:  1;
}
.section-kontakt-form input:-ms-input-placeholder, .section-kontakt-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #8AC3EE;
}
.section-kontakt-form p.help-block {color: @ccolor_danger;}


/* FOOTER container */

#footer-container .border-1px-transparent {border: none;}
#footer-container {color: silver;}
#footer-container {color: silver; font-size: 14px;}
#footer-container a {padding: 0px; text-decoration: none; color: #FFF;}
#footer-container a:hover {text-decoration: underline;}
#footer-container-container #footer-container td, #footer-container p {}
#footer-container b, #footer-container strong, #footer-container td b, #footer-container td strong, #footer-container p strong, #footer-container p b {font-size: 24px; color: #FFFFFF; font-weight: 600; margin: 0 0 10px 0;}
#footer-container .customHighlightText, #footer-container b .customHighlightText, #footer-container td b .customHighlightText {color: @ccolor1;}
#footer-container h2, #footer-container h3 {color: #FFFFFF; padding: 0; margin: 0;}
#footer-container hr {border: 0px; background: @ccolor1; padding: 0px; margin: 10px 0; height: 1px;}
/*#footer-container hr {border-top: 2px solid @ccolor1; margin: 25px 0 20px 0;}*/
#footer-container table td {text-align: left;}
#footer-container iframe {margin: 10px 0 0 0;}


/* FOOTER copyright */

.section-footer .border-1px-transparent {border: none;}
.section-footer {color: #000; font-size: 15px;}
.section-footer .row.topLine {margin: 0 0px; height: 5px;}
.section-footer .row.topLine .col {background: top left url('../images/design/header-line.png') repeat-x; padding-top: 23px; margin: 0 0px; height: 5px;}
.section-footer a {color: #000; text-decoration: none;}
.section-footer a:hover {text-decoration: underline;}
.section-footer em a {color: #49BD2E; text-decoration: underline; font-size: 20px;}
.section-footer strong {font-size: 20px;}
.section-footer em a:hover {}
.section-footer p {margin: 0; padding: 0;}




/* INFO-BOX */

.bg-red {background: #DD4B39;}
.bg-blue {background: #00C0EF;}
.bg-green {background: #00A65A;}

.info-box {display: block; min-height: 90px; background: #F9F9F9; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 2px; margin-bottom: 15px}
.info-box small {font-size: 14px}
.info-box-icon {
	border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; 
	line-height: 90px;
}
.info-box-icon i {color: #FFF;}
.info-box-icon > img {max-width: 100%}
.info-box-content {padding: 5px 10px; margin-left: 90px;}
.info-box-text {text-transform: uppercase}
.info-box-number {display: block; font-weight: bold; font-size: 18px}

.info-box .text-overflow {
	width : 100%;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


/* WRAPPER */

#wrapper {
	display: table; width: 100%; min-height: 100%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper-page-content {
	display: table-cell; min-height: 100%; width: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/* Bootstrap 3 SubMenu */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* ROW BOX SAME HEIGHT */

.row-eq-height {
	/*
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	*/
}

/* LOGIN FORM */
#loginForm {background: #ECF0F5; font-family: 'Open Sans', sans-serif; font-weight: 400;}
#loginForm .loginBox {background: #FFF; border-top: 6px solid @adminBgColor;}
#loginForm .heading {padding: 40px 40px 20px 40px; color: @adminBgColor; font-size: 18px;}
#loginForm .body {padding: 20px 40px 20px 40px;}
#loginForm .body .form-control {border-radius: 0; font-sizeX: 16px; color: #333;}
#loginForm .body .form-control::-webkit-input-placeholder {color: silver;}
#loginForm .body .form-control::-moz-placeholder {color: silver;}
#loginForm .body .form-control:-ms-input-placeholder {color: silver;}
#loginForm .body .form-control:-moz-placeholder {color: silver;}
#loginForm .body .form-group {margin-bottom: 25px;}
#loginForm .body .form-group .btn {border-radius: 0; display: block; width: 100%; padding: 10px 15px; background: @adminBgColor; color: #FFF; font-size: 16px; transition: all .3s;}
#loginForm .body .form-group .btn:hover {background: darken(@adminBgColor, 10%);}
#loginForm .footing {padding: 15px 40px; background: #DDD; font-size: 14px; text-align: center; color: #333;}
#loginForm .footing a {color: #333;}


/*
	Clánky
*/

#obsah-webu #clanekDetail a {color: @ccolor3; text-decoration: none; font-weight: 400;}
#obsah-webu #clanekDetail a:hover {text-decoration: underline;}

#obsah-webu .clanekVypis a {color: @ccolor3; text-decoration: none; font-weight: 400;}
#obsah-webu .clanekVypis a:hover {text-decoration: underline;}
#obsah-webu .clanekVypis .col h3 {margin-top: 0;}
#obsah-webu .clanekVypis .nenalezeno {padding: 25px 50px; background: #F7F7F7; }
/*#obsah-webu .clanekVypis .col a.btn-primary {font-size: 14px; padding: 5px; border-radius: 5px; background: @ccolor1;}*/
/*
#obsah-webu .clanekVypis a {color: #333; text-decoration: none; font-weight: 400;}
#obsah-webu .clanekVypis a:hover {text-decoration: underline;}
#obsah-webu .clanekVypis h2 a, #obsah-webu .clanekVypis h3 a {color: #333; text-decoration: none;}
#obsah-webu .clanekVypis h2 a:hover, #obsah-webu .clanekVypis h3 a:hover {text-decoration: underline;}
#obsah-webu .clanekVypis .vypis-container {margin-bottom: 25px;}
#obsah-webu .clanekVypis .vypis-container .media-left p {margin-top: 25px;}
#obsah-webu .clanekVypis .vypis-container .media-left img {max-width: 200px; margin-right: 10px;}
#obsah-webu .clanekVypis .vypis-container .media-body a.btn-primary {border: 1px solid #000; background: #000; padding: 2px 10px; color: #FFF; text-decoration: none; border-radius: 0;}
#obsah-webu .clanekVypis .vypis-container .media-body a.btn-primary:hover {text-decoration: none;}
*/

#obsah-webu .clanekRightMenu #searchWeb .col {padding: 0;}
#obsah-webu .clanekRightMenu #searchWeb input {border-radius: 0;}
#obsah-webu .clanekRightMenu #searchWeb button {border-radius: 0;}
#obsah-webu .clanekRightMenu .block-search {margin-bottom: 45px; margin-top: 25px;}
#obsah-webu .clanekRightMenu .block-clanky {margin-bottom: 40px;}
#obsah-webu .clanekRightMenu .block-clanky a.all {border: 1px solid #DDD; padding: 2px 10px; color: #333; font-size: 14px; text-decoration: none;}
#obsah-webu .clanekRightMenu .block-clanky a.all:hover {background: #DDD; text-decoration: none;}
#obsah-webu .clanekRightMenu .block-archiv {margin-bottom: 30px;}
#obsah-webu .clanekRightMenu .block-rubriky {margin-bottom: 30px;}


/*
	Nahledy
*/

.portfolio-link {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 500px;
}
.portfolio-link:focus {outline: 0 none;}
.portfolio-link .caption {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0,0,0,.5);
	/*background: rgba(255,255,255,.5);*/
	/*background: rgba(24,188,156,.9);*/
    /*background: rgba(0,160,221,.7);*/
	-webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s;
}
.portfolio-link .caption:hover {opacity: 1;}
.portfolio-link .content {padding: 15px 0;}
.portfolio-link .caption .caption-content {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 20px;
	margin-top: -18px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.portfolio-link .caption .caption-content i {margin-top: -12px;}
@media(min-width: 767px) {.portfolio-item {margin: 0 0 30px;}}


/* MEDIA */

@media (min-width: 1200px) and (max-width: 1515px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	#obsah-webu .clanekVypis .vypis-container .media-left img {max-width: 180px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (min-width: 1px) and (max-width: 767px) {
	h1 {font-size: 40px;}
	h2 {font-size: 30px;}
	h3 {font-size: 23px;}
	
	body {margin-top: 35px;}
	
	nav.navbar-default .navbar-brand {padding: 0px 0 0 10px;}
	nav.navbar-default .navbar-brand img {margin: 13px 0 0 0px;}
	nav.navbar-default #navbar li a {background: #FFF; padding: 15px 15px; margin: 1px 0; border: 0; border-bottom: 1px solid #EEE;}
	nav.navbar-default #navbar li.active a {background: @ccolor1; border: 0; color: #FFF; border-bottom: 1px solid #EEE;}
	nav.navbar-default #navbar li:not(.active) a:hover {background: #F7F7F7; border: 0; color: #333; border-bottom: 1px solid #EEE;}
	
	#wrapper-page-content {display: block;}
	footer {text-align: center;}
	#wrapper {display: block;}
	
	/*
	.row-eq-height {display: block;}
	.row-eq-height > div {padding: 15px; margin: 0 0 15px 0;}
	*/
	
	#obsah-webu .clanekVypis .vypis-container .media-left img {max-width: 80px;}
	/*
	#obsah-webu .clanekVypis .vypis-container .media-left {display: block;}
	#obsah-webu .clanekVypis .vypis-container .media-body {display: block;}
	*/
}

/*
	Change Bootstrap's mobile navbar breakpoint
*/

@media (min-width: 1px) and (max-width: 992px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	nav.navbar-default #navbar ul.dropdown-menu {margin: 0; padding: 0; top: auto; left: auto; border: 0; border-radius: 0;}
	nav.navbar-default #navbar ul.dropdown-menu li {}
	nav.navbar-default #navbar ul.dropdown-menu::after {display: none;}
	nav.navbar-default #navbar ul.dropdown-menu::before {display: none;}
}
@media (max-width: 992px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}