*{margin: 0; padding: 0;}

@font-face {
    font-family: 'Merriweather Light'; 
    src: url("../fonts/Merriweather-Light.ttf");
    src: url("../fonts/Merriweather-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather_Regular'; /*Merriweather_Regular*/
    src: url("../fonts/Merriweather-Regular.ttf");
    src: url("../fonts/Merriweather-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato_Regular';
    src: url("../fonts/Lato-Regular.ttf");
    src: url("../fonts/Lato-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather_Bold';
    src: url("../fonts/Merriweather-Bold.ttf");
    src: url("../fonts/Merriweather-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}



iframe{max-width: 100%;}


.mobile-menu{display: none;}
body{
    font-family: 'Merriweather_Regular';
    background-color: #fcecd7;
    background-repeat: repeat-y;
    background-image: url("../img/bg2018.png");
    /*background-position-y: 140px;*/
    background-position: center top;
}
body#aktuality{background-color: transparent;}

.zarovnani{position: relative; display: block; width: 75%; margin:auto;}
.zarovnani-clanky{position: relative; display: block; width: 85%; margin:auto;}
.clr{clear: both;}
.br{display: block; width: 100%; height: 2px; margin: 5px 0; background-color: #dadada;}


#hlavicka{width:100%; position: relative; height: 150px; background-color: transparent;/* background-image: url("../img/hlavicka.jpg"); background-repeat: no-repeat; background-position: center; */}
#hlavicka .fb-search{position: absolute; text-align: right;  width: 100%; border: none;}
#hlavicka .fb-search .right{text-align: right;}
#hlavicka .fb-search .right .facebook{border:none; margin-top: 5px; margin-right: 10px; padding: 5px;  display: inline-block;  background-image: url("../img/fb.png"); height: 23px; width: 23px; background-repeat: no-repeat; background-position: center;}
#hlavicka .fb-search .right form{display: block; float: right;}
#hlavicka .fb-search .right form #btnsearch{border: none; cursor: pointer; padding: 11.5px; background-color: transparent; background-position: center; background-image: url("../img/search.png"); background-size: contain; background-repeat: no-repeat; }
#hlavicka .fb-search .right form input{border: none; padding: 10px; background-color: transparent;}
#hlavicka .fb-search .right form input[type=search]{margin-right: 100px;}
#hlavicka .zarovnani #logo{display: block; float: left; position: absolute; top: 1px; z-index: 999;}
#hlavicka .zarovnani ul{position: absolute; right: 0; top: 50px;}
#hlavicka .zarovnani ul li{float:left; padding:25px 20px; display:block;}
#hlavicka .zarovnani ul li.active a{border-bottom-color: #ed1c24; color: #ed1c24}
#hlavicka .zarovnani ul li a{text-transform: uppercase; font-family: "Merriweather_Regular";  text-decoration:none; color: #000000; font-size:18px; border:none; border-bottom:2px solid; border-bottom-color:transparent; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration:0.5s; transition-duration:0.5s; -moz-transition-property:all;-o-transition-property:all; -webkit-transition-property:all; transition-property:all;}
#hlavicka .zarovnani ul li a:hover{border-bottom-color: #ed1c24; color: #ed1c24;}


#hlavicka .fb-search .right ::-webkit-input-placeholder {  font-family: "Lato_Regular";  color: black; }
#hlavicka .fb-search .right :-moz-placeholder { /* Firefox 18- */ font-family: "Lato_Regular"; color: black; }
#hlavicka .fb-search .right ::-moz-placeholder {  /* Firefox 19+ */ font-family: "Lato_Regular"; color: black; }
#hlavicka .fb-search .right :-ms-input-placeholder {font-family: "Lato_Regular";    color: black; }



#content{width: 85%; min-height: 285px; margin-left: auto; margin-right: auto; margin-top: 110px; max-width: 1100px; }
#home #content{min-height: 0px; margin-top: 0px }

#content .aktualne{width: 40%; display: block; margin-right: auto; margin-top: 5px; padding: 30px 0; margin-left: auto; border: none; border-top: solid #ce012f 3px; text-align: center;}
#content .aktualne .obal{width: 90%; margin: auto;}
#content .aktualne .obal input[type=search]::-webkit-input-placeholder {
    color: white;
    font-size: 18px;
    font-family: "Lato_Regular";
}

#content .aktualne .obal input[type=search]:-moz-placeholder { /* Firefox 18- */
    color: white;
    font-size: 18px;
    font-family: "Lato_Regular";
}

#content .aktualne .obal input[type=search]::-moz-placeholder {  /* Firefox 19+ */
    color: white;
    font-family: "Lato_Regular";
    font-size: 18px;
}

#content .aktualne .obal input[type=search]:-ms-input-placeholder {
    color: white;
    font-family: "Lato_Regular";
    font-size: 18px;
}
#content .aktualne .obal input[type=search]{width: 88%;}
#content .aktualne .obal input[type=submit]{width: 40px; background-image: url("../img/search-w.png"); cursor: pointer; background-position: center; background-repeat: no-repeat; }
#content .aktualne .obal input{border: none; display: block; float: left; box-sizing: border-box; padding:15px; background-color: #ce012f; color: white; margin: 0;}

#content .zarovnani .clanky{margin-top: 10px;}

div.home_aktuality_obal { padding-top: 10px; background-color: transparent; }
div.home_aktuality_obal #content { margin-top: 30px; }
div.home_aktuality_obal h1 { margin-top: 20px; }
#content .zarovnani .clanky li{display: block; color: white; float: left; margin-bottom: 20px; width: 27.5%; margin-right: 8.3%; background-color: #000000; padding-bottom: 40px;height: 500px; overflow: hidden;}
#content .zarovnani .clanky li:nth-child(3n+3){margin-right: 0;}
#content .zarovnani .clanky li a {display: block; width: 100%;}
#content .zarovnani .clanky li img {display: block; width: 100%;}
#content .zarovnani .clanky li .obsah-clanek{display: block; width: 80%; margin: 0 auto;}
#content .zarovnani .clanky li .obsah-clanek h2{font-family: "Merriweather_Bold"; padding: 25px 0 10px 0;}
#content .zarovnani .clanky li .obsah-clanek h2 a{text-decoration: none; color: white;}
#content .zarovnani .clanky li .obsah-clanek p{padding: 10px 0;}
#content .zarovnani .clanky li .obsah-clanek .date-autor{color: #a5a5a5; font-family: "Merriweather_Regular";}
#content .zarovnani .clanky li .obsah-clanek .uvod-clanek{font-family: "Lato_Regular";}
#content .zarovnani .clanky li .obsah-clanek .odkaz-clanek{margin-top: 40px; }
#content .zarovnani .clanky li .obsah-clanek .odkaz-clanek .more-arc{text-decoration: none; display: inline; font-family: "Merriweather_Bold"; color: #ed1c24; padding-right: 15px; background: url("../img/more.png") no-repeat; background-position: center right;}
#content .zarovnani .clanky li .obsah-clanek .odkaz-clanek .more-arc:hover{text-decoration: underline; padding-right: 25px;}

#content .zarovnani .strankovani{width: 100%; display: block; margin-top: 50px; padding-bottom: 50px; color: #ed1c24; font-family: "Merriweather_Bold";}
#content .zarovnani .strankovani p{text-align: center;}
#content .zarovnani .strankovani p a{padding: 2px 10px; margin: 0 5px; border: none; text-decoration: none; color: #ed1c24; font-family: "Merriweather_Bold";}
#content .zarovnani .strankovani p a.active{border: 1px solid #ed1c24;}
#content .zarovnani .strankovani p a.next{background-image: url("../img/more.png");  background-repeat: no-repeat; background-position: center;}
#content .zarovnani .strankovani p a.prev{background-image: url("../img/prev.png");  background-repeat: no-repeat; background-position: center;}
#content .zarovnani .strankovani .dalsi-akt{ padding: 10px 35px 10px 25px; background-image: url("../img/more.png");  background-repeat: no-repeat; background-position:90% 50%;}


#content h1{font-size: 36px; font-family: "Merriweather_Bold";}
#content h2{margin-top: 15px}
#content h3{margin-top: 15px}
#content a {color:#ed1c24; transition: 0.7s}
#content a:hover {color:#000; transition: 0.7s}
#content ul{padding-left: 33px; padding-top: 15px;}

#content #fotogalerie {margin-bottom: 30px; margin-top: 30px;}
#content #fotogalerie a.obr {
    display: block;
    width: 23.4%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    float: left;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}


#content #galerie {margin-bottom: 30px; margin-top: 30px;}
#content #galerie a.obr {
    display: block;
    width: 23.4%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    float: left;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
}


