@media (min-width: 1650px) {
.programovy {
  max-width: 85%;
  margin-left:15%;
}
}

@media (min-width: 1400px) {
.programovy {
  max-width: 100%;
}
}

 
/* Pomocne ----------------------------------- */
.clear     { display: block; clear: both; width: 100%; height: 0; }

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  

.clearfix:after {  
    clear: both;  
} 

.clearfix {  
    *zoom: 1;  
}  

.left      { text-align: left      !important;      }
.center    { text-align: center    !important;      }
.right     { text-align: right     !important;      }
.justify   { text-align: justify   !important;      }
.fleft     { float: left           !important;      }
.fright    { float: right          !important;      }

.hidden    { display: none;  }

.langmobile { display:none }

.unselectable {
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.RistrettoPro-Regular { 
	font-family: RistrettoPro-Regular;
	font-weight: normal;
	font-style: normal;
}



/* Barvy ------------------------------------- */
.c-white   { color: #ffffff !important; }
.c-black   { color: #000000 !important; }

/* Pozadi ------------------------------------ */
.bg-white  { background: #ffffff !important;     }
.bg-black  { background: #000000 !important;     }

/* Ikony ------------------------------------- */
.icon {
    display: inline-block;      
    position: relative; 
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background: transparent url('../img/sprite.png') no-repeat 0 0 ;    
}   
    .icon.size24                    { width: 24px; height: 24px;            }
    .icon.size24.i-wav              { background-position: 0 0;             }
    .icon.size24.i-doc              { background-position: 0 -24px;         }
    .icon.size24.i-pdf              { background-position: 0 -48px;         }
    .icon.size24.i-xls              { background-position: 0 -72px;         }

    .icon.size120                   { width: 72px; height: 120px;           }
    .icon.size120.i-larr            { background-position: 0 -120px;        }
    .icon.size120.i-rarr            { background-position: -72px -120px;    }
    .icon.size120.i-larr-black      { background-position: 0 -240px;        }
    .icon.size120.i-rarr-black      { background-position: -72px -240px;    }
    a:hover .icon.size120.i-larr-black      { background-position: -145px -240px;        }
    a:hover .icon.size120.i-rarr-black      { background-position: -216px -240px;    }

/* Text -------------------------------------- */
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    display: block;
    padding: 0.6em 0 0 0;
    margin: 0 0 1em 0;    
    font-weight: normal;
    line-height: 1.2em;     
    font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
}

h1, .h1 {
    font-size: 5em;                      
    color: #000;  
    font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;  
}    

h2, .h2 {          
    font-size: 5em;        
    color: #09409b;    
    font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
}        

h2 a, .h2 a {
    color: #000;
    text-decoration: none;
}

h3, .h3 {    
    font-size: 15px;    
    font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
}    

h4, .h4 {
    font-size: 14px;       
    font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
}    

h5, .h5 {        
    font-size: 13px;        
}    

hr {
    display: block;
    clear: both;
    height: 1px;
    color: #09409b;    
    background: #09409b;
    border: 0;
    margin: 15px 0 15px 0;
}

p {    
    margin-bottom: 1em;    
    line-height: 1.5em;
}

b, strong {    
    font-weight: bold;    
    
}

ul {
    list-style: none;        
}

.bg2 {
  background: transparent url('../img/bg2.png') no-repeat right bottom ;
}

.divider {
  width:10px;
  height:38px;
  background: transparent url('../img/divider.png') no-repeat 0 center;   
}

/* Form prvky -------------------------------- */

label {
    display: inline-block;        
    padding: 0 0 10px 0;    
    min-width: 60px;
}

input {
    outline: none;
    vertical-align: middle;    
}

input[type="text"],
input[type="file"],
input[type="submit"],
button,
select,
textarea {
    font-family: 'open_sansregular', 'Arial', 'Helvetica', sans-serif;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {    
    width: 160px;
    border-radius: 2px;
    height: 16px;
    line-height: 16px;
    padding: 11px 11px;
    font-size: 13px;
    background: #f6f6f6;
    color: #222;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.15);
}

input[type="radio"],
input[type="checkbox"] {
    width: 14px;
    height: 14px;
}

input[type="text"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[disabled] {
    color: #aaa;
    border: 1px solid #eee;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.15);
}

textarea {
    display: block;
    min-height: 100px;   
    width: 220px; 
    resize: vertical;
}

/* Buttony ----------------------------------- */            

button,
.button,
input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    padding: 0 40px;     
    text-decoration: none;            
    font-size: 14px;
    cursor: pointer;
}        

    /* Black */
    button,
    button.button-black,
    .button,
    .button.button-black,
    input[type="submit"],
    input[type="submit"].button-black {
        color: #fff;
        background: #222;
    }

        button:hover,
        button.button-black:hover,
        .button:hover,
        .button.button-black:hover,
        input[type="submit"]:hover,
        input[type="submit"].button-black:hover {
            color: #fff;
            background: #09409b;            
        }
        
    /* More */    
    button.button-more,    
    .button.button-more,    
    input[type="submit"].button-more {
        color: #000;
        background: transparent;
        padding: 0;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'texgyreadventorbold', 'Arial', 'Helvetica', sans-serif;
        border-bottom: 2px solid #000;
    }
        
        button.button-more:hover,        
        .button.button-more:hover,       
        input[type="submit"].button-more:hover {
            color: #09409b;
            background: transparent;            
            border-color: #09409b;
        }

    button[disabled],
    input[type="submit"][disabled] {
        color: #fff;
        background: #ddd;
    }     

/* Odkazy ------------------------------------ */

img {
  max-width:100%;
}
a {
    text-decoration: underline;
}
    
    a {
        color: #09409b;
    }

        a:hover {
            color: #000;
        }

a img {
    border: 0;
    text-decoration: none;
}

/* Tabulky ----------------------------------- */
table {
    border-collapse: collapse;    
    margin: 0 0 2em 0;    
}    

    td, th {
        vertical-align: top;
        font-weight: normal;
        text-align: left;        
        padding: 0;
    }
    
form table {
    line-height: 38px;
}    

form td {
    padding: 5px 10px 5px 0;
}    


body {
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
     
    font-size: 1em;       
    line-height: 1.5em;
    background: #fff;
    color: #2b2b2b;         
    word-wrap: break-word;
}

/* Layout ------------------------------------ */
.body-wrap {
    position: relative;
    z-index: 1;
    height: auto;
    min-height: 100%;
}

.fot img {
  max-width:100%;
}

.top {
    /*height:78px;*/
    height:100px;
}


    .top .logo {
      position:absolute;
      margin:0 auto;
      top: 0;
      left:50%;
      text-align:center;
      
     /* margin-left:-238px;
      width:476px;
      */
      width:196px;
      margin-left:-98px;
      z-index:50;
    }

    .navbar  {
      /*padding-top:20px;*/
      padding-top:30px;
      padding-left:30px;
      padding-right:30px;
      z-index:10
      
    }
    
    .navbar .jazyk {
      background:#f1f1f1;
      border-radius:50%;
      width:40px;
      height:40px;
      text-align:center;
    }

    .navbar ul li {
      font-family:RistrettoPro-Regular;
      font-size:1.65em;
      
    }
    
    .navbar ul li a {
      color:#000;
      text-decoration:none;
    }

    .navbar ul li a:hover {
      color:#09409b;
      text-decoration:underline;
    }
    
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        text-decoration:underline;
    }
    
    .nav-link-vyrazne { font-weight:bold; color:red !important;}
    
    .navbar-toggler {
      
      z-index:1000;
      color:#fff;
      border-radius:0;
    }
    
    .navbar-toggler-icon
    
    { color:#fff;}
    
    .navbar-nav { z-index:4000}
    
    .logo-program {
    display: block;
    width: 125px;
    height: 172px;
}

    .top .logo-program {
        position: absolute;
        top: 0px;
        right: 20%;
        margin-right: -104px;
    }
    
    #ocnh {
      padding-top:5em;
    }
    
    #ocnh h3 {
      color:#000;
      font-size:5em;
      padding-top:0;
      margin-bottom:0.5em;
      line-height:1.0em;
    }
    
    #ocnh p strong {
      font-weight:bold;
    }
    #ocnh p.vyrazne {    
      color:#09409b;
      font-family:RistrettoPro-Regular;
      font-size:2em;
      line-height:1.0;
      
    }
    
    h2.podpora {
      margin-bottom:0.5em;
    }
    
    #news {
      background: transparent url('../img/bg1.png') no-repeat right top ;
      padding-bottom:4em;
    }
    
    #podporte-nas { 
        margin-bottom:2em;
    }
    #podporte-nas img { 
        max-width:100%;
        margin:0 auto;
    }
    
    #projekty {
      background: transparent url('../img/bg3.png') repeat-y center top ;
      min-height:967px;
    }
  
    
    #projekty h2 {
      line-height:1em;
      margin-bottom:10px;
      padding:0;
         padding-left:30px;
      padding-right:30px;
    }
    
    #projekty .padtop {
      padding-top:188px;
    }
    
     #projekty a {
      text-decoration:none; 
           display:block;
      width:100%;
      height:100%;   
    }
    
      
    #projekty .p40{
      padding-left:40px;
      padding-right:0px;
    }
    
    #projekty .p5{
      padding-left:20px;
      padding-right:0px;
    }
    
    
    
    #projekty .b1 {
        max-width:510px;
        height:380px;
        background: transparent url('../img/pb1.png') no-repeat center top ;
        margin-bottom:40px;
        text-decoration:none;
        
    }
    
  
    
     #projekty p {
        padding-left:30px;
      padding-right:30px;
      font-size:1.6em;
      font-family:RistrettoPro-Regular;
    }
    
   
    #projekty .b1 a {
      color:#fff;
 
    }
    
    #projekty .b1 h2 {
      color:#fff;
      padding-top:100px;
    
    }
    #projekty .b1 h2 span {
      color:#09409b;
    }
  
    
     #projekty .b2 {
        max-width:510px;
        height:243px;
        background: transparent url('../img/pb2.png') no-repeat center top ;
        margin-bottom:40px;
         padding-left:30px;
      padding-right:30px
    }
    
     
    #projekty .b2 h2 {
      color:#000;
      padding-top:0px;
    
    }
    #projekty .b2 h2 span {
      color:#09409b;
    }
    
    
    
      #projekty .b3 {
        max-width:510px;
        height:302px;
        background: transparent url('../img/pb3.png') no-repeat center top ;
        margin-bottom:40px;
    }
    
      #projekty .b3 h2 {
      color:#000;
      padding-top:25px;
    
    }
    #projekty .b3 h2 span {
      color:#09409b;
    }
    
     #projekty .b3 p {
      color:#000;
     }
    
      #projekty .b4 {
        max-width:330px;
        height:321px;
        background: transparent url('../img/pb4.png') no-repeat center top ;
        margin-bottom:40px;
    }
    
      #projekty .b4 h2 {
      color:#fff;
      padding-top:15px;
    
    }
    #projekty .b4 h2 span {
      color:#09409b;
    }
    
    #projekty .b4 p {
      color:#fff;
    }
    
    #projekty .b5 {

        max-width:140px;
        height:321px;
        border:1px solid #000;
       
    }
    
    #projekty .b5 .otoc {
    height:321px;
    width:321px;
  transform: rotate(90deg);
