* {margin:0; padding:0;}

/* general */
body {font: 62.5%/1.4 Tahoma, sans-serif; color:#242424; background:#fff;}
#page {width:936px; padding:20px; margin: 0 auto;}
#header {position:relative; overflow:hidden; width:100%; background:url(images/bg/header.jpg) no-repeat left bottom; padding-bottom:247px;}
#footer {position:relative; overflow:hidden; clear:both; border-top:1px solid #07a081; font-size:1.1em; color:#1c1c1b; /*padding-bottom:50px;*/}
#container {padding:2px 0 25px; font-size:1.2em;}
	#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content {/*width:581px;*/ width:556px; padding-left:25px; padding-top:20px; float:right;}
#sidebar {width:351px; float:left;
	background:#004fa3 url(images/bg/sidebar_corner_rb.gif) no-repeat right bottom;}
#oblako {width:351px; float:left;
	background:#004fa3 url(images/bg/sidebar_corner_rb.gif) no-repeat right bottom;}
	
#oblako a {color: #ffffff; text-decoration:none;}
#oblako a:hover {text-decoration:underline;}	
	
	
#ramka {
  border-width:1px;
  border-style:solid;
  border-color:#83878e;
  }

.cont	{
		background: #fff; /*url(../images/fly_banner_bg.gif) 0 0 no-repeat;*/
		width:300px;
		height:130px;
		padding:13px;
		margin-left: 180px;
		margin-top: -200px;
		font-size:13px;
		font-weight:bold;
		color:#C31D23;
		position:fixed;
		z-index: 1000;
		border: 4px Double #000;		
	}
	.flyBanner .close, .cont .close{
		float:right;
		background:url(../images/ic_close.gif) 100% 2px no-repeat;
		color:#C31D23;
		font-size:11px;
		font-weight:normal;
		padding-right:14px;
		position:relative;
		right:15px;
		top:-5px;
	}
	.cont .close {right:0px;}
	* html .flyBanner	{
		padding-bottom:13px;
	}


