/* ----------------------------------------------- */
/* ----- Obecné definice pro všechny stránky ----- */
/* ----------------------------------------------- */



body {
background: #fff ;
font-family: robotoregular, Tahoma, verdana, MS Sans Serif, Geneva, sans-serif;
font-size: 16px;
color: #000;
box-sizing:content-box;
}


@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonty/robotocondensed-regular.eot');
    src: url('fonty/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('fonty/robotocondensed-regular.woff2') format('woff2'),
         url('fonty/robotocondensed-regular.woff') format('woff'),
         url('fonty/robotocondensed-regular.ttf') format('truetype'),
         url('fonty/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonty/robotocondensed-light.eot');
    src: url('fonty/robotocondensed-light.eot?#iefix') format('embedded-opentype'),
         url('fonty/robotocondensed-light.woff2') format('woff2'),
         url('fonty/robotocondensed-light.woff') format('woff'),
         url('fonty/robotocondensed-light.ttf') format('truetype'),
         url('fonty/robotocondensed-light.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonty/robotocondensed-bold.eot');
    src: url('fonty/robotocondensed-bold.eot?#iefix') format('embedded-opentype'),
         url('fonty/robotocondensed-bold.woff2') format('woff2'),
         url('fonty/robotocondensed-bold.woff') format('woff'),
         url('fonty/robotocondensed-bold.ttf') format('truetype'),
         url('fonty/robotocondensed-bold.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('fonty/robotocondensed-lightitalic.eot');
    src: url('fonty/robotocondensed-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('fonty/robotocondensed-lightitalic.woff2') format('woff2'),
         url('fonty/robotocondensed-lightitalic.woff') format('woff'),
         url('fonty/robotocondensed-lightitalic.ttf') format('truetype'),
         url('fonty/robotocondensed-lightitalic.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'robotoregular';
    src: url('fonty/roboto-regular.eot');
    src: url('fonty/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('fonty/roboto-regular.woff2') format('woff2'),
         url('fonty/roboto-regular.woff') format('woff'),
         url('fonty/roboto-regular.ttf') format('truetype'),
         url('fonty/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'robotobold';
    src: url('fonty/roboto-bold-webfont.eot');
    src: url('fonty/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/roboto-bold-webfont.woff2') format('woff2'),
         url('fonty/roboto-bold-webfont.woff') format('woff'),
         url('fonty/roboto-bold-webfont.ttf') format('truetype'),
         url('fonty/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonty/roboto-medium-webfont.eot');
    src: url('fonty/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/roboto-medium-webfont.woff2') format('woff2'),
         url('fonty/roboto-medium-webfont.woff') format('woff'),
         url('fonty/roboto-medium-webfont.ttf') format('truetype'),
         url('fonty/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'desyrelregular';
    src: url('fonty/desyrel_.eot');
    src: url('fonty/desyrel_.eot?#iefix') format('embedded-opentype'),
         url('fonty/desyrel_.woff2') format('woff2'),
         url('fonty/desyrel_.woff') format('woff'),
         url('fonty/desyrel_.svg#desyrelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'wf2_pollenregular';
    src: url('fonty/wf2_poll-webfont-webfont.eot');
    src: url('fonty/wf2_poll-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/wf2_poll-webfont-webfont.woff2') format('woff2'),
         url('fonty/wf2_poll-webfont-webfont.woff') format('woff'),
         url('fonty/wf2_poll-webfont-webfont.svg#wf2_pollenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


a {
text-decoration: underline; 
color: #000;
}

a:hover {
text-decoration: none; 
color: #000;
}

a:active {
text-decoration: none; 
color: #000
}

a:hover, a:focus {
    color: #000;
    text-decoration: none;
}

image {
border: 0px #fff solid;
}


h1	{ 
font-size: 2.2vw; 
text-transform: uppercase;
line-height: 1.5;
}

h2	{ 
font-size: 1.5vw;
line-height: 1.5;
}

h3	{ 
font-size: 1.1vw; 
line-height: 1.5;
font-weight: normal;
margin: 0px 0px 0px 0px;
}

.text10, .text12, .text14, .text18, .text24, .text36, .text48{ 
line-height: 1.3;
font-weight: normal;
margin: 0px 0px 0px 0px;
}

.text10{ 
font-size: 10px;
}

.text12{ 
font-size: 12px;
}

.text14{ 
font-size: 14px;
}

.text18{ 
font-size: 18px;
}

.text24{ 
font-size: 24px;
}

.text36{ 
font-size: 36px;
}

.text48{ 
font-size: 48px;
}


div {
display: block; 
margin: 0px; 
padding: 0px;
}

p{
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}


.tucne{
font-weight: bold;
}

.pozadi {
width: 100%; 
margin: 0px; 
padding: 0px; 
clear: both;
}

.maxKontejner {
width: 100%; 
max-width: 2000px; 
margin: 0px auto; 
padding: 0px; 
float: none; 
text-align:center;
}

.kontejner {
width: 1350px; 
margin: 0px auto; 
padding: 0px; 
float: none; 
text-align:center;
position: relative;
}


.blok100{
width: 100%;
}

.blok60{
width: 60%;
}


.blok50{
width: 50%; 
float:left;

margin: 20px 0px 20px 0px;
}

.blok40{
width: 40%;
}

.blok33{
width: 33.3%;
}

.center{
text-align: center;
}

.clear{
clear:both;
}

.spm{
display:none;
}


.skryte{
display: none;
}

.mobilni{
display: none;
}

.mobilni992{
display: none;
}

.mobilni600{
display: none;
}

*:focus {
    outline: none;
}

* {
    box-sizing:content-box;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-9, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-9, .col-sm-12 {
	padding: 0px;
	margin: 0px;
}


.row {
width: 100%;
	padding: 0px;
	margin: 0px;
}

.skryte {
display:none !important;
}


ul {
	padding: 0px;
	margin: 0px;
list-style-position: inside;
list-style-type: none;
list-style: none ;
}

li {
	padding: 0px;
	margin: 0px;
}

img.responzivni {
    max-width: 100%;
    height: auto !important;
}

.obsah img {
    max-width: 100%;
    height: auto ;
}

.vlevo{
text-align: left;
}

.vpravo{
text-align: right;
}

.horniRamecek{
border-top: 1px solid #515252;
}

.spodniRamecek{
border-top: 1px solid #515252;
}

.vObal{
width:100%; 
position:relative; 
height: 100%;
display: table;
vertical-align: middle;
}

.vStred{
width:100%; 
position:static; 
display: table-cell;
vertical-align: middle;
}

.vysledekAkce {
font-size: 24px;
line-height: 36px;
display: block;
width: 100%;
margin: 20px 0px;
}

.vysledekAkce_ok {
color: #04b300;
}

.vysledekAkce_ko {
color: #04b7be;
}

.bckTyrkys{
background-color: #04b7be;
}

.bckHneda{
background-color: #41362f;
}

/* ----- Definice formulářů ----- */


fieldset{
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:1px solid #C0C0C0
}

fieldset legend{
color:#C0C0C0
}



input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],a.tlacitko,button,select{
height:16px;
line-height:16px;
border:1px solid #C0C0C0;
box-sizing:content-box;
-moz-box-sizing:content-box
}

textarea{
line-height:16px;
border:1px solid #C0C0C0;
box-sizing:content-box;
-moz-box-sizing:content-box
}

input[type="text"],input[type="password"], select, textarea{
color: #000;
}

input[type="submit"],input[type="reset"],input[type="button"],a.tlacitko,button{
border:1px solid #f67d00;
}

input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{
border-color:#5c0005
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
color:#FFFFFF;
border-color:#5c0005;
}




input[type="text"].inputText,input[type="password"].inputText, textarea.inputTextarea,select.inputSelect{
width:250px;
max-width:95%;
font-size: 12px ;
line-height:16px;
border:1px solid #C0C0C0;
padding: 1px 4px 1px 4px;
margin:  0px 0px 0px 0px ;
box-sizing:content-box;
-moz-box-sizing:content-box
}

input[type="text"].inputText:focus, input[type="password"].inputText:focus, textarea.inputTextarea:focus{
border:1px solid #04b7be;
}


input[type="text"].inputText,input[type="password"].inputText{
height:16px;
}


textarea.inputTextarea.inputTextarea500{
width:500px;
max-width: 95%;
}




/* ----- Tlačítko ----- */
input[type="submit"], input[type="reset"], input[type="button"], button, input[type="submit"].tlacitko , input[type="reset"].tlacitko , input[type="button"].tlacitko , button.tlacitko , a.tlacitko {
	font-size: 16px;
	font-weight: normal;
	padding: 7px 20px 7px 20px;
	border: none;
	background: #04b7be;
  color: #fff;
text-align: center;
text-decoration:none;
display: inline-block;
height:auto;
line-height: 1.2;
max-width:90%;
border-radius: 5px;
}

input[type="submit"].tlacitko:hover, input[type="reset"].tlacitko:hover, input[type="button"].tlacitko:hover, button.tlacitko:hover, a.tlacitko:hover {
	background: #ee6dfe;
text-decoration:none;
}

input[type="submit"].tlacitkoNeaktivni, input[type="reset"].tlacitkoNeaktivni, input[type="button"].tlacitkoNeaktivni, button.tlacitkoNeaktivni, a.tlacitkoNeaktivni {
	background: #CCCCCC;
}

input[type="submit"].tlacitkoNeaktivni:hover, input[type="reset"].tlacitkoNeaktivni:hover, input[type="button"].tlacitkoNeaktivni:hover, button.tlacitkoNeaktivni:hover, a.tlacitkoNeaktivni:hover {
	background: #CCCCCC;
}

input[type="submit"].tlacitko.tlacitkoSiroke , input[type="reset"].tlacitko.tlacitkoSiroke , input[type="button"].tlacitko.tlacitkoSiroke , button.tlacitko.tlacitkoSiroke , a.tlacitko.tlacitkoSiroke {
	font-size: 16px;
	padding: 12px 40px 12px 40px;
}

input[type="submit"].tlacitko.tlacitkoExtraSiroke , input[type="reset"].tlacitko.tlacitkoExtraSiroke , input[type="button"].tlacitko.tlacitkoExtraSiroke , button.tlacitko.tlacitkoExtraSiroke , a.tlacitko.tlacitkoExtraSiroke {
	padding: 25px 80px 25px 80px;
	font-size: 18px;
}

input[type="submit"].tlacitko.barevneTlacitko, input[type="reset"].tlacitko.barevneTlacitko , input[type="button"].tlacitko.barevneTlacitko , button.tlacitko.barevneTlacitko , a.tlacitko.barevneTlacitko {
	background: #ee6dfe;
	color:#fff
}

input[type="submit"].tlacitko.barevneTlacitko:hover, input[type="reset"].tlacitko.barevneTlacitko:hover, input[type="button"].tlacitko.barevneTlacitko:hover, button.tlacitko.barevneTlacitko:hover, a.tlacitko.barevneTlacitko:hover {
	background: #04b7be;
}




form.form{
text-align: center;
margin:  40px 0px 40px 0px ;
width: 100%;
}

form .teloForm{
display: inline-block;
text-align: left;
max-width: 100%;
}

form .blok{
width: 100%;
}

form .radek{
width: 100%;
margin:  10px 0px 0px 0px ;
}

form .nadpisRadku{
width: 99%;
font-size: 14px;
line-height:16px;
padding-left: 1%;
margin:  0px 0px 1px 0px ;
font-family: 'roboto_condensedbold';
}




.zpravaForm{
width: 100%;
font-size: 18px;
line-height:24px;
}

.zpravaForm.zpravaOK {
color: #1A9203;
}

.zpravaForm.zpravaKO {
color: #f00;
}

.skrytyFormBlok {
    display: block !important;
    height: 0px !important;
    width: 0px !important;
    overflow: hidden !important;
}

input.nevalidni, textarea.nevalidni {
background: #fcc url('../grafika/validace/nevalidni.png') no-repeat right center;
background-size: auto 16px;
color: #000;
}

input.validni, textarea.validni  {
background:  url('../grafika/validace/validni.png') no-repeat right center;
background-size: auto 16px;
}




.blokPrvek{
	padding-bottom:20px;
}

.obrBlok.blokPrvek,
.souborBlok.blokPrvek{
	text-align: center;
}


.ekko-lightbox .modal-dialog {
  width: auto;
}

/* ------------------------------------ */
/* ----- Definice hlavních oddílů ----- */
/* -------------------------------------*/




/* ----- Definice záhlaví ----- */
div.zahlavi {
width: 100%;
	padding: 0px;
	margin: 0px;
	
  position: relative;
}



div.zahlavi div.blokHlavniMenu{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:left;
position: relative;
}

.zahlavi .hlavickaLeva{
width: 100%;
font-size: 30px;
line-height: 120px;
float: left;
color: #04b8bf;
    font-family: 'roboto_condensedbold';
	display: flex;
justify-content: flex-start;
align-items: flex-start;
}

.zahlavi .hlavickaLeva .blok{
height: 120px;
font-size: 18px;
line-height: 1.5;
padding-right: 3%;
float: left;
color: #eb48ff;
text-align: left;
font-family: 'roboto_condensedbold';
display: flex;
align-items: center;
justify-content: flex-start;
}

.zahlavi .hlavickaLeva .blok .ikona{
height: 100px;
float: left;
margin: 0px 0px 0px 0px;
}

.zahlavi .hlavickaLeva .blok .text{
margin: 0px 0px 0px 10px;
float: left;
}

.zahlavi .hlavickaLeva .blok .text a:hover{
text-decoration: underline;
}
.zahlavi .hlavickaLeva .blok .text a{
color: #eb48ff;
text-decoration: none;
}

.zahlavi .hlavickaLeva .blok .text a.tlacitko {
  color: #fff;
  text-decoration: none !important;
}

.zahlavi .hlavickaLeva .blok .text span{
font-family: 'roboto_condensedregular';
}



/* .------------ menu ------------------*/


.zahlavi .hlavickaLeva .blok.menuTl{
width:200px;
padding: 0px;
float: right;
height: 120px;
background-color: #04b8bf;
display: flex;
align-items: center;
justify-content: center;
margin: 0px 0px 0px auto;
}

.blok.menuTl .navbarTl {
    position: relative;
    float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
border: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: auto;
}



.blok.menuTl .navbarTl .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 1px;
    background-color: #fff;
margin: 2px 0px 2px 0px;
}

.blok.menuTl .navbarTl:hover .icon-bar {
    background-color: #fff;
}

.blok.menuTl  a.navbar-brand{
/*display: none;*/
font-family: 'roboto_condensedbold';
width: auto;
height: auto;
float: left;
text-align: center;
font-size: 24px;
line-height:1;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
color: #fff;
text-decoration: none;
cursor: pointer;
}

.blok.menuTl a.navbar-brand:hover, 
.blok.menuTl a.navbar-brand:active,
.blok.menuTl a.navbar-brand:focus{
color:#fff;
}


.zahlavi #menu {
  min-width: 400px;
  float: right;
  z-index: 9;
  position: relative;
  top: 0px;
  right: 0px;
}

#menu .navbar {
  border: none;
  width: 100%;
  float: right;
  z-index: 9;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  min-height: unset;
}

#menu .container-fluid{
padding: 0px;
width:100%;
}


.collapse {
    display: none;
}

#menu .navbar-collapse {
float: right;
margin:0px;
padding:0px;
z-index: 9;
position:absolute;
top:0px;
right:0px;
width:100%;
background-color: #fff;
border-top:3px solid #04b8bf;
}

#menu .navbar-collapse.collapse:not(.in) {
    display: none;
}

#menu ul.navbar-nav{
display:block;
width:100%;
height:100%;
padding: 0px;
margin: 10px 0px 0px 0px;
background-color: #fff;
list-style: none ;
}



#menu ul.navbar-nav li {
  list-style: none;
  display: block;
  width: 100%;
  padding: 0px 5% 0px 10%;
  margin: 0px;
  float: left;
  text-align: left;
  box-sizing: border-box;
}


#menu ul, #menu ul li{
list-style: none ;
list-style-type: none;
}

