*{margin: 0px; padding: 0px; }

@font-face {
 font-family: 'Roboto';
src: url('font/Roboto-Light.ttf');
src: url('font/Roboto-Light.ttf') format('truetype'),
url('font/Roboto-Light.ttf') format('truetype');
font-weight:normal; font-style: normal;
}

body	{ font-family: Roboto, Calibri, helvetica, sans-serif; 
	background:url(img/pozadi.jpg) #ffffff no-repeat fixed; background-size: 100% 100%;
	border:none; }

#cover	{  width:100%; min-width:300px; height:auto; min-height:100px; border:none;
	background-color:rgba(255,255,255,0.9); box-shadow:#374a24 0px 20px 20px; 
	margin:0px auto 50px; padding:50px 0px; }


/* NAVIGACE */
#navig_mobil { display:none; }
#navig_desktop { }



/* Textové elementy */
.headtitle	{ color:#ffffff; font-size:50pt; text-align:center; font-weight:normal; letter-spacing:3.0pt;
	margin:50px 0px 30px; text-shadow: 0 0 10px #00538d; }
.sticky	{ position:sticky; top:0px; width:100%; background-color:#ffffff; color:#f9ba00; 
	text-align:center; letter-spacing:2.0pt; padding:20px 0px 20px;
	box-shadow: #7f7e7c 0px 5px 8px;  }

h1	{ text-align:center; color:#0a7a6c; letter-spacing:1.2pt; padding:20px 10px 10px; }
h2	{ color:#0a7a6c; letter-spacing:1.2pt; padding:10px 0px; }
h3	{ color:#0a7a6c; letter-spacing:1.2pt; padding-top:10px; }
h4	{ font-size:14pt; padding:10px 0px 5px; }
p	{ font-size:15pt; padding:20px 15px ; margin-bottom:20px; line-height:1.5; }
.perex	{ color:#877453; font-weight:bold; line-height:1.5; font-size:15pt;
	background-color:#ffecc1; padding:30px 20px ; margin-bottom:0px; }
.red	{ font-weight:bold; color:#c13033; }
.orange { color:#f29400; font-weight:bold; }
.green	{ color:#74b33f; font-weight:bold; }

/* Odkazy */
a.link	{ text-decoration:none; color:#b47a15; }
a.link:hover { color:#c13033; }

/* Odkazové tlačítko */
a.button	{ display:block; width:150px; height:auto; border:2px solid #01632f; border-radius:20px;
	text-decoration:none; text-align:center; color:#01632f; font-size:13pt; letter-spacing:1.2pt;
	padding:10px 10px; margin:5px 0px 30px; }
a.button:hover { background-color:#f0d168; font-weight:bold; }


/* Obrázky */
img { width:100%; }
#label	{ width:auto; heihtt:auto; min-height:50px; border:none;
	background-color:#e6d9be;   }
#label p	{ width:70%; font-size:12pt; font-style:italic; }
#label p.autor { width:15%; font-size:10pt; float:right; font-style:normal; }

/* Obrazové bloky (dvojobrázky) - vnější okraje obládá padding obalu */
#dva_img { width:auto; height:auto; border:none; padding:0px 3.5%; }

#dva_img img { width:48%; height:auto; border:none; 
	margin: 0px 1%; float:left; }
p.endfloat { clear:both; margin:0px; padding:0px; }


/* Výpis panelů na tematické články */
#art_panel { width:100%; height:auto; border-top:3px solid #e6d9be;
	background-color:#ffffff; margin-bottom:0px ; padding:0px; }
#art_panel a { text-decoration:none; color:#000000; }
#art_panel_obsah { width:auto; height:auto; padding:20px; }
#art_panel_obsah:hover { background-color:#fff7d0; }
#art_panel_obsah h2 { color:#00622b; text-align:left; letter-spacing:0.9pt; }
#art_panel_obsah p { width:95%; font-size:14pt; line-height:1.2;
	padding:0px; margin-bottom:10px; }
#art_panel_obsah img { width:100%; height:auto; margin-bottom:15px; }
p.autor { margin-bottom:7px; color:#c13033; }
p.cistdal { text-align:right; margin-top:5px; color:#c13033; }
hr.endfloat { clear:both; visibility:hidden; }




/* Footer */
#footer	{ width:100%; height:auto; border:none;
	 text-align:center; padding: 20px 0px ; clear:both; }
#footer img { margin:20px 0px; }
#footer a	{ color:#9c9e9f; text-decoration:none; }
#footer a:hover { color:#c13033; }

/* Dolní navigace */
#navig_bottom {  width:auto; max-width:940px; min-width:300px; height:40px; border-top:3px solid #e3000f;
	background-color:#0a7a6c; margin:0px auto 30px; padding:0px; }

#navig_bottom a { display:block; width:25%; height:30px; border:none; outline:none;
	text-decoration:none; text-align:center; color:#ffffff; padding-top:12px; float:left; }
#navig_bottom a:hover { text-decoration:underline; }