transform-origin: left top 0;
margin-left:80px;
margin-top:20px;
	  font-family:RistrettoPro-Regular;
    color:#fff;
    font-size:4.4em;

    }
    
    #projekty .b5 .otoc span {
      color:#000;
    }
    
      #projekty .b6 {
        margin-left:25px;
        margin-right:25px;
        max-width:100%;
        height:80px;
        background: transparent url('../img/pb3.png') repeat-x center top ;
        margin-bottom:40px;
    }
    
    #projekty .b6 h2 {
      float:left;
      margin-top:5px;
    }
    
     #projekty .b6 h2 span {
     color:#000;
     }
    
    #projekty .b6 p {
    
      padding-top:20px;
    }
    
    
    
    #projekty-en {
      background: transparent url('../img/bg3_en.png') repeat-y center top ;
      min-height:967px;
    }
  
    
    #projekty-en h2 {
      line-height:1em;
      margin-bottom:10px;
      padding:0;
         padding-left:30px;
      padding-right:30px;
    }
    
    #projekty-en .padtop {
      padding-top:188px;
    }
    
     #projekty-en a {
      text-decoration:none; 
           display:block;
      width:100%;
      height:100%;   
    }
    
      
    #projekty-en .p40{
      padding-left:40px;
      padding-right:0px;
    }
    
    #projekty-en .p5{
      padding-left:20px;
      padding-right:0px;
    }
    
     #projekty-en .b6 {
        margin-left:25px;
        margin-right:25px;
        max-width:100%;
        height:80px;
        background: transparent url('../img/pb3.png') repeat-x center top ;
        margin-bottom:40px;
    }
    
    #projekty-en .b6 h2 {
      float:left;
      margin-top:5px;
    }
    
      #projekty-en .b6 h2 span {
     color:#000;
     }
    
    #projekty-en .b6 p {
    
      padding-top:20px;
    }
    
    
    
    #projekty-en .b1 {
        max-width:510px;
        height:380px;
        background: transparent url('../img/pb1.png') no-repeat center top ;
        margin-bottom:40px;
        text-decoration:none;
        
    }
    
  
    
     #projekty-en p {
        padding-left:30px;
      padding-right:30px;
      font-size:1.6em;
      font-family:RistrettoPro-Regular;
    }
    
   
    #projekty-en .b1 a {
      color:#fff;
 
    }
    
    #projekty-en .b1 h2 {
      color:#fff;
      padding-top:80px;
    
    }
    #projekty-en .b1 h2 span {
      color:#09409b;
    }
  
    
     #projekty-en .b2 {
        max-width:510px;
        height:243px;
        background: transparent url('../img/pb2.png') no-repeat center top ;
        margin-bottom:40px;
         padding-left:30px;
      padding-right:30px
    }
    
     
    #projekty-en .b2 h2 {
      color:#000;
      padding-top:0px;
    
    }
    #projekty-en .b2 h2 span {
      color:#09409b;
    }
    
    
    
      #projekty-en .b3 {
        max-width:510px;
        height:302px;
        background: transparent url('../img/pb3.png') no-repeat center top ;
        margin-bottom:40px;
    }
    
      #projekty-en .b3 h2 {
      color:#000;
      padding-top:10px;
    
    }
    #projekty-en .b3 h2 span {
      color:#09409b;
    }
    
     #projekty-en .b3 p {
      color:#000;
     }
    
      #projekty-en .b4 {
        max-width:330px;
        height:321px;
        background: transparent url('../img/pb4.png') no-repeat center top ;
        margin-bottom:40px;
    }
    
      #projekty-en .b4 h2 {
      color:#fff;
      padding-top:15px;
    
    }
    #projekty-en .b4 h2 span {
      color:#09409b;
    }
    
    #projekty-en .b4 p {
      color:#fff;
    }
    
    #projekty-en .b5 {

        max-width:140px;
        height:321px;
        border:1px solid #000;
       
    }
    
    #projekty-en .b5 .otoc {
    height:321px;
    width:321px;
  transform: rotate(90deg);
