﻿@charset "utf-8";
/* CSS Document */


/* General directives */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%; background: #FFF url('../img/bg.gif') repeat-x 0 0;}
body {height: 100%; background: #FFF url('../img/bg.gif') repeat-x 0 0; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; 
min-width: 860px; margin: 0 auto;}

a:link, a:visited {color: #005D8C; text-decoration: underline; padding: 1px;} a:hover {background-color: #005D8C; color: #FFF;}

.noscreen {display: none;} .cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}
abbr, acronym, span.abbr {border-bottom: 1px dotted black; cursor: help;}

p {line-height: 1.7; margin-bottom: 12px; font-size: 1.1em;}


/* Wrapper */
.wrapper {width: 860px; margin: 0 auto; position: relative;}


/* Header */
.header {width: 858px; height: 120px; margin: 0 auto; position: relative; text-align: left; color: #303030;}
	.header p {font-size: 1.2em; line-height: 1.5;}
h1 {font: 3em normal Georgia, "Times New Roman", Times, serif; letter-spacing: 2px; padding: 18px 0 0 0;}
	h1 a:link, h1 a:visited {color: #303030; text-decoration: none; padding: 0;}
	h1 a:hover {background: 0;}
	h1 span {color: #0077B3;}
#rss {width: 35px; height: 21px; position: absolute; top: 99px; right: 30px;} 
	#rss a {padding: 0;} 
	#rss a:hover {background: 0;}
	#rss span {width: 35px; height: 21px; position: absolute; top: 0; left: 0; background: url('../img/rss.gif') no-repeat 0 0; cursor: pointer;}
p#quotation {position: absolute; top: 25px; left: 650px; font: italic 1.4em Cambria, Georgia, Palatino, "Palatino Linotype", serif; color: #AAA; line-height: 1;}


/* Menu */
#menu {width: 844px; background: #005387 url('../img/menu-bg.gif') repeat-x 0 0; padding-right: 16px; position: relative;}
	#menu li {float: right; display: inline; list-style-type: none; text-align: center;}
		#menu li a {font-weight: normal; color: #FFF; float: left; display: inline; line-height: 44px; padding: 0 14px;}
		#menu li a:hover, #menu li a.active { background: 0; text-decoration: none;}
		#menu li.hledani {position: absolute; top: 0; left: 0; line-height: 44px; background: #0B0B0B url('../img/searching-bg.gif') repeat-x 0 0; width: 300px; 
		text-align: left; border-right: 1px solid #7C7C7C;}

.clearfix {min-height: 1px;}
.clearfix:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: ' ';}


/* Searching form in main menu */
form.searching * {vertical-align: middle;}
form.searching {_height: 44px;}
	form.searching fieldset {border: 0;}
	form.searching label {display: none;}
	form.searching input {color: #FFF; _margin-top: 10px;}
		form.searching input.hledat {margin-left: 30px; padding: 2px 0 2px 6px; border: 1px solid #505050; width: 150px; color: #181818; letter-spacing: 1px;}


/* Content */
.page {width: 860px; margin: 0 auto; text-align: left; margin: 14px 0 20px 0;}
.col-l {float: left; width: 24%;}
	.col-l-in {margin: 0 0 0 0; background-color: #F5F5F5; border: 1px solid #CCC; border-top: 0;}
.col-r {float: right; width: 75%;}
	.col-r-in {margin: 0.8em 0 0 1.2em;}
		.col-r img {float: left; border: 2px solid silver; margin: 6px 10px 5px 0;}

h2 {font: 1.6em Georgia, serif; letter-spacing: 1px; background: url('../img/h2-bg.gif') no-repeat 0 60%; padding-left: 22px; margin-bottom: 7px; color: #303030;}
.col-r h3 {font: 1.3em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; background: url('../img/h3-bg.gif') repeat-x 0 50%; padding-left: 18px; margin: 26px 0 7px 0; color: #181818;} 
	.col-r h3 span {background-color: #FFFFC7; padding: 2px 7px; border-left: 3px solid #FFF; border-right: 3px solid #FFF;}

.boxik {background-color: #FFFFC7; color: #252525; border: 1px solid #CECE75; margin-bottom: 10px;}
.boxik-in {margin: 5px 10px;}
.boxik-in p {text-indent: 0;}


/* Left side menu */
ul.menu {list-style: square; list-style-position: outside; margin: 7px 0 10px 16px;}
	ul.menu li {margin-bottom: 8px;}
		ul.menu li a, ul.menu li a:visited {color: #101010; text-decoration: none;}
		ul.menu li a:hover {color: #181818; text-decoration: underline; background: 0;}

.col-l h3 {font-size: 0.9em; background: #DFDFDF url('../img/h3-bg2.gif') repeat-x 0 0; color: #3A3A3A; text-align: left; padding-left: 14px; line-height: 25px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}


/* Footer */
#footer {width: 860px; height: 80px; margin-bottom: 60px; border-top: 1px solid #CCC; padding-top: 5px; display: table; color: #606060;}
	#footer a, #footer a:visited {color: #606060;} 
	#footer a:hover {background: none; color: #050505; text-decoration: none;}
	#footer p {font-size: 0.9em;}
		#footer p#left {float: left; width: 400px; text-align: left; margin-left: 2px; display: inline;}
		#footer p#right {float: right; width: 400px; text-align: right; margin-right: 2px; display: inline;}


