* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #dee9db url(i/top.png) repeat-x top left;
}

body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
	background: transparent url(i/bottom.png) repeat-x bottom left;
	font-size: 87.5%;
	font-family: Tahoma, Arial, Verdana, sans;
	color: #333;
}

img, a img {
	border: 0;
	vertical-align: bottom;
}

.clr{clear: both;}

a{
	color: #547999;
	text-decoration: underline;
}

a:hover{text-decoration:none;}

table, tr, td, select, input, textarea {
	font-family: Tahoma, Arial, Verdana, sans;
	color: #333;
}

p{
	margin: 1em 0;
	line-height: 150%;
}

h1, h2, h3, h4, h5{
	color: #000;
	margin: 0;
	font: normal 1.6em/135% Georgia, "Times New Roman", Times, serif;
}

h2{
	font-size: 1.4em;
	margin: 1.4em 0 0.6em 0;
}

h3{
	font-size: 1.14em;
	margin: 1em 0 0.2em 0;
}

h4, h5{
	font-size: 1em;
	margin: 0.4em 0;
}

h2 small, h3 small{
	color: #666;
	font-size: 0.8em;
}

/*
 *	header
 */

.header{
	height: 76px;
	padding: 40px 0 0 8%;
	overflow: hidden;
}

.logo{
	float: left;
	position: relative;
	left: -26px
}

ul.menu{
	margin-left: -52px;
	position: relative;
	left: 22.826%;
	float: left;
	list-style: none;
	margin-top: 1em;
	font-size: 1.2em;
}

ul.menu li{
	float: left;
	margin-right: 1.4em;
	line-height: 140%;
}

ul.menu li a{
	text-decoration: none;
	border-bottom: 1px solid #547999;
	color: #000;
}

ul.menu li a:hover{border:0;}

.right2column{
	float: right;
	width: 22%;
	margin-top: 1.2em;
}

.right2column a{
	border-bottom: 1px dashed;
	text-decoration: none;
	line-height: 140%;
}

.right2column a:hover{
	text-decoration: none;
	border: 0;
}