transform-origin: left top 0;
margin-left:80px;
margin-top:20px;
	  font-family:RistrettoPro-Regular;
    color:#fff;
    font-size:4.4em;

    }
    
    #projekty-en .b5 .otoc span {
      color:#000;
    }
    
  
    
    #foot {
      background-color: rgba(0, 0, 0, 0.04);
    }
    
    #foot input.email {
       width:50%; 
       display:inline-block;
       border-radius:0;
       padding:28px;
       border:0;
    }
    
     #foot button {
       width:40%; 
       display:inline-block;
       border-radius:0;
       padding:28px;
       border:0;
       background:#000;
       line-height:0px;
       height:56px;
       font-weight:bold;
    }
    
    #foot button:hover {
      color:#09409b
    }
    
    #foot h2 {
      color:#000;
    }
    
    #foot img {
      max-width:200px;
      margin-bottom:5px;
    }
    
    .btn {
      border-radius:0;
      background:#09409b;
      font-family:RistrettoPro-Regular;
      font-size:1.5em;
      color:#fff;
    }
    
  .logo-vstupenky {
    display: block;
    width: 125px;
    height: 172px;
}

    .top .logo-vstupenky {
        position: absolute;
        top: 0px;
        right: 20%;
        margin-right: 25px;
    }


    #foot2 {
      padding-top:3em;
      padding-bottom:3em;
    }
    
    #foot2 strong {
      font-weight:bold;
      font-size:15px;
    }
    
    #foot2 .kontakt strong {
      display:inline-block;
      width:80px;
    
    }


