/* === Style reset ================================================================================================== */
* {margin: 0; padding: 0;}
body, div, span, p, img, ul, ol, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, blockquote {border: 0;}

/* === Layout ======================================================================================================= */
.main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* Hlavička */
#header {
	padding: 30px 0;
	overflow: hidden;
}
	#logo {margin: 0; margin-bottom: 3px;}
	#slogan {margin: 0;}

/* Horizontální navigace */
#nav {clear: both;}

/* Tělo stránky */
#cols .main {
	padding-bottom: 15px;
}
	/* Obsah */
	#content {
		float: left;
		width: 700px;
	}
	#content-in {padding-left: 15px;}

	/* Pravé menu */
	#aside {
		float: right; overflow: hidden;
		width: 244px;
		padding-right: 1px;
	}

/* Patička */
#footer {
	clear: both;
	padding: 15px 0;
}

/* === Hlavička ===================================================================================================== */
#header {background-color: #1F1F1F;}
	#logo {
		border-bottom: 1px solid #464646;
		font: normal 260%/1.2 Arial, sans-serif; letter-spacing: -1px; color: #FFF;
	}
	#logo span {color: #BFE024; font-weight: bold;}
	#logo a {color: #FFF; text-decoration: none;}
	#slogan {color: #B0B0B0;}

/* === Horizontální navigace ======================================================================================== */
#nav {background: #8FC40A url("../design/nav.gif") 0 0 repeat-x;}
	#nav ul {list-style-type: none; margin: 0;}
	#nav li {display: inline;}
		#nav li a {
			display: block; float:left;
			padding: 10px 20px; border-left:1px solid #B2F30E;
			text-decoration: underline; font-weight: bold; color:#486406;
		}
		#nav li a:hover {background-color: #BFE024; color: #000;}
		#nav li#nav-active a {font-weight: bold; text-decoration: none; background-color: #6B9408; color: #FFF;}
		#nav li:last-child a {border-right: 1px solid #B2F30E;}

/* === Tělo stránky ================================================================================================= */
#cols .main {background: #FFF url("../design/aside.gif") 100% 0 repeat-y;}

	/* === Pravé menu =============================================================================================== */
	#aside h3 {
		margin: 15px 0 10px 0; padding-right: 15px;
		background: url("../design/arrow.gif") 100% 50% no-repeat;
		font: bold 100%/1.5 Arial, sans-serif; color: #7DAC09;
	}
	#aside ul {
		margin: 5px 0 15px 0; padding: 0;
		list-style-type: none;
	}
	#aside ul li {margin: 0; padding: 4px 10px 4px 0; border-bottom: 1px solid #CEE780;}
	
	/* === Obsah ==================================================================================================== */
		
		/* Nadpisy */
		#content h1, #content h2, #content h3 {
			position: relative;
			margin: 15px 0 10px 0; border-bottom: 1px solid #CEE780;
			color: #8FC40A; font-family: Arial, sans-serif;
			letter-spacing: -1px;
		}
		
		#content h1 {font-size: 160%;}
		#content h2 {font-size: 140%;}
		#content h3, #content h4 {font-size: 120%; letter-spacing: 0; border-bottom: none; margin-bottom: 3px;}
		#content h3 + p, #content h4 + p {margin-top: 0;}

		#content h1 div.links, #content h2 div.links, #content h3 div.links {
			position: absolute; top: 5px; right: 0px;
			font-size: 12px; font-weight: normal; letter-spacing: normal;
		}
		#content h1 div.links a, #content h2 div.links a, #content h3 div.links a {text-decoration: none;}
				
		/* Odstavce */
		#content p {
			margin: 15px 0;
			text-align: left; font: 1em/1.5 Arial, sans-serif;
		}

		/* Odkazy */
		a {color: #25A8C4;}
		a:hover {color: #1F1F1F;}
		
		/* Tabulky */
		table {border-collapse: collapse; border-spacing: 0;}
		td, th {padding: 3px 7px;}
		th {text-align: center; font-weight: bold; vertical-align: top;}
		form th {text-align: left; font-weight: normal;}

		table.table-style01 {width: 100%;}
		table.table-style01 th {background:#25A8C4; color:#FFF;}
		table.table-style01 th, table.table-style01 td {border:1px solid #7FD5E7;}
		table.table-style01 tr.bg td {background:#D4F1F7;}

		/* Seznamy */
		#content ul, #content ol {margin: 10px 0 10px 30px;}
		#content ul ul, #content ol ol {margin: 0; margin-left: 20px;}
		#content p + ul, #content p + ol {margin-top: -7px;}
		#content li {display: list-item;}
		
		#content ol {list-style-type: decimal;}
		
		/*#content ul {list-style-type: none;}
		#content ul li {padding-left: 12px; background: url("../design/ul-style01.gif") 0 50% no-repeat;}*/
		
		/* Formuláře */
		form fieldset {
			position: relative;
			padding: 10px; border: 1px solid #CEE780;
			background-color: #FAFAFA;
		}
		form legend {
			margin: 0; padding: 5px 10px;
			font-size: 120%; font-weight: bold;	color: #25A8C4;
		}
		form label {margin-bottom: 2px;}
		form label.required {font-weight: bold;}
		form input, form textarea {padding: 2px;}
		form input[type=checkbox] {
			margin: 0px 3px 1px 3px;
			vertical-align: text-bottom;
		}
		form ul.error {margin-bottom: 0px;}

		/* Citace */
		#content blockquote {
			margin: 15px; margin-left: 20px; padding: 10px; border: 1px solid #8FC40A;
			font-style: italic;
			background-color: #EEFCC9;
		}
		#content blockquote p {margin: 0; font-style: inherit; margin-bottom: 5px;}
		#content blockquote p.source {text-align: right;	font-style: normal;}

		/* <pre>, <code> */
		pre, code {font: normal 12px/1.5 Consolas, 'Lucida Console', 'Monaco CE', fixed, monospace;}
		pre {
			display: block; overflow: auto; 
			margin: 15px 0; padding: 10px; border: 1px dashed silver;
			text-align: left; color: black;	background: #FFF;
		}

		/* <hr> */
		hr {
			border: none;
			border-top: 1px solid #CEE780;
			height: 0;
		}

		/* Komentáře */
		div.comment {margin: 10px 0px; padding: 10px; border: 2px solid #7DAA09;}
		div.comment div.title {
			border-bottom: 1px solid #D0D0D0;
			font-weight: bold;
			font-size: 120%;
		}
		div.comment div.title a.permaLink {text-decoration: none; color: #808080;font-weight: normal; }
		div.comment div.content a.commentLink {
			text-decoration: none;
			padding-left: 10px;
			background: url("../design/up-arrow.png") 0% 55% no-repeat;
		}
		
		div.comment div.content a.commentLink:hover {background-image: url("../design/up-arrow2.png");}


		table, dl, fieldset {margin:15px 0;}
		
/* === Patička ====================================================================================================== */
#footer {background: #4F4F4F; color: #BFBFBF;}
#footer p {margin: 0;}
#footer a {color: #BFBFBF;}
#footer a:hover {color: #FFF;}


body {
	font: 0.8em/1.5 Arial, sans-serif; text-align:center;
	background-color: #EAF8FB; color: #000;
}

/* === Univerzální styly ============================================================================================ */
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}