#menu ul.navbar-nav li a{

display:block;
width:100%;
padding: 20px 0px 20px 0%;
margin: 0px;
line-height: 20px;
font-size: 18px;
text-align: left;
text-decoration: none;
font-family: 'roboto_condensedbold';
color: #000;
white-space: normal;
}

#menu ul.navbar-nav li ul li a{
padding: 10px 0px 10px 0%;
}

#menu ul.navbar-nav li a:hover, #menu ul.navbar-nav li a:focus, #menu ul.navbar-nav li a:active{
background-color: transparent;
text-decoration: none;
color: #04b8bf;
}

#menu ul.navbar-nav li.vybrano a, #menu ul.navbar-nav li a.aktivni{

font-family: 'roboto_condensedbold';
color: #04b8bf;
}

#menu ul.navbar-nav li.tlPoptavka {
    background: #04b8bf;
}

#menu ul.navbar-nav li.tlPoptavka a{
    color: #fff;
}

#menu li ul.dropdown-menu {
  position: relative;
  border: none;
  box-shadow: none;
  width: 100% !important;
}

#menu li.dropdown .caret {
  margin-left: 6px;
  border-top: 6px dashed;
  border-top: 6px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

/*---------- upozornění---------*/

.upozorneni {
	font-size:24px;
	margin:60px auto;
	font-weight:bold;
	text-align:center;
}