.lang {
    font-size: 16px;
    line-height: 22px;
    /*font-family: 'open_sanslight', 'Arial', 'Helvetica', sans-serif;*/
    font-family: 'texgyreadventorregular', 'Arial', 'Helvetica', sans-serif;
}    

    .lang a {
        display: inline-block;
        padding: 0 5px;
        margin: 0 0 0 10px;
        text-decoration: none;
    }

        .lang a.active {
            color: #fff;
        }

    .top .lang {
        position: absolute;
        top: 20px;
        right: 0px;
    }    
    
     .top .lang a.fcb img {
      
      vertical-align:middle;
     }
     
     
.content-text {
    margin-bottom:5em;
}

.content-text h1 {
  margin-bottom:0.5em;
}     

.content-text h2 {
  color:#09409b;
  font-size:3em;
}

.content-text h2.bezmezery {
  margin-bottom:0.1em;
}

.content-text h3 {
  font-size:2em;
}


.submenu {
    position: relative;
    z-index: 4;     
    padding: 10px 0;
    background: url('../img/slider.jpg') no-repeat center top;
    text-transform: uppercase;
    height: 300px;
    
}            

    ul.submenu-list {                    
      width:220px;
      display:block;
      margin-left:30px;
      margin-top:10px;
      color:#000;  
      font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
      z-index:150;
      padding-left:30px;
      list-style:disc;
      padding-top:5px;
      padding-bottom:5px;
      position:absolute;
      top:320px;
       list-style-position: inside;
       padding-left:10px;
    }
    
    ul.submenu-list li {
      padding-left:10px;
 
    }
    
     ul.submenu-list li.active {
         background:#09409b; 
         color:#fff;
         
     }
     
     ul.submenu-list li.active a {
        color:#fff;
     }  

        .menu-item:hover .submenu-list {
            display: block;
        }

        .submenu-item  a {
            display: block;
            padding-top:6px;
            padding-bottom:6px;
            color:#000;  

        }
     

            .submenu-a {
                display: block;
                opacity: 0;
                font-size: 21px;                
                text-decoration: none;
              
            }
        
            
.uvodnislidecontainer {
  padding-left:32px;
  padding-right:32px;
  position:relative;
}

.uvodnislidecontainer .social {
  position:absolute;
  bottom:1em;
  right:4em;
}

.uvodnislidecontainer .social a {
  display:block;
  width:50px;
  height:50px;
  border-radius:25px;
  background:#fff;
  text-align:center;
  margin-bottom:10px;
} 

.uvodnislidecontainer .social a.ico1 {
    background: #e7e7e7 url('../img/ico_fcb.png') no-repeat center top;
    background-position:12px 12px;
}
.uvodnislidecontainer .social a.ico2 {
    background: #e7e7e7 url('../img/ico_insta.png') no-repeat center top;
    background-position:12px 12px;
}
.uvodnislidecontainer .social a.ico3 {
    background: #e7e7e7 url('../img/ico_ytb.png') no-repeat center top;
    background-position:12px 12px;
}

.slideshow {
    position: relative;
    z-index: 2;
    height: 800px;
    overflow: hidden;
    color: #fff;
    margin-left:20px;
    margin-right:20px;
}            

    .slideshow .slide {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;  
        width:100%;     
    }

    .slideshow-nav-prev,
    .slideshow-nav-next {
        display: block;
        position: absolute;
        z-index: 10;
        top: 100px;        
        width: 72px;
        height: 120px;
        left: 50%;
    }

    .slideshow-nav-prev {
        margin-left: -570px;
    }

    .slideshow-nav-next {
        margin-left: 500px;
    }


.menu2 {
    padding: 20px 0 0 0; 
    margin: 0 0 40px 0;
    font-family: 'texgyreadventorregular', 'Arial', 'Helvetica', sans-serif;
}    

    .menu2-list {
        position: relative;
        height: 54px;        
    }

        .menu2-item {
            position: absolute;
            bottom: 0;
            width: 223px;
            border-bottom: 16px solid #09409b;            
            background: #231f20;
        }       
        
        

        .menu2-item.item-1 { left: 0px; /*border-bottom:16px solid #2f3594; */ }
        .menu2-item.item-2 { left: 480px; }
        .menu2-item.item-3 { left: 240px; /*border-bottom:16px solid #CE0037; */ }
        .menu2-item.item-4 { left: 720px; }

        .menu2-item.item-1  a:hover {
          /*color:#2f3594;*/
        }
        
         .menu2-item.item-3  a:hover {
          color:#CE0037;
        }
        
        
        .menu2-item:first-child {
            margin-left: 0;
        }

            .menu2-a {
                color: #000;
                background: #fff;
                text-decoration: none;
                text-transform: uppercase;
                font-size: 21px;
                height: 36px;
                line-height: 36px;
                display: block;
            }

            .menu2-item:hover .menu2-a {
                padding: 0 10px;
            }

