#hlavni {
width: 70%;
float:left;
background-color: seashell;
box-shadow: 2px 2px 2px 2px tan;
padding-left: 1em;
padding-top: 1em;
background-image: url(../obr/backpaper.jpg);
margin-left: 1em;
margin-top: 1em;
max-width: 55em;
border-radius: 9px;
}

#pravy {
float:left;
width: 20%;
left: 80%;
margin-top: 1em;
padding-left: 1em;
}

#nahore {
position: absolute; 20px top: 0px; left: 0px
}

.levysloupec {
width:33%; 
/*border-right: 2px; 
border-right-color: wheat;
border-right-style: solid;*/
font-size: 90%; 
float: left;
}

.prostrednisloupec {
margin: 0px 0px 10px 0px;
left: 10px;

}

A:link    {
	color: maroon;
}
A:visited {
	color: maroon;
}
A:hover   {
	text-decoration: underline;
	color: #000080;
}
A:active  {
	color: #000080;
}

body {
background-color: wheat;
background: url(../obr/pozaditext.jpg) ;
height: 100%;
font-size: 100%;
font-family: 'IBM Plex Sans', sans-serif;
}

.konecstranky {
    width: 72%;
    position: absolute;
    left: 3%;
}

.navigace {
	/* color: yellow;*/
	margin: 0px 3px 0px 0px;
    font-variant: small-caps;
	text-align: right; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
}

.nabidka {
    width: 80%;
    padding-top: 3px;
    /*border-top: maroon dotted */
}

.navtext {
	color: maroon;
	margin: 0px 3px 0px 0px;
	width: 80%;
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 2px Gray;
}

.datum {
    font-size: smaller;
	padding: 0px 0px 10px 0px;
    border-bottom: 1px solid wheat;
    width: 98%;
}

.datum2 {
font-size: smaller;
	padding: 0px 0px 10px 0px;
}

.Rukopis, .rukopis, .clanek { 
text-align: justify; 
font-weight: 300;
text-indent: 1em;
margin: 0em 1em 0em 0em;
}

.clanek2, .rukopis2 { 
text-align: justify; 
font-weight: 300;
margin: 0em 1em 0em 0em
}

.clanek4, .rukopis4 { 
font-weight: 300;
text-align: justify; 
margin: 0em 1em 0em 1em;
text-indent: -1em;
}

.clanek3, .rukopis3 { 
font-weight: 300;
text-align: justify;
margin: 0em 1em 0em 1em;
}

.titulek  {
	font-variant: small-caps;
    font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #FFF6D8;
	text-shadow: 2px 2px 4px #000000;
	background-color: #F5DEB3;
	margin-left:33%;
	width: 65%;
	padding: 5px 5px 5px 5px;
}

.titulek2  {
	font-variant: small-caps;
    font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #FFF6D8;
	text-shadow: 2px 2px 4px #000000;
	background-color: #F5DEB3;
	padding: 0px 10px 0px 0px;
    }

.titulek3  {
	font-variant: small-caps;
    font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	background-color: #F5DEB3;
    color: Maroon;
	text-shadow: 1px 1px 2px Gray;	
    }

.trisloupce {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	column-gap: 0px;	
    margin: 0em 1em 0em 0em;
}

.obr0  {
float:left;
box-shadow: 2px 2px #f6e2bb;
margin: 0px 10px 5px 0px;
border-style: none;
}

.obr1  {
float:left;
box-shadow: 2px 2px #f6e2bb;
margin: 0px 10px 5px 0px;
border-style: solid;
border-width: 1px;
}

.obr2  {
float:left;
margin: 0px 5px 5px 0px;
border-style: none;
}
/* staré styly, prověřit */

H1, H2   {
	font-variant: small-caps;
    font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: Maroon;
	text-shadow: 1px 1px 2px Gray;
	margin: 5px 5px 5px 5px;
}

H3
{
    font: bold 105% Arial, Helvetica, sans-serif;
}
H4 {
    margin: 1em 1em 0em 0em;
}

dl {
    font-weight: 300;    
}
.obsah1   {
	font-weight: 300;
	text-align: left;
	background-color: #F5DEB3;
	margin: 0em 1em 0em 0em;
    padding: 4px;
 }

