@media (orientation: landscape) and (max-device-width: 1023px) {}

/** ---------------------- FIX > 1280 --------------------*/
@media (min-width: 1280px) {
  #nazev a, #nazev a:visited {
    font-size:230px;
  }
  #podnazev {
    font-size:28px;
  }
  ul.topnav li a {
    font-size:33px;
  }
}

/** ---------------------- VSE < 1280 --------------------*/
@media (max-width: 1279px) {
  #container {
    margin-top:0;
    margin-bottom:0;
    width:96vw;
    padding:0 2vw;
  }
}

@media screen and (max-width: 1024px) {
  .nad1024 {
    display:none;
  }
  div.komentare_short .header a, div.komentare_short .header a:visited {
    margin-left:0;
  }
  .smilies_panel div:first-child {
    width:100%;
  }
  div.clanek_vypis .odsad img {
    padding:0;
    max-width:100%;
    height:auto;
  }
}
@media screen and (max-width: 680px) {
  .nad680 {
    display:none;
  }
  div.clanek_vypis h1 {
    margin-bottom:0;
  }
  div.clanek_vypis h2 {
    font-size:1.2em;
    line-height:1.2em;
  }
  div.clanek_vypis h2 .datum {
    float:none;
  }
  #right {
    float:none;
    padding-left:0;
    width:100%;
  }
  #right.fullsize {
    width:100%;
    margin-left:0px;
  }
  #left {
    float:none;
    padding-right:0;
    border:none;
    width:100%;
    margin-top:1em;
  }
  #left p img {
    max-width:none;
    width: 50%;
  }
  #left .lastTxtList h2 {
    line-height:1em;
    margin-top:0;
    margin-bottom:0.3em;
  }
  div.rubriky_vypis ul.navigation li {
    display:inline;
    line-height:1.3em;
    padding:0 0.2em 0 0;
    margin:0 0.3em 0 0;
    border-right:1px solid black;
  }
  div.rubriky_vypis ul.navigation li:last-child {
    border-right:none;
  }
  div.rubriky_vypis.lastTxtList ul li.active a, div.rubriky_vypis.lastTxtList ul li.active a:visited {
    background:none;
    padding-right:0;
  }
  div.komentare_short {
    border-bottom: 1px solid black;
    padding: 10px 0;
  }
  div.komentare_short div.header {
    padding-bottom:1em;
    line-height:1.3em;
  }
}
@media screen and (max-width: 380px) {
  .nad380 {display:none;}
}

/** ---------------------- DESKTOP --------------------*/
@media (max-width: 1279px) and (min-width: 1024px) {
  #nazev a, #nazev a:visited {
    font-size:17.8vw;
  }
  #login {
    font-size:1.7vw;
  }
  ul.topnav li a {
    font-size: 2.5vw;
  }
  .clenove .clovek:nth-child(4n+4) {
    clear:both;
  }
  .pinned { width:17%; }
	div.table-wrapper div.scrollable table { margin-left:17%; }
}

/** ---------------------- TABLETS LANDSCAPE --------------------*/
@media (max-device-width: 1023px) and (min-device-width: 681px) {
  body {
    font-size: 2vw;
  }
  #nazev a, #nazev a:visited {
    font-size:17.8vw;
    letter-spacing:-6px;
  }
  #podnazev {
    font-size:2.3vw;
  }
  #login {
    font-size:2vw;
    height:3.5em;
  }
  #news {
    margin-bottom:0.5em;
  }
  #news .aktualita {
    width:30.5%;
    padding:0 2%;
    margin-bottom:0.5em;
  }
  #news .aktualita:nth-child(3) {
    padding-right:0;
    border-right:none;
  }
  #news .aktualita:nth-child(4) {
    clear:both;
    width:100%;
    padding:0;
    border:none;
  }
  ul.topnav li a {
    font-size:2.5vw;
  }
  #left {
    width: 21.5%;
  }
  .clanek_gallery_image {
    width:23%;
    margin:1%;
  }
  table.vitezny_rocnik {
    width:8em;
  }
  div.clanek_vypis .odsad .vitezny_rocnik img {
    margin-top: 0.7em;
  }
  .clenove .clovek, .clenove .clovek_mini {
    /*height: 16em;*/
    padding: 0.7em;
  }
  .clenove .clovek:nth-child(4n+4) {
    clear:both;
  }
  .clenove .clovek_mini {
    height: 6.5em;
  }
  .clenove .clovek p img {
    width:75%;
  }
  .pinned { width:20%; }
	div.table-wrapper div.scrollable table { margin-left:20%; }
}
@media (max-device-width: 850px) and (min-device-width: 681px) {
  .clanek_gallery_image {
    width:31%;
    margin:1%;
  }
}

