/*uvod*/
.dulez { border: 1px solid red; background-color: #dedede; margin: 0 2rem 2rem 2rem; padding: 1rem; }
.schov { display: none; }
.dulez p { margin: 0.5rem; }
.info {  display: grid;  grid-template-columns: 50% 50%;  border-top: 1px solid #666; padding: 1rem; }
.info > div {  }  
.levy { padding-right: 1rem; }
.pravy  { padding-left: 1rem; }
.prispevek { border-bottom: 1px dotted #999;  padding: 1rem 0;  display: grid;  grid-template-columns: 160px 1fr;}
.prispevek p { margin: 0; padding-left: 1rem; }
p.foto, p.obdobi { margin-bottom: 0;  color: var(--tmava); font-weight: bold; font-style: italic; text-shadow: 1px 1px 1px var(--svetla); padding: 0; }
.inline { display: inline; }
.vlozeni  { display: grid; margin:0; padding:0;  grid-template-columns:75px auto;}
div > p { margin:0; padding-bottom: 0.5rem; } 
.datum { text-align: right;}

@media screen and (max-width: 976px) { 
.prispevek { grid-template-columns: 80px 1fr; }
.prispevek img { width: 100%; height: auto;  }
}
@media screen and (max-width: 800px) { 
.info {grid-template-columns: 1fr;}
}
@media screen and (max-width: 480px) {
	.prispevek > img { display: none;} 
	.prispevek { display: block; }
	.prispevek p { padding-left: 3px; }
	.pravy { padding-left: 0; }
	.dulez { border: 1px solid red; background-color: #dedede; margin: 0 0 1rem 0; padding: 1rem; }
}