.upozorneni.redInfo{
	color:red;
}

/* ----- Definice těla stránky  ----- */


div.telo div.obsah {
	float: left;
padding: 0px;
margin: 0px 0px 20px 0px;
width: 100%;	
}

.pasHorniObr{
height: 31vw;
max-height: 607px;
background: #fff url('../grafika/hlObr.jpg') repeat-x center top;
background-size: auto 100%;
}


.pasHorniObr.typclanek, 
.pasHorniObr.typstranka,
.pasHorniObr.typkategorie{
height: 15vw;
max-height: 607px;
background: #fff url('../grafika/hlObr.jpg') repeat-x center top;
background-size: contain;
}


.pasHorniObr .pasHorniLeva{
width: auto;
height: auto;
padding: 0px;
float: left;
color: #fff;
font-family: 'roboto_condensedregular';
text-align:left;
margin: 7vw 0px 0px 65%;
margin: 7vw 0px 0px calc(20vw + 42%);
}


.pasHorniObr .pasHorniLeva a.logo{
display: inline-block;
    float: left;
    margin: 0%;
    /*border: 8px solid #04b8bf;*/
    padding: 30px 50px;
    text-decoration: none;
}

.pasHorniObr .pasHorniLeva a.logo .jmeno{
font-size: 64px;
line-height: 1.2;
    font-family: 'desyrelregular';
white-space: nowrap;
color: #04b8bf;
}


