@charset "utf-8";
.body.mka .logo,
.body.ncs .logo,
.body.ric .logo,
.body.sw .logo
{width:237px;}

.body.mka #content
,.body.ncs #content
,.body.ric #content
,.body.sw #content
{padding-top: 12px;}


#palitra_cont{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 980px;
	}

#color_table {
	position: relative;
	display:inline-block;
	margin-right:22px;
	margin-top:42px;
	}

.colors{position:relative;}

.colors td {
	padding: 0; 
	line-height:1;
	vertical-align:middle;
	position:relative;
	}

.colors .coords
	{
    color:#8A8A8A;
   	font-size: 11px;
    height: auto;
    text-align: center;
	vertical-align:bottom;
	padding-bottom:2px;
	}
	.groupLabel,.coords.active{font-size: 23px; color:#404040; line-height:0.8;}
	.coords.active{font-size: 16px;color:#404040;}
	.coords.cYg{
		vertical-align:middle; 
		padding-bottom:0;    
		text-align: right;
		width: 50px;
		padding-right:10px;
	}
	tr:first-child .coords.cYg{padding-bottom:10px;}
	tr:first-child .coords.cYg{padding-bottom:2px;}
	.groupLabel{
	font-size: 16px;
	display:inline-block;
	vertical-align:middle;
}
	
.c_cont {
    cursor: pointer;
    width: 52px;
    height: 34px;
	/*border: 2px solid rgb(239,239,239);*/
	border-radius: 2px;
	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
	margin:5px 3px 4px 4px;
	position:relative;
}
.c_cont.active:before{
	content:"";
	display:block;
	position:absolute;
	width:54px;
	height:36px;
	background:url(/images/butony/ric_ramka.png);
	background-size: contain;
	background-repeat:no-repeat;
	top:-1px;
	left:-1px;
	z-index:100;
}

/*
td.waste .c_cont{
	border: 2px solid rgb(255,255,255);
	-webkit-box-shadow: rgba(200,200,200,0.2) 3px 3px 3px;
    -moz-box-shadow: rgba(200,200,200,0.2) 3px 3px 3px;
    box-shadow: rgba(200,200,200,0.2) 3px 3px 3px;
}*/

.teni{
   cursor: pointer;
	height: 34px;
	position: absolute;
	width: 52px;
	top:5px;
	left:4px;
	background:url(/images/teni.png);
	background-size:cover;
	z-index:90;
	opacity:0.1;
	}


.color_nums {
	display:inline-block;
	text-align:right;
	position:relative;
}

#Groups {margin-top:41px;}

#Groups li {
    cursor: pointer;
   	margin: 0;
	display:block;
    position: relative;
    width: 40px;
	text-align:left;
	}
	#Groups li span 
	{
		font-size: 9px;
		line-height:1;
		display:inline-block;
		height:10px;
		vertical-align:central;
		width:20px;
		border-bottom:#FFF solid 1px;
		border-top:#FFF solid 1px;
		position:relative;
	}
	
#Groups span.num {
    display: inline-block;
    text-align: center;
}
#Groups span.letter {
    color: #000000;
	text-align:left;
	padding-left:2px;
	width:18px;
}

#Groups li.get_selected{
	text-align:right;
	}
	#Groups span.plus {
		background:url(../images/butony/big_crest.png) center center no-repeat;
		background-color:#ededed;
		background-size:8px;
	}
	#Groups li.get_selected .num{
		width:auto;
		display:block;
		position:absolute;
		right:24px;
	}

#Groups li.active span.color:before {
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:12px;
	background:url(/images/butony/group_ramka_u.png);
	background-size:100% 100%;
	top:-1px;
	left:0;
	z-index:100;
}

/*
.body_ncs #color_table {margin-right:14px;}	
.body_ncs #Groups li {width:50px;}
.body_ncs #Groups span.num,.body_ncs #Groups span.letter {width:30px;}
.body_ncs #Groups span.letter { padding:0; text-align:center;}
*/

.title{
	color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-align: left;
	line-height:normal;
	padding:0 5px;
	position:absolute;
	background-color:#FFF;
	-webkit-box-shadow: rgba(0,0,0,0.3) 6px 6px 6px;
    -moz-box-shadow: rgba(0,0,0,0.3) 6px 6px 6px;
    box-shadow: rgba(0,0,0,0.3) 6px 6px 6px;
	behavior: url(/js/PIE.htc);
	z-index:500;
	width:70px;
	border:solid 1px #C31C1C;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:none;
}

