/* CSS Document */

fieldset{border:0;}
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

input::-moz-focus-inner { 
  border: 0; 
}
html{  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  }
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body,html {
   /*height:100%; min-height: 100%;*/
}

svg,path,a,input,button{transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}

a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
*{margin:0;padding:0px;outline-width: 0px;outline-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.clear{clear: both;line-height: 0;height:0px;font-size: 0;}
body{text-align: center;position: relative;color:#3D4852;width:100%;max-width:100%;}
html{text-align: center;position: relative;}
                 .parallax-mirror {text-align: left;}
a img{border:0px;}

img{border:0 !important;}

select::-ms-expand {
    display: none;
}

select{
  display: block;    
  -webkit-appearance: none;
  
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;     
  border-radius:0;   
}

img { -ms-interpolation-mode: bicubic; }


body,html{background-color: #fff;text-align: center;}

@font-face {
  font-family: "Cosmica";
  src: url("/Cosmica-Bold.woff2") format("woff2"),
       url("/Cosmica-Bold.woff") format("woff");
}

@font-face {
    font-family: 'cosmicaextrabold';
    src: url('/cosmica-extrabold-webfont.woff2') format('woff2'),
         url('/cosmica-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

p,li,strong,input,button,a{font-family: 'Zilla Slab', serif;color:#0a0a0a;}
h1,h2,h3,h4{font-family: Cosmica;}
h1 a,h2 a,h3 a,h4 a{font-family: Cosmica;} 

*{line-height: 1.333333em;}

#newweb{height:1000px;margin:0 auto;}
.maxwidth{max-width:1300px;margin:0 auto;}



.webpadding{padding:0 20px;}
#newwebhead{background-color: transparent;padding-top: 50px;}
#header{text-align: left;padding-bottom: 45px;position: relative;border-bottom:0px solid #a8a8a7;}
h1#logo,p#logo{text-align: left;display: inline-block;z-index: 9999;position: relative;}
h1#logo svg,p#logo svg{width:195px;height:auto;}
h1#logo a,p#logo a{text-decoration: none;color:#EF6D2F;}
h1#logo a span,p#logo a span{text-transform: none;font-size: 0px;display: inline;max-width:350px;font-weight: 500;font-family: 'Zilla Slab', serif;color:#000000;}


.home h1#logo svg,.home p#logo svg{-webkit-animation: fssadein3 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fssadein3 0.5s; /* Firefox < 16 */-ms-animation: fssadein3 0.5s; /* Internet Explorer */-o-animation: fssadein3 0.5s; /* Opera < 12.1 */animation: fssadein3 0.5s;}
@keyframes fssadein3 {
    from { opacity: 0; transform: translateX(-10px);transform: translateY(-15px);}
    to   { opacity: 1; transform: translateX(0px);transform: translateY(0px);}
}

#logo svg path{fill:#ea7727;}


#claim{padding:105px 0px 50px 0px;background-color: transparent ;text-align: left;
   /* background-image: url(img/straf.svg);background-position: bottom -1px right -1px;background-size: auto 100%;background-repeat: no-repeat;*/
}


#claim h1{font-size: 19px;color:#000;margin-bottom:33px;line-height: 1.4em;font-family: 'Zilla Slab', serif;font-weight: 500;}
#claim h1{font-size:18px;color:#fff;margin-bottom:40px;line-height: 1.35em;font-family: 'Zilla Slab', serif;font-weight: 300;}


.home #claim h1{-webkit-animation: fssadeinn 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fssadeinn 0.5s; /* Firefox < 16 */-ms-animation: fssadeinn 0.5s; /* Internet Explorer */-o-animation: fssadeinn 0.5s; /* Opera < 12.1 */animation: fssadeinn 0.5s;}
@keyframes fssadeinn {
    from { opacity: 0; transform: translateY(-10px);}
    to   { opacity: 1; transform: translateY(0px);}
}

#claim p{font-size: 54px;font-weight: 800;color:#fff;display: inline-block;line-height: 1.20em;text-align: left;font-family: cosmicaextrabold;font-weight: 700;text-transform: none;letter-spacing: -0.02em;

}
.home #claim p{-webkit-animation: fssadein 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fssadein 0.5s; /* Firefox < 16 */-ms-animation: fssadein 0.5s; /* Internet Explorer */-o-animation: fssadein 0.5s; /* Opera < 12.1 */animation: fssadein 0.5s;}
@keyframes fssadein {
    from { opacity: 0; transform: translateY(10px);}
    to   { opacity: 1; transform: translateY(0px);}
}

#claim p{padding:0 0 7px 0;}



#claim.pagenadpisy{padding-top: 80px;}
#claim.pagenadpisy p {font-size:18px;color:#fff;margin-bottom:40px;line-height: 1.35em;font-family: 'Zilla Slab', serif;font-weight: 500;display: none;}
#claim.pagenadpisy h1 {font-size: 59px;font-weight: 800;color: #fff;display: inline-block;line-height: 1.20em;text-align: left;font-family: cosmicaextrabold;font-weight: 700;text-transform: none;letter-spacing: -0.02em;margin-bottom: 0;}





#gradient{

/*background: rgb(234,119,39);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,230,211,1) 100%);*/

background-color: #000;

background-image: url(img/tm5.jpg);background-position: bottom center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat; 

}

body,html{background-color: #fff;}

ul#menu{text-align: right;display: inline-block;position: absolute;right:20px;top:53px;}
.home ul#menu{-webkit-animation: fssadein33 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fssadein33 0.5s; /* Firefox < 16 */-ms-animation: fssadein33 0.5s; /* Internet Explorer */-o-animation: fssadein33 0.5s; /* Opera < 12.1 */animation: fssadein33 0.5s;}
@keyframes fssadein33 {
    from { opacity: 0; transform: translateX(15px);}
    to   { opacity: 1; transform: translateX(0px);}
}
ul#menu li{list-style-type: none;display: inline-block;margin-left: 20px;font-size: 19px;position: relative;}
ul#menu li.mensi{font-size: 19px;}
ul#menu li a{color:#fff;text-decoration: none;font-family: 'Zilla Slab', serif;font-weight: 700;text-transform: lowercase;}
ul#menu li.mensi a{font-family: 'Zilla Slab', serif;font-weight: 700;}
ul#menu li a:hover,ul#menu li.active a{color:#ea7727;text-decoration: none;}

ul#menu li:hover li a{color:#fff;}
ul#menu li:hover li a:hover{color:#ea7727;}




ul#menu  li ul{transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}
ul#menu  li ul{position: absolute;background-color: #191b1a;padding:25px 40px 15px 35px;width:auto;display: none;left:0;}
ul#menu  li:hover ul{display: block;border-left:0px solid #ea7727;}
ul#menu  li ul li{margin-bottom: 15px;display: block;white-space: nowrap;text-align: left;margin-left: 0;}
ul#menu  li ul li a{/*color:#000;*/}
ul#menu  li ul li a:hover{text-decoration: none;/*color:#f39200;*/}
ul#menu  li a:hover{text-decoration: none;}
ul#menu  li ul li.active a{color:#ea7727;}




#menu{transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;}




#soc{position: absolute;top:-38px;right:20px;display: inline-block;}
.home #soc{-webkit-animation: fssadein333 0.5s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fssadein333 0.5s; /* Firefox < 16 */-ms-animation: fssadein333 0.5s; /* Internet Explorer */-o-animation: fssadein333 0.5s; /* Opera < 12.1 */animation: fssadein333 0.5s;}
@keyframes fssadein333 {
    from { opacity: 0; transform: translateX(15px);}
    to   { opacity: 1; transform: translateX(0px);}
}
#soc a{display: inline-block;margin-left: 15px;}
#soc a.la{font-weight: 300;text-decoration: none;color:#fff;height:25px;font-size: 17px;text-transform: none;}
#soc a.lala{margin-left: 10px;}
#soc a:hover,#soc a.active{text-decoration: none;color:#ea7727;}

#soc a svg{display: inline-block;width:32px;height:auto;margin-bottom: -12px;}
#soc a svg path{fill:#fff;}
#soc a svg:hover path{fill:#ea7727;}


@media only screen and (max-width: 1450px) {
    #newwebhead{padding-top: 40px;}
    
    .maxwidth{max-width:1200px;margin:0 auto;}
    
    ul#menu{top:47px;}

    
    #claim{padding:100px 0px 40px 0px;}
    #claim h1{font-size: 16px;margin-bottom: 35px;}
    #claim p{font-size: 50px;}
  
#claim.pagenadpisy{padding-top: 80px;}
#claim.pagenadpisy p {font-size:16px;color:#fff;margin-bottom:40px;line-height: 1.35em;font-family: 'Zilla Slab', serif;font-weight: 500;display: none;}
#claim.pagenadpisy h1 {font-size: 50px;font-weight: 800;color: #fff;display: inline-block;line-height: 1.20em;text-align: left;font-family: cosmicaextrabold;font-weight: 700;text-transform: none;letter-spacing: -0.02em;margin-bottom: 0;}


    
    
    h1#logo svg,p#logo svg{width:175px;height:auto;}
    
    #soc a.la{font-size: 16px;}
    #soc{top:-30px;}
    #soc a{margin-left: 12px;}
    #soc a.lala{margin-left: 8px;}
    
    ul#menu li{font-size: 17px;margin-left: 18px;}
    ul#menu li.mensi{font-size: 17px;}
    
}

@media only screen and (max-width: 1200px) {

    
}


@media only screen and (max-width: 1100px) {
    .maxwidth{max-width:100%;}
    #newwebhead{padding-top: 20px;}  
    h1#logo svg,p#logo svg{width:140px;height:auto;}          
    ul#menu{top:48px;}
    #soc{top:-15px;}
    
    #soc a.la{font-size: 14px;}
    
    ul#menu li{font-size: 15px;margin-left: 12px;}
    ul#menu li.mensi{font-size: 15px;}
        
}



@media only screen and (max-width: 900px) {
    
    #claim{padding:60px 0px 35px 0px;}    
    #claim h1{font-size: 15px;margin-bottom: 30px;}
    #claim p{font-size: 44px;}
    
#claim.pagenadpisy{padding-top: 80px;}
#claim.pagenadpisy p {font-size:15px;color:#fff;margin-bottom:40px;line-height: 1.35em;font-family: 'Zilla Slab', serif;font-weight: 500;display: none;}
#claim.pagenadpisy h1 {font-size: 44px;font-weight: 800;color: #fff;display: inline-block;line-height: 1.20em;text-align: left;font-family: cosmicaextrabold;font-weight: 700;text-transform: none;letter-spacing: -0.02em;margin-bottom: 0;}


    
    
    h1#logo svg,p#logo svg{width:120px;height:auto;}        
    
    
}

@media only screen and (max-width: 850px) {
       
    #claim{padding:40px 0px 30px 0px;}   
    ul#menu{display: none;}
    #soc{display: none;}
}


@media only screen and (max-width: 700px) {
       
       
    ul#menu{display: none;}
    #soc{top:-5px;display: none;}
    
    
            
    #claim p{font-size: 38px;}
    
    #claim.pagenadpisy{padding-top: 80px;}
#claim.pagenadpisy p {font-size:18px;color:#fff;margin-bottom:40px;line-height: 1.35em;font-family: 'Zilla Slab', serif;font-weight: 500;display: none;}
#claim.pagenadpisy h1 {font-size: 38px;font-weight: 800;color: #fff;display: inline-block;line-height: 1.20em;text-align: left;font-family: cosmicaextrabold;font-weight: 700;text-transform: none;letter-spacing: -0.02em;margin-bottom: 0;}



    
        

    
}


@media only screen and (max-width: 500px) {
    #claim{padding:65px 0px 25px 0px;}
    
    #header{padding-bottom: 0px;}
    #claim h1{font-size: 15px;margin-bottom: 25px;}
    h1#logo svg,p#logo svg{width:110px;height:auto;}
    .webpadding{padding:0 15px;}
}


@media only screen and (max-width: 360px) {
    #claim h1{font-size: 14px;}
    .nomob{display: none;}
    #claim p{font-size: 34px;}

#claim.pagenadpisy{padding-top: 80px;}
#claim.pagenadpisy p {font-size:18px;color:#fff;margin-bottom:40px;line-height: 1.35em;font-family: 'Zilla Slab', serif;font-weight: 500;display: none;}
#claim.pagenadpisy h1 {font-size: 34px;font-weight: 800;color: #fff;display: inline-block;line-height: 1.20em;text-align: left;font-family: cosmicaextrabold;font-weight: 700;text-transform: none;letter-spacing: -0.02em;margin-bottom: 0;}


    
    
}


h2.h2_hlavni{color:#000;font-size: 37px;margin-bottom: 36px;font-family:  'Zilla Slab', serif;letter-spacing: -0.02em;font-weight: 300;font-style: italic;}

#underheadspace{height:48px;}
#aktuality{width:62%;text-align: left;float: left;}

#aktualityin{display: grid;grid-template-columns: repeat(1, 1fr);align-items: stretch;}
.jedna_item img{width:100%;height:auto;}

#aktuality h3{font-size: 20px;margin-bottom: 20px;letter-spacing: -0.02em;}
#aktuality h3 a{text-decoration: none;color:#000;}
#aktuality h3 a:hover{text-decoration: underline;}
#aktuality p{font-size: 18px;text-align: /*justify*/left;display: block;float: right;width:calc(100% - 270px);}
.jedna_item a img{float: left;width:250px;background-color:#fff;;display: block;margin-top: 5px;float: left;}
.jedna_item{margin-bottom: 50px;}

#aktuality .jedna_item{border-bottom:1px solid #d8d8d8;padding-bottom: 50px;}
/*#aktuality :last-child{border-bottom:0;}*/


#aktuality.aktualitypage{float: none;width:100%;}

#aktuality.aktualitypage #aktualityin{display: grid;grid-template-columns: repeat(2, 1fr);align-items: stretch;}
#aktuality.aktualitypage #aktualityin .jedna_item .incolumn{padding-right: 30px;}

#aktuality.aktualitypage #aktualityin .jedna_item a img{float: left;width:33%;background-color:#fff;;display: block;margin: 2px 20px 10px 0;float: left;}
#aktuality.aktualitypage p{font-size: 18px;text-align: /*justify*/left;display: inline;width:auto;float: none;}

#aktuality.aktualitypage #aktualityin :nth-child(2) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(4) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(6) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(8) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(10) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(12) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(14) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(16) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(18) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(20) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(22) .incolumn{padding-right: 0px;padding-left: 30px;}
#aktuality.aktualitypage #aktualityin :nth-child(24) .incolumn{padding-right: 0px;padding-left: 30px;}




#colorbg{padding-bottom: 100px;}
.publikace_page #colorbg{background-color: #28a8e4;}
.publikace_page #aktuality p{color:#fff;} 
.publikace_page #aktuality h3 a{color:#fff;}
.publikace_page #aktuality .jedna_item{border-bottom:1px solid #fff;padding-bottom: 50px;}

.navigation{clear: both;width:100%;float: none;}
.navigation div{display: inline-block;}
.navigation div a{font-weight: 500;color:#fff;text-decoration: none;text-transform: lowercase;display: inline-block;background-color: #28a8e4;
    line-height: 1.5em;padding:0 6px 1px 6px;border:1px solid #28a8e4;
}
.navigation div a:hover{text-decoration: none;color:#28a8e4;background-color: #fff;border-color:#28a8e4;}
.publikace_page .navigation div a{color:#fff;}
.publikace_page .navigation div a:hover{color:#28a8e4;background-color: #fff;}
.navigation .alignright{text-align: right;float: right;}
.navigation .alignleft{text-align: left;float: left;}


@media only screen and (max-width: 1450px) {

  #underheadspace{height:43px;}
  #aktuality h3{font-size: 20px;}
  h2.h2_hlavni{font-size: 34px;margin-bottom: 30px;}
}

@media only screen and (max-width: 900px) {

    #aktuality{width:100%;text-align: none;}
   h2.h2_hlavni{margin-bottom: 25px;}
   h2.h2_hlavni{font-size: 34px;margin-bottom: 30px;} 
}

@media only screen and (max-width: 800px) {

    .jedna_item a img{float: left;width:40%;background-color:#fff;;display: inline-block;margin:5px 12px 5px 0;}
  
  
  #aktuality.aktualitypage #aktualityin{display: grid;grid-template-columns: repeat(1, 1fr);align-items: stretch;}
  #aktuality.aktualitypage #aktualityin .jedna_item .incolumn{padding-right: 0;}
  #aktuality.aktualitypage #aktualityin :nth-child(2) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(4) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(6) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(8) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(10) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(12) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(14) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(16) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(18) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(20) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(22) .incolumn{padding-right: 0px;padding-left: 0px;}
  #aktuality.aktualitypage #aktualityin :nth-child(24) .incolumn{padding-right: 0px;padding-left: 0px;}  
    
  
  #aktuality.aktualitypage .jedna_item a img{float: left;width:40%;background-color:#fff;;display: inline-block;margin:0;}
  #aktuality.aktualitypage #aktualityin .jedna_item a img{width:40%;margin-right: 12px;}
  
  
  
   #aktuality p{display: inline;float: none;width:auto;font-size: 17px;} 
  
   
   #underheadspace{height:33px;}
   
}

@media only screen and (max-width: 500px) {

   h2.h2_hlavni{font-size: 30px;margin-bottom: 30px;}
   #aktuality h3{font-size: 20px;margin-bottom: 10px;}
}

#aktuality p a.zobrcel{font-weight: 800;color:#28a8e4;display: block;padding-top: 10px;margin-bottom: 10px;text-decoration: none;text-align: right;text-transform: lowercase;}
.publikace_page #aktuality p a.zobrcel{color:#fff;}

@media only screen and (max-width: 500px) {
    #aktuality p a.zobrcel{text-align: left;}
}    
#aktuality p a.zobrcel:hover{text-decoration: underline;}

@media only screen and (max-width: 360px) {

   #aktuality p{font-size: 16px;}
   #aktuality h3{font-size: 17px;}
   h2.h2_hlavni {font-size: 26px;margin-bottom: 20px;}
}


#boxhpr{width:calc(38% - 60px);float: right;margin-top: -70px;}

#knihy h2.h2_hlavni{color:#fff;margin-bottom: 23px;font-size: 32px;border:0px;padding-bottom: 0;line-height:1.2em;}
        
#knihy{width:100%;text-align: left;/*border:8px solid #fcf6f0;*/
        padding:32px 40px 0 40px;background-color: #28a8e4;}
#knihyin{display: grid;grid-template-columns: repeat(1, 1fr);align-items: stretch;}

#knihy h3{font-size: 21px;margin-bottom: 15px;border-top:1px solid #fff;padding-top: 17px;text-transform: none;letter-spacing: -0.02em;}
#knihy h3 a{text-decoration: none;color:#fff;font-family: Cosmica;font-weight: 700;}
#knihy h3 a:hover{text-decoration: underline;}
#knihy p{font-size: 18px;text-align: /*justify*/left;display: block;float: right;width:100%;color:#fff;}
#knihy .jedna_item a img{float: none;width:60%;background-color:#fff;;display: block;margin:0 auto 20px auto;}
#knihy .jedna_item{margin-bottom: 50px;}
.imga{display: block;border-top:0px solid #fff;border-bottom:0px solid #fff;margin-bottom: 20px;padding-top: 0px;}



#ipm{width:100%;text-align: left;/*border:8px solid #fcf6f0;*/padding:32px 40px 0 40px;background-color: #fce6d3;margin-bottom: 15px;}
#ipm h2.h2_hlavni{color:#000;margin-bottom: 23px;font-size: 32px;border:0px;padding-bottom: 0;line-height:1.2em;}
#ipm p{font-size: 18px;margin-bottom: 10px;}
#ipmin{padding-bottom: 10px;}
#ipm a{font-weight: 800;color: #ea7727;display: block;padding-top: 10px;margin-bottom: 10px;text-decoration: none;text-align: right;text-transform: lowercase;}
#ipm a:hover{text-decoration: underline;}

@media only screen and (max-width: 1450px) {

  
  #knihy h3{font-size: 19px;margin-bottom: 15px;padding-top: 15px;}
  
   #knihy{padding:28px 35px 0 35px;width:100%;}
   #boxhpr{width:calc(38% - 45px);margin-top: -65px;}
   
    #knihy h2.h2_hlavni{font-size: 29px;margin-bottom: 20px;}
    
    #ipm{padding:28px 35px 0 35px;width:100%;}
    #ipm h2.h2_hlavni{font-size: 29px;margin-bottom: 20px;}
    
}

@media only screen and (max-width: 1200px) {

  
  
  
   #knihy{width:100%;padding:21px 25px 0 25px;}
    #ipm{width:100%;padding:21px 25px 0 25px;}
   
      
      #boxhpr{width:calc(38% - 35px);} 
}


@media only screen and (max-width: 900px) {

    #boxhpr{width:calc(100% + 50px);margin-top: 0;float: none;clear: both;margin-left: -25px;}
    #knihy{width:100%;text-align: none;border:0px;padding:30px 15px 0 15px;}
    #knihy h2{padding-left: 10px;}
    #knihyin{display: grid;grid-template-columns: repeat(3, 1fr);align-items: stretch;}
    #knihy .jedna_item{padding:0 10px;}
    #ipm p{display: block;padding-left: 10px;}
    #knihy h3{font-size: 18px;margin-bottom: 15px;}
    
    #ipm{width:100%;text-align: none;border:0px;padding:30px 15px 0 15px;}
    #ipm h2.h2_hlavni{padding-left: 10px;}    
}

@media only screen and (max-width: 800px) {

    
   #knihy p{display: inline;float: none;width:auto;font-size: 17px;} 
   /*#knihy h3{font-size: 24px;margin-bottom: 20px;}*/
   
   
}


@media only screen and (max-width: 600px) {
   #knihy{text-align: none;border:0px;padding:30px 10px 0 10px;}
    #boxhpr{width:calc(100% + 40px);margin-top: 0;float: none;clear: both;margin-left: -20px;} 
   #knihyin{display: grid;grid-template-columns: repeat(1, 1fr);}
   #knihyin{grid-template-columns: repeat(1, 1fr);}
   
    .imga {display: inline;border-top: 0px solid #fff;border-bottom: 0px solid #fff;margin-bottom: 0px;padding-top: 0px;}
    #knihy .jedna_item a img {float: left;width: 40%;background-color: #fff;display: inline-block;margin: 5px 12px 5px 0;}
   #knihy h3{ margin-bottom: 12px;}
   
   #knihy h2.h2_hlavni {font-size: 26px;}
   
    #ipm{text-align: none;border:0px;padding:30px 10px 0 10px;}
    #ipm h2.h2_hlavni{font-size: 26px;} 
   
}
@media only screen and (max-width: 450px) {
   
   #knihyin{grid-template-columns: repeat(1, 1fr);}
   #knihy h3{font-size: 18px}
   
}


    
    
@media only screen and (max-width: 500px) {
    #knihy p a.zobrcel{text-align: left;}
    #knihy{}
    
    #boxhpr{width:calc(100% + 30px);margin-left: -15px;}
    
       #knihy .jedna_item{padding:0 5px;}
    #knihy h2{padding-left: 5px;}
    #ipm h2.h2_hlavni{padding-left: 5px;}
    #ipm p{display: block;padding-left: 5px;}
    
}    
@media only screen and (max-width: 360px) {
    #aktuality p{font-size: 16px;}
}

#knihy p a.zobrcel{font-weight: 800;color:#fff;display: block;padding-top: 20px;margin-bottom: 10px;text-decoration: none;text-align: right;}

#knihy p a.zobrcel:hover{text-decoration: underline;}



@media only screen and (max-width: 1250px) {
.maxwidth{width:100%;max-width:calc(100% - 10px);}
}

@media only screen and (max-width: 600px) {
.maxwidth{max-width:100%;}
}

#langmob{display: none;}
.nav-icon3{display: none;}
@media only screen and (max-width: 850px) {
  .nav-icon3{display: block;position: absolute;top:22px;right:25px;}
  #langmob{display: inline-block;position: absolute;right:84px;top:21px;}
  #langmob a.la{font-weight: 500;text-decoration: none;height:25px;font-size: 16px;text-transform: none;margin-left: 12px;color:#fff;}
  #langmob a:hover,#langmob a.active{color:#ea7727;text-decoration: none;} 
  ul#menu.open{display: block;position: fixed;top:0px;left:0px;background-color: #000;height:100%;overflow: scroll;bottom:0px;right:0px;padding-top: 80px;}
  ul#menu.open li{display: block;text-align: right;padding-right:29px;padding-bottom: 15px;font-size: 20px;}
  
    ul#menu.open li:hover ul.jinak{display: block;}
    ul#menu.open li ul{display: block;position: relative;
        position: relative;
        background-color: transparent;        
        width: auto;
        display: block;
        left: auto;    
    }  

    ul#menu.open  li a.menuarr{display: inline-block;background: url(img/reshot-icon-arrow-chevron-down-EUCMLYADT9w.svg) no-repeat right 5px;background-size: 14px 14px;width:23px;height:20px;margin-bottom: -3px;}
    ul#menu.open  li a.menuarr.open{background: url(img/reshot-icon-arrow-chevron-up-9ECRMJ2GNTw.svg) no-repeat right 5px;background-size: 14px 14px;}
    
    
  ul#menu li:hover li a{color:#fff;}
  ul#menu li:hover li a:hover{color:#ea7727;}    
    
    
    ul#menu.open  li ul li{font-size: 17px;margin-right: 0;padding-right: 0;text-transform: none;margin-bottom: 0px;}
    ul#menu.open  li ul li a{font-weight: 300;}
    
    ul#menu.open  li ul{height:0px;overflow: hidden;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;padding:0px;margin:0px;border-left:0px;}
    ul#menu.open  li ul.open{height:auto;overflow: visible;padding: 18px 0 1px 0;margin-bottom: 1px;}
      


  
  
                                                         
}
@media only screen and (max-width: 600px) {
  .nav-icon3{right:20px;}
  #langmob{right:78px;}
  ul#menu.open li{padding-right:24px;}
}
@media only screen and (max-width: 500px) {
  .nav-icon3{right:15px;}
  #langmob{right:72px;}
  ul#menu.open li{padding-right:19px;}
}

.nav-icon3{
  width: 35px;/*25*/
  height: 40px;/*16*/    
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .28s ease-in-out;
  -moz-transition: .28s ease-in-out;
  -o-transition: .28s ease-in-out;
  transition: .28s ease-in-out;
  cursor: pointer;
  padding:0;
}

.nav-icon3 div{position: relative;width:100%;height:100%;}

.nav-icon3 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-icon3.open span {  
  background: #000;  
}

/* Icon 3 */

.nav-icon3 span:nth-child(1) {
    width:76%;left:12%;
  top: 0px;
}

.nav-icon3 span:nth-child(2) {
  top: 7px;
  width:100%;
}

.nav-icon3 span:nth-child(3) {top:14px;
    width:100%;
}

.nav-icon3 span:nth-child(4) {
  top: 21px;
  width:76%;
  left:12%;
}



.nav-icon3.open span{background-color:#ea7727;border-radius: 0px;}

.nav-icon3.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

.nav-icon3.open span:nth-child(2) {
    top:10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-icon3.open span:nth-child(3) {
    top:10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-icon3.open span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
}  


#footer{padding-top: 0px;}
#footerin{background-color: #191b1a;text-align: left;padding:70px 0;padding-bottom: 70px;
background-image: url(img/ffffff.jpg);background-position: center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;
}

#fright{float: right;text-align: right;}
#fright p{text-align: right;}
#footer p,#footer a,#footer li{color:#fff;font-size: 16px;text-decoration: none;}
#footer ul{display: inline-block;}
#footer a:hover{color:#ea7727;}
#footer li.active a{color:#ea7727;}
#footer p{margin-bottom: 10px;}
#footer p.copy{font-size: 14px;}
#footer h3{font-weight: 700;font-size: 14px;margin-bottom: 10px;text-transform: lowercase;}
#footer h3 a{font-weight: 700;font-size: 14px;}

#footer li{list-style-type:none;display: inline-block;margin: 0 20px 10px 0px;text-transform: lowercase;font-weight: 700;}
#footer li a{text-decoration: none;}

#logof svg{width:150px;height:auto;margin-bottom: 23px;}
#logof svg path{fill:#ea7727;}

.fspace{height:60px}

#fright{float: right;text-align: right;}
#fright p{margin-bottom: 23px;}
#fright .fspace{display: none;}

@media only screen and (max-width: 1100px) {
    #fright{float: none;text-align: center;}
    #fright p{margin-bottom: 23px;}
    #fright .fspace{display: block;}
    .fspace{height:30px}
    #footerin{text-align: center;padding:70px 0;padding-bottom: 30px;}
    #footer li{margin: 0 10px 10px 10px;}
    #fright p{text-align: center;}
    #footer p{text-align: center;}
}

/*#colorbg{background-color: #fce6d3;}
#colorbg{background-color: #fce6d3;}*/

.prostestranka{max-width:800px;text-align: left;padding-top: 20px;}
.prostestranka h1{color:#000/*ea7727*/;font-size: 40px;font-weight: 700;margin-bottom: 34px;}
@media only screen and (max-width: 1100px) {
    .prostestranka h1{color:#000;font-size: 28px;font-weight: 700;margin-bottom: 34px;}
}
.prostestranka h2{color:#000;font-size: 20px;font-weight: 600;margin-bottom: 17px;}
.prostestranka h5{color:#000;font-size: 20px;font-weight: 600;margin-bottom: 17px;clear: both;}
.prostestranka p{color:#000;font-size: 17px;margin-bottom: 25px;}
.prostestranka ul{margin-bottom: 17px;}
.prostestranka li{color:#000;font-size: 17px;margin-left: 1.2em;}
.prostestranka img{max-width: 100%;height:auto;border:1px solid #efefef !important}
.prostestranka p a{color:#ea7727;text-decoration: underline;}
.prostestranka p a:hover{text-decoration: none;}

.gallery {margin-bottom: 30px !important;clear: both;display: grid;grid-template-columns: repeat(3, 1fr);padding:0.5%;}
.gallery.gallery-columns-2{grid-template-columns: repeat(2, 1fr);}
.gallery br{display: none !important;}
.gallery .gallery-item{width:auto !important;margin-top: 0 !important;}
.gallery .gallery-item a{line-height: 0;display: inline-block;width:100%;}
.gallery .gallery-item img {
    border: 0px !important;
    width: 99%;
    margin: 0.5%;
    display: block !important;
    float: left !important;
    border:1px solid #efefef !important;
    
}
dt{line-height: 0;}

.prostestranka img.mainimagepost{}
.prostestranka img.poz_vlevo{float: left;margin:0 20px 25px -150px !important;width:300px;}
.prostestranka img.poz_nacelou {width:100%;}


.prostestranka div.poz_vlevo{float: left;margin:0 20px 25px -150px !important;width:300px;}
.prostestranka div.poz_nacelou {width:100%;}

@media only screen and (max-width: 1100px) {
    .prostestranka img.poz_vlevo{float: left;margin:0 10px 15px 0px !important;width:33%;}
    .prostestranka div.poz_vlevo{float: left;margin:0 10px 15px 0px !important;width:33%;}
}

.prostestranka p.kategorie_small{display: block !important;padding-top: 5px;font-size: 16px !important;margin-bottom: 15px;
    font-family: 'Zilla Slab', serif;
    text-transform: lowercase;
    font-weight: 700;
    opacity:1;
    
}
.prostestranka p.kategorie_small a{text-decoration: none;color:#000;
    font-family: 'Zilla Slab', serif;
    text-transform: lowercase;
    font-weight: 700;
}
.prostestranka p.kategorie_small a:hover{text-decoration: none;color:#ea7727;}


.publikace_page p.kategorie_small{color:#fff !important;}
.publikace_page p.kategorie_small a{color:#fff !important;}
 /*
.dae-shortcode-register-icon{display: none;}
.prostestranka .dae-shortcode-download-button{padding:0 !important;}
.prostestranka .dae-shortcode-download-button:hover{padding:0 !important;background-color: transparent !important;}
.dae-shortcode-download-button-text{color:#000;font-size: 20px;font-weight: 600 !important;margin-bottom: 0;text-transform: lowercase;font-family: 'Zilla Slab', serif;display: block;}
.dae-shortcode-download-button-text:first-letter {text-transform: uppercase;}
.prostestranka .dae-shortcode-register-label {font-family: 'Zilla Slab', serif !important;font-weight: 400 !important;font-size: 16px !important;}
.prostestranka .dae-shortcode-register-label {font-family: 'Zilla Slab', serif !important;font-weight: 400 !important;font-size: 16px !important;}
*/
/*.dae-shortcode-download-wrapper .dae-shortcode-register-input-wrap{border:1px solid #000 !important;border-left:1px solid #000 !important;}
.dae-shortcode-download-wrapper .dae-shortcode-register-icon{border:1px solid #000 !important;border-right:0px solid #000 !important;}*/

.dae-shortcode-download-wrapper .dae-shortcode-register-submit{font-weight: 600 !important;transition: all .2s ease-out !important;-moz-transition:  all .2s ease-out !important;-webkit-transition:  all .2s ease-out !important;-o-transition:  all .2s ease-out !important;}


.jedna_item .df-popup-thumb{float: left;margin:0 15px 15px 0 !important;width:33% !important;}
.df-book-title{display: none !important;}

@media only screen and (max-width: 800px) {
     
    .jedna_item .df-popup-thumb{width:40% !important;margin:5px 12px 5px 0;}
} 
  
#aktuality.aktualitypage p.kategorie_small{display: block;margin-bottom: 15px;font-weight: 300;font-size: 16px;font-style: italic;}
#aktuality.aktualitypage p.kategorie_small a{text-decoration: none;}
#aktuality.aktualitypage p.kategorie_small a:hover{text-decoration: none;color:#ea7727;}



ul#inpagenavibox {max-width:750px;margin:0 auto;display: block;padding-top: 20px;padding-bottom: 50px;}
ul#inpagenavibox li{display: inline-block;width:49%;padding:5px;}
ul#inpagenavibox li a{background-color: #ea7727;display: inline-block;color:#fff;width:100%;font-family: "Cosmica";text-decoration: none;font-size: 24px;padding:65px 15px;}
@media only screen and (max-width: 800px) {
    ul#inpagenavibox {max-width:400px;padding: 0 ;}
    ul#inpagenavibox li{width:100%;padding:5px 0;}     
    ul#inpagenavibox li a{font-size: 18px;padding:40px 15px;}
}
ul#inpagenavibox li a:hover{background-color: #f0944d;}

.category-7 #colorbg,.category-9 #colorbg,.category-11 #colorbg,.category-12 #colorbg,.category-23 #colorbg{background-color: #fbf0e7;}

.openbook{}

.openbook {margin-bottom: 10px;display: inline-block;font-family: Cosmica;color:#000;font-size: 14px;}
.openbook svg{width:20px;margin-bottom: -2px;}
.openbook path{fill:#000;width:30px;}

.post-template-default .openbook {margin-bottom: 10px;display: inline-block;font-family: Cosmica;color:#000;font-size: 14px;}
.post-template-default .openbook svg{width:20px;margin-bottom: -2px;}
.post-template-default .openbook path{fill:#000;width:30px;}

.publikace_page .post-template-default .openbook path{fill:#000;}
.publikace_page .openbook {color:#fff;}
.publikace_page .openbook path{fill:#fff;}


form{margin-bottom: 30px;}
input{font-family: 'Zilla Slab', serif;font-size: 18px;font-weight: 400;border:1px solid #000;padding:10px;}
input#searchsubmit{border:1px solid #39a8e1;background-color: #39a8e1;color:#fff;font-weight: 600;padding:10px 25px;}
input#searchsubmit:hover{cursor: pointer;cursor: hand;}

.grecaptcha-badge { 
    visibility: hidden;
}