body {
  font-family: 'Open Sans', sans-serif; font-size: 16px; color: #32327f;
  /*background: url(img/paper-grey.png);*/
  /* background: #2768ac;*/
  background: rgba(42,114,191,1);
  background: -moz-linear-gradient(45deg, rgba(42,114,191,1) 0%, rgba(27,60,103,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42,114,191,1)), color-stop(100%, rgba(27,60,103,1)));
  background: -webkit-linear-gradient(45deg, rgba(42,114,191,1) 0%, rgba(27,60,103,1) 100%);
  background: -o-linear-gradient(45deg, rgba(42,114,191,1) 0%, rgba(27,60,103,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(42,114,191,1) 0%, rgba(27,60,103,1) 100%);
  background: linear-gradient(45deg, rgba(42,114,191,1) 0%, rgba(27,60,103,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a72bf', endColorstr='#1b3c67', GradientType=1 );
}
h1, h2, h3 {font-family: 'Roboto Condensed', sans-serif; color: #32327f;}
h2 {font-family: 'Roboto Condensed', sans-serif; color: #333; font-size: 26px; margin-top: 40px;}
a, a:visited, a:active, a:link {color: #c36;}
a:hover {color: #c36; text-decoration: underline;}

/* pruhy */
.pruh-menu {/*background: #650216;*/ background: transparent; min-height: 170px;}
.pruh-paticka {background: #333; color: #fff; margin-top: 40px; padding: 20px 0; }
.pruh-paticka a {color: #fff;}
.pruh-paticka a:hover {color: #fff; text-decoration: underline;}


/* logo */
.pruh-menu .container {position: relative;}

#horniMenu {position: absolute; top: 10px; right: 80px;}
#horniMenu a {color: #eee; display: inline-block; margin-left: 30px; /* text-decoration: underline; font-size: 0.9em; */ font-family: 'Roboto Condensed', sans-serif;}
#horniMenu a:hover {text-decoration: underline; color: #fff; }

a#logo {
  display: block; position: absolute; top: 0; left: 0; 
  width: 400px; padding: 30px; text-align: center;
  /*z-index: 10;*/
  font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 30px; color: #fff;
}
a#logo:hover {text-decoration: none;}
a#logo .bigger {font-size: 1.2em; text-transform: uppercase;}

/* hlavni menu */
.navbar-default {
  position: relative; margin-top: -152px;
  height: 151px; overflow: hidden;
  background: transparent; border: none; padding: 0px 10px; margin-bottom: 0; 
  border-radius: none;
  -ms-transform: rotate(2deg); 
  -webkit-transform: rotate(2deg); 
  transform: rotate(2deg);
}
.navbar-default .navbar-nav>li {
  margin-top: 25px; /* o kolik px budou zalezle neaktivni zalozky */
  padding: 10px; margin-right: 10px; background: url(img/paper-white.png); /*background: #fed906;*/  border: 1px solid #32327f; border-bottom: none;
  font-family: 'Roboto Condensed', sans-serif; font-size: 1.8em; font-weight: normal;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
}
.navbar-default .navbar-nav>li>a {padding: 10px 10px 100px 10px; min-width: 140px; text-align: center; color: #32327f;}
.navbar-default .navbar-nav>li>a:hover {color: #32327f;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #32327f;}
.navbar-default .navbar-nav>li#menu1>a {background: url(img/skolka.png) no-repeat 50% bottom; -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg);}
.navbar-default .navbar-nav>li#menu2>a {background: url(img/skola.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu3>a {background: url(img/druzina.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu4>a {background: url(img/jidelna.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu1.active>a {background: url(img/skolka-over.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu2.active>a {background: url(img/skola-over.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu3.active>a {background: url(img/druzina-over.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu4.active>a {background: url(img/jidelna-over.png) no-repeat 50% bottom; }
.navbar-default .navbar-nav>li#menu1>a:hover {font-weight: bold; }
.navbar-default .navbar-nav>li#menu2>a:hover {font-weight: bold;}
.navbar-default .navbar-nav>li#menu3>a:hover {font-weight: bold; }
.navbar-default .navbar-nav>li#menu4>a:hover {font-weight: bold; }
.navbar-default .navbar-nav>li.active {margin-top: 2px; background: #fff;}
.navbar-default .navbar-nav>.active>a {color: #32327f; font-weight: bold;}
.navbar-default .navbar-nav>li {
    -webkit-box-shadow: 1px 1px 3px 0px rgba(100,100,100,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(100,100,100,1);
    box-shadow: 1px 1px 3px 0px rgba(100,100,100,1);
}
.navbar-default .navbar-nav>li#menu1 {-ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg);}
.navbar-default .navbar-nav>li#menu2 {-ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }
.navbar-default .navbar-nav>li#menu3 {-ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); }
.navbar-default .navbar-nav>li#menu4 {-ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }

#paper1 {
    margin-top: 30px;
    /*background: url(img/paper/green.png);*/
    background: #9cc515;
    padding: 5px;
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
    -webkit-box-shadow: 3px 3px 20px 0px rgba(70,70,70,1);
    -moz-box-shadow: 3px 3px 20px 0px rgba(70,70,70,1);
    box-shadow: 3px 3px 20px 0px rgba(70,70,70,1);
}
#paper2 {
    /*background: url(img/paper/pink.png);*/
    background: #e5135f;
    padding: 10px 5px;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(70,70,70,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(70,70,70,1);
    box-shadow: 1px 1px 3px 0px rgba(70,70,70,1);
}
#paper3 {
    position: relative;
    /*background: url(img/paper/turquoise.png);*/
    background: #2db4ce;
    padding: 5px; 
    -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
    -webkit-box-shadow: 3px 3px 20px 0px rgba(70,70,70,1);
    -moz-box-shadow: 3px 3px 20px 0px rgba(70,70,70,1);
    box-shadow: 3px 3px 20px 0px rgba(70,70,70,1);
}
#paper4 {
    position: relative;
    /*background: url(img/paper-white.png);
    border-top: 1px solid #eee;*/
    background: #fff;
    
    padding: 0px;
    margin: -1px 0 5px 0;
    -ms-transform: rotate(2deg); 
    -webkit-transform: rotate(2deg); 
    transform: rotate(2deg);
    border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;
    /*
    -webkit-box-shadow: 1px 1px 3px 0px rgba(70,70,70,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(70,70,70,1);
    box-shadow: 1px 1px 3px 0px rgba(70,70,70,1);
    */
    
}

#obsah {padding: 20px 40px; color: #333; }

#motiv { padding: 10px;}
#motiv img {width: 1090px;}

#podmenu { margin-bottom: 20px; background: url(img/spendlik.png) no-repeat 66% 3%, url(img/spendlik.png) no-repeat 44% 95%, url(img/paper-white.png); padding: 35px 15px 50px 15px; font-family: 'Roboto Condensed', sans-serif;}
#podmenu .nadpis {/*background: #32327f; color: #fff; padding: 5px 10px;*/ font-weight: bold; font-size: 1.8em; }
#podmenu a {color: #666; display: block; padding: 10px 5px; font-size: 1.1em; border-bottom: 1px solid #fff;}
#podmenu a:hover {background: url(img/paper/turquoise-light.png); text-decoration: none; color: #000;}
#podmenu ul {padding-left: 20px;}
#podmenu li.aktivni, #podmenu li.aktivni a:hover {background: url(img/paper/turquoise.png); }
#podmenu li.aktivni a {color: #fff;}

#kontakt {margin-bottom: 20px; background: #fff765 url(img/sponka2.png) no-repeat right top; padding: 35px 10px 20px 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 1.1em;}
#kontakt .nadpis {font-weight: normal; font-size: 1.5em; }
#kontakt table {border: none;}
#kontakt td {padding: 3px 8px 20px 0px; font-size: 1.1em;}
#kontakt .popisek {color: #999; font-size: 0.9em;}
a#vsechnyKontakty {color: #000; display: block; text-align: right; font-size: 0.9em;}

#opatreni {margin-bottom: 20px; background: #e5135f; padding: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 1.1em; color: #fff; text-align: center;}
#opatreni a {color: #fff; /*font-weight: bold;*/ font-size: 1.5em; font-family: 'Roboto Condensed', sans-serif; text-decoration: none;}
#opatreni a:hover {text-decoration: underline;}

.breadcrumbs {font-size: 0.8em; color: #999; margin: 0 0 10px 0;}
.breadcrumbs span {color: #333; padding: 0 10px; font-weight: bold;}

.novinka {margin: 40px 0 20px 0;}
.novinka h2 {/*background: url(img/novinka.png) no-repeat left; padding-left: 50px;*/ text-transform: uppercase; color: #c36; }


#unigena {text-align: right; font-size: 0.8em;}


/* obecne */

#obsah p {margin: 10px 0 20px 0; line-height: 1.8em;}
#obsah ol li {padding-bottom: 20px;}
.male {font-size: 0.8em;}
.velke {font-size: 1.2em;}
.red {color: /*#093*/ #7ca600;}
.seda {color: #666; font-size: 0.9em;}

.dulezite {margin: 30px 0; border: 1px solid #c36; text-align: center; padding: 10px; color: #000; /* #f0f7fe */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
} 
.budik {background: url(img/budik.png) no-repeat 15px 15px; padding-left: 60px; min-height: 63px;}
td.nowrap, th.nowrap {white-space: nowrap;}

table.udaje {border: none; border-collapse: collapse; width: 100%; margin: 15px 0 30px 0;}
table.udaje th {text-align: right; vertical-align: top; padding: 10px 12px; color: #333; font-weight: normal;} 
table.udaje td {text-align: left; vertical-align: top; padding: 10px 12px; color: #32327f;}
table.udaje tr:nth-child(odd) td, table.udaje tr:nth-child(odd) th {background: #f0f7fe;}
table.udaje tr:nth-child(even) td, table.udaje tr:nth-child(even) th {background: #f8fbff;}
table.udaje tr {border: 1px solid #fff;}

table.rozvrh {border: none; border-collapse: collapse; width: 100%; margin: 15px 0 30px 0;}
table.rozvrh th {text-align: right; vertical-align: top; padding: 10px 12px; color: #333; font-weight: normal;} 
table.rozvrh td {text-align: left; vertical-align: top; padding: 10px 12px; color: #32327f;}
table.rozvrh tr:nth-child(odd) td, table.rozvrh tr:nth-child(odd) th {background: #f0f7fe;}
table.rozvrh tr:nth-child(even) td, table.rozvrh tr:nth-child(even) th {background: #f8fbff;}
table.rozvrh tr {border: 1px solid #fff;}

table.rozvrh th, table.udaje th {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
table.rozvrh td, table.udaje td {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.trida {
  border: 1px solid #c36; margin: 10px 10px 30px 10px; text-align: center; padding: 10px 10px 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #32327f;
}
.trida .nadpis {margin: -10px -10px 10px -10px; background: #c36; color: #fff; padding: 10px;}


table.stravne {border: none; border-collapse: collapse; margin: 15px 0 30px 0;}
table.stravne th {text-align: center; vertical-align: top; padding: 10px 12px; color: #333; font-weight: normal; border-right: 1px solid #fff;}
table.stravne th.text-left {text-align: left;} 
table.stravne td {text-align: right; vertical-align: top; padding: 10px 12px; color: #32327f; border-right: 1px solid #fff;}
table.stravne tr:nth-child(odd) td, table.stravne tr:nth-child(odd) th {background: #f0f7fe;}
table.stravne tr:nth-child(even) td, table.stravne tr:nth-child(even) th {background: #f8fbff;}
table.stravne tr {border: 1px solid #fff;}
table.stravne tr.bold td, table.stravne tr.bold th {font-weight: bold;}


table.jidelnicek {border: none; border-collapse: collapse; width: 100%; margin: 15px 0 30px 0;}
table.jidelnicek th {text-align: left; vertical-align: middle; padding: 10px 12px; color: #333; font-weight: normal; background: #f8fbff; font-size: 0.9em;} 
table.jidelnicek td {text-align: left; vertical-align: middle; padding: 10px 12px; color: #32327f; background: #f8fbff; font-family: 'Roboto Condensed', sans-serif;}
table.jidelnicek td.alergeny, table.jidelnicek tr.obed td.alergeny {font-weight: normal; font-size: 0.8em; color: grey;}
table.jidelnicek td.den {font-weight: bold; font-size: 1.2em; background: #fff; padding-top: 20px; color: #c36; }
table.jidelnicek tr.obed td, table.jidelnicek tr.obed th {background: #f0f7fe;}
table.jidelnicek tr.obed td {font-weight: bold;}
table.jidelnicek tr {border: 1px solid #fff;}
.alergen {cursor: help; border: 1px dotted grey; margin-right: 1px; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

ul.odr {list-style: none; margin-top: 30px; margin-bottom: 20px;}
ul.odr li {margin: 0; padding: 0 0 12px 30px; background: url(img/odr-sipka-seda.png) no-repeat left 4px; }
span.odr, a.odr {display: inline-block; margin: 0 20px; padding-left: 30px; background: url(img/odr-sipka-seda.png) no-repeat left 8px; }


.galerie a {
  display: block; text-align: left; margin: 20px 0; text-decoration: none; color: #fff;
  background: #2768ac;
  padding: 7px 5px;
  -ms-transform: rotate(1deg); /* IE 9 */
  -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
  transform: rotate(1deg);
}
.galerie a .nahled, .galerie a .popisek {
  -ms-transform: rotate(-1deg); /* IE 9 */
  -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
  transform: rotate(-1deg);
}
.galerie a .popisek { padding: 12px 40px 12px 10px; min-height: 32px; font-family: 'Roboto Condensed', sans-serif; }
.galerie a:hover {background: #2768ac url(img/lupa-bila.png) no-repeat 90% 93%; }

.galerieDetail a {
  display: block; text-align: left; margin: 20px 0; text-decoration: none; 
  background: #9cc515;
  padding: 7px 5px;
  -ms-transform: rotate(2deg); /* IE 9 */
  -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
  transform: rotate(2deg);  
}
.galerieDetail a .nahled {
  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  transform: rotate(-2deg);
}

/* oříznutí náhledů tak, aby měly stejnou výšku - google: thumbnail center and crop */
.nahled {
  position: relative;
  width: 100%;
  height: 125px;
  overflow: hidden;
}
.nahled img {
  position: absolute;
  left: 50%;
  top: 50%;
  /*
  height: 100%;
  width: auto;
  */
  min-height:100%;
  min-width:100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
/* nahled, kde je postava na vysku - aby byla videt hlava a ne bricho */
.nahled img.postavaNaVysku {
  position: absolute;
  left: 50%;
  top: 100%;
  min-height:100%;
  min-width:100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


table.rozvrhzs {border: none; border-right: 1px solid #32327f; border-bottom: 1px solid #32327f; margin: 30px 0 60px 0; font-family: 'Roboto Condensed', sans-serif;}
table.rozvrhzs td, table.rozvrhzs th {text-align: center; vertical-align: middle; padding: 6px 10px; border-left: 1px solid #32327f; border-top: 1px solid #32327f;}
table.rozvrhzs td {font-size: 1.1em; background: #f0f7fe; color: #000; font-weight: bold;}
table.rozvrhzs tr.suda td {background: #d8ebfe;}
table.rozvrhzs th {font-weight: normal;}
table.rozvrhzs th strong {font-size: 1.2em;}
table.rozvrhzs th.tridazs {color: #fff; background: #c36;}

/* div přes google mapu, aby nedošlo k přibližování mapy při použití kolečka myši */
.overlay {
   background:transparent; 
   position:relative; 
   width:1059px;
   height:380px; /* your iframe height */
   top:380px;  /* your iframe height */
   margin-top:-380px;  /* your iframe height */
}

table.kontakty {border: none; border-collapse: collapse; width: 100%; margin: 15px 0 30px 0;}
table.kontakty th {text-align: right; vertical-align: top; padding: 10px 12px; color: #333; font-weight: normal;} 
table.kontakty td {text-align: left; vertical-align: top; padding: 10px 12px; color: #32327f;}
table.kontakty tr:nth-child(odd) td, table.kontakty tr:nth-child(odd) th {background: #f0f7fe;}
table.kontakty tr:nth-child(even) td, table.kontakty tr:nth-child(even) th {background: #f8fbff;}
table.kontakty tr {border: 1px solid #fff;}

a.foto {float: right;}

span.upozorneni {display: inline-block;}
.upozorneni {margin: 0 10px; background: #9cc515; color: #fff; font-weight: normal; font-family: 'Roboto Condensed', sans-serif; padding: 4px 15px; text-transform: none; font-size: 18px;}

.probehle {padding-top: 10px;}
.probehle h2 {}
.probehle table.rozvrh td {padding: 8px 10px; color: #444; font-size: 0.9em;}
.probehle table.rozvrh tr:nth-child(odd) td, .probehle table.rozvrh tr:nth-child(odd) th {background: #f8f8f8;}
.probehle table.rozvrh tr:nth-child(even) td, .probehle table.rozvrh tr:nth-child(even) th {background: #fcfcfc;}


.obsahovyBox {border-left: 1px solid #eee; padding-left: 50px;}

/* --- responsivnost: --- */

.nav>li {float: left;}
.navbar-right {
    float: right !important;
    margin-right: -15px;
}

@media (max-width: 1200px) { 
    a#logo {
      position: relative;
      width: auto;
      padding: 50px 0 100px 0;
      text-align: left;
    }
    a#logo br {display: none;}

    .navbar-default .navbar-nav>li {padding: 10px 5px; margin-right: 5px; font-size: 1.5em;}
    .navbar-default .navbar-nav>li#menu1>a, .navbar-default .navbar-nav>li#menu2>a, .navbar-default .navbar-nav>li#menu3>a, .navbar-default .navbar-nav>li#menu4>a {background-size: 60%;}
    .navbar-default .navbar-nav>li>a {padding: 10px 10px 80px 10px;}

    .navbar-default .navbar-nav>li#menu1.active>a, .navbar-default .navbar-nav>li#menu2.active>a, .navbar-default .navbar-nav>li#menu3.active>a, .navbar-default .navbar-nav>li#menu4.active>a {background-size: 60%;}

    #paper1 {
          -ms-transform: rotate(0.3deg); /* IE 9 */
          -webkit-transform: rotate(0.3deg); /* Chrome, Safari, Opera */
          transform: rotate(0.3deg);
          padding: 3px 5px;
      }
      #paper2 {
          -ms-transform: rotate(-0.7deg); /* IE 9 */
          -webkit-transform: rotate(-0.7deg); /* Chrome, Safari, Opera */
          transform: rotate(-0.7deg);
          padding: 5px 5px;
      }
      #paper3 { 
          -ms-transform: rotate(-0.2deg); /* IE 9 */
          -webkit-transform: rotate(-0.2deg); /* Chrome, Safari, Opera */
          transform: rotate(-0.2deg);
          padding: 2px 5px;
      }
      #paper4 { 
          -ms-transform: rotate(0.6deg); /* IE 9 */
          -webkit-transform: rotate(0.6deg); /* Chrome, Safari, Opera */
          transform: rotate(0.6deg);
      }

      .navbar-default { 
        margin-top: -130px; 
        height: 129px; 
        -ms-transform: rotate(0.6deg); /* IE 9 */
        -webkit-transform: rotate(0.6deg); /* Chrome, Safari, Opera */
        transform: rotate(0.6deg);
      }

}

@media (max-width: 991px) { 
  .obsahovyBox {border-left: none; padding-left: 0px;}
}

@media (max-width: 733px) { 
    .navbar-default .navbar-nav>li {font-size: 1.3em;}    
    .navbar-default .navbar-nav>li>a {padding: 10px 5px 40px 5px; min-width: auto;}
    .navbar-default { 
        margin-top: -100px; 
        height: 99px; 
    }

}

@media (max-width: 420px) { 
    .navbar-default .navbar-nav>li {font-size: 1em;}
    .navbar-default .navbar-nav>li>a {padding: 5px 2px 30px 2px;}
    
    .navbar-default .navbar-nav>li.active {
      margin-top: 20px;
    }

    /*
    #horniMenu {text-align: right;}
    #horniMenu a {margin-top: 10px; margin-bottom: 10px; }
    
    a#logo {
      width: auto; padding: 20px 10px;
      font-size: 26px;
    }
    */
}