.pasHorniObr .pasHorniLeva a.logo .text {
text-transform:uppercase;
font-size: 18px;
line-height: 1.5;
color: #000;
font-family: 'roboto_condensedregular';
/*white-space: nowrap;*/
}

.pasHorniObr .pasHorniLeva .socSite{
float: left;
clear:both;
}

.pasHorniObr .prvniNadpis{
font-size: 48px;
line-height: 1.5;
font-family: 'roboto_condensedbold';
color: #04b8bf;
    float: left;
width: 100%;
margin-top: 4vw;
text-shadow: 2px 2px 3px #000;
}

.prvniNadpis h1 {
 font-size: 48px;
margin: 0px;
}

.pasNadpis{
padding: 50px 0px 70px 0px;
position: relative;
width: 100%;
float: left;
}

.pasNadpis .nadpis{
font-size: 60px;
line-height: 1.5;
font-family: 'roboto_condensedbold';
color: #fff;
}

.pasNadpis .nadpis H1, .pasProstredni .nadpis{
    font-size: 48px;
}

.pasNadpis .nadpis H2{
    font-size: 36px;
}


.sipkaDolni {
background:  url('../grafika/smerDoluBily.png') no-repeat center top;
width: 100%;
height:38px; 
position: absolute;
bottom: -108px;
z-index: 100;
left: 0px;
}

