@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/ubuntu-b-webfont.eot');
    src: url('fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-b-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-b-webfont.woff') format('woff'),
         url('fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntulight';
    src: url('fonts/ubuntu-l-webfont.eot');
    src: url('fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-l-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-l-webfont.woff') format('woff'),
         url('fonts/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {    font-family: 'ubuntulight'; line-height:150%; padding-top:0rem}

/** grid **/
.adc-cols-2  {
display: grid;
grid-template-columns: 1fr ;
grid-gap: 3rem; }

.adc-cols-1u  {
display: grid;
grid-template-columns: 1fr;
grid-gap: 3rem; }


@media (min-width: 1024px) { 
.adc-cols-2  {
display: grid;
grid-template-columns: 3fr 8fr;
grid-gap: 3rem; }


.adc-cols-1u  {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 3rem; }


}


h1 {font-family: 'ubuntubold'; color:#295715; padding-bottom:1.5rem;  font-size:1.5rem}
h2 {font-family: 'ubuntubold'; color:#295715; padding-bottom:0.8rem; margin:0; font-size:1.2rem}
h2.home {font-family: 'ubuntubold'; color:#295715; padding-bottom:1rem}
h3 {font-family: 'ubunturegular'; color:#000; font-size:1.2rem; padding-bottom:1rem; margin:0rem; padding-top:1rem}
p {text-align:justify;}
strong {font-family: 'ubunturegular'; font-weight: normal;color:#000;  }


.header {background: url('../img/header.png');  background-size:100%;  margin:0 auto; height:80px; padding-top:0rem}
.kontakt-header {background: rgba(255,149,0,0.5); display:inline-block; padding:0.5rem 1rem; color:#fff; font-weight:bold}
.Tright {text-align:right}
.navbar {padding:0}


@media (min-width: 1024px) { 
.header {height:332px;  padding-top:1.5rem}
h1 {font-family: 'ubuntubold'; color:#295715; padding-bottom:1.5rem;  font-size:2rem}
h2 {font-family: 'ubuntubold'; color:#295715; padding-bottom:0.8rem; margin:0; font-size:1.4rem}
}


.menu-header { 
    display: block;
    font-weight:bold;
	margin: 0;
    padding: 0;
	z-index:100;
	
}

.menu-header  ul { 
    list-style-type: none;
    margin: 0;
    padding: 0;
	display:block;
	z-index:100;
}

.menu-header  ul li { float:right;  font-size: 1rem; z-index:100; }
.menu-header  ul li.first-item span {margin-right:0rem; padding-right:0rem}
.menu-header  ul li.last-item span {margin-left:0rem; padding-left:0rem; z-index:100;}
.menu-header span { display:block;}
.menu-header span a { font-family: 'ubuntubold';
    color: #fff; padding:0.2rem 0rem;
    line-height: 2rem;
    text-decoration: none;
	 z-index:100
}

.menu-header  ul li.nic {display:none}

@media (min-width: 1024px) { 
.menu-header  ul li.nic {display:block}
}

.menu-header a:hover {color:#000; text-decoration:underline; z-index:100; }

.menu-header ul li.none {display:none}
.menu-header span:after { content: "|"; padding:0rem 1rem; color:#ddd; text-decoration:none }
.menu-header ul li.last-item span:after { content: none}


.menu-footer  ul { float:left;
    list-style-type: none;
    margin: 0;
    padding: 0;
	display:block;
	z-index:100;
}

.menu-footer  ul li { float:left;  font-size: 1rem; z-index:100; }
.menu-footer  ul li.first-item span {margin-right:0rem; padding-right:0rem}
.menu-footer  ul li.last-item span {margin-left:0rem; padding-left:0rem; z-index:100;}
.menu-footer span { display:block;}
.menu-footer span a { font-family: 'ubuntubold';
    color: #fff; padding:0.2rem 0rem;
    line-height: 2rem;
    text-decoration: none;
	 z-index:100
}



.menu-footer a:hover {color:#000; text-decoration:underline; z-index:100; }

.menu-footer ul li.none {display:none}
.menu-footer span:after { content: "|"; padding:0rem 1rem; color:#ddd; text-decoration:none }
.menu-footer ul li.last-item span:after { content: none}

footer a {color:#fff; text-decoration:underline}

#page a {color:#438127; font-family: 'ubunturegular'; text-decoration:underline}
.page {padding:0rem 0rem}

	
@media (min-width: 1024px) { 
.page {padding:2rem 0rem}
}
	
nav.menu {
    display: block;
    width: 100%;
    background: #2B99D9;
    border:1px solid white; 
}

nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;  width: 100%; background-image: linear-gradient(to right, #4F8317, #72A836);
}

nav.menu ul li {
    width: 100%;
	border-bottom: 1px solid transparent ;
        width: auto;
        /*background: red;*/
        display: block;
}



nav.menu a { display:block; border-bottom:1px solid transparent;
        margin:0rem 1rem; padding:0.5rem 0.1rem; font-size:0.9rem;
        position: relative; font-family:'ubunturegular'; color:#fff;
    }
	
	nav.menu a:before {content:none}
	
	nav.menu a:hover {background:none; border-bottom: 1px solid #F2AC00; color:#FFC820; text-decoration:none;}
	
	 nav.menu li.active,  nav.menu li.active ul  {background:transparent; border-bottom: 1px solid transparent; }
	 nav.menu li.active a {border-bottom: 1px solid #F2AC00; font-weight:bold; color:#FFC820}
	  nav.menu li.active a li.active a {border-bottom: 1px solid transparent;}
    nav.menu li:hover {
       border-bottom: 1px solid transparent;
        background: transparent;
       }
	  
	  nav.menu li:hover a:before, nav.menu li.active a:before {color:#FFC820}  
	  
	 nav.menu li.test a::after {content:"\f107"; font-family:'FontAwesome'; color:#fff; font-size:1.1rem; position:absolute; right:0; vertical-align:0.2rem}
		nav.menu li.test li a::after {content:none} 
		nav.menu li.none  {display:none} 	

	nav.menu li.active ul {margin:0.5rem 0rem 0rem 0rem; padding-top:0; padding-bottom:0.5rem}
	nav.menu li.active ul li {border-bottom:1px solid transparent; }
	nav.menu li.active ul li a {padding:0rem 0rem 0rem 1.5rem; margin-left:0.5rem; font-weight:normal; border-bottom: 1px solid transparent;}
	nav.menu li.active ul li.active a {color:#fff}
	nav.menu li.active ul li a:hover {color:#fff}
	nav.menu li.active ul li a:before {content:"\f105"; font-family:'FontAwesome'; color:#fff; font-size:1rem; padding-right:0.6rem;  vertical-align:0.1rem}
	
	/* šaškárny kolem schovávacího tlačítka */
	nav a.nav-toggler  { /* tlačítko na velkém rozlišení schovat */
		display: none;
	}
	nav #hlavni-menu  { /* menu na velkém rozlišení zobrazit */
		display: block;
	}
	/* /šaškárny kolem schovávacího tlačítka */



@media (min-width: 1024px) {
nav.menu { margin-top: -7rem; border:6px solid #fff; border-radius:0.3rem; box-shadow:#d6d6d6 1px 1px 1px; }	
nav.menu a {font-size:1rem}
nav.menu a:before { content:"\f111"; font-family:'FontAwesome'; color:#F2AC00 ; font-size:0.4rem; padding-right:0.8rem;  vertical-align:0.2rem }
}


.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}

.archiv {font-size:1.1rem; padding:1rem 0rem; text-align:right}
.archiv span {font-size:1.2rem; vertical-align:-0.1rem; padding:0rem 0.5rem}

.uredni-deska {margin:1rem}
.uredni-deska .datum {background:#fff; border-top:1px solid #e8edf3; margin: 2px 0px 2px 0px; border-bottom:1px solid #e8edf3; font-size:0.8rem}
.uredni-deska .datum span {float:right}
.uredni-deska .vypis {background:rgba(185, 250, 144, 0.2); font-size:0.9rem; }
.uredni-deska .vypis p {padding:0rem 0rem 0.5rem 0rem; margin:0; text-align:left;}


.akce {margin:3rem 0rem 0rem 1rem}
.akce .titulek {font-family:'ubuntubold'; font-size:1.7rem; color: #006FAE; padding-bottom:1.5rem}
.akce .titulek:before {content:"\f0eb"; font-family:'FontAwesome'; color:#fff; background: #F2AC00; color:#fff; padding:0.7rem 1rem; margin-right:0.8rem; border-radius:50% }


@media (min-width: 1024px) { 
.akce {margin:3rem 0rem 3rem 1rem}
}



.kalendarium {background:#efefef; margin-bottom:0rem}
.kalendarium h3 {font-size:0.9rem; padding:0.5rem 0rem; margin:0; font-weight:bold}
.kalendarium .datum {text-align:center; font-family:'ubuntubold'; color:#FDF400; font-size:1.5rem; margin:0.5rem; padding:0rem 0rem}
.kalendarium .datum span {display:block;  font-family:'ubuntubold'; font-size:1rem; color:#fff;  padding: 0rem; margin:0.5rem 0rem}
.datumblok {background:#E3770A; float:left; width:25%; padding:0.5rem 0rem 0rem 0rem}
.kalendarium .perex {padding:0.7rem 0.5rem 0.5rem 1rem; margin-left:26%; font-size:0.9rem; font-family:'ubunturegular'; background:#efefef;  }
.kalendarium .perex strong {font-family:'ubuntubold'; color:green }
.kalendarium .textPerex { height: 4rem; overflow: hidden; text-overflow: ellipsis; line-height:140%}
.kalendarium .text2Perex { height: 6rem; overflow: hidden; text-overflow: ellipsis; line-height:140%}
.kalendarium .perex .vice {text-align:right; padding-right:0.5rem}

table.table td {border-top:1px solid #539b31 }
table.table th {color:#000}

table.table-smd td {padding:1rem 0.5rem;}

/* fotogalerie */
.zpet {float:right; color:#fff; padding:3px 10px 4px 10px; margin:20px 50px 0px 0px; font-weight:bold; font-size:12px; text-decoration:none}

.fotoGaleryVypis {float:left;padding:5px; margin:10px; background:#efefef; height:170px; max-width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; width:100%; height:100px; overflow:hidden}
.fotoGaleryVypis i {font-size:10px}
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.fotoGaleryFoto p {text-align:center; padding-top:5px; }
.fotoGaleryFoto1 {border: 1px dotted #9ACF05; margin:7px; width:180px; height:150px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}

#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {
	background: url('../img/_li.jpg') no-repeat 0 5px; 
	padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


#faqsTable {text-align:left; margin-top:10px; line-height:150%}
#faqsTable h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#2F5B75;  font-weight:normal;  }
#faqsTable h3 span {border-bottom:1px solid #000}
#faqsTable h3.active  { color:#d74646; } 
#faqsTable div { height:0px; overflow:hidden; position:relative; background: url("../img/bg-odpoved.jpg") repeat-x 0 0 #EFEFEF; border:1px solid #CBCBCB; border-radius:5px; padding:8px}
#faqsTable div p  { padding:0; margin: 0px; }
#faqsTable ul {margin-left:20px; list-style-type:decimal}
#faqsTable ul  li {margin:5px 0px 3px 0px; color:#2F5B75; text-align:justify; padding:0px 8px 3px 0px }
#faqsTable ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqsTable strong p {font-weight:bold; color:#484649}

#faqsTable h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }

table.dataTable {margin:-1rem auto}
table.dataTable tr.even,  table.dataTable tr.even td.sorting_1 {background:none; border-top: 1px solid #eef7fd; border-bottom: 1px solid #eef7fd}
table.dataTable tr.odd, table.dataTable tr.odd td.sorting_1 {background:none}
table.dataTable thead th {border-bottom:1px solid #D8D8D8; }
table.dataTable thead th.sorting_asc {background:none; height:0.1rem; line-height:0.1rem }
table.dataTable tr.even td.sorting_1 p, table.dataTable tr.odd td.sorting_1 p {text-align:justify}
 
.dataTables_length {display:none}

/* formuláře, tlačítka */
.btn-right { width:100%; background:#FF8841; color:white; font-size:.8em; display:block; white-space:normal; word-wrap:break-word; }
.btn-primary { background:#496F35; border-color:#496F35; text-transform:uppercase }
.btn-primary:hover {background:#99C15E; border-color:#99C15E; }
.btn-secondary { background:#ACC8EC; color:#03316b; border-color:#0e6de7; }
.btn-warning { background: #FF8841; }

form { border:1px solid #99C15E; border-radius:.25rem; padding:.2rem; margin-top:1rem }
div.border { border:1px solid #ACC8EC; border-radius:.25rem; padding:.2rem; }
section form.noborder { border:0px solid #ACC8EC; border-radius:0rem; padding:0rem; }
.form-adc-row { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; padding:0.5rem }
.form-adc-row:after { content: ""; display: table; clear: both; }
.form-adc-row.noform { background:none; margin-top:0.5rem; padding-bottom:0.5rem; color:#7F0A24; font-size:1rem; font-weight:bold}
label {padding-right:0.5rem; text-align:left}
label span {font-weight:normal}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin: 2px 0px;
    position: absolute;
}
.radio label, .checkbox label {
    padding-left: 25px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin: 5px 5px 10px 10px;
}

.formlabel {padding:0.5rem 0px}


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}