.inner-splash {height: 70px; margin-bottom: 10px;}
#splash_error {height: 70px; border: solid 1px #333; background: #333; color: #fff;}
	#splash_error span {display: block; margin: 20px 0 0 0; text-align: center; font-size: 1.5em;}

/*

*/
.except-origami {margin-left: 20px; font-weight: bold;}

.grad-container {margin: 10px 0 0 0; background: #e5ebee; width: 100%; border-collapse: collapse;}
.grad-container thead, .grad-container thead tr, .grad-container thead th {height: 35px}
 	.grad-container thead {background: url('/sys_pix/grad_t.gif') left top repeat-x;}
	.gd-ltc, .gd-rtc {width: 10px;height: 35px;}
 	.gd-ltc {background: url('/sys_pix/grad_ltc.gif') left top no-repeat;}
 	.gd-rtc {background: url('/sys_pix/grad_rtc.gif') right top no-repeat;}

.grad-container .bg-l {background: url('/sys_pix/grad_l.gif') left top repeat-y}
.grad-container tbody td { width: 100%; background: url('/sys_pix/grad_r.gif') right top repeat-y}

.grad-container tfoot, .grad-container tfoot tr, .grad-container tfoot td {height: 13px; line-height: 1px; font-size: 1px!important; overflow: hidden;}
	.gd-b {background: url('/sys_pix/grad_b.gif') left bottom repeat-x;}
	.gd-lbc, .gd-rbc {width: 10px; height: 10px;}
	.gd-lbc {background: url('/sys_pix/grad_lbc.gif') left bottom no-repeat;}
	.gd-rbc {background: url('/sys_pix/grad_rbc.gif') right bottom no-repeat;}

.common-container {margin: 10px 0 0 0; background: #fff; width: 100%; border-collapse: collapse;}
	.common-container thead, .common-container thead tr, .common-container thead th {height: 15px; }
	.common-container thead {background: url('/sys_pix/cm_t.gif') left top repeat-x;}
	.cm-ltc, .cm-rtc {width: 11px;}
	.cm-ltc {width: 11px; background: url('/sys_pix/cm_ltc.gif') left top no-repeat;}
	.cm-rtc {background: url('/sys_pix/cm_rtc.gif') right top no-repeat;}

	.common-container .cm-l {background: url('/sys_pix/grad_l.gif') left top repeat-y}
	.common-container tbody td {background: url('/sys_pix/grad_r.gif') right top repeat-y}

	.common-container tfoot, .common-container tfoot tr, .common-container tfoot td {height: 11px; line-height: 1px; font-size: 1px!important; overflow: hidden;}
		.cm-b {background: url('/sys_pix/grad_b.gif') left bottom repeat-x;}
		.cm-lbc, .cm-rbc {width: 11px;}
		.cm-lbc {background: url('/sys_pix/cm_lbc.gif') left bottom no-repeat;}
		.cm-rbc {background: url('/sys_pix/cm_rbc.gif') right bottom no-repeat;}


.double, .double-flat {float: left; width: 50%;} /* double-flat is class page audiobooks */
	.grad-container .double {width: 430px!important; margin: 0 20px!important;}
		.grad-container .double p {margin: 10px 0;}
	.double ul { margin: 0 10px 0 0; }  /* ul margin for navigation page */
	.grad-container h4 {font-size: 1.2em;}
	.grad-container h4 img {margin: 0 10px 0 10px;}
	.grad-container span i {text-align: right;}
	.double-flat p { padding: 0 20px 0 0 } /* double-flat is class page audiobooks */
	.double-clear { clear: both;} /* double-clear is class page audiobooks */
.bread {margin: 7px 0 0 10px;}
	.bread li {padding: 0 10px 0 0; margin: 0 6px 0 0; background: url('/sys_pix/bul_bread.gif') right center no-repeat; display: inline; color: #851c27;}		
	.bread a {color: #851c27; text-decoration: none; }

/* -------------------------------------------- */

.pagination {text-align: right; margin: 0 40px 0 0; }
	.pagination .page { margin: 0 10px 0 0; display: block; float:right; }
		.pagination ul { display: block; float:right; height: 25px; }
			.pagination li { display: block; float:left; border-right: 2px solid #FFF; padding:0 4px 0 4px!important; font-weight: bold; }
			.pagination li.noborder { padding-top: 4px; }
			.pagination .current { color: #851C27; }
	
#news-container { margin: 0 0 0 40px; clear: both; }
	#news-container hr { background: none; clear: both; border: none; border-top: 1px dotted #851C27; margin: 0 35px 5px 0; }
	#news-container h2 {  padding: 0 0 0 27px; background: url('/sys_pix/news-icon.gif') 0px 3px no-repeat; font-weight: bold; }
	#news-container .icon { margin: 0 15px 0 0; }
		#news-container ul li {margin: 25px 35px 20px 0; border-top: 1px dotted #851C27; padding-top: 15px;}	
			#news-container ul li span { display: block; margin: 10px 0; font-size: .9em; color: #5A7687; }
			#news-container ul li p { margin: 0 40px 0 0; }
/* -------------------------------------------- */	

.flat-content, #contacts {margin: 0 12px 0 15px; border: solid 1px #fff;} /*ff has lost has layout*/
	.flat-content h2, #contacts h2 {font-weight: bold; margin: 0 0 10px 0;}
		.flat-content h2 span {float: right; color: #5a7687; font-weight: normal; font-size: .9em;}
	.flat-content h4 {color: #851926}
	.flat-content img {margin-left: -5px;}
	.flat-content a {color: #5a7687;}
/*	.flat-content div {display: none;}*/

.triple-content {margin: 0;}
	.triple-block {float: left; width: 31.5%; margin: 0 2% 0 0;}
		.triple-block p {font-size: .75em!important; margin: 0;}
		.triple-block h3 {text-transform: uppercase; color: #fff; width: 140px; height: 33px; padding-top: 17px; margin: 0 0 3px 0; text-align: center; vertical-align: middle; background: url('/sys_pix/bg_triple.gif') left top no-repeat; font-size: .89em;}
		.triple-block h3.large {height: 42px; padding-top: 8px;}
		
		/*exception one per page*/
		#minimize h2 {margin: 0 0 3px!important;}
		#minimize i {margin: 0 0 5px!important;}
		#minimize p {margin: 0!important; font-size: .9em;}
		#minimize li {margin: 0!important; font-size: .9em;}
		#minimize ul {margin-bottom:3px!important;}
		
.octal-content {margin: 0; padding: 0 20px;}
	.octal-block {float: left; width: 115px; text-align: center; margin: 0 17px;}
		.octal-block h3, .octal-block p, .octal-block img   {cursor:pointer; cursor:hand; }
		.octal-block h3 {font-weight: bold; font-size: .85em;}
		.octal-block p {font-size: .85em;}
		.octal-block div {display: none; color: #000; }
		.octal-block img {margin-bottom: 10px;}

.partners-address {float: left; width: 485px; margin: 0 0 0 20px; border-bottom: solid 1px #fff;}
	.partners-address h2 {font-size: 1.2em; margin: 5px 0 0 0; font-weight: bold;}
		.partners-address h2  img {vertical-align: middle; margin-right: 7px;}
.partners-photo {float: left; width: 145px; border-bottom: solid 1px #fff;}
.partners-description {float: right; width: 290px; margin: 0 10px 0 0;  border-bottom: solid 1px #fff;}
	.partners-description h2 {font-size: 1.2em; color: #851b26; margin: 5px 0 0 0; font-weight: bold;}
	.partners-description p, .partners-address p {margin: 8px 0;}

.image, .image-small {float: left; text-align: center; margin: 10px 20px 10px 20px;}
	.image-description, .image-description-small  {float: right; margin: 10px 20px 10px 0}
		.image-description p, .image-description-small p, .flat-content p {margin: 5px 0 10px;}
		.image-description .image-right {float:right;}
.image {width: 200px; margin-top: 20px!important;}
.image-small {width: 100px;}
.image-description {width: 690px; }
.image-description-small {width: 790px;}

.flash {float: right; width: 580px; margin: 0 15px 0;}
.flash-description {float: left; width: 290px; margin: 0 10px 0 20px;}
	.flash-description ul ul {margin: 0 0 0 20px;}
		.flash-description li, .flat-content li {margin: 5px 0; padding: 0 0 0 15px;}
		.flash-description ul li, .flat-content ul li {background: url('/sys_pix/bul1.gif') 0px 6px no-repeat;}
			.flash-description ul li ul li, .flat-content ul li ul li {background: url('/sys_pix/bul2.gif') 0px 8px no-repeat;}
			.ticker-left {float: left; width: 240px; margin-left: 10px;}
			.ticker-right {float: right; width: 320px; margin-right: 10px;}
			.ticker-left, .ticker-right {height: 330px;}
				.ticker-left li, .ticker-right li {text-align: center!important; margin-top: 40px; margin-bottom: 10px;}
				.ticker-left li { width: 240px;}
			

#logoset {margin: 20px 0;}
	#logoset li {display: inline; margin: 0 15px 0 0!important;}
	#logoset img {margin-bottom: 10px; }

	.hidden, .overlay1, .overlay2, .overlay3, .overlay4, .overlay5  {display: none;}

	.overlay1, .overlay2 {width:608px!important; height:304px; text-align: left;}
	.overlay1 {background-image:url('/sys_pix/bg_over1.png');}
	.overlay2 {background-image:url('/sys_pix/bg_over2.png');}
	.overlay3 {width:408px; height:380px;background-image:url('/sys_pix/bg_over3.png');}
	.overlay4 {width:408px; height:450px;background-image:url('/sys_pix/bg_over4.png');}
	.overlay5 {width:408px; height:555px;background-image:url('/sys_pix/bg_over5.png');}
		.overlay1 img {margin: 30px 20px 10px; float: left;}
		.overlay1 p {margin: 0 30px 5px 30px; font-size: .9em;}	/* отступы слева справа 20px */
		.overlay1 span i {display: block;text-align: right!important; color: #597685; margin-right: 25px; font-size: .85em; font-weight: bold;} /* отступ справа 15px */
		
		.overlay2 p, .overlay3 p, .overlay4 p, .overlay5 p {margin: 10px 20px 3px;}
		.overlay2 ul, .overlay3 ul, .overlay4 ul, .overlay5 ul {margin: 10px 20px;}
		.overlay2 h3, .overlay3 h3, .overlay4 h3, #TB_title {color: #851b26;}
		.overlay2 h4, .overlay3 h4, .overlay4 h4, .overlay2 i, .overlay3 i, .overlay4 i, .overlay5 i { margin-left: 20px;}
		.overlay1 h4 {margin: 40px 20px 0 0; font-size: 1.2em; color: #597685;}
		.overlay1 span {color: black; font-weight: normal; display: block; margin: 0 0 10px; font-size: 1.05em;}
		.readmore {color:#5a7687;text-decoration: underline; cursor:pointer; cursor:hand; }

	.close {display: block!important;position:absolute; cursor:pointer; cursor:hand; right:13px; top:10px; width: 20px; height: 20px; background: url('/sys_pix/bul_close.gif') center center no-repeat}


.crl {background: url('/sys_pix/crl.gif') top repeat-x;}
.crl-l {background: url('/sys_pix/crl.gif') left repeat-y;}
.crl-r {background: url('/sys_pix/crl.gif') right repeat-y;}
.crl-b {background: url('/sys_pix/crl.gif') bottom repeat-x;}
	.crl-lt {background: url('/sys_pix/crl_lt.gif') left top no-repeat;}
	.crl-rt {background: url('/sys_pix/crl_rt.gif') right top no-repeat;}
	.crl-lb {background: url('/sys_pix/crl_lb.gif') left bottom no-repeat;}
	.crl-rb {background: url('/sys_pix/crl_rb.gif') right bottom no-repeat; text-align: center;} /* добавлено центрирование */
		.crl-rb img {margin: 2px;} /* добавлен отступ для изображений расположенных в контейнере */

#flashmap {height: 370px; margin: 10px 10px; padding: 10px 0;}
	#noflash, #noflash_panorama {height: 370px; border: solid 1px #333; background: #333; color: #fff;}
		#noflash span, #noflash_panorama span {display: block; margin: 200px 0 0 0; text-align: center; font-size: 1.5em;}
		#noflash a, #noflash_panorama a {color: yellow;}

#contacts {padding-bottom: 10px;}
	#interactive {float: left; width: 550px;}
	#unteractive {float: right; width: 350px; font-size: .9em;}
		#unteractive h3 {color: #851b26; margin-bottom: 14px;}
		#unteractive ul {margin: 14px 0;}
		#unteractive p {line-height: .8em}
		#unteractive li {line-height: 1.2em}
		#unteractive a {color: #597685; text-decoration: none;}
		.print {display: block; float: left; vertical-align: middle; margin: 0 10px 0 0; text-decoration: underline!important; line-height: 36px!important;}


.hidden { background: url('/sys_pix/blank.gif');}
.thick-box-white-back {background: white; margin: 0 -14px; padding: 15px 45px;}
	.thick-box-white-back .modus-img {width: 215px; float:left;}
	.thick-box-white-back .modus-description {width: 300px; float:right;}
		.thick-box-white-back ul li {background: url('/sys_pix/bul1.gif') 0px 6px no-repeat; margin: 5px 0; padding: 0 0 0 15px;}
		.thick-box-white-back h3 {color: #851b26; font-size: 1.4em; font-weight:bold;}
		.thick-box-white-back .double p {margin:2px;}
		
/*#scanex {
	position: absolute; top: 1072px; margin-left: 30px;
}*/
#imgmap, #foot-sсheme { display: none; }

	.uo-container {background: #fff; padding: 20px 40px; margin: 0 3px 0 1px;}
		.hidden .close {background: url('/sys_pix/bul_close_w.gif') center center no-repeat!important;}
		.uo-container img {margin: 0 15px 15px 0;}
		.uo-container h3 {color: #851b26; font-size: 1.4em;}
		.marginize {margin-left: 220px!important;}
	
	.uo-l {background: url('/sys_pix/ov_w_l.png') left repeat-y;}
	.uo-r {background: url('/sys_pix/ov_w_r.png') right repeat-y; margin-left: 2px; width: 598px;}

	.uo-lt, .uo-rt, .uo-t, .uo-lb, .uo-rb, .uo-b {height: 11px!important; line-height: 1px!important; font-size: 1px!important;}
	.uo-rt, .uo-rb {width: 600px}
	
	.uo-lt {background: url('/sys_pix/ov_w_lt.png') left top no-repeat;}
	.uo-rt {background: url('/sys_pix/ov_w_rt.png') right top no-repeat;}
	.uo-t {margin: 0 12px; background: url('/sys_pix/ov_w_t.png') top repeat-x;}	
	
	.uo-lb {background: url('/sys_pix/ov_w_lb.png') left bottom no-repeat;}
	.uo-rb {background: url('/sys_pix/ov_w_rb.png') right bottom no-repeat;}
	.uo-b {margin: 0 12px; background: url('/sys_pix/ov_w_b.png') bottom repeat-x;}


/*
graceful degradation
.grad-container {background: #e5ebee; width: 100%; border-collapse: collapse;}
.grad-container thead, .grad-container thead tr, .grad-container thead th { width: 100%; height: 35px; overflow: hidden;}
.grad-container thead {background: url('/sys_pix/grad_t.gif') left top repeat-x;}
.grad-container thead tr {background: url('/sys_pix/grad_ltc.gif') left top no-repeat;}
.grad-container thead th {background: url('/sys_pix/grad_rtc.gif') right top no-repeat;}
.grad-container tbody {background: url('/sys_pix/grad_l.gif') left top repeat-y}
.grad-container tbody tr {background: url('/sys_pix/grad_r.gif') right top repeat-y}
.grad-container tfoot, .grad-container tfoot tr, .grad-container tfoot td { width: 100%;height: 13px; overflow: hidden;}
.grad-container tfoot {background: url('/sys_pix/grad_b.gif') left bottom repeat-x;}
.grad-container tfoot tr {background: url('/sys_pix/grad_lbc.gif') left bottom no-repeat;}
.grad-container tfoot td {background: url('/sys_pix/grad_rbc.gif') right bottom no-repeat;}
<table class="grad-container">
	<thead>
		<tr>
			<th>Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>asd</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td></td>
		</tr>
	</tfoot>
</table>
*/

.ticker li {text-align: center; padding: 20px 0 10px 0; background: none!important;}


.fader li {width: 430px; padding:10px 0 5px!important; margin: 0; background: none!important; text-align: center!important;}

.carousel {margin: 10px 10px 0 10px;}

marquee {margin: 0 10px; padding: 10px 0 5px;}
	marquee img {margin: 0 15px 0 0;}
.fader-l, .fader-r {position: absolute; height: 180px; width: 440px; }
.fader-l {margin: -185px 5px 0 5px!important; background: url('/sys_pix/bg_fade_l.png') left top repeat-y;}
.fader-r {margin: -185px 5px 0 5px!important; background: url('/sys_pix/bg_fade_r.png') right top repeat-y;}


div.scrollable { 
    /* required settings */ 
	padding: 10px 0 0 0;
    position:relative; 
    overflow:hidden;
    height:190px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable ul.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable ul.items li { 
	display:block;
    float:left!important; 
	background: none;
	padding: 0;
	text-align: center;
	width: 420px;
} 
 
/* you may want to setup some decorations to active item */ 
ul.items li.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}