/* . .::::BART!::::: . .*/
/* udafrac27*/
html,
body {
  font-family: 'Trebuchet MS', 'Geneva CE', Tahoma, lucida, Verdana, Times,
    Helvetica, sans-serif;
  font-size: 14px;
  background: #000;
  background-position: center top;
  text-align: center;
  margin: 0;
  padding: 0;
  /*  scrollbar-track-color: #808080;
	scrollbar-face-color: #808080;
	scrollbar-highlight-color: #d7d597;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #ffffff;
*/
}
a:link {
  color: #000;
  text-decoration: underline;
}
a:visited {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}
.komplet {
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  padding: 0px;
}
.sloupecek_head {
  text-align: center;
  background-color: #000;
  border: #000;
  color: #fff;
  margin: 10px 0 0 0;
}
.float_left {
  float: left;
}

.menu-rozvrzeni {
  margin: 0;
  padding: 0;
  background-color: #cc9900;
  text-align: left;
  width: 710px;
  border-bottom: 4px solid #000;
}
#menu {
  font-size: 15px;
  position: relative;
  list-style-type: none;
  background: #ffcf06 url(navbar.gif) no-repeat;
  color: #000;
  height: 35px;
  padding: 0px 0px 0px 40px;
  margin: 0;
  line-height: 29px;
}
#menu li {
  float: left;
}
#menu a {
  display: block;
  float: left;
  color: #000;
  text-decoration: none;
  background: transparent;
  padding: 4px 13px 0px 14px;
  text-transform: lowercase;
  text-align: center;
  font-weight: bold;
}
#menu a:hover,
#menu a:active {
  border-top: 2px solid #ffcf06;
  background: #000;
  color: #ffcf06;
  text-decoration: none;
}

.sloupecek {
  text-align: left;
  padding-left: 10px;
  padding-bottom: 5px;
  background-color: transparent;
  color: #000;
  border: 2px solid #000;
  border-top: none;
}
.sloupecek a:link {
  color: #000;
  text-decoration: underline;
}
.sloupecek a:visited {
  color: #000;
  text-decoration: underline;
}
.sloupecek a:hover {
  color: #000;
  text-decoration: none;
}
.kategorie {
  font-family: Arial, Tahoma, lucida, Verdana, Times, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: #cc9900;
  background: transparent url('kategorie-top.gif') no-repeat;

  width: 220px;
  margin: 5px 0 0 0;
}
.kategorie ul {
  font-size: 13px;
  text-align: left;
  color: #fff;
  background-color: #402900;
  list-style-type: none;
  border: 2px solid #000;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 0;
}
.kategorie ul li {
  display: inline;
  padding: 0;
  margin: 0;
}

.kategorie ul li a {
  display: block;
  color: #ccc;
  text-decoration: none;
  font-weight: normal;
  padding-left: 5px;
}
.kategorie ul li.nezalomit a {
  display: inline;
}

.kategorie ul li a:hover {
  color: #402900 !important;
  background: #cc9900;
}
.lyrics li {
  text-align: center;
}
.pressdatum {
  font-size: 1.1em;
  color: #cc9900;
}

