#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: 105%;
}

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

}

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

.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 { 
font-family: 'Lora', serif;
text-align: justify; 
text-indent: 1em;
margin: 0em 1em 0em 0em;
}

.clanek2, .rukopis2 { 
font-family: 'Lora', serif;
text-align: justify; 
margin: 0em 1em 0em 0em
}

.clanek3, .rukopis3 { 
font-family: 'Lora', serif;
text-align: justify; 
margin: 0em 1em 0em 1em;
text-indent: -1em;
}

.clanek4, .rukopis4 { 
font-family: 'Lora', serif;
text-align: justify;
margin: 0em 1em 0em 1em;
}

.titulek  {
	font-variant: small-caps;
	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-size: x-large;
	color: #FFF6D8;
	text-shadow: 2px 2px 4px #000000;
	background-color: #F5DEB3;
	padding: 0px 10px 0px 0px;
}

.konec
{
	font-family: serif;
	text-align: center;
	font-variant: small-caps;
}

.trisloupce {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	column-gap: 0px;
	width: 95%;
}

.odd {
	
}

.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-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: margin: 1em 1em 0em 0em;
}


.obsah1
    {
	font: bold 100% Helvetica, sans-serif;
	text-align: left;
	background-color: #F5DEB3;
	margin: 0em 1em 0em 0em;
	padding: 4px;
}

.obsah1b
    {
	font-size: 100%;
  font-family: Helvetica, sans-serif;
	text-align: left;
	background-color: #F5DEB3;
	margin: 0em 1em 0em 0em;
	padding: 4px;
}

.obsah1a
    {
 	font: bold 100% Helvetica, sans-serif;
      text-align: left;
      background-color: #E7E7E7;
      margin: 0em 1em 0em 0em;
      padding: 4px;
      
    }
.obsah2
    {
	font: 95% Helvetica, sans-serif;
	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: 95% Helvetica, sans-serif;
	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: 95% Helvetica, sans-serif;
      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: 95% Helvetica, sans-serif;
	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;
}

.obsah2b
    {

	font: 95% Helvetica, sans-serif;
	text-align: left;
	margin: 0em 1em 0em 0em;
	padding: 4px;
	border-top: thin none silver;
	border-right: thin none silver;
	border-bottom: thin none silver;
	border-left: thin none silver;
	}
	
.obsah3
    {
	font: 95% Helvetica, sans-serif;
      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-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: gray;
}

.stred 
{
font-family: Arial, Helvetica, sans-serif;
font-style: oblique;
text-align: center;
margin: 1em; 
border: thin none black;
}

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

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


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

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

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

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

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

.tabobsah td {
	vertical-align: top;
}
.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%;

}

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


.film {
width: 98%;
}

@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%;
}
.odd {
display: none;	
}
}