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

}

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

}

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

}


@media print
{    
   .prozmer 
    {
        width:650pt; position:absolute; left:20pt; top:200pt;
    }
	 h1 
    {
       margin-top:-2rem;
    }
	 div.pprint, footer, .tiskListek
    {
        display: none;
    }
}

strong {    font-family: 'opensans_bold'; font-weight:normal}

body {font-family: 'opensans_regular'; font-size:0.95rem}
h1  { font-family: 'opensans_extrabold'; font-size:2rem; color:#48661c; padding:1rem 0rem 1rem 0.7rem}
h2.home { font-family: 'opensans_extrabold'; font-size:2rem; color:#48661c; padding:0rem 0rem 1rem 0rem}
h2 { font-family: 'opensans_extrabold'; font-size:1.4rem; color:#48661c}
h3 { font-family: 'opensans_bold'; font-size:1.1rem; color:#c66552; padding:1rem 0rem 0rem 0rem}


a:link, a:hover, a:visited{color: #891113;   font-family: 'opensans_bold';}
.page {padding:0rem 0rem 2rem 1rem;}
.page p {text-align:justify; margin-bottom:0.7rem}
.page ul {margin:0; padding:0rem 0rem 0rem 1.3rem; list-style-type:none}
.page ul li {text-indent:-1.3rem; padding-bottom:0.3rem}
.page ul li:before{ content: "\f00c";
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color:#F6846C;  padding-right:0.3rem  }
		
.aktualita { position:relative; margin-bottom:2.3rem}
.aktualita h3 , .aktualita h3  a {font-size:1.2rem; padding:0; margin:0; text-decoration:underline}
.aktualita .datum {position:absolute; right:0; color:#88b244; }
.aktualita .datum span {vertical-align:0.2rem}
.perex {padding:0.5rem 0rem}
.aktualita li {text-align:justify}
.aktualita .vice a {position:absolute; right:0; font-size:1.1rem; color:#F6846C; bottom:0.6rem; text-decoration:underline;  font-family: 'opensans_bold';}
.aktualita .vice a span {padding-left:0.5rem;}

.fa-comment {color:#D4DB59; vertical-align:0rem}

.main { background: url("../img/bg-web.png") no-repeat 0 0; background-size:contain; } 
.header {padding:0rem 0rem 16rem 0rem}
.ramecek {background:#fff; padding:0.4rem; border-radius:0.6rem}
.ramecek2 {background:#d4db59; margin:0.4rem;padding:1rem;  border-radius:0.6rem}
.blokKontakt {background:#d4db59; margin:1.5rem 0.4rem 11rem 0.4rem; padding:1.5rem 0rem 0.5rem 1rem;  border-radius:0.6rem; position:relative; color:#4a6321}
.blokKontakt p {padding:0rem 1rem}
.blokKontakt h2 {padding:0rem 0rem 0.5rem 3rem; font-family: 'opensans_bold'; }
.blokKontakt h2:before
{
    content:"";
	top:1.3rem;
	left:1.5rem;
    position: absolute;
    width: 2rem; 
    height: 2rem;
    background: url("../img/i-kontakt.png");
    background-size: cover;
}

#listek {font-size:1rem;  margin-top:-2rem}
#listek datum {display:block; color: #47B2A5; font-size: 1.1rem; margin: 2.5em 0 0em;  text-transform: none;  }
#listek druh_popis {display: block; float:left;  height:35px; line-height:35px; font-weight:bold;  padding: 7px 0px 1px 0px; margin:0px 0px 0px 0px; width:6rem; }
#listek nazev {display: block; padding-top:13px; padding-right:50px;  height:40px;  margin:0px; border-bottom:1px dotted #106013; padding-bottom:0px; }
#listek button {float:right; width:30px; height:21px; margin-top:-25px; background: transparent url('../img/alergeny.png') no-repeat 0px 0px ; border:0px; color:transparent }
#listek popis_al {padding:0px; margin:0px; display:block; background:#efefef; font-size:0.9em}
#listek pomjidelnic_xmljidelnic { display:block}
.page p.tiskListek {text-align:right}


nav.menu {
    display: block;
    width: 100%;
    background: #4194DA;
}

nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.menu ul li {
    width: 100%;
}

nav.menu a {
    display: block;
    padding: 0 15px;
    color: white;
    line-height: 2em;
    text-decoration: none;
	 font-family: 'opensans_extrabold';
}

nav.menu a:hover {
color:#000;
}
nav.menu ul li a {
    color: rgb(255,255,255);
    padding-bottom: .25rem;
}
nav.menu ul li a:hover,
nav.menu ul li.active a,
nav.menu ul li a:active
{
    color: #891113; text-decoration:none;
}
/* Kytka */
nav.menu ul li.active a::before
{
    content:"";
    position: absolute;
    left: -1.2rem;
    top: -0.1rem;
    width: .9rem; 
    height: .9rem;
    background: url("../img/menu-kytka.png");
    background-size: cover;
}
    @media (min-width: 544px) { nav.menu ul li.active a::before { left:-1.3rem; width:1.0rem; height:1.0rem; } }
    @media (min-width: 768px) { nav.menu ul li.active a::before { left:-1.7rem; width:1.1rem; height:1.1rem; } }
    @media (min-width: 992px) { nav.menu ul li.active a::before { left:-2.4rem; width:3.5rem; height:2.8rem; } }

/* šaškárny kolem schovávacího tlačítka */
nav #hlavni-menu  { /* menu v malém rozlišení schovat */
	display: none;
}

nav .navbar-nav  { /* budeme možná potřebovat absolutní pozicování v tomhle divu */
	position: relative;
	display: inline-block;
	float: right;
	text-align: right;
}

nav .nav-toggler  { /* tlačítko v malém rozlišení zobrazit */
	display: block;
}
/* / šaškárny kolem schovávacího tlačítka */

@media (min-width: 600px) {

    nav.menu { display:block;
        background: #f6846c;
		border-radius: 0.5rem;
		padding:1.2rem 0rem;

    }

    nav.menu ul {
        width: 100%;
    }

    nav.menu ul li {
        display: block;
		
    }

    nav.menu a {font-size:1rem; padding-left:1.5rem;
        position: relative; text-transform:uppercase;
    }

    nav.menu a:hover::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;       
        bottom: 0;
        left: 0;
        position: absolute;
    }

	/* š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 */
}

table.text {font-size:0.95rem}
table.text th {border-bottom:4px double #D4DB59; color:#DD7761}

table.table td {border-top:1px solid #A2C501}
table.table p {padding:.3rem 0rem 0rem 0.3rem; margin:0}

footer { background: url("../img/footer.png") no-repeat 0 0; color:#fff}
footer p {padding:3.5rem 0rem 0rem 0rem; margin:0rem; text-align:right}



.menu2 {
    display: block;
    width: 100%;
    font-size: 0;
}

.menu2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu2 ul li {
    width: 100%;
}

.menu2 a {
    display: block;
    padding: 0 1rem;
    color: white;
    line-height: 1em;
    text-decoration: none;
    font-size: 1rem;
}

.menu2 a:hover {
    background: rgba(0, 0, 0, 0.1);
}



@media (min-width: 600px) {

.menu2 ul { margin:4rem 0rem 2rem 0rem;
        width: 100%;
    }

.menu2 ul li { 
        width: auto;
        /*background: red;*/
        display: inline-block;
    }

.menu2 a { 
        position: relative;
		text-transform: uppercase;
		
		font-size:0.9rem;
    }

.menu2 a:after {
        content: "|";
		color:#5f752a;
        display: block;
        bottom: 0;
        left: 0;
        position: absolute;
    }
.menu2 li.first-item a {margin-left:0; padding-left:0;}
.menu2 li.first-item a:after {
        content: "";
		color:red;
        display: block;
        bottom: 0;
        left: 0;
        position: absolute;
    }
	
	.menu2 a:hover {
    background: none; text-decoration:underline;
}

}

.btn {
    -moz-user-select: none;
    border-radius: 0rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem 1.4rem;
    vertical-align: middle;
    white-space: nowrap;
	border-radius:0.4rem;
}
.btn-secondary , .btn-primary{  font-family: 'opensans_extrabold';
    border-color: #d4db59;
	background:#d4db59;
    color: #fff;
}

.btn-primary { font-family: 'opensans_regular'; font-size:1.1rem; text-transform:uppercase; color:#891113 }
.btn-secondary  span, .btn-primary span  {color:#f2846d; padding-left:.5rem; font-size:1.6rem; vertical-align:-0.2rem}

.btn-secondary:hover, .btn-primary:hover { border: 1px solid #B7D24D;   background-color: #B7D24D; color:#fff}
a.btn-secondary, a.btn-primary  {   color: #fff;  }

/* formuláře, tlačítka */

form { border:1px solid #D4DB59; border-radius:.25rem; padding:.2rem; }
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:1rem }
.form-adc-row:after { content: ""; display: table; clear: both; }
.form-adc-row.noform { background:none; color:#7F0A24; font-size:1.1rem; font-weight:bold}
label {padding-right:20px; 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:5px 0px 0px 15px}





.cleaner {
    clear: both;
}

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



/* 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:230px; max-width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; height:150px; 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}

#kalendar h3 {border-bottom: 3px double #AFCD35; padding:1rem 0rem 0.5rem 0rem}
#kalendar ul {margin-left:0.5rem; padding:0}
#kalendar ul li {border-bottom:1px solid #00AC3C; margin:0; padding:0.7rem 0 0.5rem 3rem; text-indent:-3rem}
#kalendar ul li p {margin:0; padding:0}
#kalendar ul li:before {display:none}


#dokumenty {margin:0; padding:0px}
#dokumenty ul {margin: -2rem 0rem 0rem 1.5rem; padding:0px; } 
#dokumenty ul li {margin:0px;
	background:none; color: #C3341C;
	padding:  0px 0px 5px 0px; }
.page #dokumenty ul li:before{ content: "";
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color:#F6846C;  padding-right:0.3rem  }
#dokumenty ul li span {color:#000;  font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 15px 0px 20px 0px;}
#dokumenty ul ul li {
	padding:  0px 0px 10px 5px; font-weight:normal;  line-height:140%;}
.page #dokumenty ul li li:before{ content: "\f0f6";
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
color:#48661C;  padding-right:0.3rem  }
#dokumenty ul ul li a {  font-family: 'opensans_regular'; }

#faqs {text-align:left; margin:0 0 1rem 0rem; line-height:150%}
#faqs h3  { cursor:pointer; padding:.7rem 0px 0.5rem 0rem; margin:0px; color:#C3341C;  font-size:0.9rem; 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, #faqs ol {margin:0px 0px 0px 1.3rem; padding:0; list-style-type:none}
#faqs li {line-height:130% }
#faqs li ul {padding-left:0.7rem }
#faqs li li {text-indent:-0.7rem; padding-bottom:0.3rem}
#faqs li li:before{ content: "-"; color:#000}
#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; }


.clanek {margin:0rem; padding:1rem 0rem 1rem 0rem; border-top:1px solid #c9c5c5;  }
.sorting_1 .clanek {border:0}
.clanek .obr {background-size: cover; background:#fff; border:1px solid #d7d7d7; margin:0.3em 1.5em 0.2em 0em; width:140px; float:left} 
.clanek .datum {color:#F3BE2D; float:right;   font-family: opensans_bold; font-size:0.9rem}
.clanek .datum i {color:#3f3f3f;}
.clanek p, .clanek ul  {text-align:justify;  padding:0.5rem 0px 0px 0px; margin:0px; font-size:0.9rem;} 
.clanek ul  {text-align:justify;  padding:0.5rem 0px 0px 0px; margin:0px; font-size:0.9rem;} 
.clanek .autor {color:#0080ff;  float:right; padding-top:3px; padding-left:20px }
.clanek h2  { color:#0080ff; line-height:120%; text-decoration:none; padding:0px 20px 20px 0px; font-size:20px}
.clanek h3  { color:#F24D1F; display:inline; line-height:120%; text-decoration:none; padding-right:20px; }
.clanek h3  a { color:#F24D1F line-height:120%; text-decoration:none; padding-right:20px; padding-bottom:1rem }
.clanek .vice a, .boot a  { float:right; padding:0px 0px 0px 15px; margin:0px; text-decoration:none; line-height:100%; color: #024c71; text-decoration:underline }

table.dataTable tr.even,  table.dataTable tr.even td.sorting_1 {background:#ebfcd1; border-top: 1px solid #daf2b5; border-bottom: 1px solid #daf2b5}
table.dataTable tr.odd, table.dataTable tr.odd td.sorting_1 {background:none}
table.dataTable thead th {border-bottom:1px solid #daf2b5; }
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}
table.dataTable tr.even td.sorting_1 ul, table.dataTable tr.odd td.sorting_1 ul	{margin-left:0; margin-bottom:0; padding-bottom:0; padding-left:20px; text-align:justify}
 
.dataTables_length {display:none}


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