@viewport{
    zoom: 1.0;
  width: device-width;
  max-zoom: 2;
}



body {
    font-family: 'Krona One', sans-serif;

    /*font-family:'Open Sans', sans-serif;*/
    font-size:14px;
    font-weight:400;
    color: #060707;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #060707;
  font-weight: 400;
    /*font-family:'Open Sans', sans-serif;*/
    font-family: 'Krona One', sans-serif;
}

a:link {
    color: #738a8a;
}

a:visited {
    color: #738a8a;
}

.flot-nav {
    float:right;
}

.icon-round {
    margin-top:30px;
  font-size: 24px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 10px;
}
.header-pad {
  padding: 20px 30px;
  position: relative;
}

.wrap-pad {
  /*padding: 60px 30px;*/
  position: relative;
}

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

.color-red {
    color:#ff0000;
}

.color-green {
    color:#07BB00;
}

.color-light-blue {
    color:#BB00BB;
}

.color-blue {
    color:#0052FF;
}
.color-brown {
    color:#EB8F2D;
}
.color-black {
    color:#000000;
}
.bk-color-red {
    background-color:#ff0000;
}

.bk-color-green {
    background-color:#07BB00;
}

.bk-color-light-blue {
    background-color:#BB00BB;
}

.bk-color-blue {
    background-color:#0052FF;
}
.bk-color-brown {
    background-color:#EB8F2D;
}
.bk-color-black {
   background-color:#000000;
}

.margin-5 {
    margin:5px;
}
.margin-top-20 {
    margin-top:20px;
}
.margin-top-40 {
    margin-top:40px;
}

.margin-top-100 {
    margin-top:100px;
}
.margin-top-60 {
    margin-top:60px;
}

.btn {
  font-weight: 300;
  border: 0;
}
.btn.btn-primary {
  /*background-color: #52b6ec;*/
  background-color: #738a8a;
}
.btn.btn-primary:hover,
.btn.btn-primary.active {
  /*background-color: #1586c3;*/
  background-color: #738aaa;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


a:hover,
a:focus {
  color: #80c9f1;
  text-decoration: none;
  outline: none;
}
.small-icons {
       margin-top:0px;
  font-size: 24px;
  height: 40px;
  width: 40px;
  line-height: 45px;
  color: #fff;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 10px;
}
/*==========================================
    BOOTSTRAP  STYLES CHANGES
    =====================================================*/




/*==========================================
    INTRO SECTION
=====================================================*/

#intro-section {
   padding-top: 20px;
   
}

#intro-section .intro-blok-central, .intro-blok-central-central-text a {
    color: #060707;
    /*font-size: 0.95vw;*/
}

#intro-section .intro-blok, .intro-blok-central-central-text a:hover {
    color: green;
}

/*#intro-section .col-md-5 .col-md-1 {
    padding: 0px;
}
*/

.intro-blok {
    width: 100%;
    height: 400px;
    background-color: #808080;
}

#intro-section .col-md-5, .col-md-2, .col-lg-10 {
    /*padding-left: 2px;*/
    /*padding-right: 2px;*/
    padding: 2px;
}

.intro-blok-row-uppper {
    /*width: 100%;*/
    /*height: 45px;*/
    padding-top:  5px;
    padding-bottom: 5px;
    background-color: #808080;
    border-top: solid black 1px; 
    border-left: solid black 1px; 
    border-right: solid black 1px;
    text-align: center;
    font-size: 140%;
    /*border-top:  1px solid inherit; border-radius: 20px; */
    border: 1px solid inherit; border-top-left-radius: 20px; border-top-right-radius: 20px;
    /*border: 1px solid inherit; border-top-right-radius: radius: 20px;*/

}

.intro-blok-row-bottom {
    /*width: 100%;*/
    /*height: 45px;*/
    padding-top:  5px;
    padding-bottom: 5px;
    background-color: #808080;
    border-left: solid black 1px; 
    border-right: solid black 1px;
    border-bottom: solid black 1px; 
    text-align: center;
    font-size: 140%;
    border: 1px solid inherit; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
    
}

