/* 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
*/

#obsah-webu .flex-container {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

#obsah-webu .flex-container > div {
	
}

header {padding: 35px 0 15px 0; background: top left url('../images/design/header-line.png') repeat-x; border-bottom: 1px solid #EBEBEB;}
header .col-left {padding-top: 7px;}
header .col-left span {color: #E34848;}
header .col-middle {text-align: center;}
header .col-middle img {display: inline-block;}
header .col-right {text-align: right;}


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

/* 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: #FFF; position: absolute; z-index: 1; border: 1px solid #EEE;}
#hlMenu ul li {margin: 0; padding: 0;}
#hlMenu ul li a {display: block; text-align: center; text-transform: uppercase; padding: 7px 25px; color: #000; font-size: 18px; text-decoration: none;}
#hlMenu ul li.active a {text-decoration: underline;}

#fontaktni_formular textarea {height: 132px;}





/* 
	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) {
	
}


/*
	Rozsireni webu 
*/

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