@charset "utf-8";
/* CSS Document */


/* General directives */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%;}
body {height: 100%; background: #d9d9d9 url('../img/bg.gif') repeat-x 0 0; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; 
min-width: 900px; margin: 0 auto;}

a:link, a:visited {color: #005681; text-decoration: underline; padding: 1px;} a:hover {text-decoration: none;}

.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.8; margin-bottom: 14px; font-size: 1.1em;}


/* Skip menu */
.hidden {
	position: absolute; 
	top: -10000px; 
	left: 0; 
	width: 1px; 
	height: 1px; 
	overflow: hidden;
	}


/* Wrapper */
#wrapper {width: 900px; margin: 0 auto; position: relative; text-align: left; padding-bottom: 40px;}


/* Header */
#header {position: relative;}
	h1 {color: #fefefe; font: bold 2.3em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding: 25px 0 4px 1px;}
		h1 a:link, h1 a:visited {color: #fff; text-decoration: none;}
		h1 span {color: #D5EEFF;}
	#header p {font: italic 1.1em Verdana, Arial, Helvetica, sans-serif; color: #fefefe; margin: 0 0 35px 1px;}


/* Searching form */
form.searching {width: 252px; position: absolute; top: 27px; right: 10px;} 
	form.searching fieldset {border: 0;}
	input.search {width: 145px; border: 1px solid silver; letter-spacing: 1px; padding: 2px 7px;}
	form.searching input.hledat {letter-spacing: 1px;}
	form.searching label {display: none;}


/* Clearfix */
.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ' ';
	}

.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}

/* Backslash hack \*/
.clearfix {display: block;}


/* Menu */
ul#menu {list-style: none; width: 870px; margin: 5px auto 0 auto; padding-left: 30px; background: #073f6b url('../img/menu-bg.gif') repeat-x 0 0; border-top: 3px solid #347ab0;}

	ul#menu li {
		float: left;
		display: inline;
		margin-right: 1.6em;
		padding-right: 1.6em;
		padding-top: 13px;
		padding-bottom: 13px;
		white-space: nowrap;
		background: url('../img/li-bg.gif') no-repeat 100% 55%;
		}

		ul#menu li a, ul#menu li a:visited {
			float: left;
			display: inline;
			color: #fdfdfd;
			font-weight: normal;
			font-size: 1.1em;
			padding: 2px 8px;
			}

		ul#menu li a:hover, ul#menu li a.active {text-decoration: none; background-color: #002949;}

		ul#menu li.last {
			background: none;
			}


/* Content */
#content {background-color: #fff; padding-bottom: 30px;}
	#content-in {width: 100%;}
		#column-left {width: 66%; float: left;}
			#column-left-in {margin: 1.2em 0.5em 1em 2.1em;}
		#column-right {width: 33%; float: right;}
			#column-right-in {margin: 0 0 1em 2.1em;}

.login-area {background-color: #D5EEFF; border: 1px solid #A0D3F6; border-top: 0; width: 92% ; margin-bottom: 15px}
	.login-area-in {padding: 0.9em 0; margin: 0 0.5em 0 1.2em;}
		.login-area-in form {margin: 0 0 11px 0;}
			.login-area-in form table.form {margin: 0;}
				.login-area-in form table.form th {width: 78px; text-align: left;}
					.login-area-in form input {margin-bottom: 3px; padding: 2px 4px; border: 1px solid silver; width: 132px;}
					.login-area-in form table.form td.login-button {text-align: right !important;} 
					.login-area-in form table.form td.login-button input {padding: 1px 2px; color: #fff; background-color: #0F5082; width: auto; margin: 1px 0 0 0; border: 2px solid #347AB0;}
						p.u-form {font-size: 1em; margin-bottom: 3px;}

h2 {
	color: #404040;
	font: 1.7em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 12px;
	text-align: center;
}
h3 {color: #303030; font: 1.5em Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; border-bottom: 1px solid silver;}
#column-right h3 {color: #181818; font: 1.3em Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 3px; border: 0;}
#column-right .login-area-in h3 {margin: 0 0 10px 0;}

div.perex {background-color: #f7f7c0; border: 1px solid #d2d286; margin-bottom: 23px;}
div.perex p {margin: 5px 12px 10px 12px; font-style: italic;}

div.images {margin: 10px 0 20px 0;}
	div.images img {margin: 0 11px 0 0;}
		div.images a img {border: 3px solid #97a2aa;}
		div.images a:hover img {border: 3px solid #6c7983;}

div.images p {text-align: right; margin: 7px 54px 0 0; font: italic 1.2em Georgia, "Times New Roman", Times, serif;}
img.float {float: left; border: 1px solid #B1B1B1; margin: 6px 9px 7px 0;}

dl.news {margin: 0 0 30px 0;  width: 92%;}
dl.news dt {padding: 3px 0 3px 3px; margin: 0 0 4px 0; border-bottom: 1px solid silver; font-style: italic;}
dl.news dd {margin: 0 0 14px 3px; line-height: 1.5;}
	dl.news dd a, dl.news dd a:visited {color: #005681; text-decoration: underline; letter-spacing: 1px; padding: 1px 2px;}
	dl.news dd a:hover {text-decoration: none; background-color: #005681; color: #fff;}

div.contact {background-color: #D5EEFF; border: 1px solid #A0D3F6; width: 92%; margin-left: 3px;}
address {margin: 5px 10px; line-height: 2;}


/* Footer */
#footer {background-color: #1F2C36; border-top: 2px solid #131a1f; height: 38px;}
	#footer p {color: #fff; line-height: 35px; margin-bottom: 0;}
		#footer p a, #footer p a:visited {color: #fff;}
	#footer p.left {float: left; width: 400px; margin-left: 20px; display: inline;}
	#footer p.right {float: right; width: 400px; text-align: right; margin-right: 20px; display: inline;}


p#sl {font-size: 0.9em; text-align: center; margin: 2px 0 0 0; color: #303030;}
	p#sl a, p#sl a:visited {color: #303030;}
	p#sl a:hover {color: #050505;}