body {
	font-size: 1.2rem;
	line-height: 1.6;
	font-weight:200;
}

h1, h2, h3, h4 {
	font-weight:600;
	font-family: 'Sarpanch',monospace!important;
}

h3 {
	font-size:1.6em;
}

.navbar-toggler {
	z-index:100;
}

.nav li {
	font-size:1.1em;
	margin-top:20px;
	font-weight:700;
/*	font-family:sans-serif;*/
}

.nav a:hover {
/*	text-decoration:none;*/
	color:#a60000!important;
}

.navbar h1 {
	height:68px;
	z-index:-2;
}

.navbar {
	margin-top:-0.8em;
}

.navbar-brand, .navbar {
	padding-bottom:0px;
}

.navbar-brand {
	position:absolute;
}

.navbar-header h1 {
	margin-bottom:0px;
}

.navbar-collapse {
	flex-grow:0;
}

.top_navigation, .bottom_sign {
	font-size:0.8em;
	position:relative;
	z-index:100;
} 

.bg_bg_header {
	background: url('../img/bg_bg_header.png') repeat-x;
/*	background:none;*/
	background-position: center center;
	border-radius:0px;
	height:310px;
	padding:0px;
	margin-bottom:0px;
}

.bg_header {
	background: url('../img/bg_header4.png') repeat-x;
	background-position: left top;
	border-radius:0px;
	height:310px;
}

.hashtags {
	background: #dddddd;
	font-weight: 300;
}

.krizek {
	color:#b0b0b0;
}

.skupina {
	display:inline-block;
}

.symbols {
	font-size:3em;
	margin-bottom:10px;
	color: #a60000;
}

.sluzby {
	padding:2em 0em;
}

.sluzby h2 {
	padding-left:20px;
	padding-right:20px;
}

.row_sluzby {
	margin:0px 35px;
}

.row_sluzby .karta_mezera{
	margin-bottom:4em;
}

.row_sluzby .karta {
	padding:1em;
	padding-top:2em;
	padding-bottom:1em;
	height:100%;
	border: 1px solid rgba(0,0,0,.125);
	background:#ffffff;
}

.row_sluzby ul{
	font-size:0.8em;
}

.sluzby h2 {
	margin:auto;
	margin-top:1.5em;
	margin-bottom:0em;
	max-width:650px;
	_width:650px;
}

.podtrhni {
	margin-bottom:3em;
	width:30%;
	border-top:2px solid #a60000!important;
}

.sluzby .podtrhni {
	margin-bottom:4em;
}

.reference {
	padding:2em 0em;
	background:#ececec;
}

.row_reference {
	margin:0px 35px;
}

.ref img {
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	max-width:120px; max-height:60px;
}

.ref:hover img {
	/*-webkit-filter: grayscale(0%);
	 filter: grayscale(0%);*/
}