.sipkaHorni {
    background: url('../grafika/smerDoluBily.png') no-repeat center top;
    width: 100%;
    height: 38px;
    position: absolute;
    top: 0px;
    z-index: 100;
left: 0px;
}

.sipkaDolni.hneda, .sipkaHorni.hneda{
background:  url('../grafika/smerDoluHnedy.png') no-repeat center top;
}


/* ----- Definice těla stránky úvod  ----- */


.pasProstredni{
/*background: #fff url('../grafika/obrPozadi1.jpg') no-repeat right top;*/
background-size: contain;
padding: 30px 0px 0px 0px;
/*min-height: 15vw;*/
position: relative;
width: 100%;
float: left;
}

.pasProstredni .nadpis{
font-size: 48px;
line-height: 1.5;
font-family: 'roboto_condensedbold';
color: #04b8bf;
padding-top: 4.5vw;
padding-bottom: 4.5vw;
}


.pozadiTelo{
background: #fff ;
padding: 0px;
width: 100%;
float: left;
}

.pasNadpis .nadpis{
font-size: 60px;
line-height: 1.5;
font-family: 'roboto_condensedbold';
color: #ee6dfe;
}

.hlavniText{
display: block;
width: 100%;
float: left;
margin: 10px 0px 40px 0px;
}