.submenu2-list {
    padding: 5px 0;
    display: none;
    font-family: 'texgyreadventorregular', 'Arial', 'Helvetica', sans-serif;
}   

    .menu2-item:hover .submenu2-list {
        display: block;
    }

    .submenu2-item {
        padding: 2px 10px; 
    }   

        .submenu2-a  {             
            font-size: 12px;
            text-decoration: none;
            text-transform: uppercase;
        }      

        .submenu2-a:hover {
            color: #fff;
        }
        
        
        .item-1 a.submenu2-a {
          color:#09409b;
          /*color:#fff;*/
        } 
        
        .item-1 a.submenu2-a:hover {
          color:#fff;
          /*color:#e6611f;*/
          /*color:#2f3594;*/
        } 
        
         .item-3 a.submenu2-a {
          /*color:#2f3594;*/
          color:#fff;
        } 
        
        .item-3 a.submenu2-a:hover {
          /*color:#fff;*/
          /*color:#e6611f;*/
          color:#CE0037;
        } 
        
        
        
.submenu3-list {
    text-align: center;
    padding: 5px 0;    
    font-family: 'texgyreadventorbold', 'Arial', 'Helvetica', sans-serif;
}   

    .submenu3-item {
        display: inline-block;
        padding: 7px 10px; 
    }   

        .submenu3-a  { 
            font-size: 12px;
            text-decoration: none;
            text-transform: uppercase;
        }      
      /*
        .submenu3-a:hover {
            color: #09409b;
            border-bottom: 2px solid #09409b;
        }
        .submenu3-a.active {
            color: #09409b;
            border-bottom: 2px solid #09409b;
        }
        */        

.novinky {
    position: relative;
    margin: 0 0 40px 0;
}

 

    .novinky-list {
        position: absolute;
        left: 0;
        overflow: hidden;
    }

        .novinka {
            float: left;
            width: 216px;
            padding-right: 20px;
        }

        .novinka h3 {
            text-transform: uppercase;
            font-size: 13px;
            line-height: 21px;            
            font-family: 'open_sansbold', 'Arial', 'Helvetica', sans-serif;
        }

        .novinka p {     
            font-size: 12px;
        }

        .novinka .date {
            color: #09409b;
            margin: 0 0 16px 0;
        }

.columns {

}   

    .column {
        float: left;
    } 

    .column.one-of-two {
        width: 460px;
        padding-left: 24px;
    }

    .column:first-child {
        padding-left: 0;
    }

.bottom {
    height: 477px;
    padding: 20px 0;   
    background: url('../img/logo-black.png') no-repeat center 80px;
    overflow:hidden;
}

    .bottom h2 {
        color: #fff;
    }
    
    .bottom .column {
        float: left;
        width: 120px;
        padding-left: 35px;
    }

    .bottom .column-1 {
        padding-left: 0;
    }

    .bottom .column-3 {
        width: 150px;
    }

    .bottom li {
        text-transform: uppercase;
        padding: 3px 0 2px 0; 
        font-size: 12px;
    }

        .bottom li a {
            text-decoration: none;
        }
          .bottom li a.active {
              color: #d1a00b;
          }        

    .bottom h3 {
        text-transform: uppercase;
        font-size: 16px;
        padding: 0;
        height: 2.3em;
        font-family: 'open_sansregular', 'Arial', 'Helvetica', sans-serif; 
    }


.content > ul,
.content > ol {    
    margin: 0 0 30px 0;    
    padding: 0 0 0 30px;
}

.content > ul {
    padding: 0 0 0 15px;
}

    .content > ul li {
        padding: 2px 0;
    }

    .content > ul li {
        padding: 4px 0 4px 32px;
        background: transparent url('../img/li-line.png') no-repeat 0px 13px; 
    }

.content > table {
    margin: 0 0 30px 0;    
    border: 1px solid #09409b;
}    

    .content > table td,
    .content > table th {
        padding: 10px 16px;        
        border-right: 1px solid #09409b;        
    }    

    .content > table th {        
        color: #09409b;            
    }

    .content > table .diff td {
        background: #f3f3f3;
    }

.content .program-vyrazne {
    background:#09409b;
    color:#fff;
    padding:10px;
    margin-bottom:1em;
}
.content .program-vyrazne p strong {
  font-size:1.1em;
}
.content .program-vyrazne p {
    margin-bottom:0;
}
.content-left {
    float: left;
    width: 465px;
}    

.content-right {
    float: right;
    width: 465px;
}


.galerie {    
    margin: 0 0 40px 0;
    overflow: hidden;
}    

    .galerie-list {
        overflow: hidden;
        margin-left: -16px;
    }

    .galerie li {
        float: left;
        width: 304px;
        height: 225px;
        background: transparent;
        padding: 0;
        margin: 8px 0 40px 16px;   
        line-height: 28px;     
        text-transform: uppercase;
        overflow: hidden;
    }

    .galerie li a {
        display: block;
        text-decoration: none;        
    }

    .galerie li img {
        display: block;
        border-top: 1px solid #09409b;
    }

.kestazeni {
    margin: 0 0 40px 0;
}

    .kestazeni-list {

    }

        .kestazeni-list li {
            position: relative;
            padding: 5px 3px 5px 60px;
            background: transparent url('../img/li-line.png') no-repeat 0 14px;
        }

            .kestazeni-list a {
                text-decoration: none;
                color: inherit;
            }

            .kestazeni-list a:hover {
                text-decoration: underline;
            }

            .kestazeni-list .icon {
                position: absolute;
                top: 3px;
                left: 33px;
            }