.intro-blok-central {
    /*width: 100%;*/
    height: 310px;
    background-color: #808080;
}

.intro-blok-central-pict-1 {
    height: 310px;
    max-height: 310px;
    background-color:  #808080;
    background-image: url(/assets/img/intro1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid inherit; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
    /*display: inline;*/
}


.intro-blok-central-pict-2 {
    /*width: 40%;*/
    /*max-width: 600px;*/
    /*width: inherit;*/
    height: 310px;
    max-height: 310px;
    background-color:  #808080;
    background-image: url(/assets/img/intro2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid inherit; border-top-left-radius: 20px; border-top-right-radius: 20px;
    
    /*background-size: 100% 100%;*/
    /*-webkit-background-size: 15px 123px;*/
}

.col-xs-0 {*/
    display: none;
}    
   
/* For width 200px and larger: */
@media only screen and (min-width: 200px) {
    .col-xs-0 {
        display: inline;
    }    
}

.intro-blok-central-pict-2-xs {
    display: inline;
} 

@media only screen and (min-width: 400px) {
    .intro-blok-central-pict-2-xs {
        display: none;
    }    
}


.intro-blok-central-central {
    /*width: 10%;*/
    height: 100%;
    background-color:  #808080;
    border-top: solid black 1px;
    padding-top: 60px;
    border-bottom: solid black 1px;
}

.intro-blok-central-central-xs {
    /*width: 10%;*/
    height: 100%;
    background-color:  #808080;
    padding-top: 30px;
    padding-bottom: 3s0px;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
}

.intro-blok-central-central-text {
    text-align: center;
    font-size: 140%;
}
}

.intro-blok-central-central {
    display: none;

}




/*==========================================
    Intro Bar
=====================================================*/

#intro-bar-section {
   padding-top: 2px;
   /*max-height: 300px;*/
 min-height: 300px;
}


#intro-bar-section .col-md-5, .col-md-2 {
    /*padding-left: 2px;*/
    /*padding-right: 2px;*/
    padding: 2px;
}


.intro-bar-blok {
   background-color:  white;
}

.intro-bar-blok-blok {
   background-color:  white;

}

.intro-bar-blok-pict-1 {
    /*padding-left: 1px;*/
    /*width: 100%;*/
    min-height: 350px;
    background-color:  #808080;
    background-image: url(/assets/img/intro-bar-blok.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid inherit; border-radius: 20px; 
    /*display: inline-block;*/
}

.intro-bar-blok-kamrlik {
    height: 350px;
    padding: 30px;  
    background-color: #486204;
    color: #D6D6D4;
    text-align: left;
    /*height: 100%;*/
    min-width: 100%;
    font-size: 0.9vw;
    /*font-size: 100%;*/
    overflow-y: auto;
    border: 1px solid inherit; border-radius: 20px; 
}

.intro-bar-blok-dnesni {
    height: 350px;
    padding: 30px;  
    background-color:  #BB6B1D;
    text-align: left;
    /*height: 100%;*/
    min-width: 100%;
    font-size: 0.95vw;
    /*font-size: 3.4vh;*/

    overflow: auto;    
    border: 1px solid inherit; border-radius: 20px; 
}



.contact-eet-pindy {
    font-size: 80%;
    
}



/*==========================================
    Intro Události
=====================================================*/

#intro-udalosti-section {
   padding-top: 1px;
   /*max-height: 300px;*/
 min-height: 200px;
}


#intro-udalosti-section .col-md-5 {
    padding: 2px;
}
#intro-udalosti-section .col-md-10 {
    padding-left: 2px;
    padding-right: 2px;
}

#intro-udalosti-section .col-md-3 {
    padding: 2px;
}

#intro-udalosti-section .col-md-4 {
    padding: 2px;
}

#intro-udalosti-section .col-md-2 {
    padding: 2px;
}

.intro-udalosti-blok {
   background-color:  white;
}

