*.* {margin:0; padding:0;}
body {
background-color: #444;
background-image: url("bg.jpg");
background-attachment: fixed;
font-family: Merriweather, Arial, Helvetica, sans-serif; 
color:#555555;
margin:0 auto;
max-width:1060px;
}
#wrap  {
background: transparent;
padding:1% 2%;
margin:1% auto;
max-width:1060px;
 border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
 overflow:hidden;
}
#obsah {
overflow:hidden;
background-repeat: repeat-x;
text-align:center;
padding:1em 0;
border:1px solid #000;
}
h1 {
 color:#555;
 font-weight: bold;
 margin: 0;
 font-size:1.5em; 
 line-height:110%;
}

a:link, a:visited {
 color: #444;
 background: transparent;
 text-decoration: none;
}
a:active, a:hover {
 color: #637c16;
 text-decoration: none;
}
img {
 width:100%; height:auto; border-radius:7px 7px 0 0;
}

.footer {
 font: italic 10px arial; text-align:center;margin:10px 0 0 0; color: #444;
}
.footer a:hover {color:green;}
/*Thumbs*/
table #thumb {
 background: transparent;
 padding:0;  
 margin:0 auto;
 margin-top:30px;
 text-align:center;
 border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
 overflow:hidden;

}
#thumb img {border:1px solid #aaa;}
td {
 background: #fff;
 border: 1px solid #aaa;
 padding:2px 4px 1px 2px;
 margin:2px;
 width: auto;
 line-height: 110%;
 vertical-align: baseline;
 display:inline-block;
 border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 overflow:hidden;
}
.caption {
::first-letter;
 font: normal 10px tahoma;
 margin:3px;
 color:#333;
}

/*Page*/
nav {
margin:10px 0 -26px 0;
font-size: 13px;
text-align:center;
}
nav a {
 text-decoration: none;
}
nav a:hover {color:#5cb900;}


div.content#pic {
 background: #fff;
 padding: 3px;

}
div.content#caption {
 min-width: 160px;
 padding: 3px 1px 1px 1px ;
}

@media (max-width: 500px) {
     h1 {font-size:6vw; }
 }


@media (max-width: 340px) {
     h1 {font-size: 6vw; }
 }
 
 /* Firefox */
* {scrollbar-width: thin;scrollbar-color: #7faa00 #556;}
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {width: 10px;height: 10px;}
*::-webkit-scrollbar-track {border-radius: 5px;border-left:1px solid #555;background-color:transparent;}
*::-webkit-scrollbar-track:hover {}
*::-webkit-scrollbar-track:active {}
*::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #7faa00;border: 2px solid #555;}
*::-webkit-scrollbar-thumb:hover {background-color: #98ca00;}
*::-webkit-scrollbar-thumb:active {background-color: #98ca00;}