body { margin: 0; padding: 0; background-color: #fff; color: #000; font-family: Arial, 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 16px; }
img { border: none; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { margin: 8px 0 4px 0; font-size: 16px; }
h4 {  }
a { color: #0193cc; }
ul { margin-top: 5px; padding-left: 24px; }
li { margin: 5px 0; }

#page { position: relative; width: 1024px; margin: auto; }

#head { height: 130px; overflow: hidden; color: #666;position: relative; width: 1024px; margin: auto;  }
.head-popis { width: 250px; margin-top: 20px; float: left; margin-left: 255px; font-size: 13px; height: 90px; position: relative; }
.head-popis p { position: absolute; bottom: 0; margin: 0; }
.head-adresa { width: 120px; margin-top: 20px; float: left; margin-left: 130px; font-size: 13px; height: 90px; position: relative;  }
.head-adresa p { position: absolute; bottom: 0; margin: 0; }
.head-kontakt { width: 200px; margin-top: 20px; float: right; margin-right: 45px; font-size: 13px; height: 90px; position: relative; }
.head-kontakt p { position: absolute; bottom: 0; margin: 0; }

#logo { position: absolute; top: 22px; left: 45px; }

#menu { height: 38px; min-width: 1024px; background-color: #0193cc; }
#menu div { width: 1024px; margin: auto; } 
#menu ul { margin: 0; margin-left: 50px; padding:0; list-style: none; }
#menu ul li { margin: 0; float:left; list-style: none; }
#menu a { display: block; height: 38px; padding: 0 11px; margin-left: 3px; font-size: 14px; text-decoration: none; color: #fff; font-weight: bold; line-height: 38px; }
#menu a.active { color: #333; }
#menu a:hover { color: #333; }

#content { padding: 0 45px; overflow: hidden; color: #666; }

#foot { clear: both; }
#foot a {  }

.sectionarticles { overflow: hidden; margin: 64px 0; }
.sectionarticles a {  color: #666; }
.sectionarticles h2 {  font-size: 16px; margin: 0px; }
.sectionarticles img { float: left; margin-right: 30px; }
.sectionarticles p { margin: 12px 0; }
.more { font-size: 12px; text-decoration: none; }
.date { margin-bottom: 2px; font-size: 12px; }
.article {float: left; width: 724px; }

.floatLeft { float: left; margin-right: 20px; }
.floatRight { float: right; margin-left: 20px; }
.clearBoth { clear: both; overflow: hidden; }
.displayNone { display: none; }

.subsection {background-color: #0193cc; height: 30px; width: 400px;}
.subsectionred {background-color: #f33; height: 30px; width: 400px;}
.subsectionred a, .subsection a {color: #fff; text-decoration: none; line-height: 30px; padding-left: 11px; display: block; font-size: 15px; }
.subsectionred a:hover, .subsection a:hover {color: #333; text-decoration: none; line-height: 30px; padding-left: 11px; display: block; font-size: 15px; }


.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
	margin-top: 15px;
    margin-bottom: 15px;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

#aktuality-na-titulce {
	width: 25%; float: right; font-size: 12px; margin-top: 22px; background-color: #a1d3ff;
	border: 2px solid #0193cc;
}

#aktuality-na-titulce hr {
	border-top: 1px solid #0193cc; margin-top: 16px; 
}

#aktuality-na-titulce p {
	font-weight: bold;
	font-size: 13px;
	border: solid #0193cc;
	border-width: 0px 0 1px 0;
	color: #0193cc;
	margin-bottom: 7px;
	margin-top: 26px;
	padding: 0 0 5px 0;
}

.panel-polozka {
	background: #0193cc; 
	font-size: 16px; 
	margin-top: 22px; 
	font-weight: bold; 
	text-align: center; 
	padding: 5px;
}

.panel-polozka a {
	color: #fff; text-decoration: none; display: block;
}

.panel-polozka a:hover {
	color: #000; text-decoration: none; display: block;
}


#footer {

	background: #eee;
	margin: 24px 0;
	padding: 17px;
	text-align: center;
	color: #555;
	font-size: 14px;
}