.settings {
	display:inline-block;
    padding-left: 27px;
	padding-top: 40px;
    width: 170px;
	vertical-align:top;
	text-align:left;
}
.colorSettings{position:relative; padding-left:3px;}
		
.maincolor {
    box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.2);
	-webkit-box-shadow: rgba(50, 50, 50, 0.2) 5px 5px 10px;
    -moz-box-shadow: rgba(50, 50, 50, 0.2) 5px 5px 10px;
	border: 1px solid rgb(200,200,200);
	border-radius: 4px;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
    height: 80px;
    margin-bottom: 19px;
    position: relative;
    width: 120px;
}

.pbplus {
	display:block;
    bottom: 2px;
    cursor: pointer;
    position: absolute;
   	right: -29px;
	width:14px;
	height:14px;
	background:url(/images/butony/big_crest.png) center center no-repeat;
	background-size:contain;
}

.litcrest{
	display:block;
    bottom: 8px;
    cursor: pointer;
    position: absolute;
   	right: 9px;
	width:8px;
	height:8px;
	background:url(/images/butony/big_crest_w.png) center center no-repeat;
	background-size:contain;
	z-index:110;
}

span.notFound{
	font:16px Arial, Helvetica, sans-serif;
	color: #777777;
	text-align:right;
	}
	
/* Поиск */
#mainName{
	position: absolute;
	margin: 0;
	width:120px;
	left: 68px;
	z-index:10;
	top:-4px;
	text-align:center;
	}
	/*.body_ncs #mainName{left: 80px;}*/

#mainName input{
	font-size:16px;
	line-height:1.5;
	color:#404040;
	display:block;
	text-align: center;
	padding:0;
	border: none;
	width:100%;
	text-transform:uppercase;
	}
	
.treuk,.treukd,.treukl,.treukr{
    height: 0;
	width: 0;
	position:relative;
	margin:0 auto;
    cursor:pointer;
}
.treuk,.treukd{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 4px solid #CDCDCD;
	}
	.treukd{
		 border-bottom: none;
		 border-top: 4px solid #CDCDCD;
		 margin-top:2px;
	}
	.treuk div,.treukd div{
		position:absolute;
		width:32px;
		height:20px;
		top:-10px;
		left:-16px;
	}
.treukl,.treukr{
	display:inline-block;
	vertical-align:middle;
    border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	}
	.treukr{
		border-left: 4px solid #CDCDCD;
		border-right: none;
		margin-left:5px;
	}
	.treukl{
		border-right: 4px solid #CDCDCD;
		border-left: none;
		margin-right:5px;
	}
	.treukl div,.treukr div{
		position:absolute;
		width:20px;
		height:32px;
		top:-16px;
		left:-10px;
	}
#cont_name{
	display:inline-block;
	vertical-align:middle;
	width:100px;
}
.cont_group{
	position:absolute;
	right:0;
	top:0;
}
	
/*Выбранные цвета*/	
.d_colormap {
	width:720px;
	text-align:left;
	position:absolute;
	top: 520px;
	box-sizing:border-box;
	padding-left:24px;
	}
.d_colormap li, 
.my_select li, 
.d_colormap ol, 
.my_select, 
.c_sel_group>div,
.d_colormap .simple{
	display:inline-block;
	vertical-align:middle;
}
.d_colormap .simple{line-height:46px;}

.selectedColors li, .my_select li{position:relative;}
.selectedColors .del{
	position:absolute;
	z-index:200;
	background:url(/images/butony/x.png) center center no-repeat;
	background-size:contain;
	width:9px;
	height:9px;
	cursor:pointer;
	bottom:6px;
	right:7px;
	visibility:hidden;
	}
	.selectedColors li:hover .del{
		visibility:visible;
	}

.sname{
	position:absolute;
	font-size:8px;
	line-height:1;
	z-index:101;
	width:100%;
	text-align:center;
	bottom:-16px;
}

.save_selected div{
	width: 12px;
	margin:4px 0 4px 6px;
	cursor:pointer;
	}
	.save_selected .plus{
		height:38px;
		background:url(../images/butony/big_crest.png) center center no-repeat;
		background-size:8px;
	}
	.save_selected .treload{
		height:7px;
		background:url(../images/butony/treload.png) center center no-repeat;
		background-size: contain;
		position: relative;
	}
	
.selectedColors .c_cont, .my_select .c_cont {
	height:38px;
}
li.active .c_cont:before {
	content:"";
	height:38px;
	width:54px;
	display:block;
	background-image:url(/images/butony/ric_ramka.png);
	background-size: contain;
	top:0;
	left:0;
	z-index:100;
	position:absolute;
	}

