/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */

body {font-size:70%;color:#504f4b;background:#fff;font-family:Verdana,"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#0193e5;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#eaeaea;}
tfoot {font-style:italic;}
caption {background:#eee;}
.quiet, #footer-copyright .quiet a {color:#666;}

hr {background:#aaa; color:#aaa;clear:both;float:none;width:90%;height:.1em;margin:10px 0; margin-bottom: 1em; =margin-bottom: 0.55em;border:none;}

#homepage_back hr {background:#fff; color:#fff;clear:both;float:none;width:100%;height:.1em;margin:0 0; margin-bottom: 1em; =margin-bottom: 0.35em;border:none;}
#homepage_back hr.space {background:#fff;color:#fff;}

/* clearfix */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* layout stranky */

.l {float: left;}
.r {float: right;}

body {
	text-align: center;
	min-height: 760px;
	_height: 760px;
}

body * {
	text-align: left;
}

#container {
	width: 981px; /* 1005 - 24 px */
	margin-left: auto;
	margin-right: auto;
	padding: 0 12px 0 12px;
	background: top left repeat-y url(../img/back.gif);
}

#page_back, #homepage_back {
	position: relative;
	width: 980px;
	background: top left no-repeat;
}

#homepage_block {
	position: absolute;
	top: 158px;
	left: -30px;
	width: 30px;
	height: 182px;
	background-image: url(../img/homepage-back-block.png);

}

#page_back {
	height: 246px;
	background: url(../img/page-back.jpg);
}

#homepage_back {
	height: 429px;
	background: url(../img/homepage-back.jpg);
	color: white;
}

h1 {
	position: absolute;
	top: 20px;
	left: 20px;
}

h2 {
	position: absolute;
	top: 215px;
	left: 40px;
	line-height: 30px;
	font-weight: bold;
	color: white;
	font-size: 110%;
}

h3 {
	margin-bottom: 10px;
}

ul li {
	list-style-image: url(../img/li.gif);
}

#homepage_content {
	position: absolute;
	margin-top: 32px;
	margin-left: 25px;
	width: 360px;
}

#homepage_content h3, #homepage_content a {
	color: white;
}

#homepage_content h3 {
	font-size: 200%;
}

#logo {
	display: block;
	width: 250px;
	height: 42px;
	background: top left no-repeat url(../img/logo.gif);

	/* Phark Revisited Image Replacement */
	text-indent: -5000px;
	overflow: hidden;
}

#motto {
	position: absolute;
	top: 10px;
	right: 250px;
	width: 270px;
	font-size: 90%;
}

#nav {
	padding-top: 90px;
	display: block;
}

#nav li {
	line-height: 50px;
	float: left;
	list-style: none;
	border-right: 1px solid white;
	text-align: center;

	_width: 80px;
    overflow-x: visible;
}

#nav li div {
	display: block;
	padding: 0;

	line-height: 37px;
	height: 37px;


}

#nav li div span {
	display: block;
	padding: 0;
    padding-right: 15px;
    padding-left: 15px;
}

#nav li.active div {
	background-repeat: no-repeat;
	background: right url(../img/menu-r.gif);
	padding-right: 5px;
	z-index: 100;

}

#nav li.active div span {
    background-repeat: no-repeat;
    background: left url(../img/menu-l.gif);
}

#nav li a, #footer .quiet a {
	text-decoration: none;
}

#nav li a, #footer-cinnosti {
	color: white;
}

#nav li.active, #nav li.last, #nav li.next-active {
	border-right: 0;
}

#content {
	margin: 28px 24px 32px 32px;
	min-height: 122px;
	_height: 122px;

	background: bottom right no-repeat url(../img/logo-content-back.gif);
}

#content div {
	margin: 0;
	padding: 0;
}

#footer {
	padding-bottom: 25px;
}

#footer-copyright {
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	color: black;
}

#footer-cinnosti {
    padding-top: 5px;
	padding-left: 10px;
	font-size: 135%;
	text-align: center;
	font-weight: bold;
	background: repeat-x top left url(../img/footer-cinnosti.gif);
	width: 970px;
	_width: 980px;
}

#footer-cinnosti div {
	float: left;
	width: 230px;
	text-align: center;
}

#footer-copyright .quiet {
	font-size: 80%;
}

.half, .quarter, .box {
	float: left;
}

.half {
    width: 425px;
	_width: 450px;
	padding-top: 10px !important;
	padding-left: 15px !important;
	padding-right: 10px;
}


.box {
	width: 150px;
	height: 150px;
}

.box a img {
	border: 1px dotted #aaa;
	padding: 4px;
}

.colborder {
	border-right: 1px solid #0193e5;
}

.topborder {
	border-top: 1px solid #0193e5;
}