/**/
.titulka_box
{
	border:0px solid red;
	float:left;
	min-height: 400px;
    margin-right: 1%;
    background-color: #fff;
}

.titulka_box .stretchy-wrapper
{
	width:100%;
	position:relative;
	overflow:hidden;
	padding-bottom:56.25%;
	background-color:  #f0f0f0;
}

.titulka_box .stretchy-wrapper >img
{
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	width:100%;
}

.titulka_box a
{
	color:black;
}


/* Other aspect ratios to try:
 * 56.25% = 16:9
 * 75% = 4:3
 * 66.66% = 3:2
 * 62.5% = 8:5
 */

.titulka_box .obsah
{
	text-align:center;
	width:100%;
	line-height:200%;
}

.titulka_box h1
{
    text-align:center;
    color: #333;
   font-size:28px;
 
}

/*VYPIS CLANKU*/
.clanek_seznam
{
	overflow: hidden;
}
.clanek_seznam .datum
{
	position:relative;   
	font-weight:normal; 
	padding :2px;
	TOP:-5PX;   
	font-family: 'Work Sans';
	font-size:16px; 
	color:white; 
	background-color:#816911;
}
.clanek_seznam .nadpis
{
	padding-bottom:10px;
}
.clanek_seznam .titulek
{
	font-family: 'Noto Serif', serif;
	font-weight:bold;
	color:#222;
	font-size:30px;
	line-height: 1.25;
}
.clanek_seznam .obrazek
{ 
	padding-right: 20px;
	float: left; 
}
/*CLANEK*/
.autor
{
	color:#666;
	font-style:italic;
}

h1 {
	color:#222;
    font-size:40px;
    line-height:1.2em;
	padding-top:10px;
	font-weight:bold;
	margin:0px;
	font-family: 'Noto Serif', serif;
	text-align: left;
}

h2 {
	color:#684c34;
    font-size:2em;
    line-height:1.2em;
	padding-top:5px;
	font-weight:100;
	margin:0px;
	font-family: 'Noto Serif', serif;
}

/* Title */
h3 
{
	color:#684c34;
    font-weight:300;
    font-size:1.2em;
	letter-spacing:2px;
	text-transform:uppercase;
	margin:0 !important;
	padding-bottom:13px;
	font-family: 'Noto Serif', serif;
}


h3, h3 a {
    line-height:1.2em;
	padding-top:10px;
	font-weight:100;
	margin:0px;
	color:black;
 
}

h3 a:hover {
 
    text-decoration:none;
}