*{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%;}

img {max-width: 100%; height: auto}
.mobile-menu{display: none;}
body{
    font-family: 'Roboto', sans-serif;
    background-color: white;
    background-repeat: no-repeat;
    /* background-image: url("../img/2019/bg_vanoce.jpg"); */
    background-image: url("../img/bg_vanoce.jpg");
    /* 71b175 */
    background-color: #dd0222;
    /*background-position-y: 140px;*/
    background-position-x: center;
    /*background-position-y: -12%;*/
}

.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: 140px; 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-bottom: 1px solid white;}
#hlavicka .fb-search .right{text-align: right; margin-right: 4.5%;}
#hlavicka .fb-search .right form .facebook{border:none; background-color: #8f0004;  padding: 5px 7px; margin-top: 5px;   border-right: 1px solid white;  display:block; float: left;  background-image: url("../img/fb.png"); height: 23px; width: 29px; background-repeat: no-repeat; background-position: center;}
#hlavicka .fb-search .right form{display: block; float: right; background-color: #8f0004; width: 300px; margin-right: 70px;}
#hlavicka .fb-search .right form #btnsearch{border: none; margin-left: 5px; background-color: #8f0004; cursor: pointer; padding: 14.5px; background-position: center; background-image: url("../img/search.png"); background-size: contain; background-repeat: no-repeat; }
#hlavicka .fb-search .right form input{border: none; background-color: #8f0004; padding: 10px; background-color: transparent;}
#hlavicka .fb-search .right form input[type=search]{margin-right: 100px; background-color: #8f0004; width: 110px;}
#hlavicka .zarovnani #logo{display: block; float: left; text-decoration: none; position: absolute; top: 65px; z-index: 999;}
#hlavicka .zarovnani #logo h1{font-size: 34px; color: white; text-shadow: 0px 0px 12px black; margin-top: 13px;}
#hlavicka .zarovnani ul{position: absolute; right: 0; top: 63px;}
#hlavicka .zarovnani ul li{float:left; padding:25px 20px; display:block;}
#hlavicka .zarovnani ul li.active a{border-bottom-color: #dd0222; color: #ffffff}
#hlavicka .zarovnani ul li a{text-transform: uppercase; text-shadow: 0px 0px 12px black; /*font-family: "Merriweather_Regular";*/  text-decoration:none; color: #ffffff; 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: #dd0222; color: black; text-shadow: none;}


#hlavicka .fb-search .right ::-webkit-input-placeholder {  color: #ffffff; }
#hlavicka .fb-search .right :-moz-placeholder { /* Firefox 18- */ color: #ffffff; }
#hlavicka .fb-search .right ::-moz-placeholder {  /* Firefox 19+ */ color: #ffffff; }
#hlavicka .fb-search .right :-ms-input-placeholder {  color: #ffffff; }



#content{width: 85%; color: white; min-height: 5px;    max-width: 1600px; 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 #e24855 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-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: #7fd28a; color: white; margin: 0;}

#content .zarovnani .clanky{margin-top: 10px;}
#content .zarovnani .clanky{padding-left: 0;}
div.home_aktuality_obal{ padding-top: 50px; padding-bottom: 50px;  background-position: center;  background-color: transparent; background-image: url("../img/bg_aktuality.jpg"); background-repeat: no-repeat; background-size: cover;}
div.home_aktuality_obal #content { margin-top: 30px; }
div.home_aktuality_obal h1 { margin-top: 20px;  color: #ffffff; letter-spacing: 0.4em; font-weight: 400; font-size: 36px; text-transform: uppercase;}
div.home_aktuality_obal .medium{color: white; padding: 5px 0;}
#content .zarovnani .clanky li{display: block; color: black; float: left; margin-bottom: 20px; width: 30.5%; margin-right: 3%; height: 720px; overflow: hidden; background-color: #ffffff; padding-bottom: 40px;  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 a.imgnahled  {height: 190px; overflow: hidden}
#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";*/ text-shadow: none; padding: 25px 0 10px 0;}
#content .zarovnani .clanky li .obsah-clanek h2 a{text-decoration: none; color: #000000; text-shadow: none;}
#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{}
#content .zarovnani .clanky li .obsah-clanek .odkaz-clanek{margin-top: 20px; text-shadow: none; }
#content .zarovnani .clanky li .obsah-clanek .odkaz-clanek .more-arc{text-decoration: none; text-shadow: none; display: inline; /*font-family: "Merriweather_Bold";*/ color: #de0221; padding-right: 0px;  }
/*#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: #ffffff; /*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: #ffffff; /*font-family: "Merriweather_Bold";*/}
#content .zarovnani .strankovani p a.active{border: 1px solid #000000;}
#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 25px; border: 1px solid white; background-color: #777777; /*background-image: url("../img/more.png");  background-repeat: no-repeat; background-position:90% 50%;*/}


