/* 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: 18px; 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 */
/* ------------------------------------------------------------------------------------------ */

#header {
	positionX: relative; text-align: center; width: 100%;
	/*height: 657px;*/
	/*background: 50% url('../images/design/header-image.jpg');*/
}
#header .container {position: relative; z-index: 1; background: red; padding: 0; margin: 0 auto;}
#header #myCarousel .item {width: 100%;}
#header #myCarousel img {padding: 0;}
#header .logo {position: absolute; left: 0; z-index: 1;}

.navbar-default .langCont {position: absolute; right: 0; color: #FFF; font-size: 20px; z-index: 1; margin-top: -36px;}
.navbar-default .langCont a {color: #FFF; text-decoration: none; font-weight: 200;}
.navbar-default .langCont a.active {text-decoration: underline;}
.navbar-default .langCont .fb {margin-left: 5px;}

.captionLineWrapper {}
.captionLineWrapper span {}
.captionLineWrapper span span {}

.captionLineWrapper {text-align: center; margin: 0px 0;}
.captionLineWrapper h3 {
	position: relative;
	background: url('../images/design/bg-line.png') 50% 50% repeat-x;
	font-size: 17px; font-weight: 400;
	color: @ccolor1;
}

.captionLineWrapper h3 span {
	background: #fff;
    padding: 0 12px;
    position: relative;
    z-index: 5;
	display: inline-block;
}


/* hledej btn */
#search {position: absolute; right: 0; margin-top: 10px; background: #D0D0D0;}
#search form {}
#search form input#frmSearch {font-size: 14px; padding: 5px 10px; background: #D0D0D0; border: 0; color: #333;}
#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: 5px 10px; border-radius: 0; background: #D0D0D0; color: #333;}

input.hledej_text {background: #FFF; border: 1px solid #333; padding: 5px 10px 5px 10px; display: inline-block; color: #333;}
input.btn.btn-custom {background: @ccolor1; color: #FFF; padding: 8px 25px;}
input.btn.btn-custom:hover {background: darken(@ccolor1, 10%);}

#obsah-webu.content .highlightedText1 {color: @ccolor1;}

#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;}



/*
.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;}
	
	
	.navbar-default .container {
		color: #ffffff;
		background-color: #333;
	}
	
	.navbar-default .langCont {left: 15px; margin: 0; display: inline-block; width: 120px;}
	#search {display: block; margin-top: -50px;}
}


#obsah-webu section {}
#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 a.btn-primary, footer a.btn-primary {background: none; color: #333; border-radius: 0; border: 2px solid #333; padding: 5px 15px 3px 15px; text-decoration: none; min-width: 180px;}
#obsah-webu section a.btn-primary:hover, footer a.btn-primary:hover {background: @ccolor1; color: #FFF; border: 2px solid @ccolor1;}



#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: #2C2C2C; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;
	margin-bottom: 0px; border-radius: 0;
}
nav.navbar .container {
	position: relative;
	border-bottom: 0px solid @ccolor1;
	padding: 0;
}
nav #navbar ul li a {color: #FFF; font-size: 18px; border-bottom: 0px solid transparent; margin-left: 1px; padding: 20px 20px 5px 0px; text-transform: uppercase; font-weight: 400; border-top: 0px 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: 0px solid @ccolor1;}
nav #navbar ul li a:hover {text-decoration: none;}
nav #navbar ul li.active a {background: none; text-decoration: underline;}
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: 12px; border: 0; font-size: 16px; background: #FFF;
	border-radius: 0; border-bottom: 1px solid #EEE; color: #333;
}
.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: #FFF;
	font-weight: 400; font-size: 18px; color: #2C2C2C;
}
footer .container {padding: 25px 0 10px 0;}
footer a {text-decoration: underline; font-weight: 400; text-decoration: none; color: @ccolor1;}
footer a:hover, footer a:active {color: @ccolor1; 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;}
	nav.navbar .container {padding: 25px;}
	nav.navbar a {text-align: center;}
}




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