﻿body {
  /*padding-top: 70px;*/
  padding-top: 81px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}


/*user define*/
.navbar-header{
  /*height: 70px;*/
  height: 80px;
  
}

@media (max-width: 480px) {
  #promitacka{
   visibility: hidden;
   height:0px;
  /*color: pink;*/
  } 
}


@media (min-width: 480px) {
    .zahlavi_foto1{
      background-image: url("../grafika/jidelna_480.jpg");
    }    
    .zahlavi_foto2{
      background-image: url("../grafika/flotila_480.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_480.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_480.jpg");
    }     
  .hide_small, foto_zahlavi{
   visibility: hidden;
   height:0px;
  /*color: pink;*/
  } 

}
@media (min-width: 720px) {
    .zahlavi_foto1{
      background-image: url("../grafika/jidelna_720.jpg");
    }    
    .zahlavi_foto2{
      background-image: url("../grafika/flotila_720.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_720.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_720.jpg");
  }
        .show_big{
    width: 100% ;
  }
  .hide_small, foto_zahlavi{
    width: 100% ;
    height: auto;
    visibility: visible;
  /*color: pink;*/
  }
}
@media (min-width: 780px) {
    .zahlavi_foto1{
      background-image: url("../grafika/jidelna_750.jpg");
    }    
    .zahlavi_foto2{
      background-image: url("../grafika/flotila_750.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_750.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_750.jpg");
    }      

  
    
}

@media (min-width: 992px) {
    .zahlavi_foto1{
      background-image: url("../grafika/jidelna_940.jpg");
    }    
    .zahlavi_foto2{
      background-image: url("../grafika/flotila_940.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_940.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_940.jpg");
    }       
}

@media (min-width: 1200px) {
    .zahlavi_foto1{
      background-image: url("../grafika/jidelna_1140.jpg");
    }    
    .zahlavi_foto2{
      background-image: url("../grafika/flotila_1140.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_1140.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_1140.jpg");
    }       
}

@media (min-width: 1600px) {
    .zahlavi_foto1{
      background-image: url("../grafika/jidelna_1540.jpg");
    }    
    .zahlavi_foto2{
      background-image: url("../grafika/flotila_1540.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_1540.jpg");
    }    
    .zahlavi_foto3{
      background-image: url("../grafika/x_1540.jpg");
    } 
    .container{
      width: 1570px;
    }
    .show_big
    {
      width: 66.66666%;
      
    }  
    .hide_small{
    width: 33.33333333%;
    color: blue;
    visibility: visible;
    }   
}


/*obsolete*/
.jumbotron1{
  background: url("../jidelna1.jpg") no-repeat fixed 0 0 / cover transparent; 
  height: 400px;
}
/*obsolete*/
.jumbotron {
    /*background: url("jidelna_web.jpg") no-repeat fixed right 0 bottom 250px / cover transparent;*/
    /*background: url("jidelna.jpg") no-repeat fixed 0 0 / cover  transparent;*/
    /*url("jidelna_web.jpg") no-repeat fixed 0 0 / cover  transparent;*/
    /*background: url("jidelna.jpg")  fixed 0 0 / cover  transparent;*/
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='jidelna3.jpg', sizingMethod='scale');*/
    /*background-image: url("jidelna.jpg");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-position: 50% 50%;*/
    background-position: 0 0;
    /*background-size: contain;*/
    background-size: 100% ;  
    background-color: transparent;
    
    display: table;
    margin-bottom: 3em;
    text-align: center;
    width: 100%;
    
} 

/*obsolete*/
.container{
/*width: 100% !important;*/

}

.fb_logo{
  /*width: 41px;*/
  width: 40px;
}


/* zacetk pro galerku*/
            /* i like padding - you can ignore this css. see the actual css / less files in the repository for styling the gallery navigation */
            div.row > div > div.row {
                margin-bottom: 15px;
            }

            body {
                padding-bottom: 50px;
            }

            div.top-header {
                margin-bottom:100px;
            }

            h3.page-header {
                margin-top: 50px;
            }

            figure {
                position: relative;
            }

            figure figcaption {
                font-size: 22px;
                color: #fff;
                text-decoration: none;
                bottom: 10px;
                right: 20px;
                position: absolute;
                background-color: #000;
            }
			code {
				white-space: pre-wrap;       /* css-3 */
				white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
				white-space: -pre-wrap;      /* Opera 4-6 */
				white-space: -o-pre-wrap;    /* Opera 7 */
				word-wrap: break-word;       /* Internet Explorer 5.5+ */
			} 


/*testing only*/
.col-sm-8
{
/*border: 2px pink solid;*/
}
.col-sm-4
{
/*border: 2px red solid;*/
}

/*.test_obrazek {
        height: 400px;
        background-image: url("../jidelna1.jpg");
        background-position: 50% 50%;
        
    }*/
/* hodit pak do mediaqueries*/
.zahlavi_foto1, .zahlavi_foto2, .zahlavi_foto3, .zahlavi_foto4{
  height: 400px;
  background-position: 50% 50%;
  background-repeat: no-repeat;    
}

.navbar-nav, .tucne{
font-weight: bold;
}
.navbar-brand img{
width: 150px /*puv 120*/
}

.item{
max-height: 400px; 
}

.center{
 text-align: center;
}

.no-decoration{
    list-style-type: none;
}
.red{
  color: #E3362C;
}