.kategorie ul li a:hover .pressdatum {
  font-size: 1.1em;
  color: #402900;
}
.download h2 {
  font-size: 1.6em;
  margin: 20px 0 0 0;
  display: inline;
  /*border-bottom: solid 2px #fff;    */
}
.download b {
  padding-left: 10px;
}
.sloupecek_foto {
  text-align: center;
  padding: 5px 0 5px 0;
  background-color: transparent;
  color: #000;
  border: 2px solid #000;
  border-top: none;
}
.sloupecek_tail {
  text-align: center;
  background-color: #000;
  border-color: #fff;
  color: #fff;
  width: 220px;
}
.sloupecek_tail a:link {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
.sloupecek_tail a:hover {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
.sloupecek_tail a:visited {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
.vrsek {
  text-align: left;
  background-color: black;
}
.leva {
  background-color: #402900;
  float: left;
  width: 230px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0 15px 0 0;
  height: 30px;
  _width: 245px;
  font-weight: bold;
}
.prava {
  background-color: #cc9900;
  margin: 0;
  padding: 0px;
  text-align: left;
  color: white;
  height: 30px;
}
.prava_tabulka {
  padding: 0 0 0 15px;
  vertical-align: top;
}
.datum {
  list-style-type: square;
  font-weight: normal;
  color: #fff;
}
ul {
  padding: 0 0 0 10px;
  margin: 0;
}
ul.novinky {
  padding: 0 0 0 0px;
  margin: 0;
}
li.nadpis {
  list-style-type: none;
  border-bottom: dashed 2px #cc9900;
  background: #000;
  padding: 2px 5px;
}
li.nadpis b {
  font-size: 1.3em;
  color: #cc9900;
}
li.nadpis i {
  font-size: 1em;
}
li.nadpis div {
  display: inline;
  text-align: right;
  font-size: 0.9em;
  color: #ccc;
}
li.novinka {
  list-style-type: none;
  padding: 5px 5px 10px 5px;
  color: #eceae6;
}
li.novinka:hover {
  color: #fff;
}
#aktualita {
  margin: 10px 0;
  padding: 2px;
  border: solid 2px #cc9900;
  border-left: none;
  border-right: none;
  text-align: center;
  background: #000;
}
div.prava h2 {
  font-size: 20px;
  text-decoration: none;
  background-color: transparent;
  color: #402900;
  padding-left: 30px;
}
.bunkaspozadim {
  color: black;
  background-color: #cc9900;
  vertical-align: top;
  text-align: left;
}
#mp3 td {
  padding: 5px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #cc9900;
  border-top: 1px solid #cc9900;
}
#mp3 td table td {
  padding: 0px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px dashed #cc9900;
  border-top: none;
}
#mp3 h3 {
  color: #fff;
  font-size: 18px;
}
#mp3 img {
  border: 1px solid #000;
}
.top {
  z-index: 3;
  height: 230px;
  background: #000 url(navbar.png) no-repeat;
  width: 780px;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  vertical-align: top;
}
.topbar {
  position: relative;
  z-index: 2;
}
.toptext {
  position: absolute;
  left: 80px;
  top: 10px;
  width: 500px;
  z-index: 1;
}

