/*  
V dokumente su hlavne farby -
 	#F2ECD3 - bledá krémová
	#1E76BF - svetlo-modrá - z loga CZO
	color: 	#699 - tyrkysovo-šedá (horný pás)
	color: 	#008 - tmavomodrá (texty, pás menu)
	color: 	#F00 - červená (a:hover)
*/
 


* {  margin: 0px; padding: 0px; }

body {
  font-family: 'Open Sans', sans-serif; 
  margin: 0px;
  padding: 0px;
  font-size: 0.917em;
  background-color: #FFF;
  color: #000000; }

p	{font-size: 1.0em; color: #000; margin: 5px 0px; text-align: justify;}
strong	{font-size: 1.0em; color: #209; margin: 5px 0px; }
h1	{font-size: 1.4em; color: #F00; margin: 30px auto; padding: 0; text-align: center; text-transform: uppercase; }
h2	{font-size: 1.2em; color: #C00; margin: 10px auto; text-align: center;}
h3	{font-size: 1.0em; color: #C00; margin: 10px auto; text-align: center;}

a	{font-weight: bold; text-decoration: none; background-color: transparent; font-size: 1.0em; color: #008;}
a:hover	{color: #F00;}



#top_strap
	{width: 100%; min-height: 50px; height: auto; background-color: #1E76BF; text-align: center; }

#top_strap_nazov
	{display: block; margin: 12px; background-color: transparent; text-align: left; float: left; }
#top_strap_kontakty
	{display: block; margin: 12px; background-color: transparent; text-align: right; float: right;}
#top_strap h1
	{ text-transform: none; margin: 0px; padding: 0px;
	font-size: 1.0em; color: #FFF; border: none;}
#top_strap p
	{ text-transform: none; margin: 0px; padding: 0px;
	font-size: 1.0em; color: #FFF; border: none;}

#top_strap a  { color: #FFF;}
#top_strap a:hover  { color: #006;}



div .clear_float { display: block; clear: both; width: 100%; padding: 0px; margin: 0px;}

div#logo {width: 270px; margin: 5px auto; background-color: transparent; }

#main_menu
	{width: 100%; margin: 4px auto; min-height: 50px; height: auto; background-color: #333; text-align: center; }


div#page {width: 100%; max-width: 1240px; min-height: 500px; margin: 20px auto 20px auto; background-color: transparent; }


#main_panel
	{display: block; width: 100%; min-height: 300px; margin: 0px; background-color: transparent; text-align: left; float: left; }

#login_form
	{display: block; width: 380px; margin: 0px auto; background-color: transparent; }


table {width: 100%; margin: 0px auto; border: 0px; border-collapse: separate; }
th {background-color: #4CAF50; color: white;; text-align: left; padding: 5px 10px;}
td {border-bottom: 1px dotted #999; text-align: left; font-size: 1.0em; margin: 0px; padding: 5px 10px 5px 10px; color: #000;}
td.spodny {border-bottom: 5px solid #008;}

th.certifikat {background-color: #BDE6E6; color: black;; text-align: left; padding: 5px 15px;}


div#footer
	{display: block; width: 100%; height: auto; padding: 5px 10px; background-color: #039; text-align: center; }

#footer  a	
	{display: inline-block; text-decoration: none; margin: 5px; padding: 5px; background-color: transparent; font-size: 1.2em; color: #FFF7B2;}

#footer a:hover	
	{text-decoration: underline;}

#footer p	
	{padding: 0px; font-size: 0.833em; color: #FFF7B2; vertical-align: bottom; text-align: center;}