/* Фoрмулы */
.i_text { display:inline-block;}

.formula .un {
    color: #CCC;
   font: inherit;
}

ul.litr{
	display:none;
	position:absolute;
	background-color:#FFF;
	margin-top:1px;
	left:0;
	z-index:5;
	}
	
	ul.litr li{cursor:pointer;}
	ul.litr li a {
		font: 9px Arial,Helvetica,sans-serif;
		color:#CCC;
		text-decoration: none;
		display: block;
		padding: 2px .4em;
		line-height: 1.5;
		min-height: 0; /* support: IE7 */
		font-weight: normal;
		position:relative;
		text-align: center;
		margin:1px;
		}
		ul.litr a:hover{ background:#EFEFEF;}
		ul.litr li a.active{color: #666;}

.formula{
	margin-bottom:7px;
	}
#red_formul td,
#red_formul span,
.formula td,
#color_modely td,
.contact a{
    color: #666;
    font: 9px Arial,Helvetica,sans-serif;
    text-align:left;
	line-height:12px;
	position:relative;
	}
	.formula td.zero{ color:#CCC;}
	.formula td.tcenter{ text-align:center;}
	#color_modely td{font-size:8px; line-height:12px;}
		
#menu_formul{
	position:relative;
	width:168px;
	border:#cbcbcb solid 1px;
	margin-bottom:10px;
	cursor:pointer;
	}
	#menu_formul table{width:100%;}
	#menu_formul td{
		vertical-align:middle;
		border:none;
		line-height:1;
		padding:3px 0 2px;
	}
	#menu_formul td:last-child{width:24px;}
	#menu_formul .plus{
		background:url(../images/butony/big_crest.png) center center no-repeat;
		background-color:#ededed;
		background-size:8px;
		width:24px;
	}
	.vual div{
		font:9px Arial, Helvetica, sans-serif;
		line-height:1;
		color:#808080;
		text-align:center;
		min-width:10px;
		}
		.vual{width: auto; background-color:#ededed;}
		.vual.zerom{width:50px;}
		.vual.zerom.act{width:auto;
			}
			.vual.zerom.act div{ text-align:left; padding-left:10px;}
		.vual.act{background-color: #FFF;}
		
.vual div:after{
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:14px;
	background-image:url(../images/butony/krug_pass.png);
	background-size:contain;
	background-position:top left;
	background-repeat:no-repeat;
	z-index:2;
	top:0;
	right:-6px;
	}
	.vual.act div:after{background-image:url(../images/butony/krug_act.png);}
	
#red_formul td.fknop,#formula td.fknop{
	line-height:25px;
	text-align:center;
	cursor:pointer;
	position:relative;
	}
	#del_formula{
		bottom:7px;
		right:0;
	}

#red_formul{margin:15px 5px 0 0;}
#red_formul thead td{padding:5px 0;}
#red_formul tbody td{padding:1px 0;}
#red_formul input{
	font: 9px Arial,Helvetica,sans-serif;
	color: #333;
	width: 100%;
	line-height:1;
	border: #E5E5E5 solid 1px; 
	padding:1px 0 1px 5px;
}

#baza ul{
	margin:0;
	top:2px;
	left:10px;
	}
	#baza li{display:inline-block;}
	
/* ГРУППЫ СОХРАНЕННЫХ */
#selectedGroups{
	width:684px;
	height:496px;
	padding-top:30px;
}

.c_sel_group{
	margin-bottom:30px;
	position:relative;
}

.my_select{width:241px;}
.gr_data>div{
	width:70px;
	text-align:center;
	padding: 2px 0;
	color: #666;
	font: 9px Arial,Helvetica,sans-serif;
}
.gr_text textarea {
	display:block;
	height:38px;
	width:300px;
	border:2px solid rgb(239,239,239)
	color: #666;
	font: 9px Arial,Helvetica,sans-serif;
}

.c_sel_group .treload{
		width:12px;
		height:7px;
		background:url(../images/butony/treload.png) center center no-repeat;
		background-size: contain;
		position:absolute;
		z-index:2;
		top:15px;
		left:640px;
	}
	
/* Транслятор */
.translator td, .translator th, .translator input{
	font: 11px/2 Arial, Helvetica, sans-serif;
	color:#333;
}
.translator td, .translator th{border:#999 solid 1px;}
.translator th{background-color:rgb(189,192,191);}
.translator td, .translator th{padding:0 5px;}
.translator .cgreen{color:#093;}