.middle {
  text-align: center;
  margin: auto;
  padding: 0;
  _margin-left: 35px;
  background-color: #cc9900;
  width: 710px;
  color: black;
}
#left_rozvrzeni {
  clear: both;
  float: left;
  background-color: #cc9900;
  width: 215px;
  _width: 245px;
  padding: 0 15px 0 15px;
}
#right_rozvrzeni {
  float: left;
  width: 425px;
  _width: 465px;
  padding: 0 20px 0 20px;
  text-align: left;
  background-color: #402900;
  color: #fff;
  _height: 800px;
  min-height: 500px;
}
.male a {
  font-size: 10px;
  color: #bbbbbb;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
.male a:hover {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
.male a:visited {
  font-size: 10px;
  color: #d7d597;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
table.archiv {
  margin-top: 5px;
  border-spacing: 0px;
  border-collapse: collapse;

  width: 99%;
  border: 1px solid #000;
}
table.archiv th {
  color: #ccc;
  background: #000;
  padding: 0 2px;
  text-align: center;
  border: 1px solid #000;
}
table.archiv td {
  padding: 0 2px;
  text-align: center;
  border: 1px solid #000;
  color: #ccc;
}
.color {
  font-weight: bold;
  color: #cc9900;
}
.svetle {
  color: #fff;
  font-weight: bold;
}
img {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  padding: 0px;
}
.top_pismo {
  font-size: 18px;
  margin: 30px auto auto 60px;
  color: #6c6a6a;
  text-align: center;
  text-decoration: none;
  width: 195px;
  line-height: 1em;
}
.left_pismo {
  font-size: 0.8em;
  color: #ffffff;
  background-color: transparent;
  line-height: 1.5;
}
.left_pismo a:link {
  color: #000000;
  text-decoration: none;
}
.left_pismo a:visited {
  color: #000000;
  text-decoration: none;
}
.left_pismo a:hover {
  color: #99cc66;
  text-decoration: none;
}
.right_pismo {
  font-family: 'trebuchet MS', Arial, Tahoma, lucida, Verdana, Times, Helvetica,
    sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  background-color: transparent;
  color: #ffffff;
  padding: 10px 0 0 0;
  margin: 0;
}
.right_pismo a:link {
  color: #fff;
  text-decoration: underline;
}
.right_pismo a:visited {
  color: #ccc;
  text-decoration: underline;
}
.right_pismo a:hover {
  color: #fff;
  text-decoration: none;
}
.alignright {
  text-align: right;
}
h1 {
  display: inline;
  font-size: 20px;
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
h2 {
  font-size: 17px;
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
  margin: 0;
  padding: 0 0 0 10px;
}
h2 a:link {
  color: #ffffff;
  text-decoration: undrline;
}
h2 a:visited {
  color: #ffffff;
  text-decoration: undrline;
}
h2 a:hover {
  color: #ffffff;
  text-decoration: none;
}
h3 {
  display: inline;
  font-size: 15px;
  text-decoration: none;
  background-color: transparent;
  color: #fff;
  margin: 0;
  padding: 0;
}
h4 {
  font-size: 13px;
  background-color: transparent;
  color: #8e8e75;
  margin-top: 0px;
  padding-top: 0px;
}
h5 {
  font-size: 20px;
  font-weight: bold;
}
hr {
  border: 2px solid #000;
}
p {
  text-align: left;
  text-indent: 30px;
  margin: 0px;
  padding: 0;
}
textarea,
input,
select {
  background-color: #cc9900;
  border: 3px solid #000;
  color: #000;
}
table,
td,
tr {
  font-size: 13px;
  line-height: 1.5em;
  background-color: transparent;
  color: #ffffff;
}
.perex {
  border: 1px solid #5c5c42;
  border-right: none;
  padding: 5px;
  margin-left: 15px;
  margin-right: 5px;
}
.obtekatvpravo {
  float: left;
  margin: 5px 10px 0px 0px;
  border: 1px solid #5c5c42;
  padding: 2px;
}
.prouzek {
  text-align: center;
  border: 2px dotted #5c5c42;
}

.citace {
}
.bloktextu {
  border: 1px dotted #28251a;
  background-color: #403c2e;
  font-style: italic;
}
.bloktextu:hover {
  border: 1px dotted #28251a;
  background-color: #403c2e;
}
.zdurazneni {
  border-bottom: 1px dotted;
}
.tail_rozvrzeni {
  width: 710px;
  padding-top: 20px;
  text-align: left;
  background: #000 url(tail.gif) top no-repeat;
  clear: both;
  height: 100px;
}
.left_tail_pismo {
  width: 300px;
  float: left;
  padding: 0 0 0 20px;
  text-align: left;
  font-size: 14px;
  color: #000;
  background-color: transparent;
  line-height: 1.5;
}
.left_tail_pismo a:link {
  color: #000;
  text-decoration: underline;
}
.left_tail_pismo a:hover {
  text-decoration: none;
}
.left_tail_pismo a:visited {
  text-decoration: underline;
}
.right_tail_pismo {
  font-size: 0.8em;
  line-height: 1.5em;
  background-color: transparent;
  color: #000;
  text-align: right;
  padding: 0 20px 0 0;
}
.right_tail_pismo a:link {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}
.right_tail_pismo a:visited {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
}
.right_tail_pismo a:hover {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
.neobtekat {
  padding-right: 10px;
  float: left;
}
.displaynone {
  display: none;
}
.barva {
  color: green;
}
.bombicka a,
.bombicka a:hover,
.bombicka a:visited {
  color: #ccc;
  text-decoration: none;
  font-size: 9px;
}
#backlinx {
  color: #ccc;
  text-align: center;
}
#backlinx a {
  color: #ccc;
  text-decoration: underline;
}
#backlinx a:hover {
  color: #ccc;
  text-decoration: none;
}

/* plogger */

#thumbnail-container {
  /* #thumbnail-container contains the entire list of all collections or the entire list of all albums, as appropriate */
  margin: 0;
  padding: 0;
}

#collections {
  /* #collections contains the entire list of all collections or the entire list of all albums, as appropriate (yes, it's redundant to #thumbnail-container) */
}