#content h1{font-size: 40px; text-shadow: 0px 0px 12px black; /*font-family: "Merriweather_Bold";*/}
#content h2{margin-top: 34px; text-shadow: 0px 0px 12px black;}
#content h3{margin-top: 30px; text-shadow: 0px 0px 12px black;}
#content p{margin-bottom: 35px; margin-top: 15px}
#content a {color:white; transition: 0.7s; text-shadow:none;}
#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;
}

#paticka #copyrigth a.developedby { margin-right: 5px; font-size: 90%;  text-decoration: none; color: #000; transition: 0.7s }
#paticka #copyrigth a.developedby:hover { text-decoration: none; color: #00e8aa }

#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: 48px;}
.slider .zarovnani .po p{font-size: 24px;}
.center{text-align: center;}
.tucny{font-weight: bold;}
.vyrazny{color: #ffee3b; font-weight: bold;}
.
.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; text-shadow: 0px 0px 12px black;  color: #ffffff;  margin-top:15px;}
.odkazy .zarovnani ul li h2 a{text-align: center; text-shadow: 0px 0px 12px black; text-decoration: none;  color: #ffffff;}
.odkazy .zarovnani ul li p{text-align: center; text-shadow: 0px 0px 12px black; margin-top:10px;  color: #ffffff;}
.odkazy .zarovnani ul li .more{margin-top:35px; text-shadow: 0px 0px 12px black;}
.odkazy .zarovnani ul li .more .info{text-decoration: none; text-shadow: 0px 0px 12px black; padding: 7px 25px 7px 25px; border: 1px solid #FFFFFF;  color: #ffffff; /*background-image: url("../img/more.png");  background-repeat: no-repeat; background-position:90% 50%;*/}


.parteri{background-color: white; padding-top: 30px; }
.parteri .mestoLogo{display:block; width: 195px; margin: 15px auto;}
.parteri .mestoLogo img{width: 195px; margin: 15px auto;}
.parteri .dekovani{padding-bottom: 50px; font-size: 18px;}
.parteri h1{padding-top: 50px}
/* 4a9155 */
.parteri .aktualne{width: 40%; display: block; margin-right: auto; margin-top: 5px; padding: 30px 0; margin-left: auto; border: none; border-top: solid #8f0004 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;  color: #dd0222; padding: 20px 0;}
.article h2{font-size: 36px;  color: #ffffff; padding: 20px 0;}

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

.article img{display: block; max-width: 100%; height: auto;}
.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; /* Qfont-family: "Merriweather_Bold";*/ padding: 7px 30px 7px 25px; color: #dd0222; 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: #dd0222; background-image: url("../img/prev.png");  background-repeat: no-repeat; background-position:0% 50%;}



#paticka{margin-top: 20px; position: relative; width: 100%; height: 320px; background-image: url("../img/paticka.jpg"); 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: 45px;}
#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%;}



@media screen and (min-width: 2000px) {
    #hlavicka .zarovnani #logo { left: 200px; }
    #hlavicka .zarovnani ul { right: 100px; }
}

@media screen and (min-width: 2700px) {
    #hlavicka .zarovnani #logo { left: 400px; }
    #hlavicka .zarovnani ul { right: 300px; }
}

@media screen and (min-width: 3000px) {
    #hlavicka .zarovnani #logo { left: 550px; }
    #hlavicka .zarovnani ul { right: 400px; }
}

@media screen and (max-width: 2100px) {
    #hlavicka .zarovnani #logo img{display: block; width: 300px;}
}
@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: 30px;}
}
@media screen and (max-width: 1500px) {
    #hlavicka .zarovnani ul li a{font-size: 14px;}
    #hlavicka .zarovnani #logo h1{font-size: 30px;}
    #content{width: 90%;}
    #content .zarovnani .clanky{margin-top: 20px;}
    #content .aktualne {padding: 15px 0;}
    #content .zarovnani .clanky li{width: 29%; margin-right: 6.3%; height: 749px; overflow: hidden;}
    #content h1{font-size: 32px;}
    #content h2{font-size: 32px;}
    .odkazy{margin-top:50px;}
    #content .zarovnani .clanky li a.imgnahled {height: 180px;}
}
@media screen and (max-width: 1400px) {
    #content .aktualne .obal input[type=search]{width: 85%;}
    #program #content{}
    #hlavicka .zarovnani #logo h1{font-size: 26px;}
}
@media screen and (max-width: 1280px) {
    #hlavicka{height: 120px;}
    #hlavicka .zarovnani #logo { top: 60px;}
    #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{}
}
@media screen and (max-width: 1150px) {
    .zarovnani{width: 85%;}
    .parteri .part a img {max-height: 85px; max-width: 120px; margin: 15px;}
    #content h1{font-size: 28px;}
    #content h2{font-size: 28px;}
}
@media screen and (max-width: 1000px) {
    .slider{height: 200px;}
    #hlavicka .zarovnani ul{display: none; z-index: 99999; right:0; left: 0; margin: auto; top:100px; background-color: white; min-width: auto; width:80%;  max-width: auto;x;}
    #hlavicka .zarovnani ul li{float: none; text-align: center;}
    #hlavicka .zarovnani ul li a{color: #8f0004; text-shadow: none;}
    #hlavicka .zarovnani ul li.active a{color: #8f0004;}
    .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 #fff; 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 {
    width: 90%;
    padding: 5px 5% 30px 5%;
    margin-top: 0px;
    background-color: #8f0004;
    }
    div.home_aktuality_obal #content {
    background: transparent;
    }

    #content .aktualne .obal input[type=submit]{width: 15%;}
    #content h1{font-size: 26px;}
    #content h2{font-size: 26px;}
    .odkazy { margin-top: 0px;  background-color: #8f0004;}
}
@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) {

    #hlavicka .fb-search .right form{float: none; margin-right: 0;}
    .slider .zarovnani .po h1 {font-size: 32px;}
    .zarovnani{width: 95%;}
    #hlavicka .zarovnani ul{}
    div.home_aktuality_obal{background-image: url("../img/bg_news_mobile.png"); background-color: #777777;}

    #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%;}
    #hlavicka .zarovnani #logo h1{font-size: 24px;}
}
@media screen and (max-width: 680px) {
    #hlavicka .fb-search .right form{margin-right: 0; width: 250px; }
    .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{min-width: 0;}
    #hlavicka .zarovnani #logo img { width: 210px;}
}
@media screen and (max-width: 540px) {
    .mobile-menu {top: 65px;}
    #hlavicka .fb-search .right form #btnsearch{float: right; }
    #hlavicka .zarovnani #logo h1{font-size: 17px;    margin-top: 15px;}
    #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%;    height: 580px;}
    #hlavicka .zarovnani ul{top:120px;}
}
@media screen and (max-width: 440px) {
    #hlavicka .zarovnani #logo{width: 80%;}
    #content .aktualne {width: 75%;}
}
@media screen and (max-width: 400px){
    #hlavicka .fb-search .right form input[type=search]{width: 100px;}
}