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

/*
	jquery fancybox
*/

.fancybox-skin {border-radius: 0;}


/*
	#obsah-webu
*/

#obsah-webu a.btn-primary.btn {background: @ccolor1; padding: 7px 15px; border: 1px solid #FFF; border-radius: 0; color: #FFF; transition: all 0.5s; text-decoration: none; margin-top: 15px; border-radius: 4px; border-bottom: 2px solid darken(@ccolor1, 10%);}
#obsah-webu a.btn-primary.btn:hover {background: lighten(@ccolor1, 15%); color: #FFF;}
#obsah-webu a.btn-primary.btn span {display: inline-block; position: relative; transition: 0.3s;}
#obsah-webu a.btn-primary.btn span:after {content: '\00bb'; position: absolute; opacity: 0; top: -15px; right: -20px; transition: 0.3s;}
#obsah-webu a.btn-primary.btn:hover span {padding-right: 25px;}
#obsah-webu a.btn-primary.btn:hover span:after {opacity: 1; right: 0;}



#obsah-webu .table tr td {border-bottom: 1px solid #F1F1F1;}
#obsah-webu .table tr:last-child td {border-bottom: 0;}

#obsah-webu .page-header {border-bottom: 2px solid #E7E9EC;}

#obsah-webu section {padding-top: 50px; padding-bottom: 50px;}
#obsah-webu section section {padding: 15px;} /* fix width section in section */
#obsah-webu section section .container {max-width: 100%; padding-top: 10px;} /* fix width section in section */


#obsah-webu section.whiteText, #obsah-webu section.whiteText h1, #obsah-webu section.whiteText h2, #obsah-webu section.whiteText h3 {color: #fff;}
#obsah-webu section.whiteText .btn-primary {background: #FFF; color: #333; border-bottom: 2px solid darken(#FFF, 15%);}
#obsah-webu section.whiteText .btn-primary:hover {background: darken(#FFF, 10%); border-bottom: 2px solid darken(#FFF, 25%); color: #333;}


#obsah-webu section.blackText {}





/*
	CUSTOM web
*/

#footerClankyText p {}

nav.navbar-default {-webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;}

#home-first-screen {
	width: 100%; height: 100vh; background: #f6f6f6;
	display: table; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: -webkit-inline-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
#home-first-screen a {display: table-cell; vertical-align: middle; text-align: center;}
#home-first-screen a img {display: block; margin: 0 auto;}

#uvod-circle {text-align: center; margin: 0 auto;}
#uvod-circle .row {display: block; text-align: center; margin: 0 auto;}
#uvod-circle .row .col {display: inline-block; width: 200px; height: 280px; border: 1px solid none; float: none; padding: 0; margin: 0 auto; white-space: nowrap;}

#navbar li.home {width: 60px;}
#navbar li.home a img {display: inline-block; position: absolute; padding: 0; margin: -3px 0 0 0;}

#navbar li.search {}
#navbar li.search i {padding: 36px 0 10px 15px; font-size: 20px; color: gray; cursor: pointer;}
#navbar li.search table {
	display: none; opacity: 0; position: absolute; right: 0; font-family: 'Open Sans', sans-serif; margin-top: 25px;
	transition: all 0.5s;
}
#navbar li.search table input {display: inline-block; font-size: 18px; border: 2px solid gray; outline: 0;}
#navbar li.search table input.text {padding: 1px 10px;}
#navbar li.search table input.submit {padding: 6px; background: gray; color: #FFF; border: 0;}
#navbar li.search table input.submit:hover {background: darken(gray, 5%);}
/*#navbar li.search i:hover table {display: inline-block; opacity: 1;}*/

#headerTop {background: #1D1D1B; color: #FFF; font-size: 16px; font-weight: 200;}
#headerTop .container {padding: 3px 0;}
#headerTop .container .left {float: left;}
#headerTop .container .right {float: right;}
#headerTop a {color: #FFF; text-decoration: underline;}
#headerTop i, #headerTop .orange {color: @ccolor1;}
#headerTop i {font-size: 20px;}
#headerTop .right a {text-decoration: none;}
#headerTop .right a:hover {text-decoration: underline;}
#headerTop .right a.active {color: @ccolor1; text-decoration: underline;}

#uvodTop {background: @ccolor1; color: #FFF;}

.section-footer {color: #FFF; border-top: 7px solid @ccolor1;}
.section-footer a {color: #FFF;}
.section-footer h1, .section-footer h2, .section-footer h3, .section-footer strong {color: @ccolor1;}
.section-footer hr {width: 100%; text-align: right; margin: 0 0 0 auto; border-top: 7px solid @ccolor1;}



#myCarousel .arrow-left, #myCarousel .arrow-right {
	display: inline-block;
	position: absolute;
	top: 50%;
	z-index: 5;
	transform: translate(0, -50%);
}
#myCarousel .carousel-indicators {z-index: 1;}

/* Hlavni menu */	
#hlMenu {display: inline-block;}
#hlMenu img {display: inline-block; margin: 20px 0 auto auto; padding-bottom: 10px; cursor: pointer;}
#hlMenu:hover ul {display: block;}
#hlMenu ul {display: none; margin: 0; padding: 10px 0; list-style-type: none; background: #D6A761; position: absolute; z-index: 1;}
#hlMenu ul li {margin: 0; padding: 0;}
#hlMenu ul li a {display: block; text-align: center; text-transform: uppercase; padding: 7px 25px; color: #FFF; font-size: 18px; text-decoration: none;}
#hlMenu ul li.active a {text-decoration: underline;}

#kontaktni_formular textarea {height: 132px;}
#kontaktni_formular input.submit {background: @ccolor1; border: 1px solid darken(@ccolor1, 7%);}
#kontaktni_formular input.submit:hover {background: darken(@ccolor1, 5%); border: 1px solid darken(@ccolor1, 12%);}





/* 
	MEDIA
*/

@media (min-width: 1200px) and (max-width: 1515px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (min-width: 1px) and (max-width: 767px) {
	.navbar-brand img {height: 35px;}
	#headerTop .left {text-align: center; width: 100%;}
	#headerTop .left span.block {display: block;}
	#headerTop .right {width: 100%; text-align: right; padding-right: 15px;}
}


/*
	Rozsireni webu 
*/

@media (min-width: 1330px) {
	/*#wrapper-page-content .container {width: 1300px;}*/
}