/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
html, body {max-width: 100%; overflow-x: hidden;}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
  font-display: swap;
}
h1 {font-size:1.2rem; margin:5px;}
h2 {font-size:1.5rem; margin:5px;}
.headertop {    background: url('/images/logo-bg.webp') no-repeat; height:80px; }
.drobek {line-height:1em;background-color:white;height: 2em; margin:5px; display:inline;}
.drobek li {display:inline;}
.drobek ol {margin:0px;}
.breadcrumb:before {color:grey;}
.nahled {position:relative;padding-top:5px; margin-top:15px; overflow:hidden;text-align:center;height:330px;}
.nahledarchiv {position:relative;padding-top:5px;margin-top:15px;overflow:hidden;text-align:center;width:180px;height:250px;}
.nahled img {margin-top:2px; overflow:hidden;}

.popisnahledu { position: absolute;  bottom: 2px; height: 50px;  background: rgba(255, 255, 255, 0.8); color: #000; width:100%;}
.popisnahleduarchiv { position: absolute; left: 20px; right:20px; bottom: 2px; height: 50px; width:100%; background: rgba(255, 255, 255, 0.8); color: #000; }

.popisnahledu a {color:black !important;font-size:small; text-decoration:none;} 
.popisnahleduarchiv a {color:black !important;font-size:small; text-decoration:none;} 
.polozkamenu {font-size:0.8em;}
.menuodkaz{color:black;padding-left:15px;padding-top:4px;padding-bottom:4px; margin-top:2px;margin-bottom:2px;}
.menuodkaz:hover{background:#9E9E9E;}

.menuodkaz.active{color:red;}

.exp {width:86%;padding:2px; float:left;display:inline; 
   background-image: url('/images/novy-letak.png');
   background-repeat: no-repeat;
   background-position: right 200px; 
 }
 .pagination li.active{background:#ddd;color:white;}
 //.odsadit {text-align:left !important;}
.pagination li a{color:#777;}
.sponsored {color:#aaa;display:block;text-align:center;}
.modal{width: 75%;}

.input-field {margin-top:0px; height:1.5rem;}
   .input-field input[type=text] {
     border-bottom: 1px solid #DA0002;
     box-shadow: 0 1px 0 0 #DA0002;
   }

.responsiveimg{    max-width: 80%;height: auto;}

@media only screen and (max-width: 600px) {
.nahled {height:220px;}   
.responsiveimg{    max-width: 100%;height: auto;}
}