.blokUvodText{
display: block;
width: 90%;
float: left;
margin: 30px 5% 60px 5%;
position: relative;
text-align: center;
}

.blokUvodText .textObr{
margin: 0px 0% 0px 0%;
}

.blokUvodText .textObr img{
width: auto;
height: auto;
max-width: 100%;
}

.blokUvodText .blokText{
display: none;
margin: 30px 4% 0px 4%;
width: 42%;
float: right;
text-align: left;
color:#fff;
}

.blokUvodText .blokText H2{
font-size: 40px;
line-height: 1.3;
}

.blokUvodText .blokText ul li{
font-size: 20px;
line-height: 1.5;
}

/* ----- Definice hlavního textu stránky  ----- */

div.telo div.hlavniText {
width: 100%;
margin: 40px 0px 40px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 1.6;
clear: both;
float: left;
text-align: left;
}

div.telo div.hlavniText h1 {
margin: 0px 0px 20px 0px;
font-size: 18px;
line-height: 1.4;
text-transform: uppercase;
font-family: 'roboto_condensedbold';
}


.clanek{
text-align: left;
margin: 40px 0px 40px 0px;
width: 100%;
float: left;
}

.clanek ul,.clanek ol,#tinymce ul, #tinymce ol{
    margin: 20px 0px 40px 4%;
	padding: 0px 0px 0px 20px;
}

.clanek ul{
	padding: 0px 0px 0px 0px;
}


.clanek li{
    margin: 0px 0px 5px 0px;
list-style-position: outside;
font-weight: bold;
}

.clanek ol li{
list-style-type: decimal;
}

/*----------------tělo článku---------------------*/


.pasHorniObr.typclanek, 
.pasHorniObr.typstranka,
.pasHorniObr.typkategorie{
height: 15vw;
max-height: 300px;
background: #fff url('../grafika/hlObr1.jpg') no-repeat center top;
background-size: 100% auto;
border-bottom: 4px solid #04b8bf;
}


.pasHorniObr.typclanek .pasHorniLeva , 
.pasHorniObr.typstranka .pasHorniLeva,
.pasHorniObr.typkategorie .pasHorniLeva{
margin: 4vw 0px 0px 50%;
}

.pasHorniObr.typclanek .pasHorniLeva a.logo , 
.pasHorniObr.typstranka .pasHorniLeva a.logo ,
.pasHorniObr.typkategorie .pasHorniLeva a.logo {

    margin: 0%;
    padding: 20px 30px;
border: none;
}

.pasHorniObr.typclanek .prvniNadpis , 
.pasHorniObr.typstranka .prvniNadpis ,
.pasHorniObr.typkategorie .prvniNadpis {
display: none;
}


