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

/* Non-responsive Bootstrap */
/* Reset the container */
/*
.container {
  width: 1200px;
  max-width: none !important;
}
*/

body {
	padding-top: 0; padding-bottom: 0; margin: 0; font-size: 17px; margin-top: 0; /*108px;*/
	/*background: #313131 top center url('../images/design/body-background.png') repeat-x;*/
}


/*
h1 {font-size: 37px; font-weight: 400;}
h2 {font-size: 28px; font-weight: 400;}
h3 {font-size: 22px; font-weight: 400;}
h4 {font-size: 20px; font-weight: 400;}
*/

h1 {font-size: 28px; color: @ccolor1;}
h2 {font-size: 23px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}

h1, h2, h3, h4, h5 {font-weight: 700;}


/* CUSTOM WEB */
/* ------------------------------------------------------------------------------------------ */

#scrollTop {position: fixed; bottom: 10px; right: 100px; marginX: 0 0 0 990px; cursor: pointer; display: none;}

/* logo webu */
#logoContainer {position: relative;}
#logoContainer a {position: absolute; z-index: 1; margin: 20px 0 0 0;}

#fbLink {position: relative;}
#fbLink a {position: absolute; right: 5px; z-index: 1; margin: 0px 0 0 0; padding: 5px 15px; color: @ccolor1; background: #FFF;}
#fbLink a:hover {background: @ccolor1; color: #FFF;}

@media (min-width: 992px) and (max-width: 1199px) {
	#logoContainer {text-align: center;}
	#logoContainer a {display: inline-block; position: static; margin: 5px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#logoContainer {text-align: center;}
	#logoContainer a {display: inline-block; position: static; margin: 5px;}
}
@media (min-width: 1px) and (max-width: 767px) {
	#logoContainer {text-align: center;}
	#logoContainer a {display: inline-block; position: static; margin: 5px;}
	
	#fbLink {text-align: center;}
	#fbLink a {display: inline-block; position: static; margin: 5px; border: 1px solid @ccolor1;}
}

/* hledej btn */
#search {position: relative;}
#search form {position: absolute; right: 0; z-index: 1; background: @ccolor1; margin: -30px 0 0 0;}
#search form input#frmSearch {font-size: 14px; padding: 2px 10px; background: none; border: 0; color: #FFF;}
#search form input#frmSearch:focus {outline:0;}
#search form input#frmSearch::-webkit-input-placeholder {color: #EEE;}
#search form input#frmSearch:-moz-placeholder {color: #EEE;}
#search form input#frmSearch::-moz-placeholder {color: #EEE;}
#search form input#frmSearch:-ms-input-placeholder {color: #EEE;}
#search form button.btn {padding: 2px 10px; border-radius: 0; background: @ccolor1; color: #FFF;}