/* elements */
a {color:#004fa3; text-decoration:underline;}
a:hover {color:#063566; /*text-decoration:none;*/}
#sidebar a {color:#fff; text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}
a img {border: none;}

ul li {list-style:none;}
#content li {padding-left:18px; background:url(images/bullets/arrow_on_white_big.gif) no-repeat 0 .3em;}
#content li li, #content .legend li {background:url(images/bullets/arrow_on_white.gif) no-repeat 0 .33em;}

p, h1, h2, h3, h4, h5, h6, li {margin-bottom:.9em;}

h1 {color:#004fa3; font-size:2.1em; text-align:center; font-weight:normal; margin-bottom:1.5em; line-height:1em;}
	h1 small {color:#494747; font-size:.55em;}
	h1 span {/*color:#494747;*/ font-size:.55em; font-weight:bold;}
h2, dt {color:#048268; font-size:1.4em; font-weight:normal; margin-bottom:.7em;}
	.wide h2 {background:url(images/bullets/arrow_green.gif) no-repeat 0 .5em; padding-left:25px; border-bottom:2px solid #048268;}
h3 {color:#004fa3; font-size:1em; font-weight:bold;}
h4 {color:#002c7b; font-size:1em; font-weight:bold;}
h5 {color:#004fa3; font-size:1.1em; font-weight:bold;}
h6 {font-size:1em; font-weight:bold;}

dl {padding-bottom:2px; border-bottom:1px solid #d1d1d1;}
dt {margin-top:.9em;}
dd {border-bottom:1px solid #d1d1d1; line-height:1.8em; padding-bottom:1.2em; font-size:1.1em;}
dd span, dd strong {color:#004fa3;}

table.default {border-collapse:collapse; font-size:.9em; margin:5px 0;}
table.default th, table.default td {border:1px solid #3f3f3f; padding:2px;}
table.default th {vertical-align:bottom; background:#f3f2f0; padding:3px 2px;}
table.default td {text-align:center;}
table.default td.name {white-space:nowrap;}

hr {/*width:100%;*/ clear:both; height:4px; background:white; color:white; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #d4d2d3; border-bottom:1px solid #d4d2d3; margin-bottom:25px;}

.decor {position:absolute; display:block; overflow:hidden; text-indent:-100em; background:no-repeat;}
.corner-lt {left:0; top:0;}
.corner-rt {right:0; top:0;}
.corner-rb {right:0; bottom:0;}
.corner-lb {left:0; bottom:0;}

/* forms */
input, select, label {vertical-align:middle;}
input.text, select, textarea {background:#fff; padding:1px; font-size:1.1em; border:1px solid #838584; color:#737373;}
input.submit, input.reset {font-weight:bold;}
input.reset {color:#c00;}
.field {width:100%; overflow:hidden; position:relative;}
.field em, .hint em {font-style:normal;}
.radioset {width:100%; overflow:hidden; position:relative;}
.radioset input, .radioset label {float:left; margin-right:5px;}

form.default {background:#f0f1f5; padding:20px; position:relative; margin:1em 0;}
form.default h2 {background:none; border:none; padding:0;}
form.default .field, form.default .hint, form.default .buttons {width:300px; padding-left:130px; text-align:right;}
form.default .field {margin-bottom:25px;}
form.default .hint {margin-bottom:1em;}
form.default input.text, form.default select, form.default textarea {width:296px;}
form.default textarea {height:170px;}
form.default label {position: absolute; left:0; top:0; width:120px; color:#0f50ae; font-size:1.1em;}
form.default em {color:#0f50ae;}
form.default .hint {margin-top:-15px; font-size:.9em;}
form.default .decor {width:11px; height:11px;}
form.default .corner-lt {background-image:url(images/bg/form_corner_lt.gif);}
form.default .corner-rt {background-image:url(images/bg/form_corner_rt.gif);}
form.default .corner-rb {background-image:url(images/bg/form_corner_rb.gif);}
form.default .corner-lb {background-image:url(images/bg/form_corner_lb.gif);}

form .dual {border-bottom:1px solid #e6e5e5; margin-bottom:10px; padding-bottom:0;}
form .dual em {color:#048268;}
form .dual .field {margin-bottom:15px; padding-left:17px; position:relative;}
form .dual .field em {position:absolute; left:0; top:1em; font-size:1.3em;}
form .dual .field label {display:block; font-size:1.1em; padding-bottom:2px;}
form .dual .field input.text, form .dual .field select, form .dual .field textarea {width:90%;}
form .dual .hint {font-size:.9em; text-align:center; padding:10px;}
form .dual .hint em {margin-right:5px; font-size:1.5em;}
form .dual h4 {text-align:center; padding:25px 10px 10px;}


form .mega_narrow label, form .narrow label, form .medium label, form .broad label,
	form .mega_narrow input.text, form .narrow input.text, form .medium input.text, form .broad input.text,
	form .mega_narrow select, form .narrow select, form .medium select, form .broad select,
	form .mega_narrow span, form .narrow span, form .medium span, form .broad span {float:left; margin-right:5px;}

.mega_narrow label {width:100px; text-align:right;}
.narrow label {width:150px; text-align:right;}
.medium label {width:145px; text-align:right;}
.broad label {width:275px; text-align:right;}

form.big_order .mega_narrow input.text, form.big_order .mega_narrow select {width:100px;}
form.big_order .narrow input.text, form.big_order .narrow select {width:50px;}
form.big_order .medium input.text, form.big_order .medium select {width:180px;}
form.big_order .broad input.text, form.big_order .broad select {width:180px;}
form.big_order .field input.small {width:50px;}
form.big_order .field input.large {width:300px;}

form.big_order h4 {color:#1c1b1b;}
form.big_order hr {border-bottom:none; height:0;}
form.big_order table {border-collapse:collapse; margin-bottom:25px;}
form.big_order table input.text {width:50px;}
form.big_order th {font-weight:normal; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
form.big_order th, form.big_order td {/*border:1px solid #d3d3d3;*/ padding:3px 5px; text-align:center;}
form.big_order .delim {border-right:1px solid #d3d3d3;}
form.big_order .field, form.big_order .radioset {margin-bottom:10px; padding-bottom:1px;}
form.big_order .radioset label {width:75px; margin-right:10px;}
form.big_order .radioset input {/*position:relative; top: 2px;*/}
form.big_order textarea {width:99%; height:150px;}



/* header */
#header h1 {position:absolute; left:0; top:0; margin:0;}
#header h1 a, #header h1 span {display:block; overflow:hidden; text-indent:-100em;
	background:url(images/logo.gif) no-repeat; width:193px; height:55px;}
#header .h1 {position:absolute; left:0; top:0; margin:0;}
#header .h1 span {background: url("images/logo.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 90px;
    overflow: hidden;
    /*text-indent: -100em;*/
    width: 275px;
    padding-top:75px;
    }
#header .index span{
background: url("images/logo_n.jpg") no-repeat scroll left 20px transparent;
text-indent: 0;
padding-top:75px;
}

#header .menu {margin-left:353px; overflow: hidden; width:600px;}
#header .menu li {border-bottom:2px solid #fff; background:#048268; float:left; margin:0; margin-left:-1px;}
#header .menu a, #header .menu strong {display:block; position:relative; padding:22px 38px 27px; 
	background:url(images/bg/menu_gradient.gif) repeat-x; color:#fff; text-decoration:underline; font-weight:bold; font-size:1.33em;}
#header .menu a span, #header .menu strong span {display:block; position:absolute; left:0; top:0; 
	background:url(images/bg/menu_corner_default.gif) no-repeat; width:18px; height:38px; text-indent:-100em; overflow:hidden;}

#header .submenu {background:#004fa3; margin-left:0px; margin-top:0px; overflow: hidden; width:950px;}
#header .submenu li {border-bottom:0px solid #fff; background:#004fa3; float:left; margin:0; margin-left:0px;}
#header .submenu a, #header .submenu strong {display:block; position:relative; padding:2px 16px 7px; 
	color:#fff; text-decoration:underline; font-weight:bold; font-size:1.33em;}
#header .submenu a span, #header .submenu strong span {display:block; position:absolute; left:0; top:0; 
	width:18px; height:38px; text-indent:-100em; overflow:hidden;}
	
	
#header .menu li strong {text-decoration:none;}
#header .menu a:hover, #header .menu strong {background:none;}
#header .menu a:hover span, #header .menu strong span {background-image:url(images/bg/menu_corner_active.gif);}

/* footer */
#footer .menu {padding:25px 0; border-bottom:7px solid #07a081; margin-bottom:20px; text-align:right;}
#footer .menu li {display:inline; margin:0 25px; padding-left:20px; background:url(images/bullets/arrow_default.gif) no-repeat 0 50%;}
#footer .menu a, #footer .menu strong {color:#048268; font-size:1.2em; text-decoration:none; font-weight:bold;}
#footer .menu a:hover {text-decoration:underline;}

#footer .production {float:right; width:255px; font-weight:bold; line-height:1.7em;}
#footer .production li {margin:0;}

#footer address {float:right; width:300px; font-style:normal; line-height:1.7em;}
#footer address span {margin-right:10px;}

#copy {line-height:2.5em;}


/* sidebar */
#sidebar .production {padding:27px 0; background:url(images/bg/sidebar_corner_lt.gif) no-repeat left top;}
#sidebar .production li {margin-bottom:5px;}
#sidebar .production a {display:block; padding:6px 12px; background:#063566; /*font-size:1.1em;*/}
#sidebar .production ul {padding-top:5px;}
#sidebar .production ul a {display:inline; padding:0; background:none; font-size:.9em; font-weight:bold;}
#sidebar .production ul li {padding:0 20px 5px 32px; line-height:1.3em; background:url(images/bullets/arrow_on_blue.gif) no-repeat 16px .33em;}


/* content */
#content .wide {margin-left:-20px;}

.dual {overflow:hidden; width:100%; padding:1em 0;}
.dual .odd {float:left; clear:left; overflow:hidden; width:45%; padding-right:3%; border-right:1px solid #e6e5e5; margin-right:-1px;}
.dual .even {float:left; overflow:hidden; width:47%; padding-left:4%; border-left:1px solid #e6e5e5; /*margin-left:-1px;*/}
.dual h3 {border-left:4px solid #004fa3; text-align:center; padding:0 20px; font-size:1em; margin-bottom:20px;}
.chart {text-align:center; padding:3px 0;}

/*.odd table.legend {width:90%;}
.even table.legend {width:75%;}*/

table.legend {margin:5px auto 0; border-bottom:1px solid #d1d2d4; border-collapse:collapse;}
table.legend thead {display:none;}
table.legend td {border-top:1px solid #d1d2d4; padding:1px; padding-left:5px; width:5%;}
table.legend td.name {width:auto; padding:1px; /*white-space:nowrap;*/}
table.legend div {width:25px; display:block; overflow:hidden; text-indent:-100em;}

ul.legend {border-top:1px solid #eceaea; float:left;}
ul.legend li {border-bottom:1px solid #eceaea; padding-bottom:3px; margin:3px 0 0;}

.legend {font-size:.9em; color:#141414;}
	.legend .fawn {background:#acb79f;}
	.legend .green {background:#05a182;}
	.legend .yellow {background:#dee478;}
	.legend .red {background:#e6517a;}
	.legend .lightblue {background:#5ad4d5;}
	.legend .blue {background:#3b7ec4;}

.attention {color:#004fa3; margin-bottom:2em;}

.item {width:100%; overflow:hidden; /*margin-bottom:10px;*/}
.item .thumb {float:left; padding-right:10px;}
.item .description {padding-top:30px; /*display:table;*/}
.item .description strong {color:#048268; font-size:1.1em;}

.note {font-size:.9em; padding:10px 0;}
.note strong {float:left; font-weight:normal; color:#048268; padding-right:5px; padding-bottom:1em;}

.gallery {margin-right:-30px; margin-bottom:20px;}
.gallery .group {overflow:hidden; width:100%; border-bottom:1px solid #b7b6b6;}
.gallery .group_nohr {overflow:hidden; width:100%;}
.gallery .photo {float:left; padding:10px 5px 20px 0; width:197px;}
.gallery .photo_spacer {float:left; padding:10px 5px 20px 0;}
.photo span {display:block; padding-left:16px; margin-top:5px; background:url(images/bullets/arrow_blue.gif) no-repeat 0 .44em;}
.photo .name {display:block; text-align:center; margin-top:5px;}

	#page	{
		width:936px;
		padding:0 20px 20px 20px;
		margin: 0 auto;
	}
	#header	{
	}
	#header h1 a, #header h1 span	{
		display:block;
		overflow:hidden;
		text-indent:-100em;
		background:url(images/logo.gif) no-repeat;
		width:275px;
		height:101px;
	}
	#header .menu {
		margin-left:275px;
		width:auto;
	}
	#header .menu li {
		border-bottom:none;
		background: none;
		float:left;
		margin:0;
		text-align:center;
		clear:right;
	}
	#header .menu a, #header .menu strong {
		display:block;
		padding:30px 0 0 0;
		height:71px;
		color:#4A4A4A;
		text-decoration:none;
		font-weight:bold;
		font-size:1.33em;
		text-align:center;
		width:auto;
	}
	#header .menu a:hover {
		color:#0151A6;
	}
	#header .menu strong {
		color:#0151A6;
	}
	.menu .p1 a, .menu .p1 strong	{
		background:url(images/site_menu_01.gif) !important;
		width:105px !important;
	}
	.menu .p1 a:hover	{
		background:url(images/site_menu_01_hover.gif) !important;
	}
	.menu .p1 strong	{
		background:url(images/site_menu_01_hover.gif) !important;
	}
	.menu .p2 a, .menu .p2 strong	{
		background:url(images/site_menu_02.gif) !important;
		width:158px !important;
	}
	.menu .p2 a:hover	{
		background:url(images/site_menu_02_hover.gif) !important;
	}
	.menu .p2 strong	{
		background:url(images/site_menu_02_hover.gif) !important;
	}
	.menu .p3 a, .menu .p3 strong	{
		background:url(images/site_menu_03.gif) !important;
		width:131px !important;
	}
	.menu .p3 a:hover	{
		background:url(images/site_menu_03_hover.gif) !important;
	}
	.menu .p3 strong	{
		background:url(images/site_menu_03_hover.gif) !important;
	}
	.menu .p4 a, .menu .p4 strong	{
		background:url(images/site_menu_04.gif) !important;
		width:145px !important;
	}
	.menu .p4 a:hover	{
		background:url(images/site_menu_04_hover.gif) !important;
	}
	.menu .p4 strong	{
		background:url(images/site_menu_04_hover.gif) !important;
	}
	.menu .p5 a, .menu .p5 strong	{
		background:url(images/site_menu_05.gif) !important;
		width:122px !important;
	}
	.menu .p5 a:hover	{
		background:url(images/site_menu_05_hover.gif) !important;
	}
	.menu .p5 strong	{
		background:url(images/site_menu_05_hover.gif) !important;
	}
	
	.oblako {margin: 15px !important;}
	.tit {color: #FFFFFF; text-align: center; background:#063566;}
	
	#oblako .production {padding:27px 0; background:url(images/bg/sidebar_corner_lt.gif) no-repeat left top;}