.program {
    position: relative;
    margin: 0 -10px;    
    min-height: 800px;    
}

    .program .nav-prev,
    .program .nav-next {
        display: none;
        position: absolute;
        /*top: 80px;*/
        top:400px;        
        width: 95px;        
        height: 120px;
        line-height: 120px;
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: none;        
    }

    .program .nav-prev {
        left: -120px;
        background: transparent url('../img/sprite.png') no-repeat -144px 0;
        text-align: left;
        padding-left: 20px;
    }

    .program .nav-next {
        right: -120px;
        background: transparent url('../img/sprite.png') no-repeat -173px -120px;
        text-align: right;
        padding-right: 20px;
    }


    .program-month {
        display: none;
        overflow: hidden;
    }

        .program-month h1 {
            margin: 0 10px;
        }

        .program-list {
            overflow: hidden;            
        }

            .program-list li {
                float: left;
                width: 221px;
                padding: 10px;
                margin: 30px 0 60px 0;
                overflow: hidden;
                height:210px;
            }

            .program-list li:hover {
                background: #231f20;
                color: #fff;
            }
            
            .program-list li:hover a{
                
                color: #09409b;
                border-color:#09409b;
            }
            

            .program-list h2 {
                font-size: 12px;
                color: #000;
                font-family: 'texgyreadventorbold', 'Arial', 'Helvetica', sans-serif;
                margin: 0 0 20px 0;
            }

                .program-list li:hover h2 {
                    color: #fff;
                }

            .program-list .date {
                color: #09409b;
                border-bottom: 1px solid #09409b;
                text-transform: uppercase;
            }

            .program-list .place {
                margin: 0;     
                line-height: 16px;           
            }

            .program-list .desc {
                color: #a4a4a4;
            }
            
            
            
            
            
            
            
            
            
            
            
            
            
             .program-list2 {
            overflow: hidden;            
        }

            .program-list2 li {
                float: left;
                width: 182px;
                padding: 0px;
                /*margin: 30px 0 60px 0;*/
                overflow: hidden;
                height:182px;
                /*background: transparent url("../img/bg_program1.png") no-repeat scroll ;*/
                margin-right:10px;
                border-bottom:1px solid #ddd;
                border-top:1px solid #ddd;
                
            }
            
             .nodo2prg li.datumnew p {
                 color:#2f3594;
                 font-size:18px;
                 text-transform: uppercase;
                 border-left:4px solid #2f3594;
                 padding-left:10px;
                 line-height:1.1;
                 margin-left:10px;
                 margin-top:50px;
                 font-weight:bold;
             }
             
             .program-list2 li.datumnew p span {
     
                 font-size:20px;
               
                 font-weight:normal;
             }
             
             
             
             .program-list2 li.datumnew:hover {
   background: transparent url("../img/bg_program1.png") no-repeat scroll ;
   color:#000;             
             
              }
            .program-list2 li:hover {
                 background:transparent url("../img/bg_program2.png") no-repeat scroll ;
                color: #fff;
            }
            
            .program-list2 li:hover a{
                
                color: #09409b;
  
                background:transparent url("../img/bg_program2.png") no-repeat scroll ;
            }
            .program-list2 a {
              text-decoration:none;
              display:block;
              width:182px;
              height:182px;
            }

            .program-list2 h2 {
                font-size: 28px;
                font-weight:normal;
                color: #09409b;;
           font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
                margin-left:10px;
                margin-top:10px;
                padding-top:0;
                margin-right:10px;
                margin-bottom:0;
            }
            
            .nodo2prg h2 {
              font-size:20px;
            }
            
            .program-list2 h3 {
                color:#000;
                font-size:18px;
                margin-left:10px;
                margin-top:0px;
                margin-right:10px;
                margin-bottom:15px;
            }
            
             .nodo2prg h3 {
              font-size:14px;
            }

                .program-list2 li:hover h2 {
                    color: #fff;
                }

            .program-list2 .date {
                color: #09409b;
                border-bottom: 1px solid #09409b;
                text-transform: uppercase;
                
            }

            .program-list2 .place {
                margin-top:0;
                margin-left:10px;
                margin-right:10px;
                margin-bottom:10px;     
                line-height: 16px;
                color:#888;   
                font-size:13px;        
            }

            .program-list2 .desc {
                color:#5a5ea5;
                 margin-left:10px;
                margin-right:10px;
                margin-top:0;
                font-size:11px; 
            }
            
            

.cl-2-1-a {
  width:64%;
  float: left;
}
.cl-2-1-b {
  width:31%;
  float: right;
}

.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}


.carousel2 {        
        height: 740px;
        position: relative;
        overflow: hidden;
    }
    
    .carousel2 ul {
        position: relative;
        width: 1888px;
    }
    
        .carousel2 ul li {
            float: left;
            text-align: center;
        }
    
    
    .carousel2-nav-prev,
    .carousel2-nav-next {
        display: block;
        position: absolute;
        z-index: 1000;
        top: 400px;        
        width: 72px;
        height: 120px;        
    }

    .carousel2-nav-prev {
        left: -101px;
    }

    .carousel2-nav-next {
        right: -101px;
    }
    
.highlight {
    background-color: #09409b;
    color: #000;
    display: inline-block;
    padding:10px 20px;
}
    .highlight a {
        color: #fff;
        font-size: 16px;
    }
    