.img100gray{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.img50gray{
	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
	filter: grayscale(50%);
}

.img30gray{
	-webkit-filter: grayscale(30%); /* Safari 6.0 - 9.0 */
	filter: grayscale(30%);
}

.img0gray{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.grayscale_kancl_hover {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.grayscale_kancl_hover:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.reference_parent_img {
	height:60px; 
	line-height:60px; 
	margin-bottom:3px;
}

.reference h2 {
	margin:auto;
	margin-top:1.5em;
	margin-bottom:0em;
	max-width:650px;
	_width:650px;
}

.reference p {
	max-width:550px;
	_width:550px;
	margin:auto;
	margin-bottom:2em;
	padding-left:20px;
	padding-right:20px;
}

.ref {
	width:100%;
	margin-top:2em;
}

.ref_desc {
	width:100%;
	font-size:0.70em;
}

.ref_a {
	width:100%;
}

.ref_a a{
	font-size:0.8em;
}

.ref_more {
	margin:auto;
	margin-top:2.5em;
	margin-bottom:3.5em;
}

.btn-text:not(.collapsed)  .more{display:none}
.btn-text.collapsed .less{display:none}



.onas {
	padding:2em 0em;
	background:#ffffff;
}

.row_onas {
	margin:0px 35px;
	margin-top:0em;
}

.onas h2, .onas h3 {
	margin:auto;
	margin-top:1.5em;
	margin-bottom:0em;
	max-width:650px;
	_width:650px;
	padding-left:20px;
	padding-right:20px;
}

.onas p {
	margin:auto;
	margin-top:1.5em;
	margin-bottom:0em;
	max-width:800px;
	_width:800px;
	padding-left:20px;
	padding-right:20px;
}

.medailonek {
	font-size:0.9em;
	padding-left:0px;
	padding-right:0px;
	margin-top:4em;
}

.medailonek img {
	width:100%;
}

.onas h3 {
	font-size:1.2em;
	font-weight:bold;
}

.onas h4 {
	margin-top:1em;
	margin-bottom:0em;
	font-size:1.8em;
}

.onas_more {
	margin:auto;
	margin-top:3.5em;
	margin-bottom:2.5em;
}

#collapsePer {
	font-size:0.9em;
}

.posun1 {
	margin-bottom:1.5em;
	margin-top:1.5em;
}

.patka{
/*	background:url('../img/zub.png') #222222 repeat-x;*/
/*	padding-top:100px;*/
	background: #222222;
	margin-bottom:0px;
	border-radius:0px;
	padding:1.2em 0px 2.5em 0px;
}

.patka p {
	margin-bottom:0px;
}

.vypis {
	font-size:0.8em;
	margin-top:1em;
}

.novinky {
	border-left: 1px dashed #c0c0c0;
	padding-left:30px;
}

.adresa {
	padding-right:30px;
}

.motto1 {
	padding-top:50px;
	font-size:1.1em;
	padding-left:25px;
	width:340px;
	text-shadow: 0 0 10px #000000
}

.motto2 {
	padding-top:10px;
	font-size:0.8em;
	padding-left:25px;
	width:340px;
	text-shadow: 0 0 10px #000000
}

@media (min-width: 500px) {
   .motto1, .motto2 {width:450px;}
}

.sluzby ul {
	list-style-image: url('../img/bullet.png');
}

/*.sluzby ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.sluzby li {
  padding-left: 3em;
  text-indent: -1em;
}

.sluzby li:before {
  content: ">";
  padding-right: 5px;
}*/

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

.w100 {
	width:100%;
}

.reference_red {
	width:100%;
	background:url('../img/bgred.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.m_auto {
	margin:auto;
}


.intext-small {
	float:right;
	padding:3px;
}

.mw-650 {
	max-width:650px; _width:650px; margin:auto;
}

.p-3-0 {
	padding: 3em 0em;
}

.m-0-35 {
	margin:0px 35px;
}

.jlist {
	list-style-image: url('../img/bullet.png'); line-height:2em; font-weight:200;
}

.jlist li {
	padding-left:5px;
}

.fasred {
	color:#a60000; margin-bottom:20px;
}

.f200 {
	font-weight:200;
}

.m-top-20 {
	margin-top:20px;
}

.p-10-0-40-0 {
	padding:10px 0px 40px 0px;
}

/* tiles images */
.tiles {
  counter-reset: cool -1 good -1;
  padding: 12px 0;
}
.tiles > div {
  margin: 0;
  padding: 2px;
}
.tiles > .col-xs-2 {
  width: 20%;
}
.tiles > .col-xs-4 {
  width: 40%;
}
.tiles > div:nth-of-type(3) > div {
  margin-bottom: -100%;
}
.tiles > div:nth-of-type(7) {
  margin-left: 40%;
}
.tiles > div:nth-of-type(8),
.tiles > div:nth-of-type(22) {
  clear: both;
}
.tiles > div:nth-of-type(19) {
  clear: left;
}

.tiles > div > div {
  position: relative;
}

.tiles img {
  display: block;
  height: auto;
  width: 100%;
}