input.hledej_text {background: #FFF; border: 0; padding: 8px 10px 10px 10px; display: inline-block; color: #333;}

#obsah-webu.content .highlightedText1 {color: @ccolor1;}
#obsah-webu.content input.btn-primary, #obsah-webu.content button.btn-primary {background: @ccolor1; border-radius: 0;}
footer a.btn.btn-primary.btn-embossed {background: @ccolor1; border-radius: 0; text-decoration: none;}
footer a.btn.btn-primary.btn-embossed2 {background: #FFF; color: @ccolor1; border-radius: 0; text-decoration: none;}

#obsah-webu #fontaktni_formular input {border-radius: 0;}
#obsah-webu #fontaktni_formular textarea {border-radius: 0; min-height: 104px; /*166px;*/}
#obsah-webu #fontaktni_formular input:focus {border-color: @ccolor1;}

/* carousel fade effect */
#myCarousel {
	margin: 0 0 0px 0;
}
#myCarousel .item {width: 100%;}
#myCarousel img {padding: 0;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}



/*
.navbar-cookie {border-top: 1px solid #1ABC9C; background: #1ABC9C; color: #333333; padding: 0px;}
.navbar-cookie .container {padding: 3px; font-size: 12px; color: #FFFFFF;}
.navbar-cookie .container .text-left {padding: 5px;}
.navbar-cookie a {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
.navbar-cookie .btn {display: inline-block; font-size: 12px; background: #16A085; color: #FFFFFF; padding: 5px 10px;}
*/
.navbar-cookie {border-top: 0px solid gray; background: silver; color: #333333; padding: 0px;}
.navbar-cookie .container {padding: 3px; font-size: 12px; color: #FFFFFF;}
.navbar-cookie .container .text-left {padding: 5px;}
.navbar-cookie a {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
.navbar-cookie .btn {display: inline-block; font-size: 12px; background: #A4A4A4; color: #FFFFFF; padding: 5px 10px;}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (min-width: 1px) and (max-width: 767px) {
	.navbar-cookie .container .row > div {text-align: center;}
	.navbar-cookie .container .text-left spam {padding: 0;}
}


#obsah-webu section {}
#obsah-webu section a.btn-primary {
	/*background: @ccolor1; border-radius: 10px;*/
	background: @ccolor1; color: #FFF; text-decoration: none; border-radius: 0px; padding: 8px 35px;
}
#obsah-webu section a.btn-primary:hover {background: lighten(@ccolor1, 15%);}
#obsah-webu section.space {padding-top: 45px; padding-bottom: 45px;}
#obsah-webu section.white {background: #FFFFFF; color: @ccolor1;}
#obsah-webu section.silver {background: #E8E8E8; /*#F7F7F7;*/}
#obsah-webu section.gray {background: gray;}
#obsah-webu section.black {background: #000000;}
#obsah-webu section.primary {background: @ccolor1; color: #FFFFFF;}
#obsah-webu section.primary a {color: #FFFFFF; text-decoration: underline;}
#obsah-webu section.primary a:hover {color: #FFFFFF; text-decoration: none;}
#obsah-webu section.primary a.btn-primary {background: @ccolor1; color: #FFF; border: 1px solid #FFF; text-decoration: none;}
#obsah-webu section.primary a.btn-primary:hover {background: lighten(@ccolor1, 15%);}


#obsah-webu section.section-bg-home-1 {background: 50% url('../images/design/doxgysvrziojjn1cwnaa.jpg'); background-size: cover; padding: 120px 0;}
#obsah-webu section.section-bg-home-1 .btn {font-size: 25px; padding: 20px 70px;}

#obsah-webu section.section-bg-home-2 {padding: 40px 0;}

#obsah-webu section.section-bg-home-news {padding: 40px 0;}
#obsah-webu section.section-bg-home-news .col .col {padding: 5px; font-size: 15px;}
/* #obsah-webu section.section-bg-home-news .col .col a {background: lighten(@ccolor1, 10%); padding: 5px 10px; text-decoration: none; border-radius: 1px; display: block; text-align: center;} */
#obsah-webu section.section-bg-home-news .col .col a {text-decoration: none;}
#obsah-webu section.section-bg-home-news .col .col a:hover {text-decoration: underline;}
#obsah-webu section.section-bg-home-news .col .col a.more-info {font-size: 14px;}
#obsah-webu section.section-bg-home-news a.old-news {
	text-decoration: none;
	background: lighten(@ccolor1, 10%); padding: 5px 10px; text-decoration: none; border-radius: 1px; display: inline-block; text-align: center; border: 1px solid #FFF;
}
#obsah-webu section.section-bg-home-news a.old-news:hover {background: #FFF; color: @ccolor1;}


.jumbotron {background: 50% url('../images/design/bg.jpg'); background-size: cover; color: #FFFFFF; min-height: 400px; padding-top: 120px;}
.jumbotron big {font-weight: bold; font-size: 50px;}
.jumbotron p {font-weight: 400;}

.block-pripravovane h2 {font-size: 45px; font-weight: 600;}
.block-pripravovane p {font-size: 21px; font-weight: 200;}

nav.navbar-default {
	border: 0; margin: 0; background: #FFF; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;
	
	margin-bottom: 45px
}
nav.navbar .container {
	border-bottom: 5px solid @ccolor1;
}
nav #navbar ul li a {color: #333; font-size: 20px; border-bottom: 0px solid transparent; margin-left: 1px; padding: 5px 10px 20px 10px; text-transform: uppercase; font-weight: 400; border-top: 9px solid #FFF;}
nav #navbar ul li.active a, nav #navbar ul li a:hover {border-bottom: 0px solid #E7E7E7; color: @ccolor1; text-decoration: underline; border-top: 9px solid @ccolor1;}
nav #navbar ul li a:hover {text-decoration: none;}
nav #navbar ul li.active a {background: none; font-weight: 600; text-decoration: none;}
nav #navbar .dropdown-toggle .caret {
	width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #909090 transparent transparent transparent;
}
nav #navbar .dropdown-toggle:hover .caret {
	width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: @ccolor1 transparent transparent transparent;
}
nav #navbar ul.dropdown-menu {
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.4); box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
nav #navbar ul.dropdown-menu li a {
	padding-top: 12px; padding-bottom: 12px; border: 0; font-size: 16px; background: #FFF;
	border-radius: 0; border-bottom: 1px solid #EEE;
}
.navbar-brand {padding: 10px 0 0 0; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; height: 52px;}
.navbar-brand img {-webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s; height: 52px;}
nav.navbar .navbar-collapse {max-height: none;}

