
@font-face {
    font-family: 'diavlomedium';
    src: url('fonts/diavlo_medium_ii_37-webfont.eot');
    src: url('fonts/diavlo_medium_ii_37-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/diavlo_medium_ii_37-webfont.woff2') format('woff2'),
         url('fonts/diavlo_medium_ii_37-webfont.woff') format('woff'),
         url('fonts/diavlo_medium_ii_37-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    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.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_reliefregular';
    src: url('fonts/comicrelief-webfont.eot');
    src: url('fonts/comicrelief-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/comicrelief-webfont.woff2') format('woff2'),
         url('fonts/comicrelief-webfont.woff') format('woff'),
         url('fonts/comicrelief-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



body {font-family: 'open_sansregular'; color:#0d0e5d; }

a {color:#130e7d; text-decoration:underline}

h1,h2 {color:#0d0e5d; font-weight:bold; font-family: 'comic_reliefregular'; }
h1 { font-size:2em; padding:0.5em 0em 0.5em 0em }
h1 span {color:#d1be0c}
h2 {padding:0.5em 0em 0.5em 0em; font-size:2em; }
h3 {padding:0.5em 0em 0em 0em; font-size:1.2em; font-weight:bold }

p {line-height:170%; text-align:justify}

.cleaner {
    clear: both;
}

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

.jumbotron {display:none}
.home {margin:10px 0px 0px 15px}



.fixed-centered-covers-entire-home { background-image: url('../img/bg-body.jpg'); 
	margin:auto;  background-repeat: no-repeat;   background-position: 50%; top:0;left:0;right:0;bottom:0;position:fixed;z-index:-1; 
	}

.headerMain{ background-image: url('../img/bg-header.jpg'); margin:auto;  background-repeat: no-repeat; background-position:50% 50%; background-size:cover; 
	}
.navbar {margin-bottom:0px; z-index:0}
.navbar-inverse { background-image: url('../img/bg-lista-menu1.png');  background-color: transparent; border: 0px; background-position:0% 0%; z-index:1000  }
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
}

.navbar-header {height:65px; font-family: 'diavlomedium';}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand  { 
    float: left; 
    color:#9c8f0e; font-size:2.5em; 
	height:30px;line-height:30px;  
    padding: 0; margin:0px 0px 0px 20px;
}

.page-header  {border-bottom:0px; font-family: 'comic_reliefregular'; margin:0px; padding:0px}
.page-header h1 {margin:0px; padding:0px 0px 15px 0px; color:#0d0e5d;}
.page {background: url('../img/bg-novinka.png') repeat 0 0; padding:25px 30px 15px 30px; border-radius:15px; margin:0px; color:#0d0e5d;}
.page p {text-align:justify}
.page h2 {padding:1.5em 0em 0.3em 0em; margin:0px; font-size:1.4em}
.page ul, .page ol  {margin:0px 0px 10px 20px; padding:0px}
.page ul li {list-style-type:circle; padding:3px; line-height:170%}
.page ol li {padding:3px}
.row, .container  { padding:0px}
.row {margin:0px}

.col-xs-6  h2{ font-size:1.4em}
.novinkyBlok {background: url('../img/bg-novinka.png') repeat 0 0; padding:15px}
.novinka {border-bottom: 2px dotted #d7d7d7; margin-bottom:20px ; padding-bottom:5px;  }
.novinka h3 {background: url('../img/i-tuzka.png') no-repeat 0 0;  font-size:1.3em;  padding:5px 10px 8px 30px; margin:0px; font-family: 'comic_reliefregular';}
.novinka h3 a {text-decoration:none}
.novinka img {border:8px solid #fff}
.novinka p {text-align:justify}
.datum {background: url('../img/i-home-kalendar.png') no-repeat 0 0; font-weight:bold; padding:0px 0px 0px 20px; float:right}


.novinkaArchiv { margin:20px 0px 20px 0px ; padding-bottom:5px;  }
.novinkaArchiv h3 { font-size:1.3em;  padding:0px 10px 8px 0px; margin:0px; font-family: 'comic_reliefregular';}
.novinkaArchiv h3 a {text-decoration:none}
.novinkaArchiv img {border:8px solid #fff}
.novinkaArchiv p {text-align:justify}

.dataTables_length, .dataTables_filter {display:none}

.krouzky {margin-bottom:20px; border-bottom:1px dotted #F7E537; padding-bottom:15px }
.krouzky h2{ background:none;  padding:5px 10px 8px 0px;  font-size:1.5em;  }
.krouzky .zluta {color:#BEA900; font-weight:normal}
.krouzky  img {border:8px solid #fff}

.info {background: url('../img/i-telefon.png') no-repeat 0 100%;  font-size:1.6rem; width:65%; margin-top:10%;  padding-left:5em; float:right; text-align:left}
.info span {font-weight:bold; font-size:1.2em;}

.tridy {background:url('../img/bg-kontakt.png') repeat 0 0; padding:25px 20px 20px 20px}
.toptext a:link, .toptext a:visited {  font-size:1.3em; font-weight:bold; text-decoration:none; padding:0.5rem 0rem 0.5rem 5rem; display:block; margin-bottom:1rem}
.cervena-i {background: url('../img/slunicko-cervena.svg') no-repeat 0 100%;}
.zelena-i {background: url('../img/slunicko-zelena.svg') no-repeat 0 100%; }
.modra-i {background: url('../img/slunicko-modra.svg') no-repeat 0 100%;}
.zluta-i {background: url('../img/slunicko-zluta.svg') no-repeat 0 100%;}
.toptext a:hover { color:#9c8f0e;}

.vice {text-align:right; float:right; font-weight:bold}
.cervena a {color:#FA526F}
.zelena a {color:#15a815}
.modra a {color:#133edb}
.zluta a {color:#E1CD0F}

.kontakt {background:url('../img/bg-kontakt.png') repeat 0 0; padding-bottom:20px}
.nadpis { background:  url('../img/pilka.png') no-repeat 0 100%; padding-bottom:4px}
.nadpis h3 { padding:15px 0px 5px 20px; background:#F7E537; color:#9c8f0e; margin:0px 0px 15px 0px; font-family: 'diavlomedium'; font-size:2em; font-weight:normal}
.kontakt p {padding:0% 7% 0% 7%}

.adresa span, span.adresa {
    background: rgba(0, 0, 0, 0) url("../img/i-kontakt-misto.png") no-repeat scroll 0 50%;
    padding: 20px; 
}

p.archiv span {
    background: rgba(0, 0, 0, 0) url("../img/i-kontakt-misto.png") no-repeat scroll 0 50%;
    padding-left: 20px; float:right; font-weight:bold;
}

span.telefon {
    background: rgba(0, 0, 0, 0) url("../img/i-kontakt-telefon.png") no-repeat scroll 0 50%;
    padding-left: 20px;
}
span.cas  {
    background: rgba(0, 0, 0, 0) url("../img/i-kontakt-cas.png") no-repeat scroll 0 50%;
    padding-left: 20px;
}

span.mail {
    background: rgba(0, 0, 0, 0) url("../img/i-kontakt-mail.png") no-repeat scroll 0 50%;
    padding-left: 20px;
}
.blok {background:url('../img/pilka.png') no-repeat 0 100%; margin-top:-36px; z-index:100 ; padding-bottom:15px }


#menu2 {
	padding: 0px 0px 10px 0px;
    margin: 0px ;
	background: #F7E537 url('../img/bg-menu.png') repeat-x 0 100%;
	

}

#menu2 ul {
	padding:30px 0px 5px 0px;
    margin: 0px; 
	width:100%;	
}

#menu2 ul li {
    vertical-align: middle;
	list-style-type:none;
	padding:0px; 
	margin:0px;
	font-size:1em;
	font-weight:bold;
}  

#menu2 ul li.first-item {margin:0px;}
#menu2 ul li.last-item {margin:0px	}

#menu2 ul li a {
    color: #130e7d; 
    text-decoration:none;   
	display:block;
	margin:10px 0px 10px 18px ;
	
}

#menu2 ul li a span { margin:0%; padding:1px 0px 5px 25px; background: url('../img/li-menu.png') no-repeat 0% 0%;  }
#menu2 ul li a:hover,
#menu2 ul li.active a {
    color:#fff;
	text-decoration:none;
	 
}

#menu2 ul li.active a span, #menu2 ul li a:hover span { 
	 background: url('../img/li-menu-act.png') no-repeat 0% 0%;}

footer { background-image: url('../img/bg-footer.png'); background-position:bottom; background-repeat: no-repeat;  background-color: transparent; border: 0px; }

.mstridy {margin-bottom:10px; border-bottom:1px dotted #F7E537; padding-bottom:0px }
.mstridy h2 {font-family: 'open_sansregular'; font-size:1.1em}
.mstridy ul {margin-top:10px}
img.mstridy {float:right;  padding-left:20px; margin-top:-40px; border:0px; width:200px}

.levyobrazek { margin:0px 15px 15px 0px; border:8px solid #fff; float:left}
.pravyobrazek { margin:0px 0px 15px 15px; border:8px solid #fff; float:right}
.levyblok {float:left}
.levyblok img {width:150px; margin:5px 35px 15px 0px; border:8px solid #fff;}
.zluta {color:#BEA900; font-weight:bold}
.zpet  a {font-size:1.2em;  font-family: 'comic_reliefregular'; text-decoration:none; float:right } 

/* fotogalerie */

.rozcestnik {font-family: 'comic_reliefregular'; padding:20px 0px 20px 0px; font-weight:bold; font-size:1.2em}
.rozcestnik a:link {text-decoration:none}
.rozcestnik a:hover.tzelena {text-decoration:underline; color:#60CE4A}
.rozcestnik a:hover.tcervena {text-decoration:underline; color:#FA526F}
.rozcestnik a:hover.tzluta {text-decoration:underline; color:#F7E537}
.rozcestnik a:hover.tmodra {text-decoration:underline; color:#7B81F3}


.fotoGaleryVypis { width:160px; height:150px; text-align:center; padding:0px 3px 15px 5px; float:left; display: table-cell; vertical-align:middle; }
.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 img  {padding-bottom:5px}

table.jidelni-listek  { border:0px}
table.jidelni-listek  th { vertical-align:top;
	color:#313153;
	border-top:0px; 
	border-right:0px; 
	border-left:0px; border-bottom:1px dotted #F7E537; line-height:200%;
	padding:3px 5px 3px 5px; }

table.jidelni-listek  td { 
	border-top:0px; 
	border-right:0px; 
	border-left:0px; border-bottom:1px dotted #F7E537; line-height:200%;
	padding:3px 5px 3px 5px;  }


#archiv ul.listekArchiv li {float:left; list-style-type:none; margin:10px 20px 10px 0px; text-align:center; font-size:0.9em;  }
#archiv ul.listekArchiv li  span {border-radius:10px; padding:10px 0px 10px 0px; width:150px; border:1px solid #636911; display:block; line-height:100%}
#archiv ul.listekArchiv li a:hover span {background:#F9EA5D}
.archiv {text-align:center; padding-bottom:15px}
.archiv a {text-decoration:none}
.archiv span {font-size:1.2em;  font-family: 'comic_reliefregular'; text-decoration:none;  background: url('../img/i-tuzka.png') no-repeat 0 0; padding-left:30px}

 table.text {margin:10px 0px 0px 0px;  border:0px }
 table.text th {text-transform:uppercase; border:0px; border-bottom:3px double #F7E537; padding:12px 8px 2px 8px; background:none; text-align:left; color:#0080FF; font-size:14px;}
 table.text td {padding:5px; border:0px; border-bottom:1px dotted #F7E537; line-height:200%; font-size:14px;}
 table.text td.separator {width:25px; text-align:center}
 table.text td.nahoru {vertical-align:top}
 table.text td ul {margin:0px 0px 0px 15px; padding:0px; }
 table.text td ul  li {margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; line-height:140%; list-style-type:circle}
 table.text h3 {color:#BEA900; padding:0px; margin:5px}
 table.text p {margin:0px; padding:0px}
 
 table.rodice {margin:10px 0px 0px 0px;  border:0px }
 table.rodice th {text-transform:uppercase; border:0px; border-bottom:3px double #F7E537; padding:12px 8px 2px 8px; background:none; text-align:left; color:#0080FF; font-size:14px;}
 table.rodice td {padding:8px; border:0px; border-bottom:1px dotted #F7E537; line-height:200%; font-size:14px;}
 table.rodice td.separator {width:25px; text-align:center}
 table.rodice td ul {margin:0px 0px 0px 15px; padding:0px; }
 table.rodice td ul  li {margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; line-height:140%; list-style-type:circle}



#dokumenty ul {margin: 0px 10px 30px 10px; padding:0px;  } 
#dokumenty ul li { list-style-type:none;
	background:none; color: #C3341C;
    font-size: 17px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul li ul {margin: 3px 10px 20px 0px; list-style-type:none; background:none}
#dokumenty ul li ul li {list-style-type:none; background:none; 
	padding:  0px 0px 10px 5px; font-weight:normal; font-size:15px; 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; }


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