.strankovani {
}
    .strankovani a {
       /* display: inline-block;
       */
        /*width:30px;*/
        /*height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #09409b;
        color: #fff;
        text-decoration: none;
        padding: 2px 15px;
        */
    }
    
      
        
  .nodo .line:before {      
        background: #2f3594;
    }
  .nodo h1 {
    color:#2f3594;
  }
  
  .nodo .program .nav-next {
    color:#2f3594;
    background: transparent url("../img/sprite.png") no-repeat scroll -173px -480px;
 
  }
  
   .nodo .program .nav-prev {
    color:#2f3594;
    background: transparent url("../img/sprite.png") no-repeat scroll -144px -365px;
  }
  
  .nodo ul.submenu3-list a {
    color:#2f3594;
  }
  
  .nodo ul.submenu3-list a:hover, .nodo ul.submenu3-list a.active {
    border-bottom:2px solid #2f3594;
  }
  
  .nodo p a {
    color:#2f3594;
  }
   .nodo ul li a {
    color:#2f3594;
  }
  
  .nodo .program-list .date {
    border-bottom: 1px solid #2f3594;
    color: #2f3594;
    text-transform: uppercase;
}

  .nodo .program-vyrazne {
    background:#2f3594;
  }
  
  .nodo h3 a {
    color:#2f3594;
  }
  
  .nodo .program-list li:hover a {
    color:#2f3594;
    border-color:#2f3594;
  }
  
  .nodo .strankovani a {
  background-color:#2f3594;
  }