/** ---------------------- PHONE LANDSCAPE / TABLETS PORTRAIT --------------------*/
@media (max-device-width: 680px) and (min-device-width: 381px) {
  body {
    font-size: 2.9vw;
  }
  #nazev {
   margin-bottom:0.5em;
  }
  #nazev a, #nazev a:visited {
    font-size:17.5vw;
    letter-spacing:-3px;
  }
  #podnazev {
    font-size:2.8vw;
  }
  #login {
    font-size:3vw;
  }
  #news .aktualita {
    width:100%;
    padding:0;
    border-right:none;
    margin-bottom: 0.5em;
  }
  #news p.pseudo_novinka,  #news p.den_novinky, #news p {
    margin-bottom: 0;
  }
  .clanek_gallery_image {
    width:23%;
    margin:1%;
  }
  table.vitezny_rocnik {
    width:7em;
  }
  div.clanek_vypis .odsad .vitezny_rocnik img,
  div.clanek_vypis .odsad table.ceny img {
    height:45px;
  }
  div.clanek_vypis .odsad .vitezny_rocnik img {
    margin-top: 0.5em;
  }
  table.vitezny_rocnik {
    width:7em;
    height:13em;
    padding:0.5em 0.5em 0 0.5em;
    margin:0 0.5em 0.5em 0;
  }
  table.vitezny_rocnik h3 {
    font-size: 1.3em;
  }
  table.vitezny_rocnik h4 {
    font-size: 1.2em;
  }
  .clenove .clovek, .clenove .clovek_mini {
    padding: 0.5em;
    margin:0 0.7em 0.7em 0;
  }
  .clenove .clovek:nth-child(3n+3) {
    clear:both;
  }
  .clenove .clovek_mini {
    height: 6.5em;
  }
  .clenove .clovek p img {
    width:75%;
  }
  .pinned { width:27%; }
	div.table-wrapper div.scrollable table { margin-left:27%; }
}
@media (max-device-width: 580px) and (min-device-width: 381px) {
  .clanek_gallery_image {
    width:31%;
    margin:1%;
  }
}

/** ---------------------- PHONE PORTRAIT --------------------*/
@media (max-device-width: 380px) {
  body {
    font-size: 4.5vw;
  }
  #nazev {
    margin-bottom: 0.5em;
  }
  #nazev a, #nazev a:visited {
    font-size:16.7vw;
    letter-spacing:0;
  }
  #podnazev {
    font-size:4vw;
  }
  #login {
    height:2.7em;
  }
  #login_form input {
    width: 4em;
  }
  .prihlaseny a b:after {
    content:"";
    display: block;
  }
  #news .aktualita {
    width:100%;
    padding:0;
    border-right:none;
    margin-bottom: 0.5em;
  }
  #news p.pseudo_novinka, #news p.den_novinky, #news p {
    margin-bottom: 0;
  }
  ul.topnav li a,
  ul.topnav li:first-child:after {
    font-size: 7.5vw;
  }
  #footer span {
    display:block;
  }
  .clanek_gallery_image {
    width:48%;
    margin:1%;
  }
  table.vitezny_rocnik {
    width:7em;
  }
  div.clanek_vypis .odsad .vitezny_rocnik img,
  div.clanek_vypis .odsad table.ceny img {
    height:40px;
  }
  div.clanek_vypis .odsad .vitezny_rocnik img {
    margin-top: 0.5em;
  }
  table.vitezny_rocnik {
    width:6em;
    height:13em;
    padding:0.3em 0.3em 0 0.3em;
    margin:0 0.5em 0.5em 0;
  }
  table.vitezny_rocnik h3 {
    font-size: 1.2em;
  }
  table.vitezny_rocnik h4 {
    font-size: 1.1em;
  }
  .clenove .clovek, .clenove .clovek_mini {
    /*height: 16.5em;*/
    padding: 0.3em;
    margin:0 0.5em 0.5em 0;
  }
  .clenove .clovek:nth-child(2n+2) {
    clear:both;
  }
  .clenove .clovek_mini {
    height: 6.5em;
  }
  .clenove .clovek p img {
    width:75%;
  }
  .pinned { width:40%; }
	div.table-wrapper div.scrollable table { margin-left:40%; }

  div.komentare_long .zobrazit {
    clear:both;
    line-height: 1.5em;
    text-align: left;
  }
  .smilies_panel .tag_button {
    float: left;
    margin:5px 5px 0 0;
  }
}