.obrClanek{
max-width: 100%;

}

.obsah table {
  max-width: 100%;
  margin: 10px 0px 40px 30px;
}
.obsah td, .obsah th {
  padding: 0;
  border: 1px solid #ddd;
  padding: 5px 10px;
}


.owl-item .slide img{
	width: auto;
	height:auto;
	max-width:100%;
	margin: 0 auto;
}

.gSlideText{
	text-align:center;
}

/* ----- patička ----- */


.banneryPaticka{
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 100%;
}

.banneryPaticka .banner{
margin: 0px 1% 20px 1%;
padding: 0px;
float: left;
width: 48%;
}

.banneryPaticka .nadpis {
    font-size: 24px;
    line-height: 1.3;
    font-family: 'roboto_condensedbold';
    color: #000;
    margin-bottom: 30px;
}

.banneryPaticka .banner a{
margin: 0px;
padding: 0px;
float: left;
width: 100%;
display:block;
}

.banneryPaticka .banner a img{
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}


.pasPaticka{
padding: 80px 0px;
position: relative;
width: 100%;
float: left;
}

.citatyPaticka.bannery{
	display:block;
}

.pasPaticka .slick-track {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pasPaticka .slick-next {
  background: url('../grafika/icoSipkaPrava.png') no-repeat;
}

.pasPaticka .slick-prev {
  background: url('../grafika/icoSipkaLeva.png') no-repeat;
}

.pasPaticka  .slick-slide {
  padding: 0px 60px;
}

.pasPaticka .nadpis, .pasPaticka .banner{
font-size: 24px;
line-height: 1.3;
font-family: 'roboto_condensedbold';
color: #ee6dfe;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
}

.pasPaticka .text,.pasPaticka .banner strong{
width: 90%;
margin: 10px 5% 10px 5%;
font-size: 14px;
line-height: 1.5;
font-family: 'roboto_condensedregular';
color: #fff;
font-weight:normal;
text-transform: none;
}

.pasPaticka ul{
width: 44%;
margin: 20px 3% 20px 3%;
float: left;
text-align: left;
}

.pasPaticka ul li{
font-size: 20px;
line-height: 1.5;
font-family: 'roboto_condensedregular';
color: #fff;
padding: 5px 0% 5px 25px;
list-style-type: none;
background: url('../grafika/sipka4.png') no-repeat left center;
}

.pasPaticka .tlKonzultace{
padding: 10px 5%;
border: 2px solid #fff;
font-size: 18px;
line-height: 1.5;
font-family: 'roboto_condensedregular';
color: #fff;
text-decoration: none;
display: inline-block;
margin: 40px 0% 0px 0px;
border-radius: 5px;
}

div.paticka  {
margin: 0px 0% 0px 0px;
padding: 10px 0% 10px 0%;
background: #04b7be;
width: 100%;
float: left;
}


div.paticka  div.ikonyPaticka{
width: 100%;
float: left;
margin: 50px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}

div.paticka  div.ikonyPaticka .ikona{
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
}



div.paticka div.copyright {
margin: 0px 0% 0px 0px;
padding: 0px 0% 0px 0%;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 22px;
}

div.paticka div.copyright a{
display:inline-block; 
color: #fff;
font-size: 14px;
line-height: 22px;
text-decoration:none;
}

div.paticka div.copyright a:hover{

text-decoration:underline;
}




.bannery {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}






/* ----- Stránkování ----- */

div.strankovaniObal {
position: relative;
display: block;
float: left;
text-align: center;
	margin: 0px;
	padding: 0px;width:100%;
}

div.strankovani {
position: relative;
display: inline-block;
float: none;
text-align: center;
	margin: 25px auto 30px auto;
	padding: 0px 3px 0px 3px;
}



div.strankovani div,
div.strankovani div a {
	border-radius: 2px;
float: left;
color: #555;
	margin: 5px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
}

div.strankovani div a {
text-decoration: underline;
}

div.strankovani div.predchoziDalsi a {
text-decoration: none;
}

div.strankovani div a:hover {
color: #000;
}

div.strankovani div.aktualni a {
text-decoration: none;
color: #04b7be;
font-family: 'roboto_condensedbold';
}

div.strankovani div.neaktivni {

	margin: 10px 3px 0px 0px;
	padding: 0px 3px 0px 3px;

color: #bbb;
}



/* -----Definice stránky  kategorie ----- */

div.telo div.kategorieLeva{
float: left;
padding: 0px;
margin: 0px 3% 20px 0px;
width: 25%;
}


div.telo div.kategoriePrava{
float: right;
padding: 0px;
margin: 0px 0% 20px 0px;
width: 72%;
}






#tl_staticke {
display: block;
width: 35px;
height: 35px;
background: url('../grafika/nahoru.png') no-repeat;
cursor: pointer;
position: fixed;
right: 2%;
bottom: 100px;
}

