@import url("reset.css");
body,html {height:100%}
body {color:#333; background-color:#fff; font:11px Verdana,Tahoma,'MS Sans Serif',sans-serif}
td,th {color:#333; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#c00; text-decoration:none}
a:hover {text-decoration:underline}

.m-title {color:#5d84ff; font-size:22px; font-weight:normal; padding-bottom:12px}
.o-title {color:#ff9c00 !important}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:980px; border-left:10px solid #757575; border-right:10px solid #757575; height:auto !important; height:100%; min-height:100%}

.outer {position:relative; margin:0 -10px; border-top:10px solid #757575; background:url(/en/img/crn-big.png) no-repeat 100% -39px}
.inner {max-width:1280px; margin:0 auto}

/* // ---- top ---- // */
.top {padding:10px 0 0; height:111px}
	.top .logo {float:left; width:259px; margin-right:-259px}
.lang-bar {position:relative; left:28%; width:25%; font-size:12px; font-weight:bold; padding-top:8px; height:40px}
	.lang-bar li {position:relative; float:left; color:#5d84ff; padding-right:10px; padding-left:13px}
	.lang-bar i {position:absolute; left:0; top:5px; width:7px; height:7px; background-color:#5d84ff; font-size:1px}
	.lang-bar a i {background-color:#c00}

.alphabet {position:relative; left:28%; background:url(/en/img/alphabet.png); width:704px; height:38px}

.icons {position:absolute; width:193px; top:21px; right:0; font-size:1px}
	.icons a, .icons span {position:relative; display:block; width:11px; height:11px; overflow:hidden}
		.icons i {position:relative; display:block; width:34px; height:11px; background-image:url(/en/img/icons.gif)}
	.icons li {float:left; padding-right:21px}
	.icons .ico-home {}
	.icons .ico-mail {width:12px}
		.icons .ico-mail i {left:-11px}
	.icons .ico-smap {}
		.icons .ico-smap i {left:-23px}
/* -- ---- top ---- -- */

/* // ---- middle ---- // */
.middle {padding-bottom:25px}
	.middle .l-col-1 {position:relative; z-index:2; float:left; width:250px; margin-right:-50%}
	.middle .l-col-2 {float:left; width:100%; margin-right:-100%}
		.middle .l-col-2-i {position:relative; margin:0 22% 0 28%}
	.middle .l-col-3 {position:relative; z-index:2; float:right; width:203px; padding-bottom:165px}
/* -- ---- middle ---- -- */

.slogan {position:relative; margin:-43px 0 21px}

/* // ---- navigation ---- // */
.navigation {position:relative; margin-right:-10px; font-size:12px; background:#757575 url(/en/img/wcrn-br.gif) no-repeat 100% 100%; padding:3px 0 10px; margin-bottom:10px}
	.navigation li {color:#fff; padding:5px 10px 7px 28px; background:url(/en/img/li.gif) no-repeat 10px 9px}
	.navigation a {color:#fff}
	.navigation .big {margin-top:6px;}
	.navigation #hr {background-color:#5d84ff}

.m-nav-prof {font-weight:bold; background-color:#5d84ff; margin-right:0; margin-bottom:40px}
	.m-nav-prof #hr {background-color:#4765c5}
/* -- ---- navigation ---- -- */

/* // ---- simple left ---- // */
.b-simple-left {background-color:#eee; margin-bottom:20px}
	.b-simple-left h2, .b-simple-right h2 {color:#fff; font-size:14px; background-color:#999; padding:3px 5px 4px 28px}
	.b-simple-right h2 {padding-left:8px}

.b-simple-right {background-color:#eee; margin-bottom:10px}
.b-simple-right .b-gray-cont {padding-left:22px}
	.b-simple-right .g-crn {height:1px}
	.b-simple-right .g-crn i {top:-8px; margin-bottom:-8px; margin-left:0; background-image:url(/en/img/wcrn-bl.gif)}

.g-crn {height:9px; font-size:1px}
	.g-crn i {position:relative; display:block; margin-left:auto; width:9px; height:9px; background-image:url(/en/img/wcrn-br.gif)}
.m-dgray {background-color:#d4d4d4}
/* -- ---- simple left ---- -- */

.b-list-ev {padding:9px 0 0}
	.b-list-ev .dt {font-size:10px; font-weight:bold}
	.b-list-ev li {padding:0 10px 13px 28px}

.b-news-ev {}
	.b-news-ev li {background:url(/en/img/li-2.gif) no-repeat 8px 3px; padding-left:22px}

.resp-all {padding:0 0 0 28px}
	.resp-all a {display:block; padding-right:15px; background:url(/en/img/m-ar.gif) no-repeat 100% 4px}
	.resp-all li {padding-bottom:8px}

.b-simple-right .resp-all {padding-bottom:10px}

.b-sim-cont {padding:8px 10px 0 28px}
	.b-sim-cont p {padding-bottom:13px}

.b-sidecont {padding:8px 10px 0 8px; margin-bottom:-2px}
	.b-sidecont ul {padding-bottom:10px}
	.b-sidecont li {padding:0 10px 3px 14px; background:url(/en/img/li-2.gif) no-repeat 0 4px}
	.b-sidecont .call {font-size:10px; font-weight:bold; padding-bottom:0; background-position:0 7px; margin-bottom:-1px}
		.b-sidecont .call big {font-size:14px}

.b-gray-cont {background-color:#d4d4d4; padding:8px 10px 0 28px}
	.b-gray-cont .all {position:relative; margin-right:-10px; display:block; background:url(/en/img/m-ar-1.gif) no-repeat 100% 4px}
	.b-gray-cont p {padding-bottom:13px}

.b-briefly {padding-bottom:15px}
	.b-briefly p {padding-bottom:13px}

/* // ---- list services ---- // */
.list-services {position:relative; margin-left:-10px}
	.list-services li {display:-moz-inline-stack; display:inline-block; vertical-align:top; width:50%; margin-right:-3px}
	.list-services .i {padding-left:10px; padding-bottom:10px}
	.list-services h2 {position:relative; color:#fff; font-size:18px; padding:12px 14px 14px; font-weight:normal; background:url(/en/img/wcrn-bl.gif) no-repeat 0 100%; margin-bottom:11px}
		.list-services h2 .r {position:absolute; margin-left:100%; top:0; left:-9px; width:9px; height:9px; background-image:url(/en/img/wcrn-tr.gif); font-size:1px}
	.list-services .type-1 {background-color:#d21818}
	.list-services .type-2 {background-color:#da2814}
	.list-services .type-3 {background-color:#ec4f0a}
	.list-services .type-4 {background-color:#fc7602}
	.list-services .type-5 {background-color:#ff9600}
	.list-services .type-6 {background-color:#ffb200}
	.list-services .type-7 {background-color:#ffc400}
	.list-services p {padding-bottom:13px}
	

/* -- ---- list services ---- -- */

.b-smart-info {background:#d4d4d4 url(/en/img/wcrn-br.gif) no-repeat 100% 100%; padding:5px 15px 8px 9px; margin-bottom:26px}
	.b-smart-info .more {background-image:url(/en/img/m-ar-1.gif)}
	.b-smart-info .prev-p {float:left}
	.b-smart-info .next-p {float:right}

/* // ---- for editor ---- // */
.for-editor {}
	.for-editor p {padding-bottom:13px}
	.for-editor h1 {color:#5d84ff; font-size:30px; font-weight:normal; padding-bottom:9px}
	.for-editor h2 {color:#5d84ff; font-size:24px; font-weight:normal; padding-bottom:10px; padding-top:8px}
	.for-editor h3 {color:#5d84ff; font-size:18px; font-weight:normal; padding-bottom:13px; padding-top:8px}
	.for-editor h4 {font-size:14px; padding-bottom:6px}
	.for-editor ul {padding-bottom:15px}
		.for-editor ul h4 {position:relative; top:-2px; margin-bottom:-2px}
		.for-editor ul li {padding:0 0 5px 25px; background:url(/en/img/li-1.gif) no-repeat 0 4px}
	.brd {height:1px; background-color:#d4d4d4; margin:3px 0 22px; font-size:1px; overflow:hidden}
	.bquo {position:relative; background:#d4d4d4 url(/en/img/wcrn-bl.gif) no-repeat 0 100%; padding:15px 25px 8px; margin-bottom:17px}
		.bquo .r {position:absolute; margin-left:100%; top:0; left:-9px; width:9px; height:9px; background-image:url(/en/img/wcrn-tr.gif); font-size:1px}
	.b-2-col {position:relative; margin-left:-10px}
		.b-2-col table {width:100%}
		.b-2-col td {vertical-align:top; padding-left:10px; width:50%}
	.b-3-col {position:relative; margin-left:-10px}
		.b-3-col table {width:100%}
		.b-3-col td {vertical-align:top; padding-left:10px; width:33%}

.b-snav {background:#eee url(/en/img/wcrn-br.gif) no-repeat 100% 100%; padding-bottom:4px}
	.b-snav dt {color:#fff; font-size:14px; font-weight:bold; background-color:#999; padding:3px 5px 4px 14px; margin-bottom:8px}
	.b-snav dd {padding:0 10px 9px 14px}

.b-3-col .b-snav li { list-style: none; padding-top: 3px; padding-bottom: 5px; padding-left: 7px; }
.b-3-col .b-snav a, .b-3-col .b-snav a:hover { display:block; padding-top: 4px; }

/* -- ---- for editor ---- -- */

.b-people-list {font-size:10px; line-height:11px; padding:7px 0 0 8px}
	.b-people-list li {position:relative; padding:0 10px 15px 70px}
	.b-people-list .img-cover {position:relative; float:left; left:-70px; margin-right:-70px; margin-top:3px}
	.b-people-list p {padding-top:6px}

.bottom {position:relative; margin-left:auto; width:72%; padding-bottom:30px}
	.bottom .alphabet {left:0; margin-bottom:17px}
	.bottom .copyright {float:left}
	.bottom .develop {float:right; color:#757575; padding-right:30px}

.bottom-brd {position:relative; display:block; min-width:1000px; height:10px; background-color:#757575; margin-top:-10px}
	.bottom-brd i {position:absolute; left:10px; top:-49px; width:50px; height:49px; background:url(/en/img/crn-big.png)}
	.bottom-brd .flag {position:absolute; top:-271px; margin-left:100%; left:-200px; width:200px; height:154px; background-image:url(/en/img/flags.png)}
