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

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

body {font-family: 'Roboto'; padding-top: 0; padding-bottom: 0; margin: 0; font-size: 16px; margin-top: 108px;}


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, h2, h3, h4, h5 {font-weight: 500;}


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

/* carousel fade effect */
#myCarousel {
	margin: 0 0 50px 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;}
#obsah-webu section.silver {background: #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; border-bottom: 1px solid #F9F9F9; backgroundX: 50% url('../images/design/menu-bg.jpg'); background-size: cover; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;
	border-top: 8px solid @ccolor1;
}
nav.navbar .container {border-bottom: 0px solid #FFFFFF;}
nav #navbar ul li a {color: #333333; font-size: 16px; border-bottom: 0px solid transparent; margin-left: 1px; padding-top: 40px; padding-bottom: 40px;}
nav #navbar ul li.active a, nav #navbar ul li a:hover {border-bottom: 0px solid #E7E7E7; color: @ccolor1; text-decoration: underline;}
nav #navbar ul li a:hover {text-decoration: none;}
nav #navbar ul li.active a {background: none;}
nav #navbar ul.dropdown-menu li a {padding-top: 12px; padding-bottom: 12px;}
.navbar-brand {padding: 25px 0 0 0; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; height: 105px;}
.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: #FFF; font-weight: 200; font-size: 16px; color: #5D5D5E;}
footer .container {padding: 15px 0 5px 0;}
footer a {color: @ccolor1; text-decoration: underline;}
footer a:hover, footer a:active {color: @ccolor1; text-decoration: none;}
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) {
	
}