#tl_staticke:hover {
background: url('../grafika/nahoru1.png') no-repeat;

}



clearAll {
  float: left;
  width: 100%;
  clear: both;
}


/* ----- aktuality  ----- */
.aktualityPozadi  {
padding: 60px 0px 100px 0px;
}

.aktualityPozadi .containerClankyUvod {
  min-width: 80%;
}

.aktualityPozadi .hlavniNadpis{
	font-size: 48px;
line-height: 1.5;
font-family: 'roboto_condensedbold';
color: #04b8bf;
  text-transform: uppercase;
  text-align: center;
}

.aktualityPozadi .blokyStredPodnadpis,
.aktualityPozadi .blokyStredText{
  text-align: center;
}


.aktualityPozadi .boxTl {
  text-align: center;
}

.aktuality .aktualityNadpis {
  color: #462604;
  margin-bottom: 0px;
}

.boxyAktuality {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.boxyAktuality .novinkySlide  {
  width: 48%; 
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  float: left;
  margin: 20px auto 40px auto;
}

.boxyAktuality.uvod .novinkySlide  {
  width: 33%;
}

.boxyAktuality .boxTl  {  
  margin: 20px 0px 20px auto;;
}

.boxyAktuality .slideObr {
  width: 150px;
  max-width:300px;
  margin-right: 5%;
  float: left;
  height: 150px;
  max-height: 150px;
overflow: hidden;
flex-shrink: 0;
}

.boxyAktuality .slideObr img{
width: 100%;
height: 100%;
object-fit: cover;
}

.boxyAktuality .slideTexty  {
  width: 60%; 
  text-align: left;
  width: calc(95% - 150px);
}

.boxyAktuality .slideNadpis {
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  line-height: 1.2;
  text-align: left;
  font-size: 20px;
  color: #04b8bf;
  text-transform: none;
  font-family: roboto_condensedbold;
}

.boxyAktuality .slideText  {
font-size: 15px;
margin: 5px 0px 0px 0px;
float: left;
width: 100%;
line-height: 1.3;
}

.boxyAktuality .slideText p {
margin: 0px;
padding: 0px;
}

.boxyAktuality .slideNadpisA{
float: left;
width: 100%;
display:inline-block;	
}

#aktuality .aktuality a.tlacitko {
  margin-right: 10px;
}

.seznamKategorii   {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}



.galerie.tabulkovaGalerie{
	display: flex;
justify-content: center;
align-items: stretch;
gap: 40px;
flex-wrap: wrap;
}

.galerie .gSlideText {
  padding-top: 10px;
}

.hlavniNadpis {
  text-align: center;
}

.modal-title {
  float: left;
}

.modal-content *{
  box-sizing: border-box;
}


form .radek.radekSouhlasPodminky {
  white-space: nowrap;
}

.radekSouhlasPodminky .nadpisCheckbox {
  white-space: normal;
  text-align: left;
  vertical-align: middle;
  margin-left: 5px;
  display: inline-block;
  padding-right: 10px;
  max-width: calc(100% - 40px);
box-sizing: border-box;
}

.boxTlblok {
	text-align: center;
margin-bottom: 70px;
}

.blokQRplatby {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px
}

.obsah img.imgQR {
  max-width: 300px;
}