.collection {
  /* .collection contains each individual collection or album in the list, as appropriate */
  margin: 10px 0 0 0;
  padding: 10px 0;
  float: left;
  text-align: left;

  width: 798px; /* set this width to be 2px less than the width of #wrapper to account for borders */
}

.collection-image-link {
  margin: 0 0 0 25px;
  border: 1px solid #000;
  display: block;
  float: left;
  margin-right: 15px;
  padding: 3px;
}

.collection-image-link:hover {
  border: 1px solid #cc9900;
}

.photos {
  /* .photos controls the thumbnail picture on the collection(s) and album pages */
  vertical-align: bottom; /* firefox hack to remove the gap below images surrounded by an anchor */
}

.collection p {
  /* .collection p controls the collection or album description */
  margin: 4px 0 0 0;
  line-height: 1.5em;
}

.collection h2 {
  /* .collection h2 controls the collection or album title */
  margin: 5px 0;
  padding: 0;
  font-size: 1.4em;
}

.collection h2 a {
  /* .collection h2 controls the link behavior of the collection or album title */
  color: #fff;
}

.collection h2 a:hover {
  /* .collection h2:hover controls the hover behavior of the collection or album title */
  color: #cc9900;
}

.meta-header {
  /* .meta-header controls the "Contains X Albums" or "Contains X Pictures" text */
  margin: 0;
  padding: 0;
  color: #ccc;
  font-size: 90%;
}

.thumbnail p {
  /* .thumbnail p controls the description of the Collection or Album, as appropriate */
  /* width is equal to the width of the thumbnail image, set inline in album.php */
  padding: 0 6px;
  margin: 4px 0 0 0;
  line-height: 1.2em;
  font-weight: bold;
  height: 2.5em;
  overflow: hidden;
}

#slideshow,
#search-container,
#jump-menu,
#exif-toggle,
#sort-control,
.credit {
  display: none;
  visibility: hidden;
}

li.thumbnail {
  display: inline;
  list-style-type: none;
  color: #cc9900;
}

.thumbnail p {
  /* .thumbnail p controls the description of the Collection or Album, as appropriate */
  /* width is equal to the width of the thumbnail image, set inline in album.php */
  padding: 0;
  margin: 0;
  line-height: 1.2em;
  font-weight: bold;
  height: 2.5em;
  overflow: hidden;
}

/* Begin album page styles */

ul.slides {
  /* ul.slides controls the unordered list of the thumbnails of images within an album */
  margin: 0;
  padding: 0;
}

ul.slides li {
  /* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
  /* width is calculated by PHP in the HTML, style is applied inline */
  float: left;
  margin: 0 0 0 8px;
  padding: 8px;
  display: inline;
  text-align: center;
}

ul.slides li img {
  /* ul.slides li img controls the thumbnail image itself */
  border: 1px solid #fff;
  background: #fff;
  padding: 3px;
}

ul.slides li a {
  /* ul.slides li a controls the thumbnail image link behavior */
  display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}

ul.slides li img:hover {
  /* ul.slides li img:hover controls the thumbnail image hover behavior */
  background: #cc9900;
  border: 1px solid #f60;
}

/* Begin "picture" page styles */

#big-picture-container {
  /* #big-picture-container contains the picture, the prev/next buttons, the camera details and the thumbnail nav (if enabled) */

  margin: 10px 0 10px 0;
  padding: 10px 0 20px 0;
  text-align: center;
}

.picture-title {
  /* .picture-title controls the picture title */
  width: 70%;
  margin: 0 auto 6px;
  text-align: center;
  font-size: 1.3em;
  color: #4b4c57;
}

