/*CSS document*/

body {
 background-color:#FFF;
 background-image: linear-gradient(to bottom, #FFFFFF 0%, #EAEAEA 100%);
 color: #333;
 font-family:Calibri, Helvetica, sans-serif; 
 font-size:1.2em;
 margin: 0px;
}

@media screen and (min-width: 940px) { 
 #obsah {
  width: 900px;
  padding: 5px;

 } 
 #menu a:hover, .fixni-menu a:hover {
  border-bottom: 10px solid rgb(51,153,204); 
  
 }
}
#obsah {
 margin: auto;
 background-color: #FFF;
}

#hlavicka {
 margin: auto;
 text-align: center;
 background: #222222;
 /*background-image: linear-gradient(to top, #FFFFFF 0%, #EAEAEA 100%);*/
}

#hlavicka img {
 max-width: 100%;
 height: auto;
}

#menu, .fixni-menu {
 display: block;
 background: rgb(29,29,29);
 background: rgba(29,29,29,0.75);
 margin-top: 60px;
}

#menu, #podmenu, .fixni-menu {
  /*background: darkgreen;*/
 /*background: #FFF;*/
 /*border: 8px solid lime;*/
 color: #fff;
 text-align: center;
 padding-top: 6px;
 padding-bottom: 6px;
 margin-bottom: 6px;
 /*border-bottom: 10px solid darkgreen;    */
 border-bottom: 10px solid rgba(184,134,11,0.90);;
}

#menu a, #podmenu a, .fixni-menu a {
 /*color: #fff;*/
 color: rgb(51,153,204);
 /*color: rgb(153,0,51);*/
 text-decoration: none;
 padding-right: 7px;
 padding-left: 7px;
 padding-top: 6px;
 padding-bottom: 6px;
 margin: 10px;
 font-weight: bold;
 /*background: rgb(51,153,204);*/
}

#menu a:hover, #podmenu a:hover, .fixni-menu a:hover {
 /*color: #E0E0E0;*/
 /*color: darkgreen;*/
 color: rgba(184,134,11,0.90);
}

#menu a:hover, .fixni-menu a:hover {
 /*background-color: rgb(51,153,204);*/
 background-color: rgb(153,0,51);
}

#obsah h1 {
 text-align: center;
 font-size: 1.8em;  
 color:#666; 
 letter-spacing: 5px;
}

#obsah h2 {
 font-size: 1.3em;  
 color:#666; 
 letter-spacing: 3px;
}

#obsah a {
 /*color: rgb(51,153,204);*/
 color: rgb(153,0,51);
 text-decoration: none;
 font-weight: bold;
}

#obsah a:hover {
 /*color: darkgreen;*/
 color: rgba(184,134,11,0.90);
}

#obsah table {
 border-collapse: collapse;
}

#obsah th,#obsah  td {
 border: 1px solid #666;
}

#obsah th {
 background: rgb(150,255,150);
}

#obsah tr:nth-of-type(odd) {
 background: rgb(234,255,234);
}

@media screen and (min-width: 480px) { 
 #obsah h1:before {
  content: "»";
  margin-right: 6px;
 }

 #obsah h1:after {
  content: "«";
  margin-left: 6px;
 }
 
 #obsah th,#obsah  td {
  padding: 3px;
 }
 
 #obsah h2:before {
  content: "→";
  margin-right: 6px;
 }
 
}

.fotka {
 width: 106px;
 text-align: center;
 float: left;
 margin-right: 3px;
 margin-top: 3px;
 padding-top: 7px;
 /*height: 110px;  Z důvodu nekompatibility tohoto řádku s highslide je výška uvedena o něco níže...   */
 overflow: auto;
}

.highslide .fotka {
 height: 110px;
}
                          

.fotka img {
 border: 1px solid black;
} 

#paticka {
 text-align: center;
 font-weight: bold;
 font-size: 0.9em;
 color: #F0F0F0;
 background: #3399CC;
 padding-top: 5px;
 padding-bottom: 5px;
 margin-top: 15px;
}

#paticka a {
 color: #99CC33;
 text-decoration: none;
}