.master-slider{}
.slider{height: 454px;}
.slider .zarovnani #logoPb{position: absolute; right: 0; top: 0; z-index: 999; display: block; }
.slider .zarovnani .po{position: absolute;  color: white; text-shadow: 1px 1px 4px #000; /* horizontal-offset vertical-offset 'blur' colour */
    -moz-text-shadow: 1px 1px 4px #000;
    -webkit-text-shadow: 1px 1px 4px #000; width: 85%; margin: auto; left: 0; right: 0; bottom: 50px;}
.slider .zarovnani .po h1{font-size: 40px;}
.slider .zarovnani .po p{font-size: 24px;}
.center{text-align: center;}
.tucny{font-weight: bold;}
.vyrazny{color: #ed1c24;}
.
.small{font-size: small;}
.medium{font-size: 18px;}


.odkazy{width: 100%; background-color: transparent; }
.odkazy .zarovnani ul{display: block; width: 75%; margin:auto;}
.odkazy .zarovnani ul li{display: block; float: left; width: 30%; margin:1.65%; text-align: center; padding-bottom: 50px; padding-top: 20px;}
.odkazy .zarovnani ul li img{display:block; width: 30%; margin:15px auto;}
.odkazy .zarovnani ul li h2{text-align: center; color: #ed1c24;  margin-top:15px;}
.odkazy .zarovnani ul li h2 a{text-align: center; text-decoration: none; color: #ed1c24;}
.odkazy .zarovnani ul li p{text-align: center; margin-top:10px;}
.odkazy .zarovnani ul li .more{margin-top:35px;}
.odkazy .zarovnani ul li .more .info{text-decoration: none; font-family: "Lato_Regular"; padding: 7px 35px 7px 25px; border: 1px solid #ed1c24; color: #ed1c24; background-image: url("../img/more.png");  background-repeat: no-repeat; background-position:90% 50%;}


.parteri{background-color: transparent; margin-top: 50px; }
.parteri .mestoLogo{display:block; width: 159px; margin: 15px auto;}
.parteri .dekovani{padding-bottom: 50px;}
.parteri h1{padding-top: 50px}
.parteri .aktualne{width: 40%; display: block; margin-right: auto; margin-top: 5px; padding: 30px 0; margin-left: auto; border: none; border-top: solid #ce012f 3px; text-align: center;}
.parteri p{margin-top:15px;}
.parteri .aktualne{margin-top: 25px; padding: 20px 0;}
.parteri #mapa{display: block; margin-top: 45px; width: 100%;}
.parteri #mapa img{display: block; width: 100%;}
.parteri .part{width: 90%; margin: auto;}
.parteri .part a{ text-decoration: none}
.parteri .part a img{margin: 25px; max-height: 85px; max-width: 165px;}




.article{background-color: transparent; width: 85%; margin:auto;}
.article h1{font-size: 36px; font-family: "Merriweather_Bold"; color: #ed1c24; padding: 20px 0;}
.article h2{font-size: 36px; font-weight: normal; font-family: "Lato_Regular"; color: black; padding: 20px 0;}

#program .article{padding-bottom: 50px;}

.article img{display: block; width: 100%;}
.article .obsah-clanek{width: 90%; margin:25px auto;}
.article .obsah-clanek .date-autor{color: #dadada;}
.article .obsah-clanek .clanek p{margin-bottom:25px;}
.article .obsah-clanek .sdilej{}
.article .obsah-clanek .sdilej p{float: left; padding-top: 10px; padding-right: 20px;}
.article .obsah-clanek .sdilej a{display: inline;}
.article .obsah-clanek .sdilej a img{display: inline-block; width: 41px;}
.article .obsah-clanek .nextprev{position: relative; width: 100%; height: 65px;}
.article .obsah-clanek .nextprev a{position: absolute;  top:0;}
.article .obsah-clanek .nextprev .next{text-decoration: none; right: 0; font-family: "Merriweather_Bold"; padding: 7px 30px 7px 25px; color: #ed1c24; background-image: url("../img/more.png");  background-repeat: no-repeat; background-position:100% 50%;}
.article .obsah-clanek .nextprev .prev{text-decoration: none; left: 0; font-family: "Merriweather_Bold"; padding: 7px 25px 7px 30px; color: #ed1c24; background-image: url("../img/prev.png");  background-repeat: no-repeat; background-position:0% 50%;}



#paticka{margin-top: 20px; position: relative; width: 100%; height: 354px; background-image: url("../img/paticka2018.png"); background-repeat: no-repeat; background-position: center;}
#home #paticka{ margin-top: 0px; }
#paticka .social{position: absolute; text-align: center; width: 170px; height: 80px; left: 0; right:0; top:0; bottom: 0; margin: auto;}
#paticka #copyrigth{text-align: center; font-size: 18px; padding-top: 100px;}
#paticka #copyrigth a{color: black;}


#paticka .logo_paticka{position: absolute; right: 45px; width: 162px; height:167px;}
#paticka .logo_paticka img{display: block; width: 100%; height: 100%;}

    #hlavicka .zarovnani #logo img{display: block; width: 300px;}

@media screen and (min-width: 1801px) {
    #hlavicka .zarovnani #logo img{display: block; width: 300px;}
}
@media screen and (max-width: 1800px) {
    /*#hlavicka .zarovnani #logo img{display: block; width: 200px;}*/
}
@media screen and (max-width: 1700px) {
    /*#hlavicka .zarovnani #logo img{display: block; width: 175px;}*/
    #hlavicka .zarovnani ul li{padding:25px 12px;}

}
@media screen and (max-width: 1600px) {
    .odkazy .zarovnani ul {width: 90%;}
    #content h1{font-size: 34px;}
    #content h2{font-size: 34px;}
}
@media screen and (max-width: 1500px) {
    #hlavicka .zarovnani ul li a{font-size: 14px;}
    #content{margin-top: 50px; width: 90%;}
    #content .zarovnani .clanky{margin-top: 20px;}
    #content .aktualne {padding: 15px 0;}
    #content .zarovnani .clanky li{width: 29%; margin-right: 6.3%;}
    #content h1{font-size: 32px;}
    #content h2{font-size: 32px;}
}
@media screen and (max-width: 1400px) {
    #content .aktualne .obal input[type=search]{width: 85%;}
    #program #content{margin-top: 25px;}
}
@media screen and (max-width: 1280px) {
    #hlavicka{height: 170px;}
    #hlavicka .zarovnani #logo { top: 10px;}
    #logoPb img{display: block; width: 125px;}
    #hlavicka .zarovnani ul li{padding:17px 7px;}
    .odkazy .zarovnani ul {width: 100%;}
    #content .zarovnani .clanky li .obsah-clanek h2 {font-size: 1.2em;}
    #content .zarovnani .clanky li{width: 31%; margin-right: 3.5%;}
    #content h1{font-size: 30px;}
    #content h2{font-size: 30px;}
    #program #content{margin-top: 10px;}
}
@media screen and (max-width: 1150px) {
    .zarovnani{width: 85%;}
    .parteri .part a img {max-height: 120px; max-width: 65px; margin: 15px;}
    #content h1{font-size: 28px;}
    #content h2{font-size: 28px;}
}
@media screen and (max-width: 1000px) {
    #hlavicka .zarovnani ul{display: none; z-index: 99999; right:0; left: 0; margin: auto; top:55px; background-color: white; min-width: 300px; max-width: 360px;}
    #hlavicka .zarovnani ul li{float: none;}
    .mobile-menu {cursor: pointer; display: block; padding-left: 1.25em; position: absolute; right: 0;  top:55px; width: 40px; height: 40px;}
    .menu-global {backface-visibility: hidden; position: absolute; left: 0; border-top: 7px solid #ed1c24; width: 100%; transition: 0.55s;}
    .menu-top {top: 0;}
    .menu-middle {top: 18px;}
    .menu-bottom {top: 36px;}
    .menu-top-click {backface-visibility: hidden; top: 15px; transform: rotate(50deg); transition: 0.55s 0.5s;}
    .menu-middle-click {opacity: 0;}
    .menu-bottom-click {backface-visibility: hidden; top: 15px; transform: rotate(-410deg); transition: 0.55s 0.5s;}
    #logoPb img{display: block; width: 100px;}
    #content .aktualne .obal input[type=submit]{width: 15%;}
    #content h1{font-size: 26px;}
    #content h2{font-size: 26px;}
}
@media screen and (max-width: 880px) {
    .slider .zarovnani .po h1 {font-size: 38px;}
    .slider .zarovnani .po p {font-size: 20px;}
    .odkazy .zarovnani ul li{float: none; margin:0 auto; width: 45%;}

    #paticka .logo_paticka{width: 102px; height:107px; bottom: 25px; right: 25px;}
}
@media screen and (max-width: 775px) {
    .slider .zarovnani .po h1 {font-size: 32px;}
    .zarovnani{width: 95%;}
    #hlavicka .zarovnani ul{left:100px;}
    #content .zarovnani .clanky li{float: none; margin-right: auto; margin-left: auto; width: 70%;}
    #content .zarovnani .clanky li:nth-child(3n+3) {margin-right: auto;}
    #content .zarovnani .clanky li .obsah-clanek .odkaz-clanek {margin-top: 20px;}
    #paticka #copyrigth{width: 90%; margin-left: auto; margin-right: auto; padding-top: 65px;}
    #content .aktualne .obal {width: 100%;}
    #content .aktualne {width: 60%;}
}
@media screen and (max-width: 680px) {
    .slider .zarovnani .po h1 {font-size: 26px;}
    .slider .zarovnani .po p {font-size: 18px;}
    #logoPb img{display: block; width: 75px;}
    #hlavicka .fb-search .right form input[type=search] {margin-right: 10px;}
    #hlavicka .zarovnani ul{max-width: 250px; min-width: 0;}
    #hlavicka .zarovnani #logo { top: 40px;}
    #hlavicka .zarovnani #logo img { width: 210px;}
}
@media screen and (max-width: 540px) {
    #paticka #copyrigth{width: 90%; margin-left: auto; margin-right: auto; padding-top: 65px; font-size: 14px;}
    .odkazy .zarovnani ul li{width: 75%;}
    #content .zarovnani .clanky li{width: 90%;}
    #hlavicka .zarovnani ul{top:120px;}
}
@media screen and (max-width: 440px) {
    #content .aktualne {width: 75%;}
}
@media screen and (max-width: 400px){
    #hlavicka .fb-search .right form input[type=search]{width: 100px;}
}