html {height:100%; margin:0; padding:0}
#wrap {position:relative; height:100%; min-height:100%; width:891px; margin:0 auto; background:url('/content/images/bodybg.gif') repeat-y left top}
html #wrap {height:auto; overflow:hidden}
#white-line-top {position:absolute; top:0; left:0; width:100%; height:4px; background:white}
#white-line-bottom {position:absolute; bottom:0; left:0; width:100%; height:16px; background:white}
/*border-left:1px solid #ecf1da; border-right:1px solid #ecf1da*/

/* common styles */
a {color:#012a7c}
a:hover {color:#2543a0}
.centered {width:889px; margin:0 auto}
.center {position:relative; float:left; left:50%}
.inner {position:relative; float:left; right:50%}
.over {overflow:hidden}
.hide {display:none}
.fr {float:right}
.fl {float:left}
img {border:0}
input {font-family:Tahoma, Arial}
.error, .warning, .red {color:crimson}
.ok {color:green}
sup { vertical-align: baseline; position: relative; top: -0.4em; }
sub { vertical-align: baseline; position: relative; bottom: -0.4em; }

/* header */
#header {position:absolute; top:4px; width:100%; height:340px; z-index:10}
#header .centered {height:340px}
#header #head-bar {display:block; margin:0; height:80px; text-indent:-9999px; background:url('/content/images/header.jpg') no-repeat left top}
#header #head-logo {float:left; text-decoration:none; font-weight:bold; text-align:center; width:165px; height:50px; padding-top:95px; margin:35px 10px 0 10px; background:url('/content/images/icoss.gif') no-repeat center top}
#header .head-map {float:left; width:300px; margin:-1px 10px 0 10px}
#header .head-about {float:right; width:366px; margin:1px 0 0 0; padding:0 0 0 0}
#header .head-about p {margin:0; padding:0}
#header .head-about .rblock-inner {
	height:154px;
	min-height:154px; 
	width:341px; 
	padding:15px 5px 8px 20px;
	-moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
}
#header .head-caption {float:left; width:873px; height:42px; margin:6px 0 0 7px; text-align:center; line-height:130%; background:url('/content/images/captionbg.gif') no-repeat left top}
#header .head-caption p {margin:5px 0; padding:0 10px}
#header #menu-head {height:30px; margin:5px 0 0 5px; padding:0; list-style:none}
#header #menu-head li {float:left; padding:0 5px; margin:0}

/* rounded gradient block */
.rblock {position:relative; background:#fcfdfe url('/content/images/block-top.gif') repeat-x left top}
.rblock div.rblock-inner {position:relative; float:left; min-height:170px; background:url('/content/images/block-bottom.gif') repeat-x left bottom; padding:8px 20px; overflow:hidden}
.rblock i.corner {display:block; width:8px; height:8px; position:absolute; font-size:1px; line-height:1px}
.rblock i.corner-lt {left:0; top:0; background:url('/content/images/corner-lt.gif') no-repeat left top}
.rblock i.corner-rt {right:0; top:0; background:url('/content/images/corner-rt.gif') no-repeat left top}
.rblock i.corner-lb {left:0; bottom:0; background:url('/content/images/corner-lb.gif') no-repeat left top}
.rblock i.corner-rb {right:0; bottom:0; background:url('/content/images/corner-rb.gif') no-repeat left top}

/* footer */
#footer {position:absolute; bottom:0; width:100%; height:60px; z-index:10}
#footer .centered {height:60px; background:url('/content/images/footer.jpg') no-repeat center top}
#footer .foot-text {position:relative; text-align:center; padding:2px 0}
#footer .foot-text p {margin:2px 0}
#footer .foot-counters {position:absolute; left:10px; top:6px; height:60px}

/* body */
#page {padding:340px 0 50px 0; width:870px; margin:0 auto; overflow:hidden}
#registrform .text h1, .text h2 {margin:0 0 20px 20px; padding:0; text-transform:uppercase; font:bold 14px Arial}
.text h1, .text h2 {margin:0 0 20px 0px; padding:0; text-transform:uppercase; font:bold 14px Arial}
.text h1.small-margin {margin-bottom:5px}
.text p {line-height:130%; margin:7px 0 10px 0; text-align:justify}
.text p.mr {margin-right:40px}
.text .text-italic-gray {color:#4b4b4b; font:italic 14px Arial}
.text .text-blue {color:#122C7B}
.textframe {border:1px solid #cbe79d; padding:10px; margin-top:20px; margin-right: 20px; width: 810px; height:250px; color:#4b4b4b; overflow-x:hidden; overflow-y:scroll}

/* center column */
#column-center {margin-left:140px; padding:0 5px; width:720px}

/* left column */
#column-left {float:left; width:140px}
ul.menu-left {display:block; width:132px; margin:0 0 10px 0; padding:0; list-style:none}
ul.menu-left li {display:block; width:132px; height:26px; padding:0}
ul.menu-left li a {display:block; width:125px; height:22px; padding:4px 0 0 7px; text-decoration:none; overflow:hidden; color:white; background:url('/content/images/menubg.gif') no-repeat left top}
ul.menu-left li a.cur {background-position:0 -26px}
ul.menu-left li a:hover {background-position:0 -26px; color:white}
ul.menu-left li.submenu {position:relative}
ul.menu-left li.submenu a {background-position:0 -52px}
ul.menu-left li.submenu a.cur {background-position:0 -78px}
ul.menu-left li.submenu a:hover {background-position:0 -78px}
ul.menu-left ul {display:none; position:absolute; top:0; right:-200px; width:200px; padding:0; background:white; z-index:10}
ul.menu-left ul li {width:auto; height:auto}
ul.menu-left ul li a {width:auto; height:auto; padding-bottom:6px; margin:1px 1px 1px 0; background:#1e264a; color:white; border:1px solid #2c2d41; border-radius:4px}
ul.menu-left ul li a:hover {background:#434776}
ul.menu-left li a.ml_exit {background-position: 0px -104px;}
ul.menu-left  li a.ml_exit:hover {background-position: 0px -130px;}

/* orders table */
table.order {border-collapse:collapse; font-size:.9em; width:100%}
table.order th, table.order td {border:1px solid #cbe79d}
table.order th {font-weight:normal; padding:2px 4px}
table.order th.tleft {text-align:left}
table.order th.pad {padding:8px 10px}
table.order td {color:#4b4b4b; padding:8px 10px; text-align:left; vertical-align:top}
table.order tr.tabsection td {text-align:center; font-style:italic; font-family:Arial; color:#122C7B}
table.order td.tdcen {text-align:center}
table.order td.tdcen label {margin:0 0 0 7px}
table.order td.padtop {padding-top:10px}
.price {color:crimson; font-weight:normal}
.itogo {display:block; margin:5px 0 15px 10px}
.itogo label {text-transform:uppercase; padding-right:5px}

/* messages table */
table.messages {border-collapse:collapse; font-size:.9em; width:100%}
table.messages th {background:#e0fcb1; color:#4b4b4b; text-align:left; text-transform:uppercase; padding:5px; font-weight:normal}
table.messages #check-all {display:block; width:15px; height:15px; background:url('/content/images/cbox.gif') no-repeat 0 -5px; border:0; margin:3px 0 0 8px; cursor:pointer; text-indent:-9999px}
table.messages #check-all.checked-all {background-position:0 -28px}
table.messages label {margin:3px 0 0 8px}
table.messages .del {display:inline-block; width:23px; height:23px; cursor:pointer; background:url('/content/images/del.gif') no-repeat left top; border:0}
table.messages td {padding:5px; line-height:130%}
table.messages td.markdel {color:#bbb}
table.messages td.tdcen {text-align:center}

/* pages */
.pagenav {display:block; list-style:none; padding:0; margin:10px 0; text-align:center; font-size:14px}
.pagenav li {display:block; float:left}
.pagenav li a {color:#4b4b4b}
.pagenav li a:hover {color:black}
.pagenav li a.txt {text-transform:uppercase}
.pagenav li a, .pagenav li b {display:block; padding:2px 5px; text-decoration:none}
.pagenav li b {color:black}

.temperr {font-size:10px;text-align:center;}

/* form styles */
.input-form {float:left; width:100%; margin:0 0 8px 0px; background: 4px solid lime;}
#registrform .input-form {float:left; width:100%; margin:0 0 8px 20px; background: 4px solid lime;}
#registrform h1 {margin: 0px 0px 20px 20px;}
.input-form .field-block {display:block; width:100%; margin:0 0 2px 0; padding:0}
.input-form .field-block label {display:block; float:left; width:155px; padding-top:3px}
.input-form .field-block input.tinp {display:inline-block;margin: 0; border:1px solid #cbe79d; background:white; padding:2px 3px; width:320px}
.input-form .field-block input.dtinp {width:107px; background:url('/content/images/dt.gif') no-repeat right top; cursor:pointer;display:inline-block;}
.input-form .field-block textarea {display:inline-block;border:1px solid #cbe79d; background:white; padding:2px 3px; width:320px; height:80px; resize: vertical}
.input-form .field-block .submit-button {margin-left:160px}
.input-form .submit-button {border:0; margin:5px 0 0 0; padding:2px; cursor:pointer; color:#58635d; text-transform:uppercase; text-align:center; height:25px}
.input-form .sb-short {background:url('/content/images/sendbtn1.gif') no-repeat left top; width:80px}
.input-form .sb-normal {background:url('/content/images/sendbtn2.gif') no-repeat left top; width:116px}
.input-form .sb-long {background:url('/content/images/sendbtn3.gif') no-repeat left top; width:180px}
.input-form .submit-button:hover {background-position:0 -25px}
.input-form .combo {width:100%}
.input-form .mb {margin-bottom:10px}
.input-form label.ui-radio {background-image:url('/content/images/radio.gif'); background-position:0 -1px}
.input-form label.ui-checkbox {background-image:url('/content/images/cbox.gif'); background-position:0 0}
.input-form label.ui-checkbox, .input-form label.ui-radio {padding: 2px 0 2px 18px; background-repeat:no-repeat; cursor:pointer}
.input-form label.ui-checkbox-state-hover {background-position: 0 -46px}
.input-form label.ui-checkbox-state-checked {background-position: 0 -23px}
.input-form label.ui-checkbox-state-checked-hover {background-position: 0 -69px}
.input-form label.ui-radio-state-hover {background-position: 0 -45px}
.input-form label.ui-radio-state-checked {background-position: 0 -23px}
.input-form label.ui-radio-state-checked-hover {background-position: 0 -67px}
.input-form .ui-helper-hidden-accessible {outline:none}
.wrap_captcha {float:left; margin-right:10px; width: 80px; height: 45px; overflow: hidden;}
.input-form .captcha {margin:20px 0}
.input-form .captcha img {display: block; position: relative; margin: -3px 0px 0px -50px;}
.input-form .captcha span {display:block; margin-bottom:7px}
.input-form .captcha input.tinp {width:150px; margin-top: 8px;}
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

/* забыли пароль */

.remember_pass {
	float: none;
	width: 300px;
	height: 160px;
	margin: 0 auto;
	padding: 0 20px;
	background: #F4FFE1;
	border: 1px solid #CBE79D;
	font-size: 12px;
}

.remember_pass .rp_mail, .remember_pass  .rp_field{
	text-align: center;
}

.remember_pass .rp_field {
	margin: 8px 0px;
}

.remember_pass input[type="text"] {
	border: 1px solid #CBE79D;
}

.remember_pass input.rp_submit:hover {
	background: url("../images/rp_bg.png") no-repeat 0px -25px;
}
.remember_pass input.rp_submit {
	background: url("../images/rp_bg.png") no-repeat 0px 0px;
	height: 24px;
	width: 116px;
	color: #595959;
	font-size: 13px;
	border: 0;
	cursor: pointer;
}

/* новый пароль */

.new_pass {
	float: none;
	width: 318px;
	height: 143px;
	margin: 0 auto;
	background: #F4FFE1;
	border: 1px solid #CBE79D;
	font-size: 12px;
	text-align: center;
}

.new_pass .rp_mail, .new_pass  .rp_field{
	text-align: center;
}

.new_pass .rp_field {
	margin: 8px 0px;
}

.new_pass input[type="text"] {
	border: 1px solid #CBE79D;
}

.new_pass input[type="password"] {
	border: 1px solid #CBE79D;
	float: right;
	width: 169px;
	margin: 0px 16px 2px 0px;
}

.new_pass input.rp_submit:hover {
	background: url("../images/rp_bg.png") no-repeat 0px -25px;
}
.new_pass input.rp_submit {
	background: url("../images/rp_bg.png") no-repeat 0px -0px;
	height: 24px;
	width: 116px;
	color: #595959;
	font-size: 13px;
	border: 0;
	cursor: pointer;
	margin-top: 9px;
}

.new_pass .pass_title {
	font-size: 14px;
	color: #012a7c;
	font-weight: bold;
	margin: 20px 0px 14px 0px;
	text-transform: uppercase;
}

.new_pass .field-name {float: left; margin: 1px 0px 0px 18px; font-size: 13px; color: #012a7c;}

/* custom form styles */
#auth-form {float:none; width:300px; height:153px; margin:0 auto; padding:0 20px; background:#f4ffe1; border:1px solid #cbe79d; font-size:12px}
#auth-form h1 {display:block; margin:0; padding:15px 0 10px 0; text-align:center; text-transform:uppercase; font-size:14px; font-weight:bold}
#auth-form .field-block label {width:60px}
#auth-form .field-block input {width:230px}
#auth-form a {float:left; margin:8px 8px 0 0}
#auth-form .needchange {float:none; margin:0;color:red;text-align:center;}
.needchange {color:red;text-align:center;}
#auth-form .submit-button {float:right}

#reg-form {width:auto; margin:0 20px}
#reg-form .field-block {overflow:hidden}
#reg-form .field-block input {float:left; margin-right:10px}
#reg-form .field-block .error {float:left; padding-top:5px}
#reg-form .field-block sup {margin-left:3px}

#edit-form .submit-button {margin-left:394px}

#filter-form {height:35px; margin:0}
#filter-form .status {float:right; margin-right:2px; width:230px}
#filter-form .status label {float:left; margin-top:5px; font-weight:bold}
#filter-form .status p {float:right; margin:0; width:180px}
#filter-form .period {float:left; width:auto; font-weight:bold}
#filter-form .period label {float:left; width:auto; margin-right:5px}
#filter-form .period input {float:left; margin-right:5px}
#filter-form .period-combo {height:30px}
#filter-form .period-combo label {float:left; width:auto; margin-right:5px; font:14px Arial}
#filter-form .period-combo div.sel {float:left; width:100px; margin-right:5px}

#filter-form .period-combo div.sel input[type="button"]:hover {
	background: url("../images/rp_bg95.png") no-repeat 0px -25px;
}
#filter-form .period-combo div.sel input[type="button"] {
	background: url("../images/rp_bg95.png") no-repeat 0px 0px;
	height: 24px;
	width: 95px;
	color: #595959;
	font-size: 13px;
	border: 0;
	cursor: pointer;
	position: relative; left: 8px; bottom: 2px !important;
}
	
}

#back-form {width:600px; padding-bottom:10px}
#back-form textarea {width:592px; height:100px}
.temperr {
	line-height: 10px!important;
	display: inline-block!important;
	margin: 0 15px!important;
}

.l-global__row {
    display: table-row;
}
.l-global__col {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
.l-global__col-footer {
    vertical-align: bottom;
    padding:0;
    height:auto;
}
.layout {
    width:auto;
    min-width:1000px;
    margin:0;
}
.l-row,
.l-row_fullwidth {
    width:960px;
    margin:0 auto 20px auto;
}
/* footer_ */
.footer {
    color:#fff;
    padding:35px 35px;
    margin:0 -20px;
    background: #195274;
}

.l-row_inside {
    width:auto;
    margin:0 -15px 24px -15px;
    -moz-transition:width .25s, left .25s;
    -webkit-transition:width .25s, left .25s;
    -o-transition:width .25s, left .25s;
    transition:width .25s, left .25s;
}

.l-row_fullwidth {
    width:auto;
    min-width:1000px;
}

.l-row:before,
.l-row:after,
.l-row_inside:before,
.l-row_inside:after,
.l-row_fullwidth:before,
.l-row_fullwidth:after {
    content:" ";
    display: table;
}

.l-row:after,
.l-row_inside:after,
.l-row_fullwidth:after {
    clear: both;
    *zoom: 1;
}
.l-col,
.l-col_01,
.l-col_02,
.l-col_03,
.l-col_04,
.l-col_05,
.l-col_06,
.l-col_07,
.l-col_08,
.l-col_09,
.l-col_10,
.l-col_11,
.l-col_12,
.l-col_fullwidth {
    float:left;
    position:relative;
    padding:0;
    margin:0;
    -webkit-box-sizing: border-box; /* TODO: border-box is realy needed? Don't think so */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l-col,
.l-col_01 {width:50px;margin-right:-50px;}
.l-pos_01 {left:15px;}

.l-col_02 {width:130px;margin-right:-130px;}
.l-pos_02 {left:95px;}

.l-col_03 {width:210px;margin-right:-210px;}
.l-pos_03 {left:175px;}

.l-col_04 {width:290px;margin-right:-290px;}
.l-pos_04 {left:255px;}

.l-col_05 {width:370px;margin-right:-370px;}
.l-pos_05 {left:335px;}

.l-col_06 {width:450px;margin-right:-450px;}
.l-pos_06 {left:415px;}

.l-col_07 {width:530px;margin-right:-530px;}
.l-pos_07 {left:495px;}

.l-col_08 {width:610px;margin-right:-610px;}
.l-pos_08 {left:575px;}

.l-col_09 {width:690px;margin-right:-690px;}
.l-pos_09 {left:655px;}

.l-col_10 {width:770px;margin-right:-770px;}
.l-pos_10 {left:735px;}

.l-col_11 {width:850px;margin-right:-850px;}
.l-pos_11 {left:815px;}

.l-col_12 {width:930px;margin-right:-930px;}
.l-pos_12 {left:895px;}

.l-col_fullwidth {float:none;width:auto;margin:0;left:0;}
/*
 layout grid switch at 1280px
 layout rows width: 1200px;
 left/right margins: 15px;
 cols: 12x70px by 30px gutter-margins
 effective content width: 1170px
 */
@media only screen and (min-width:1280px) {
.l-row {width:1200px;}
.l-row_fullwidth {width:auto;}
.l-row_inside {width:auto;margin:0 -15px 20px -15px;}

.l-col_01 {width:70px;margin-right:-70px;}
.l-pos_01 {left:15px;}

.l-col_02 {width:170px;margin-right:-170px;}
.l-pos_02 {left:115px;}

.l-col_03 {width:270px;margin-right:-270px;}
.l-pos_03 {left:215px;}

.l-col_04 {width:370px;margin-right:-370px;}
.l-pos_04 {left:315px;}

.l-col_05 {width:470px;margin-right:-470px;}
.l-pos_05 {left:415px;}

.l-col_06 {width:570px;margin-right:-570px;}
.l-pos_06 {left:515px;}

.l-col_07 {width:670px;margin-right:-670px;}
.l-pos_07 {left:615px;}

.l-col_08 {width:770px;margin-right:-770px;}
.l-pos_08 {left:715px;}

.l-col_09 {width:870px;margin-right:-870px;}
.l-pos_09 {left:815px;}

.l-col_10 {width:970px;margin-right:-970px;}
.l-pos_10 {left:915px;}

.l-col_11 {width:1070px;margin-right:-1070px;}
.l-pos_11 {left:1015px;}

.l-col_12 {width:1170px;margin-right:-1170px;}
.l-pos_12 {left:1115px;}

.l-col_fullwidth {float:none;width:auto;margin:0;left:0;}
}