footer {
	/*background: #313131 top center url('../images/design/footer-background.png') repeat-x;*/
	background: @ccolor1;
	font-weight: 400; font-size: 16px; color: #FFF;
}
footer .container {padding: 25px 0 10px 0; position: relative;}
footer a {color: #FFF; text-decoration: underline; font-weight: 400; text-decoration: none;}
footer a:hover, footer a:active {color: #FFF; text-decoration: underline;}
footer strong {color: @ccolor1;}


#form-contact-box {background: #F5F5F5; padding: 30px 0;}
#form-contact-box strong {color: @ccolor2;}
#form-contact-box span {font-weight: 100; color: silver; font-size: 12px;}
#form-contact-box big {font-size: 35px;}
#form-contact-box button {background: @ccolor1; color: #FFF; min-width: 150px;}
#form-contact-box textarea {min-height: 167px;}



#obsah-webu table td {border-color: #F1F1F1;}

div.panel.panel-primary {border-color: #3A9BE6;}
div.panel.panel-primary .panel-heading {background: #3A9BE6;}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	opacity: .3;
}
img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	opacity: 1;
}

@media (min-width: 768px) {	
	.navbar-default.navbar-shrink {/*background: rgba(236,240,241,0.9);*/ height: 80px; background: rgba(255,255,255,0.9);}
	.navbar-default.navbar-shrink .navbar-brand {padding: 10px 0 0 0;}
	.navbar-default.navbar-shrink .navbar-brand img {height: 52px; width: auto;}
	.navbar-default.navbar-shrink #navbar li a {padding-top: 25px; padding-bottom: 10px;}
}
@media (max-width: 768px) {
	h1 {font-size: 50px; /*61*/}
	h2 {font-size: 43px; /*53*/}
	h3 {font-size: 30px; /*40*/}
	h4 {font-size: 25px; /*29*/}
	h5 {font-size: 28px; /*28*/}
	.jumbotron big {font-weight: bold; font-size: 40px;}
	footer {text-align: center;}
	
	nav.navbar-default {background: #ECF0F1;}
	nav #navbar {background: #EEEEEE;}
	nav #navbar ul li a {color: #333333; border: none;}
	nav #navbar ul li.active a {color: #333333; border: none; font-weight: bold;}
	nav #navbar ul li a:hover {color: #333333; border: none; font-weight: bold;}
	.navbar-default .navbar-brand img {width: auto;}
}




@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (min-width: 1px) and (max-width: 767px) {
	
}