.date {
  /* .date controls the picture date */
  width: 70%;
  margin: 0 auto 0;
  text-align: center;
  font-size: 1.1em;
  color: #8689a2;
  letter-spacing: 1px;
}

#nav-link-img-prev,
#nav-link-img-next {
  /* #nav-link-img-prev, #nav-link-img-next control those elements that both the prev and next buttons have in common */
  margin: 5px 0 0;
  padding: 6px 15px;
  font-size: 1.1em;
}

#nav-link-img-prev {
  /* #nav-link-img-prev controls the prev button */
  float: left;
  display: inline;
}

#nav-link-img-next {
  /* #nav-link-img-next controls the next button */
  float: right;
  display: inline;
}

#nav-link-img-prev a {
  /* #nav-link-img-prev a controls the text of the prev button */
  border: 1px solid #fff;
  padding: 5px 15px;
  color: #cc9900;
}

#nav-link-img-next a {
  /* #nav-link-img-next a controls the text of the next button */
  border: 1px solid #fff;
  padding: 5px 15px;
  color: #cc9900;
}

#nav-link-img-prev a:hover,
#nav-link-img-next a:hover {
  /* #nav-link-img-prev a:hover, #nav-link-img-next a:hover controls the common link behavior of the prev/next buttons  */
  border: 1px solid #cc9900;
  background: #cc9900;
  color: #fff;
}

#picture-holder {
  /* #picture-holder contains the picture */
  clear: both;
  margin: 10px 0 0 0;
}

.photos-large {
  /* .photos-large controls the picture itself */
  margin: 0 0 20px 0;
  padding: 3px;
  background: #fff;
  border: 1px solid #dfded6;
}

#picture-holder a:hover {
  /* #picture-holder a:hover controls the hover behavior of the picture itself */
  white-space: normal;
}

#picture-description {
  /* #picture-description controls the picture's description */
  width: 80%;
  margin: 6px auto 6px;
  text-align: center;
  font-size: 1.1em;
}

/* Exif stuff is for the 'camera details' table */

#exif-toggle {
  margin: 0 0 20px 0;
  padding: 0;
}

#exif-toggle-container {
}

#exif-table {
}

#exif-data {
  margin: 0 auto 0;
  text-align: left;
}

#exif-data td.exif-label {
  text-align: right;
  padding-right: 10px;
  width: 50%;
}

#exif-data td.exif-info {
  text-align: left;
  padding-right: 10px;
  width: 50%;
}

/* Begin thumbnail navigation styles */

#thumb-nav {
  /* #thumb-nav controls the unordered list that comprises the thumbnail navigation */
  list-style-type: none;
  margin: 25px;
}

#thumb-nav li {
  /* #thumb-nav li controls each unordered list item that comprises the thumbnail navigation button */
  float: left;
  margin: 0 10px 0 0;
}

#thumb-nav li img {
  /* #thumb-nav li img controls the image within each unordered list item that comprises the thumbnail navigation button */
  border: 1px solid #01b4e2;
  padding: 3px;
  display: inline;
  background: #fff;
}

#thumb-nav li img:hover {
  /* #thumb-nav li img:hover controls the hover behavior of the image within each unordered list item that comprises the thumbnail navigation button, wheee! */
  background: #fff;
  border: 1px solid #f60;
}

#pagination {
  /* #pagination contains the pagination */
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-weight: bold;
  height: 23px;
  clear: left;
}

.page-link {
  /* .page_link controls the page numbers (link and non-link) */
  padding-left: 1px;
  padding-right: 1px;
  text-decoration: none;
}

#pagination a {
  /* #pagination a controls the link behavior of the page numbers */
  text-decoration: none;
  color: #cc9900;
}

#pagination a:hover {
  /* #pagination a:hover controls the link hover behavior of the page numbers */
  text-decoration: none;
  color: #ccc;
}
#link-back {
  text-align: right;
  color: ccc;
  font-size: 0.5em;
}
.vevent {
  margin: 0 0 10px 0;
}
.vevent td.datum {
  font-size: 17px;
  font-weight: bold;
  color: #ccc;
}
.vevent abbr.dtstart {
  border: none;
}
.vevent td.proste {
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  color: #cc9900;
}
.vevent td a {
  color: #ccc;
}
.vevent td.mesto strong {
  font-size: 17px;
  color: #cc9900;
}
.vevent abbr.summary {
  border: none;
}
strong.ok {
  color: green;
}
strong.ko {
  color: red;
}