.right2column a.login{color: #2d781a}
.right2column a.register{color: #f30;margin-left: 3.2em;}

.right2column h2{margin: 0 0 0.4em 0;}

/*
 *	ukraine
 */

.ukraine{
	background: url(i/ukraine.jpg) no-repeat top center;
	height: 671px;
	position: relative;
}

.lf{
	position: absolute;
	left: 8%;
	width: 20em;
}

.lf a{color: #999}
.lf h2{margin:0;}
.lf h1{font-size: 2.2em}

.kur{
	position: absolute;
	left: 4%;
	bottom: 4em;
}

.kur table,
.kurs table{
	border-collapse: collapse;
	color: #000;
}

.kur td,
.kurs td{
	padding: 0.2em 1.2em 0.2em 0;
	color: #000;
}

.kur td.green,
.kurs td.green{color: #2c7719}
.kur td.red,
.kurs td.red{color: #c00}

.rgh{
	position: absolute;
	top: 400px;
	right: 4%;
	z-index:50;
}

.rgh a.country-select{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed;
	font-size: 0.9em;
	line-height: 160%;
	position: relative;
	z-index: 10;
}

.rgh a.country-select:hover{border: 0}
.rgh h2{margin-bottom: 0.3em;}

.hint{
	position: absolute;
	top: 0;
	left: 50%;
}

.bb{margin-left: -327px;}

.kv{
	margin-left: -54px;
	top: 23px;
}

.nb{
	margin-right: -434px;
	right: 50%;
	left: auto;
	top: 84px;
}

.nb .hint-text{right:0;left: auto}

.kr{
	margin-left: -308px;
	top: 346px;
}

.pr{
	margin-right: -329px;
	right: 50%;
	left: auto;
	top: 424px;
}

.pr .hint-text{right:0;left: auto}
.hint .hint-text{display: none;}
.hint:hover .hint-text,
div.hover .hint-text{display: block;}
.hint:hover,
.div.hover{z-index: 100;}

.hint:hover a.country-select,
.hint.hover a.country-select{border:0}

.hint .bg{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
	border: 1px solid #ccc;
}

.hint-text{
	position: absolute;
	width: 400px;
	top: 0;
	left: 0;
	margin: -20px;
	min-height: 115%;
}

.hint p{
	position: relative;
	z-index: 10;
	top: 0;
	margin: 0;
	color: #000;
	padding: 1em;
	line-height: 140%;
}

.hint .hint-text a{
	font: italic 1em/100% Georgia, "Times New Roman", Times, serif;
	color: #355586;
}

.pr p{margin-right: 180px;}
.kr p{margin-left: 160px;}
.bb p{margin-left: 180px;}
.kv p{margin-left: 180px;}
.nb p{margin-right: 160px;}

.cn{
	position: relative;
	left: auto;
}

.cn .hint-text ul{
	position: relative;
	z-index: 10;
	list-style: none;
	color: #000;
	padding: 3em 1em 1em 1em;
	overflow: hidden;
	display: block;
}

.cn .hint-text{width:280px;}

.cn li{
	font-size: 0.9em;
	line-height: 140%;
	display: block;
}

.cn .hint-text{
	left: auto;
	right: 0;
	margin: -6px -10px;
}

.hint img{
	position: relative;
	z-index: 10;
}

/*
 *	forms
 */

.login-form,
.register-form{
	position: absolute;
	width: 300px;
	left: 50%;
	top: -400px;
	margin-left: -150px;
	padding: 10px 20px;
	z-index: 1000;
	background: #fff;
	border: 1px solid #ccc
}

.login-form h2,
.register-form h2{margin: 0 0 1em 0}

.login-form label,
.register-form label{float: left}

.login-form p,
.register-form p{margin-left: 150px;}

.login-form .text,
.register-form .text{width: 140px }

.close{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

/*
 *	columns
 */

.columns{
 	width: 84%;
 	margin: 0 auto 4em auto;
 	overflow: hidden;
 	padding-top: 1em;
 	clear: both;
}

.columns p{line-height: 120%;}

.columns div{
	float: left;
	width: 30%;
	padding-right: 3%;
}

.columns .more a,
.columns .more,
.container .more a,
.container .more{color: #666;}

small.date{color: #999}
small.date2 {
	-x-system-font:none;
	color:#666666;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:0.9em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:135%;
}


sup.rss{
	position: relative;
	top: -0.4em;
	padding: 0.2em 0.4em;
	background: #f60;
	color: #fff;
	font-size: 0.6em;
	line-height: 100%;
	margin-left: 0.8em;
}

sup.rss a{color: #fff;}

/*
 *	content
 */

.content{
	clear: both;
	width: 84%;
 	margin: 0 auto;
 	padding-bottom: 14em;
}

.prefooter{
	clear: both;
	padding-bottom: 14em;
	margin-bottom: 0;
}

.cright{
	float: right;
	width: 34%;
}

.cleft{margin-right: 36%;}
.more a, .more{color: #333;}
.more{font-size: 0.9em;}
.more .add,
.more .add a{color: #f30}
.content h3{margin: 0.4em 0;}

/*
 *	container
 */

.wrap{
	padding: 0 8%;
}

.container{
	margin-left: 25%;
}

.container h1{
	font-size: 3em;
	position: relative;
	left: -0.667em;
}

.container h2{
	font-size: 1.8em;
	position: relative;
	left: -1.11em;
	width: 80%;
}

.container h3{
	font-size: 1.6em;
}

.container h4{
	font-size: 1.3em;
	margin: 0.4em 0 0 0;
}

.container h5{
	font-size: 1.2em;
	margin: 0.8em 0 0 0;
}

.container table{
	border-collapse: collapse;
	position: relative;
	left: -1.53em;
	margin: 1em 0;
}

.container td{
	padding: 0.5em 1.53em;
}

.container tr:hover td,
.container tr.hover td{
	background: #e8f0e6;
	color: #000
}

.container th{
	font-weight: normal;
	color: #666;
	padding: 0.3em 1.8em;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 0.85em;
}

.news{margin-top: 3em;}
.pages{margin: 2em 0;}

.pages a,
.pages span{padding:0.3em;}
.pages a.st{text-decoration: none;}
.pages span{background: #e8f0e6;}

blockquote{
	background: #e8f0e6;
	padding: 1.2em 2.53em;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-size: 1.3em;
	font-style: italic;
	margin: 1.4em 0 1.4em -1.53em;
}

blockquote p{
	margin:0;
	line-height: 120%;
}

cite{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	margin: 1em 0 2em 0;
}

.container img{
	background: #e8f0e6;
	padding: 1.2em 1.53em;
	margin: 1.4em 0 0.4em -1.53em;
}

.container img h4{
	background: #e8f0e6;
	padding: 0.5em;
}

.left{
	float: left;
	width: 22%;
}

.kurs{
	margin-top: 5em;
	position: relative;
	left: -26px
}

ul.sub-menu,
ul.sub-menu ul,
ul.small-menu{
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 160%;
}

ul.sub-menu{margin-top: 5em;}

ul.sub-menu ul{margin: 0.4em 0 1em 2em;}

ul.sub-menu a,
ul.small-menu a,
ul.sub-menu,
ul.small-menu{color: #000}

ul.sub-menu a{
	border-bottom: 1px solid #547999;
	text-decoration: none;
}

ul.sub-menu a:hover,
ul.sub-menu ul a:hover{
	border:0;
	text-decoration: none;
}

ul.sub-menu li.active a{font-weight: bold}
ul.sub-menu li.active ul a{font-weight: normal}

ul.sub-menu ul,
ul.small-menu{font-size: 0.9em;}

ul.sub-menu ul a{
	border: 0;
	text-decoration: underline
}

hr{
	border: 0;
	color: #ccc;
	height: 1px;
	background: #ccc;
	/*margin: 2em 0 3em 0;*/
	margin: 1em 0 1em 0;
	width: 12em
}

/*
 *	ul, ol
 */
 
.container ul,
.container ol{
	line-height: 140%;
	margin: 1em 0 1em 3em;
}

.footer{
	position: absolute;
	bottom: 4em;
	left: 8%;
	width: 84%;
	color: #666;
	font-size: 0.85em;
}

.footer a.sl{
	position: absolute;
	margin: 0.2em 0 0 0.8em;
}

a.sl img{
	width: 38px;
	height: 44px;
}

.footer .copy span{
	position: absolute;
	margin-left: -1.2em;
}

.footer p, .footer form{
	float: left;
	width: 33%;
}

.footer form p{
	float: none;
	width: auto;

}

.footer form{margin-top: 0.6em}

.footer input{
	vertical-align: middle;
	background: transparent;
	border: 1px solid #999;
	color: #999;
	padding: 1px 5px;
	height: 16px;
}

.footer .text{width: 14em}

.footer input.button{
	border:0;
	height: 18px;
	padding: 0;
}


/*
 *	forms
 */
 

div.errors{
	margin: 1em 0;
	color: #900;
}

.container form p{
	margin: 0 0 1em 13em;
}

.container form label{
	float: left;
	width: 12em;
}

.container form textarea.text{
	width: 12em;
	font-family: Tahoma, Arial, Verdana, sans;
	font-size: 1em;
}

.container form input.small{width: 8em;}

.container form textarea.text{
	width: 16em;
	height: 6em;
}

.container form label img{
	vertical-align: middle; 
	border: 0;
	padding: 0;
	margin: 0;
}

.frm input {
	border:1px solid #999999;
	color:#999999;
	height:16px;
	padding:1px 5px;
	vertical-align:middle;
	width:260px;
}

.frm .text {
	width:28em;
}