.intro-udalosti-title-prvek {
    height: 100px;
    padding: 30px;  
    background-color: #1B3F39;
    color: #D6D6D4;
    float: auto;
    /*height: 100%;*/
    min-width: 100%;
    font-size: 1.0vw;
    font-size: 2.0vh;
    overflow: auto;

    border: 1px solid inherit; border-radius: 20px; 
}


.intro-udalosti-blok-title {
    height: 200px;
    padding: 30px;  
    background-color: #1B3F39;
    color: #D6D6D4;
    float: auto;
    /*height: 100%;*/
    min-width: 100%;
    font-size: 1.0vw;
    font-size: 2.0vh;
    overflow: auto;

    border: 1px solid inherit; border-radius: 20px; 
}

#intro-udalosti-blok-udalosti {
   background-color:  white;
}

.intro-udalosti-blok-udalost_top {
    font-size: 0.9vw;
    font-size: 1.5vh;
    /*overflow: auto;*/

}

.intro-udalosti-blok-udalost_bottom {
    /*position:relative;*/
    font-size: 0.9vw;
    font-size: 1.5vh;

    position: absolute;
    bottom: 0;
    padding-bottom: inherit;
    /*overflow: auto;*/

}

.intro-udalosti-blok-udalost {
    height: 200px;
    padding: 30px;
    /*font-size: 0.9vw;*/
    /*font-size: 0.9vh;    */
    min-width: 100%;
    display: block;
    background-color:  #BB6B1D;
    text-align: left;
    /*font-size: 110%;*/
    border: 1px solid inherit; border-radius: 20px;
    /*overflow: auto;*/
    
}

.intro-udalosti-blok-udalost a {
    color: #D6D6D4;
    text-decoration: underline;
}

.intro-udalosti-blok-udalost-1 {
    background-color:  #246C60;
}

.intro-udalosti-blok-udalost-2 {
    background-color: #2C4770;
    color: #D6D6D4;
}

.intro-udalosti-blok-udalost-3 {
    background-color:  #AA8139;
}

.intro-udalosti-blok-udalost-4 {
    background-color:  #64412A;
    color: #D6D6D4;
}

.intro-udalosti-blok-udalost-5 {
    background-color:  #AA6639
}

.intro-udalosti-blok-udalost-6 {
    background-color:  #246C60;
}

.intro-udalosti-blok-udalost-7 {
    background-color:  #AA6639
}

.intro-udalosti-blok-udalost-8 {
    background-color: #2C4770;
    color: #D6D6D4;
}