/* COMMENTS
   ----------------------------------------------------*/
.prispevek {
  width: 430px;
  background: #cc9900 url('prispevek-top.gif') no-repeat left top;
  margin-top: 0px;
  margin-bottom: 25px;
}
.prispevek p {
  clear: both;
  text-indent: 0px;
  color: #000;
  padding: 30px 10px 0px 10px;
}
.prispevek p img {
  float: left;
  border: 2px dashed #322f24;
  margin-right: 10px;
  filter: alpha(Opacity=90);
  opacity: 0.9;
  -khtml-opacity: 0.9;
}
.prispevek p img:hover {
  filter: alpha(Opacity=0);
  opacity: 1;
  -khtml-opacity: 1;
}

.spodek {
  clear: both;
  background: url('prispevek-bottom.gif') no-repeat left bottom;
  padding: 0px;
}

.prispeveknadpis {
  padding-left: 10px;
  color: #947a2d;
}
.prispeveknadpis strong {
  text-transform: uppercase;
  color: #fff;
}
.prispeveknadpis a {
  text-decoration: underline;
  color: #fff;
}
.prispeveknadpis a:hover {
  text-decoration: none;
  color: #fff;
}
.prispeveknadpis vpravo {
  position: absolute;
  right: 0;
  top: 0;
}
.ip {
  color: #827f74;
}
fieldset {
  border: none;
}
legend {
  display: none;
}
/* --- Responsive --- */
@media only screen and (max-width: 900px) {
  .komplet,
  .top,
  .middle,
  .menu-rozvrzeni,
  .tail_rozvrzeni {
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    /* padding-left: 10px;
    padding-right: 10px; */
  }
  .toptext {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    margin: 10px 0;
  }
  #left_rozvrzeni,
  #right_rozvrzeni,
  .prava,
  .leva {
    float: none !important;
    width: 100%;
    padding: 0 !important;
    min-height: auto;
    height: auto;
    box-sizing: border-box;
  }
  table,
  table.archiv {
    width: 100% !important;
    font-size: 14px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 600px) {
  html,
  body {
    font-size: 16px;
  }
  .komplet,
  .top,
  .middle,
  .menu-rozvrzeni,
  .tail_rozvrzeni,
  #left_rozvrzeni,
  #right_rozvrzeni {
    /* padding-left: 5px;
    padding-right: 5px; */
    /* width: 100vw; */
    /* max-width: 100vw; */
  }
  #menu {
    display: block;
    height: auto;
    /* background-size: cover; */
    padding: 0;
    background: none;
  }
  #menu li,
  #menu a {
    /* float: none !important; */
    display: block;
    /* width: 100%; */
    text-align: left;
    /* padding: 10px 8px; */
    box-sizing: border-box;
  }
  #menu a:hover,
  #menu a:active {
    border-top: 0;
    background: #000;
    color: #ffcf06;
    text-decoration: none;
  }
  .toptext {
    display: none;
  }
  .top {
    height: auto;
    background: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .float_left,
  .neobtekat,
  .obtekatvpravo,
  .sloupecek_foto,
  .sloupecek_tail {
    float: none !important;
    width: 100%;
    margin: 0 0 10px 0;
    box-sizing: border-box;
  }
  .prispevek {
    width: 100% !important;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .thumbnail,
  .collection,
  ul.slides li {
    width: 100% !important;
    float: none !important;
    display: block;
    margin: 0 0 10px 0;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 600px) {
  .middle {
    display: flex;
    flex-direction: column;
  }
  #right_rozvrzeni {
    order: 1;
  }
  .prava {
    order: 2;
  }
  #left_rozvrzeni {
    order: 3;
  }
  .tail_rozvrzeni {
    order: 4;
  }
}