.obsah2     {
    font-weight: 300;
    font-size: 95%;
	text-align: left;
	margin: 0em 1em 0em 0em;
	padding: 4px;
	border-top: 1px solid #F5DEB3;
	border-right: thin none silver;
	border-bottom: thin none silver;
	border-left: thin none silver;
}
.obsah22     {
	font-weight: 300;
    font-size: 95%;
	text-align: left;
	margin: 0em 0em 0em 0em;
	padding: 4px;
	border-top: 1px solid #F5DEB3;
	border-right: thin none silver;
	border-bottom: thin none silver;
	border-left: thin none silver;
}

.obsah2blue    {
	font-weight: 300;
    font-size: 95%;
      color: blue;
      text-align: left;
      margin: 0em 1em 0em 0em;
      padding: 4px;
      border-top: 1px solid silver;
      border-right: thin none silver;
      border-bottom: thin none silver;
      border-left: thin none silver;
    }    

.obsah2a     {
font-weight: 300;
    font-size: 95%;
	text-align: left;
	margin: 0em 1em 0em 0em;
	padding: 4px;
	border-right: thin none silver;
	border-right: thin none silver;
	border-bottom: thin none silver;
	border-left: thin none silver;
}

.obsah3    {
	font-weight: 300;
    font-size: 95%;
    text-align: left;
    margin: 0em 1em 0em 1em;
    border: thin none black;
    }

.ramecek {
	border-radius: 10px;
	border: 2px solid wheat;
	padding: 3px;
	margin: 0em 1em 0em 0em
}

.ramecek2 {
	font-weight: 300;
    font-size: 90%;
	font-size: small;
	color: gray;
}

.stred  {
    font-weight: 300;
    font-style: oblique;
    text-align: center;
    margin: 1em; 
    border: thin none black;
}

.odd    {
    font-size: 120%;
    color: dimgrey;
    text-align: center;
    margin: 1em; 
    border: thin none black;
}

table.ram {
	width: 100%;
	border-width: 1px; 
	border-style: solid; 
	border-color: Wheat;
    font-size: 90%;
}

table.ram2 {
	width: 98%;
	border-width: 2px;
	border-style: solid;
	border-color: #F5DEB3;
    font-size: 90%;
}
.ram {
	border-width: 2px; 
	border-style: solid; 
	border-color: Wheat;
	padding-left: 1%; 
	padding-right: 1%;
	width: 95%;
	padding-bottom: 5px;
    font-size: 90%;
}

.navigace a:hover {
	background-color: Maroon;
	text-decoration: underline;
	color: Yellow;
    font-size: 95%;
  
}

.navigace2 {
	margin: 0em 0em 0em 0em;
	text-align: right;
    font-size: 90%;
}
.navigace2 a:hover {
	background-color: #F5DEB3;
	text-decoration: underline;
}

.pauza { 
	margin: 0em 0em 0em 0em;
}

.podcarou { 
text-align: justify; 
margin: 0em 1em 0em 0em;
font-weight: 300;
}
.acc {
font-size: smaller;
color: gray;
}

.kapitola, .Kapitola {
	text-align: center;
	font-weight: bold;
}

.tabobsah td {
	vertical-align: top;
    margin: 0em 1em 0em 0em;
}
.zvyraznit {
color: green;
font-style: italic;
}

.hledani {
	width: 120px;
	margin: 0px 0px 5px 0px;
}

.pata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: gray;
    border-top: wheat 2px solid;
	padding: 8px 3px 3px 5px;
}

.spodnicara {
	border-bottom-color: Wheat;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	width: 95%;
}

@media screen and (max-width: 640px) {

#hlavni {
width: 90%;
position: relative;
}

#pravy {
width: 90%;
position: relative;
left: 1em;
top: 3em;
/*text-align: right;*/
}

img {
max-width: 100%;
height: auto;
}

iframe {
width: 90%;
}

.levysloupec {
width:90%; 
font-size: 90%; 
}

.prostrednisloupec {
left: 10px;
width:90%;
}

.titulek  {
	font-variant: small-caps;
	font-size: x-large;
	color: #FFF6D8;
	text-shadow: 2px 2px 4px #000000;
	background-color: #F5DEB3;
	padding: 5px 5px 5px 5px;
}

.trisloupce {
    column-count: auto;
	column-gap: 0px;
	column-width: auto;
	width: 95%;
}