.intro-udalosti-blok-udalost-pict-1 {
   background-image: url(/assets/img/udalost1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

.intro-udalosti-blok-udalost-pict-2 {
   background-image: url(/assets/img/udalost1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

/* Kontakt Contact */

.contact-eet-pindy {
    font-size: 80%;
    
}



/*==========================================
    ONAS
=====================================================*/
#onas {
    padding: 30px;
    align: center;
        
}

#onas-title {
    padding-top: 2px;
    align-text: center;
    align-items: center;
    font-size: 260%;
    padding-bottom: 80px;
    word-spacing: 15px;    
    text-shadow: 3px 1px #78787B;    
}

.onas-titles {
    padding-top: 60px;
    align-text: center;
    font-size: 130%;
    padding-bottom: 60px;
}

.odstavec {
    display: block;
    text-align: justify;
    overflow: auto;
}



/*@media (max-width: 847px) {
    .flot-nav {
    float:left;
}
}*/

/*a.fb-share-button-kamadu {*/
/*  	background-image: url('/img/facebookshare.png');*/
/*	background-repeat: no-repeat;*/
/*    background-size: 100%;*/
/*    display: block;*/
/*    margin: auto;*/
/*	padding: 5px;*/
/*	padding-left: 25px;*/
/*    max-width: 148px;*/
/*    width: 40px;*/
/*    height: 20px;*/
/*	float: left;*/
/*	background-position: bottom;*/
/*}*/

.share-btn {
    display: inline;
    color: #eeeeee;
    border: 1px solid white; border-radius: 6px;
    padding: 0.1em;
    width: 1.5em;
    /*box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);*/
    outline: none;
    text-align: center;
    font-size: large;
    margin-right: 0.3em;
}
a.share-btn {
    color: #eeeeee;
}
.share-text {
    font-size: normal;
    display: inline;
    padding-left: 2px;
}

.share-btn:hover {
  color: #eeeeee;
}

.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.stumbleupon { background: #EB4823; }
.share-btn.reddit      { background: #ff5700; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.email       { background: #444444; }
/*==========================================
    MAPS SECTION
=====================================================*/

#gmap_canvas img {
  max-width: none!important;
  background: none !important;
}

.mapa {
  overflow: hidden;
  height: 400px;
  width: 85%;
 margin: 20px 0;
 margin:  auto; 
} 

.mapa .gmap {
  height: 350px;
  width: 100%;
}


/*==========================================
    FOOTER SECTION
=====================================================*/

#footer {
    padding:20px;
    text-align:center;
    padding-right:30px;
    color:#cccccc;
    font-size: 70%;
}

.footerline {
    align-self: flex-start;
}

.footerpolozka {
    display: inline-block;
}


/*==========================================
    FOOTER KAMADU SECTION
=====================================================*/

#footerkamadu {
    padding:20px;
/*;    background-color:rgb(19, 170, 74);*/
    /*background-color: #cccccc;*/
    text-align:center;
    padding-right:30px;
    color:#cccccc;
    font-size: 70%;
}


.develop_napis {
    color: red;
}

/*==========================================
    MEDIA QURIES
    =====================================================*/

.onas_pict_1 {
    /*position: relative;*/
    /*padding: 10px;*/
    /*margin: 100%;*/
    /*min-height: auto;*/
      /*display: block;*/
    /*width: 460px;*/
    /*height: 720px;*/
    /*background: none !important;*/
    /*box-sizing: content-box;*/
    /*background-image: url(/assets/img/onas1.jpg);*/
   	/*background-attachment:fixed;*/
/*-webkit-background-size: cover;*/
/*-moz-background-size: cover;*/
/*-o-background-size: cover;*/
/*background-size: cover;*/
/*width:100px;*/
    /*background-size: 1.4em;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;


    /*-webkit-background-size: cover;*/
    /*    -moz-background-size: cover;*/
    /*    -o-background-size: cover;*/
    /*background-position: top center;*/
    
          border: 1px solid white; border-radius: 20px;
  
    
}



	/*img { 960: 100%; }*/
/*.onas_pict_1_1 {*/
/*    background-image: url(/assets/img/onas1_460345.jpg);*/
/*}*/

@media all and (max-width : 320px) {
	/*img { 320: 100%; }*/

    .onas_pict_1_1 {
        background-image: url(/assets/img/onas1_320.jpg);
        width: auto;
        height: 240px;

    }
 

/*xs*/
@media all and (min-width : 320px) and (max-width : 768px) {
	/*img { max-width: 100%; }*/
    .onas_pict_1_1 {
        background-image: url(/assets/img/onas1_768.jpg);
        /*width: 320px;*/
        /*height: 240px;*/
        width: auto;
        min-height: 320px;
    }

}
/*ss*/
@media only screen and (min-width : 768px) and (max-width : 992px) {
	/*img { max-width: 100%; }*/
    .onas_pict_1_1 {
        background-image: url(/assets/img/onas1.jpg);
        width: auto;
        min-height: 768px;
    }
    

}
/*md*/
@media only screen and (min-width : 992x) and (max-width : 1200px) {
	/*img { max-width: 100%; }*/
    .onas_pict_1_1 {
        background-image: url(/assets/img/onas1.jpg);
        width: auto;
        min-height: 800px;
    }
}

@media all and (min-width : 1200px) {
    .onas_pict_1_1 {
        background-image: url(/assets/img/onas1.jpg);
        width: auto;       
        height: 800px;    
        /*height: auto;*/
    }
}


@media (max-width: 847px) {
    .flot-nav {
    float:left;
}
     
}


@media (max-width: 1090px) {
    .img-thumbnail {
        max-width: 50%;
    }
}


@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
    max-zoom: 2;
}