.nodo hr {

    background: #2f3594 none repeat scroll 0 0;
    color: #2f3594;

}

 .nodo button.button-more:hover,        
     .nodo   .button.button-more:hover,       
       .nodo input[type="submit"].button-more:hover {
            color: #2f3594;
            background: transparent;            
            border-color: #2f3594;
        }
        
        .smaller {
          font-size:0.9em !important;
        }
        
        .spodni-loga {
          text-align:center;
          padding-top:70px;
        }        
        .spodni-loga  img {
          border:10px solid #fff;
          height:80px; 
          width:232px;          
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        .nodo2 .line:before {      
        background: #CE0037;
    }
  .nodo2 h1 {
    color:#CE0037;
  }
  
  .nodo2 .program .nav-next {
    color:#CE0037;
    background: transparent url("../img/sprite.png") no-repeat scroll -173px -480px;
 
  }
  
   .nodo2 .program .nav-prev {
    color:#CE0037;
    background: transparent url("../img/sprite.png") no-repeat scroll -144px -365px;
  }
  
  .nodo2 ul.submenu3-list a {
    /*color:#CE0037;*/
  }
  
  .nodo2 ul.submenu3-list a:hover, .nodo2 ul.submenu3-list a.active {
    /*border-bottom:2px solid #CE0037;*/
  }
  
  .nodo2 p a {
    /*color:#CE0037;*/
  }
   .nodo2 ul li a {
    /*color:#CE0037;*/
  }
  
  .nodo2 .program-list .date {
    /*border-bottom: 1px solid #CE0037;
    color: #CE0037;
    */
    text-transform: uppercase;
}

  .nodo2 .program-vyrazne {
    /*background:#CE0037;*/
  }
  
  .nodo2 h3 a {
    /*color:#CE0037;*/
  }
  
  .nodo2 .program-list li:hover a {
    /*color:#CE0037;
    border-color:#CE0037;
    */
  }
  
  .nodo2 .strankovani a {
  /*background-color:#CE0037;*/
  }

.nodo2 hr {

    background: #CE0037 none repeat scroll 0 0;
    color: #CE0037;

}

 .nodo2 button.button-more:hover,        
     .nodo2   .button.button-more:hover,       
       .nodo2 input[type="submit"].button-more:hover {
            color: #CE0037;
            background: transparent;            
            border-color: #CE0037;
        }
        
        .smaller {
          font-size:0.9em !important;
        }
        
        .spodni-loga {
          text-align:center;
          padding-top:70px;
        }        
        .spodni-loga  img {
          border:10px solid #fff;
          height:80px; 
          width:232px;          
        }
        
        
         .nodo2prg li.datumnew p {
         /* color:#CE0037;
          border-left: 4px solid #CE0037;
          */
        }
        
        .nodo2prg h3 {
          /*color:#CE0037;*/
        }
        
        .nodo2prg li { background: transparent url("../img/bg_program4.png") no-repeat scroll ;
        }
        
  .cerven {
      /*color:#CE0037;*/
  }
  
  
  
  
  
.program-item { margin-bottom:2.5em; }
.program-item:hover { cursor:pointer; }
.program-item__title{margin-top:0;line-height:1.0}
h3.program-item__title { font-size:15px; }
.program-item__title a { line-height:1.3em;overflow:hidden;font-size:1.6em;color:#fff;text-decoration:none;;font-weight:700; font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;}
.program-item__header{position:absolute;left:1.25rem;right:2.1875rem;bottom:1.25rem}
.program-item img {  max-width:100%; width:100%; text-align:center;display:block; position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transition-property:transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.program-item img.vyska { max-width:none; max-height:100%; text-align:center;display:block; position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transition-property:transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.program-item__in{position:relative;padding-bottom:125%;overflow:hidden}
.program-item__in:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s; }
.program-item25{width:25%;}
.program-item__header{background:rgba(0,0,0,0) url("../img/maska2.png") repeat-x scroll 0 0; bottom:0rem;    left:0rem;    padding-bottom:1rem;    padding-left:1rem;    padding-right:1rem;    right:0rem;    z-index:102;}
.program-item .maska{ display:block;    height:94px;    left:0;    position:absolute;    top:188px;    width:90%;    margin-left:15px;  z-index:100;}
.program-item__title span{font-size:0.60em;  color:#fff;  font-weight:normal;}
.list-events__item__title span{font-size:0.75em;  color:#00b2dc;  font-weight:normal;}
p.in-date__item {  color:#aaa;  font-weight:bold;  padding:0;  margin:0; }



.program-item2 { margin-bottom:1.5em; }
.program-item2:hover { cursor:pointer; }
.program-item2__title{margin-top:0;line-height:1.0}
h3.program-item2__title { font-size:15px; margin-bottom:0; padding-bottom:0 }
.program-item2__title a { line-height:1.3em;overflow:hidden;font-size:1.6em;color:#fff;text-decoration:none;;font-weight:700; font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;}
.program-item2__header{position:absolute;left:1.25rem;right:2.1875rem;bottom:1.15rem}
.program-item2 img {  max-width:none; max-height:100%; width:100%; text-align:center;display:block; position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transition-property:transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.program-item2__in{position:relative;padding-bottom:65%;overflow:hidden}
.program-item2__in:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s; }
.program-item2__header{background:rgba(0,0,0,0) url("../img/maska2.png") repeat-x scroll 0 0; bottom:0rem;    left:0rem;    padding-bottom:1rem;    padding-left:1rem;    padding-right:1rem;    right:0rem;    z-index:102;}
.program-item2 .maska{ display:block;    height:94px;    left:0;    position:absolute;    top:188px;    width:90%;    margin-left:15px;  z-index:100;}
.program-item2__title span{font-size:0.60em;  color:#fff;  font-weight:normal;}








 @media (max-width: 1660px) {

ul.submenu-list { 
     width:220px;
      background:#09409b;
      margin-left:50px;
      margin-top:10px;
      color:#fff;  
      font-family: 'RistrettoPro-Regular', 'Arial', 'Helvetica', sans-serif;
      z-index:150;
      padding-left:30px;
      list-style:disc;
      padding-top:5px;
      padding-bottom:5px;
      top:0px;
    }
    
    ul.submenu-list .submenu-item a {
      color:#fff;
    }
    ul.submenu-list li.active a {
      font-weight:bold;
      text-decoration:underline;
      color: rgba(255,255,255,.5);
    }
    
    }

@media (max-width: 1549px) {
    .divider {
      display:none;
    }
    
    .langmobile {
      display:block;
      position:absolute;
      top:0;
      right:20px;
    }
    
    .langmobile ul li {
      margin-top:6px;
    }
    
     .langmobile ul li a {
      display:block;
      line-height:40px;
     }
    
    .collapse {
      background:#09409b;
      padding:20px;
    }
    
    .navbar-light .navbar-nav .nav-link {
      color:#fff;
    }
    
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-nav .active {
      color:#000 !important;
    }
    
    .navbar-light .jazyk {
      color:#000 !important;
    }
    
  
 }
 
 @media (max-width: 1000px) {
     .top .logo {
      position:absolute;
      margin:0 auto;
      top: 0;
      left:50%;
      text-align:center;
      width:276px;
      margin-left:-138px;
      z-index:50;
    }
    
    ul.submenu-list {
      margin-top:50px;
      margin-left:10px;
    }
    
}


 @media (max-width: 640px) {
  h2 {
    font-size:4em;
  }
  .uvodnislidecontainer {
    padding-left:0;
    padding-right:0;
  }
  
  
.uvodnislidecontainer .social {
  position:absolute;
  bottom:0.5em;
  right:0.5em;
}
  
}
 
  @media (max-width: 576px) {
 .cl-2-1-a {
    width:100%;
    float:unset;
 }    
 .cl-2-1-b {
  width:100%;
  float:umset;
 }
 }
 
 #banner {
  margin:0 auto;
  margin-top:3em;
  margin-bottom:3em;
  text-align:center;
 }
 
 #banner a img {
  max-width:100%;
 transition-property:transform;
 -webkit-transition-duration:.5s;
 -moz-transition-duration:.5s;
 -o-transition-duration:.5s;
 transition-duration:.5s;
 -webkit-transition-timing-function:ease;
 transition-timing-function:ease
 
 }
 
 #banner a:hover img{
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -webkit-transition-duration:0.7s;
  -moz-transition-duration:0.7s;
  -o-transition-duration:0.7s;
  transition-duration:0.7s; 
}


.dropdown-menu {
    margin:0;
    border-radius:0;
}
a.dropdown-item { font-size:20px; text-transform:uppercase;}
 
@media (min-width: 1550px){
.navbar-nav li:hover>.dropdown-menu {
  display: block;
}
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-custom .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom > .container {
        flex-wrap: nowrap;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}

.boxsearch{
    position: relative;
}

.boxsearch .input {
    padding: 10px;
    width: 40px;
    height: 40px;
    background: url('../img/search.png') no-repeat center center;
    border: 0px solid #ffd52d;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    outline: none;
    transition: .5s;
}
.boxsearch:hover input{
    width: 200px;
    background: #3b3640;
    border-radius: 10px;
}
.boxsearch i{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(-50%,-50%);
    font-size: 26px;
    color: #ffd52d;
    transition: .2s;
}
.boxsearch:hover i{
    opacity: 0;
    z-index: -1;
}