#paticka a:hover {
 color: #F0F0F0;
 text-decoration: underline;
}

/* specialitky */

#podmenu {
 border-bottom: 4px solid #003399;
}

#aktualitka {
 /*border-bottom: 4px solid #003399;*/
 color: midnightblue;
 border-top: 1px solid rgb(184,134,11);
 background: url(pruhledna.png) repeat;
 padding-left: 5px;
 margin-top: -6px;
 margin-bottom: 6px;
 /*background-image: url(hlavicka.jpg) repeat;*/
 
}

#aktualitka a {
 font-weight: normal;
 font-size: small;
 padding-left: 10px;
 color: midnightblue;
}

#oznaceni {
 font-size:100%;
 font-weight: bold;
 position: relative;
 bottom: 40px;
 margin: auto;
 padding:10px;
 margin-bottom: -30px;
 width: 200px;
}

@media screen and (min-width: 940px) { 
#autor {
 text-align: left;
 float:left;
 width: 400px;
 padding-left: 15px;
}

#validita a {
 font-weight: normal;
 color: lightgray;
}

#aktualizace {
 text-align: right;
 float:right;
 width: 400px;
 padding-right: 15px;
}
}

#validita {
 text-align: center;
 color: lightgray;
 font-size: small;
 font-style: italic;
}

.soubor {
 width: 160px;
 text-align: center;
 float: left;
 margin-right: 4px;
 height: 160px;
 overflow: auto;
 padding-top: 5px;
}

.soubor img {
 width: 75px;
}

#obsah a:hover div { /*Zvýraznění rámečku nad souborem ke stažení*/
 background-color: #FFF5E9;
}

#nadpis_prispevek {
 display: inline;
 margin-right: 20px;
 font-size: xx-large;
 font-weight: normal;
 color: rgb(16,160,255);
}

#prispevek {
 /*border-top: 1px solid gray;*/
 margin-top: 35px;
 /*border-left: 1px solid gray;*/
 /*border-right: 1px solid gray;*/
 padding: 3px;
 clear: both;
}

#datum_prispevek {
 color: gray;
}

#zahlavi_prispevek {
 border-bottom: 1px solid gainsboro;
 
} 

/* #hlavicka h1 {
 color: white;
 font-size: large;
 position: relative;
 left: 100px;
 top: 13px;
 width: 500px;
} */

/* Hlavička */
     
.header-cover { overflow-y: hidden; }

header {
  padding-top: 60px;
	background: no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

.header-inner { position: relative; z-index: 2; text-align: center; }

.web-info {
	display: inline-block;
	padding: 30px;
	/* background: #1d1d1d; */
  /*background-color: darkgreen;*/
  background-color: rgba(184,134,11,0.90);
}

header h1 { 
	width: 100%; 
	text-align: center; 
}

header h1 a {
	color: #FFF;
	/* text-transform: uppercase; */
  text-decoration: none;
	letter-spacing: 4px;
	font-weight: 700;
	font-size: 1em;
}

header h1 a:hover {
 /*color: rgb(51,153,204);*/
 color: rgb(153,0,51);
}

header h3:before {
	content: "";
	display: block;
	width: 100px;
	height: 2px;
	background: rgba(255,255,255,0.1);
	margin: 20px auto;
}

header h3 {
	text-align: center;
	color: rgba(255,255,255,0.4);
	font-weight: 300;
}     

/* Přechody */

body a {
	-webkit-transition: all 0.1s ease-in-out;
	 -moz-transition: all 0.1s ease-in-out;
	 -ms-transition: all 0.1s ease-in-out;
	 -o-transition: all 0.1s ease-in-out;
	 transition: all 0.1s ease-in-out;
}

.fixni-menu {
  position: fixed; 
  left: 0; 
  top: 0;  
  width: 100%;
  /*background: #8ECCF0;*/ 
  text-align: center; 
  /*z-index: 1;*/
  /*background-image: url(hlavicka.jpg);*/
  background: rgba(29,29,29,0.75);
  margin-top: 0px;
}    

