﻿@import url("bootstrap.css");
body {margin: 0px; padding: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px}
a.js {text-decoration: none; border-bottom: 1px dotted; cursor: pointer}
a {color: rgb(248,39,40)}
a:hover {color: #A00}
.clear {clear: both}
.right {display: block; float: right}
.ar {text-align: right}
.bold {font-weight: bold}
.warn {border: 1px solid #A00; background: #fff5f5; padding: 15px; margin-top: 15px}
#heeder {margin-top:10px; height: 125px; overflow: hidden;}
#header ul {list-style: none; padding: 0px; display: block; width: 102%; overflow: hidden; margin: 14px 0px 10px 0px; line-height: 21px }
#footer ul {list-style: none; padding: 0px; display: block; margin: 14px 0px 10px 0px; line-height: 21px }
#footer ul li { white-space: nowrap;}


/*
@media screen and (max-width:1200px) {
	#header ul{ min-width: 124% }
}
*/
._shiptor_widget[data-mode="inline"] {margin: 0 auto;padding-bottom: 10px;}
.main-mark {
	color: #d00;
}

#header ul li, #footer ul li {display: inline; margin-right: 1%}
#top-phone ul li {margin: 0px 7px 0px -3px}
#header a {color: #000}
#header a:hover {color: #f00}
#top-phone {margin-top: 0px}
#top-phone .phone {font-size: 20px; color: rgb(248,39,40); margin: 0px 0px; white-space: nowrap;}
#top-phone .notes { font-size: 85%; white-space: nowrap; font-weight: bold; text-align: center;}
.header-logo{
	height: 70px;
	display: block;
	margin: 20px 20px 20px 50px;
}

.header-logo img{height: 70px;}
.search-new{padding:20px 20px;margin:20px 0px; background-color: #FFF}
#logo {height: 120px; width: 120px;margin-top: 15px;display: block;}
#logo a {display: block; height: 120px; overflow: hidden; vertical-align: middle}
#search {color: #fff; margin: 6px 0px 10px 0px; border-radius: 5px; min-height: 110px;}
.working-hours{text-align: center;font-size: 13px;}

.detail_to { display: none; }

.detail_alt {
	position: absolute;
	display: none;
}

.ord_num {
	min-width: 120px;
}

.doc .num {
	width: 48px;
	float:left;
	text-align: left !important;
}

.open_lax {
  border-radius: 3px;
  padding: 1px 10px;
  margin: 0px 5px 1em 0px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  display: block;
  float: left;
	background: rgb(110,110,110);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(30,30,30,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,110,110,1)), color-stop(100%,rgba(30,30,30,1)));
	background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	background: -o-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	background: linear-gradient(to bottom, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#1e1e1e',GradientType=0 );
}

.open_lax:hover {
  background: rgb(87,86,86);
   color: #fff;
}

.doc .num{
	line-height: 30px;
}
.doc .button{
	float:left;
	margin-left: 7px;
}

.ord_date{
	width1: 40px;
}

.short .dop {display: none}
#tooltip {
    z-index: 999999;
	position: absolute;
	display: none;
	top:0px;
	left:0px;
	background-color: #000;
	padding: 5px 10px 5px 10px;
	color: white;
	opacity: 0.6;
	border-radius: 5px;
}
#begunok {position: absolute; display: none; border: 2px dashed #f00; z-index: 1000}
.cabinet-orders thead td,.cart thead td {
	background: rgb(248,39,40); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4MjcyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNzFkMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(30,30,30,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(183,29,29,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82728', endColorstr='#b71d1d',GradientType=0 ); /* IE6-8 */
}
#search {background: linear-gradient(rgba(110, 110, 110, 1), rgba(30, 30, 30, 1));}
.select_detail {border-radius: 3px; padding: 1px 10px; margin: 0px 5px 1em 0px; color: #fff; cursor: pointer; text-decoration: none;display: block; float: left}
.select_detail:hover {color: #fff}
.select_detail.checked {background: #f00000}
#search input[type="text"] {color:#000;width: 100%; float: left; box-sizing: border-box; margin-right: -75px; padding-right: 85px; border-radius: 3px}
#search input[type="submit"] {padding: 0px; width: 75px}
.cblock {overflow: hidden; padding: 15px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 5px; margin-bottom: 15px}
.coblock {overflow: hidden; padding: 15px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 15px; background: #fff}
.red {color: rgb(248,39,40) !important}
#footer { background: #f5f5f5; margin-top: 50px; padding: 10px 0px }
#bottom-logo {background: url(images/logo-bottom.gif) no-repeat center center; margin: 15px 0px; height: 63px}
h1, .h1 {font-size: 180%; font-weight: normal; margin-top: 0px}
h2, .h2 {font-size: 130%; font-weight: normal}
h3, .h3 {font-size: 120%; font-weight: normal}
h4,h5,h6,.h4,.h5,.h6 {font-size: 100%; font-weight: bold}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child, p:first-child {margin-top: 0px}
.h2 {margin-bottom: 10px}
.fl {float: left}
.fr {float: right}
#lax td {padding: 0px}

.cabinet-orders tr.v-rabote td { background:#ffc }
.cabinet-orders tr.gotov td { background:#dfd }
.cabinet-orders tr.snyat td { background:#E06351; copy1:#ff2e2e; background:#ffa089}

.cabinet-orders tr.vidan td { background3:#99c; background:#d199ff; background1:#ba66ff}
.cabinet-orders tr.podgotovlen td { background:#fadadd }
.cabinet-orders tr.sentsupplier td { background:#a5c9ff }

/*FORM*/
input[type="text"],input[type="password"] {box-sizing: border-box; height: 30px; padding: 0px 15px; font-size: 14px; border: 1px solid #ddd; display: inline-block}
textarea {height: 70px; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; padding: 3px 5px}
input[type="submit"], input[type="button"], button, .button {box-sizing: border-box; height: 30px; line-height: 30px; padding: 0px 15px; font-size: 14px !important; border: 0;
display: inline-block; cursor: pointer; border-radius: 2px; color: #fff !important}
a.button {text-decoration: none; white-space: nowrap; display: inline-block}
a.button:hover {color: #fff}
input[type="submit"], input[type="button"], button, .button, ul.switch li, thead td, .menu-top, .guayaquil_categoryfloatbox, .select_detail
{
background: rgb(110,110,110);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(30,30,30,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,110,110,1)), color-stop(100%,rgba(30,30,30,1)));
background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
background: -o-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
background: linear-gradient(to bottom, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#1e1e1e',GradientType=0 );
}
thead td {color: #fff; line-height: 150%}
.ucfirst {text-transform: lowercase;display:  block}
.ucfirst:first-letter {text-transform: uppercase}

input[type="submit"]:hover, input[type="button"]:hover,button:hover, .button:hover, .guayaquil_categoryitem_selected, .select_detail:hover {background: rgb(87,86,86)}
/*FORM*/

div.logos {overflow: hidden; padding: 15px; border: 1px solid #ddd; border-radius: 5px; clear: both}
ul.logos {padding: 0px; list-style: none; width: 102%; margin: 0px}
.logos li {float: left; width: 19%; margin-right: 1%; height: 30px; text-align: left; font-size: 14pt; display: none; height: 120px}
.logos li.is_popular {display: block}
.logos.all li {display: block !important; height: 40px}
.logos a {display: block; text-align: center; line-height: 90px}
.logos a.thumb {font-size: 13px; line-height: 15px; height: 70px; width: 100%}
.logos a.thumb:before {content: none}
.logos a.thumb img {display: block; max-width: 98%; max-height: 90px}
.logos.all a {display: block; text-align: left; line-height: 40px; font-size: 14pt}
.logos.all a.thumb img, .logos.all img {display: none}
.logos img {max-width: 100%; margin: 0px auto -2px auto; max-height: 80px; display: block}
ul.switch {padding: 0; border: 1px solid #ddd; overflow: hidden; border-radius: 3px; list-style: none; margin: 0px}
ul.switch li {cursor: pointer; float: left; text-align: center; padding: 5px 0px; color: #fff;  border-right: 1px solid #999; box-sizing: border-box}
ul.switch li.selected {background: rgb(127,126,126)}
ul.switch li:last-child {border: 0}
#logos-control li {width: 50%}
#logos-control .switch {width: 250px; margin-bottom: 0px; margin-top: 15px}
#logos-control {float: right}
.breadcrumb {list-style: none; padding: 0px}
.breadcrumb li {display: inline}
.breadcrumb a {color: #000}
.breadcrumb li.splitter {padding: 0em 0.5em; text-align: center; color: #777}
.thumb img {max-width: 100%}
.thumbs {overflow: hidden}
.thumbs ul {width: 102%; list-style: none; padding: 0px; max-height: 110px; overflow: hidden}
.thumbs li {float: left;  height: 50px; margin: 0px 2% 5px 0px}
.thumbs img {max-width: 100%; max-height: 50px}
#vinsearch {height: auto}
#vinsearch input[type="text"] {width: 100%; padding-left: 3%; padding-right: 75px; margin-right: -76px; float: left}
#vinsearch input[type="submit"] {width: 75px}
#complectations {
	transition: width 0.5s ease  0s;
}

#vinsearch input#new_open_vin[type="text"] {width: 100%; padding-left: 3%; padding-right: 150px; margin-right: -156px; float: left}
#vinsearch input.open_catalog[type="submit"] {width: 150px}

.cblock.form input[type="text"],.cblock.form textarea, .cblock.form select {width: 100%}
.cblock.form td:first-child {width: 40%}
.form table {width: 100%; border-spacing: 0px}
.form td {padding: 0px 5px 10px 0px}
.form tr td:last-child {padding-right: 0px}
.complectations .not_group td:first-child { padding-left: 3em}
#complectations .cblock {overflow: auto}

#img {margin-left: 0px; min-height: 200px; transition: margin 0.5s ease 0s}
#img.abs {margin-left: -34%;}
#img .coblock {background: #fff}
#img .thumb img, #img .thumb a{max-height: 240px; max-width: 100%}
#img .thumb {margin-bottom: 10px; overflow: hidden; height: auto}
#complectations .show, #complectations .hide {margin-top: 0px; background: #f00000; color: #fff; cursor: pointer; border-radius: 5px; padding: 2px 10px; z-index: 100; float: left; margin-right: 1em}
#complectations .show {display: none; }
.lax-wrap {max-width: 100%; width: 100%; overflow: hidden}
.inline {display: inline}

ul.types, ul.years {display: inline; list-style: none; padding: 0; padding: 0px 1em; color: rgb(248,39,40)}
ul.types li,ul.years li {display: inline; margin-right: 0.7em}
ul.types li.selected,ul.years li.selected {font-weight: bold}

ul.models {list-style: none; padding: 0; overflow: hidden; margin-bottom: 15px}
ul.models .thumb {cursor: pointer; height: 200px}
ul.models .thumb img {max-height: 250px !important; max-width: 100% !important}
ul.models li {height: 200px; border-radius: 5px; overflow: hidden; margin-bottom: 15px}
ul.models .title {font-size: 13pt; display: block; padding: 3px 15px 5px 15px; background: rgba(100,0,0,0.5); color: #fff; text-decoration: none; margin-bottom: -30px; position: relative}
ul.models .gen {position: relative; height: 25px; margin-top: -25px; line-height: 25px; background: rgba(0,0,0, 0.5); color: #fff; text-align: center}

.complectations {border-spacing: 0px; border-collapse: collapse; border: 1px solid #ddd; margin: 15px 0px; width: 100%; overflow: auto}
.complectations td {padding: 7px 10px}
.complectations thead td {padding: 12px 3px}
.complectations thead .chosen-container {color: #000}
.complectations tbody tr:nth-child(even) {background: #fff}
/*.complectations tbody td {white-space: nowrap}*/
div.thumb {display: inline-block; width: 100%; height: 150px; vertical-align: middle; text-align: center}
div.thumb:before {display: inline-block; content: " "; font-size: 3px; height: 100%; vertical-align: middle}
.thumb img, .thumb a {display: inline-block; vertical-align: middle; max-width: 95%; max-height: 150px}

.big-submenu .thumb {height: 100px; margin-bottom: 10px}
.big-submenu .thumb img {max-height: 100px}

.top-cat {float: left; width: 19%; margin: 0px 0.5% 25px 0.5%; height: 150px; text-align: center}
.top-cat .thumb {height: 120px; margin: 10px 0px}
.top-cat .thumb img {max-height: 120px}
/*setka*/
.wrap {width: 100%; margin: 0px auto; overflow: hidden; max-width: 1260px}
.wrap.main {min-height: 400px}

.guayaquil_categoryitem, .guayaquil_categoryitem_selected {display: inline-block; padding: 5px 15px}
.guayaquil_categoryitem a {color: #fff; cursor: pointer; border-bottom: none}
.guayaquil_floatunitlist_box {width: 20%; margin: 5px 1.9% 5px 0px; float: left; height: 255px; padding: 10px 1.4%; background: #fcfdfc; border: solid 1px #ddd; text-align: center}
.guayaquil_floatunitlist_box img {cursor: pointer; max-width: 100%; max-height: 255px; display: inline-block; vertical-align: middle}
.guayaquil_floatunitlist_box img:before {content: '.'; font-size: 3px; vertical-align: middle; height: 100%}

.guayaquil_floatunitlist_image_250 {height: 255px; overflow: hidden; }
.guayaquil_floatunitlist_title {margin: -150px 0px 0px -15px; padding: 10px 15px; width: 100%; background: rgba(255,240,240,0.7); position: relative; text-shadow: 0px 0px 2px #fff;}
#guayaquil_toolbar {
	display1: none;
	margin: 10px 0px 15px 0px;
	height: 40px;
}

.g_ToolbarButton {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(rgb(110, 110, 110) 0%, rgb(30, 30, 30) 100%);
	background-origin: padding-box;
	background-size: auto;
	#border-bottom-left-radius: 5px;
	#border-bottom-right-radius: 5px;
	#border-top-left-radius: 5px;
	#border-top-right-radius: 5px;
	padding: 10px;
	display: block;
	float: left;
	width: 220px;
	text-align: center;
	color: #fff;
	margin1: 10px;
	tborder: 1px solid #777;
	z-index: 1;
	border-left: 1px #777 solid;
	border-right: 1px #777 solid;
	border-top: 1px #777 solid;
	border-bottom: 1px #777 solid;
}

.qgsearchinput {
	margin: 15px 40px 15px 30px;
}

.qqoups_wrap {

}

.qqoups_wrap {
    #border-collapse: collapse;
}

.qqoups_wrap, .qqoups_wrap td.qqoups_wrap_td {
    #border: 1px solid black;
}

.qqoups_wrap td.qqoups_wrap_td{
	padding: 0px;
}

.qgsearchinput1 {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-right: -75px;
	padding-right: 85px;
	border-radius: 3px;
	box-sizing: border-box;
	height: 30px;
	padding: 0px 15px;
	font-size: 14px;
	border: 1px solid #ddd;
	display: inline-block;
}

.qgsearchdiv{
	max-width: 485;
	background: rgb(248,39,40);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(30,30,30,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,110,110,1)), color-stop(100%,rgba(30,30,30,1)));
	background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	background: -o-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	background: linear-gradient(to bottom, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82728', endColorstr='#b71d1d',GradientType=0 );
}

.toolbar_hr {
	border: none; /* Убираем границу */
    background-color: #777; /* Цвет линии */
    color: #777; /* Цвет линии для IE6-7 */
    height: 1px; /* Толщина линии */
	padding: 0px;
	margin-top: -1px;
	margin-left: -10px;
}

.g_ToolbarButton_cur {
	background-color: #fff;
	background-image: none;
	color: #000;
	border-bottom: 1px #fff solid;
}
.g_ToolbarButton_not_cur a { color: #fff; }

.g_highlight_over {border: 1px solid #f00000}
#lax {background: #fff}
.thumb.logo {margin: -30px 0px 0px 0px}
#compl_filter .chosen-container {float: left; margin-right: 15px}
#compl_filter {overflow: hidden; margin-bottom: 15px}

.detail_to {display: none}
.detail_to_type td {cursor: pointer; padding: 5px 10px}
.u1 { width: 6.53%; margin-right: 1.96%; float: left }
.u2 { width: 15.03%; margin-right: 1.96%; float: left }
.u3 { width: 23.52%; margin-right: 1.96%; float: left }
.u4 { width: 32.02%; margin-right: 1.96%; float: left }
.u5 { width: 40.52%; margin-right: 1.96%; float: left }
.u6 { width: 49.01%; margin-right: 1.96%; float: left }
.u7 { width: 57.51%; margin-right: 1.96%; float: left }
.u8 { width: 66.01%; margin-right: 1.96%; float: left }
.u9 { width: 74.5%; margin-right: 1.96%; float: left }
.u10 { width: 83%; margin-right: 1.96%; float: left }
.u11 { width: 91.5%; margin-right: 1.96%; float: left }
.u12 { width: 100%; float: left }
.u2 .u1 { width: 43.47%; margin-right: 13.04% }
.u3 .u1 { width: 27.77%; margin-right: 8.33% }
.u3 .u2 { width: 63.88%; margin-right: 8.33% }
.u4 .u1 { width: 20.4%; margin-right: 6.12% }
.u4 .u2 { width: 46.93%; margin-right: 6.12% }
.u4 .u3 { width: 73.46%; margin-right: 6.12% }
.u5 .u1 { width: 16.12%; margin-right: 4.83% }
.u5 .u2 { width: 37.09%; margin-right: 4.83% }
.u5 .u3 { width: 58.06%; margin-right: 4.83% }
.u5 .u4 { width: 79.03%; margin-right: 4.83% }
.u6 .u1 { width: 13.33%; margin-right: 3.99% }
.u6 .u2 { width: 30.66%; margin-right: 3.99% }
.u6 .u3 { width: 48%; margin-right: 3.99% }
.u6 .u4 { width: 65.33%; margin-right: 3.99% }
.u6 .u5 { width: 82.66%; margin-right: 3.99% }
.u7 .u1 { width: 11.36%; margin-right: 3.4% }
.u7 .u2 { width: 26.13%; margin-right: 3.4% }
.u7 .u3 { width: 40.9%; margin-right: 3.4% }
.u7 .u4 { width: 55.68%; margin-right: 3.4% }
.u7 .u5 { width: 70.45%; margin-right: 3.4% }
.u7 .u6 { width: 85.22%; margin-right: 3.4% }
.u8 .u1 { width: 9.9%; margin-right: 2.97% }
.u8 .u2 { width: 22.77%; margin-right: 2.97% }
.u8 .u3 { width: 35.64%; margin-right: 2.97% }
.u8 .u4 { width: 48.51%; margin-right: 2.97% }
.u8 .u5 { width: 61.38%; margin-right: 2.97% }
.u8 .u6 { width: 74.25%; margin-right: 2.97% }
.u8 .u7 { width: 87.12%; margin-right: 2.97% }
.u9 .u1 { width: 8.77%; margin-right: 2.63% }
.u9 .u2 { width: 20.17%; margin-right: 2.63% }
.u9 .u3 { width: 31.57%; margin-right: 2.63% }
.u9 .u4 { width: 42.98%; margin-right: 2.63% }
.u9 .u5 { width: 54.38%; margin-right: 2.63% }
.u9 .u6 { width: 65.78%; margin-right: 2.63% }
.u9 .u7 { width: 77.19%; margin-right: 2.63% }
.u9 .u8 { width: 88.59%; margin-right: 2.63% }
.u10 .u1 { width: 7.87%; margin-right: 2.36% }
.u10 .u2 { width: 18.11%; margin-right: 2.36% }
.u10 .u3 { width: 28.34%; margin-right: 2.36% }
.u10 .u4 { width: 38.58%; margin-right: 2.36% }
.u10 .u5 { width: 48.81%; margin-right: 2.36% }
.u10 .u6 { width: 59.05%; margin-right: 2.36% }
.u10 .u7 { width: 69.29%; margin-right: 2.36% }
.u10 .u8 { width: 79.52%; margin-right: 2.36% }
.u10 .u9 { width: 89.76%; margin-right: 2.36% }
.u11 .u1 { width: 7.14%; margin-right: 2.14% }
.u11 .u2 { width: 16.42%; margin-right: 2.14% }
.u11 .u3 { width: 25.71%; margin-right: 2.14% }
.u11 .u4 { width: 34.99%; margin-right: 2.14% }
.u11 .u5 { width: 44.28%; margin-right: 2.14% }
.u11 .u6 { width: 53.57%; margin-right: 2.14% }
.u11 .u7 { width: 62.85%; margin-right: 2.14% }
.u11 .u8 { width: 72.14%; margin-right: 2.14% }
.u11 .u9 { width: 81.42%; margin-right: 2.14% }
.u11 .u10 { width: 90.71%; margin-right: 2.14% }
.un, .u1 .un, .u2 .un, .u3 .un, .u4 .un, .u5 .un, .u6 .un, .u7 .un, .u8 .un, .u9 .un, .u10 .un, .u11 .un, .u12 .un {margin-right: 0px}

.products { clear: both}
.products ul.items { list-style: none; width: 102%; padding-left: 0px; margin-top: 25px; }
.products ul.items div.item { float: left; width: 31.3%; margin: 0px 2% 20px 0px; height: 200px; }
.navi { list-style: none; padding: 0px; margin-bottom: 10px }
.navi li {display: inline}
.navi a { color: black; text-decoration: none }
/*menu-top
.menu-top { text-align: center; background-color: rgba(183,29,29,1); margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px }
.menu-top li { display: inline; margin-left1: 30px; padding: 20px }
.menu-top li.current { background-color: rgba(200,35,35,1); }
.menu-top a { color: white }*/
.menu-top { margin: 0px 0px 0px 0px; overflow: hidden; border-radius: 5px; padding: 0px; color: #fff; min-height: 32px;}
.menu-top li { display: block; float:left; height: 20px; padding: 7px 15px; }
.menu-top.lax li { display: block; float:left; height: 20px; padding: 4px 10px}
.menu-top.lax {margin-bottom: 10px}
.menu-top li.current { background-color: rgb(110,110,110); color: #fff}
.menu-top a { color: white }
.small {font-size: 80%}

.submenu-top1 {
	margin: -5px 0px 0px 0px;
	overflow: hidden;
	padding: 0px;
	border-radius: 0px 0px 5px 5px;
	background: rgb(110,110,110);
	padding-top: 5px
}
.submenu-top1 li {
	display: block;
	float:left;
	height: 20px;
	padding: 3px 15px;
}
.submenu-top1 li.current {
	color: #fff;
	font-weight: bold
}
.submenu-top1 a {
	color: #ddd
}

.submenu-top {
	margin: -5px 0px 0px 0px;
	overflow: hidden;
	padding: 0px;
	border-radius: 0px 0px 5px 5px;
	background: #fff;
	padding-top: 5px
}
.submenu-top li {
	display: block;
	float:left;
	height: 20px;
	padding: 3px 15px;
}
.submenu-top li.current {
	color: #000;
	font-weight: bold
}
.submenu-top a {
	color: #000
}


.big-submenu {padding: 0px}
.big-submenu li { width: 19%; display: block; float: left; height: 170px; margin-right: 1%; text-align: center}

/*.pages {margin:0 auto;}*/
.pages { text-align: center }
.pages div { display: inline; float: right }
.pages .prev-next { float: right; margin: 0px; clear: both; }
.pages .prev-next .disabled { color: rgb(190,190,190) }

.pages ul, .orders  {list-style: none; padding: 0px; margin-bottom: 10px; display: inline; line-height: 150%}
.pages ul  li , .orders li{display: inline; padding: 2px 5px 2px 2px; }
/*.pages ul  li , .orders li a {text-decoration: none;}*/
.pages a { color: #000 }
.pages .page-numbers li { margin-left: 2px }
.pages ul li.bold , .orders li.bold {display: inline; padding: 3px; background: #eee; color: #000}

.filter  ul {list-style: none; padding: 0px; margin: 0px; margin-top: -10px}
#filter input[type="text"] {width: 60px; min-width: 32%}
#filter li.filter {padding: 2px 0px}
#filter li.bold {padding: 10px 0px 2px 0px}

#filter .checkbox li {padding: 2px 0px}
div.item {    border-top: 1px solid #eee;}
div.item .title { text-align: center; margin-bottom: 10px }
div.item .title a { text-decoration: none }
div.item div.item-photo { width: 30%; float: left; }
div.item div.item-photo img { max-width: 90%; max-height: 100px;}
div.item div.dscr {  float: left; font-size: 13px; width: 70%;}
div.item div.dscr ul { list-style: none; padding: 0px; }
div.item div.wrapper { overflow: hidden; height: auto; min-height: 220px; border-radius: 5px; padding: 10px;}
div.item div.gradient { margin-top: -25px; height: 25px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	position: relative;
}
div.item:hover  .wrapper { background: white; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); z-index: 1000 }
/*div.item div.wrapper { overflow: hidden }
#heght*/

.profile td {padding: 0px 15px 15px 0px; vertical-align: top;}
.profile {width: 100%; border-spacing: 0px}
.profile td:first-child {width: 30%}
.profile input[type="text"], .profile textarea {width: 100%}
.profile textarea {height: 70px}
.profile input[name="firstname"], .profile input[name="surname"], .profile input[name="client_inn"], .profile input[name="client_kpp"] {width: 32%; margin-right: 2%; float: left}
.profile input[name="patronymic"] {width: 32%; float: left}
.f_error {padding: 5px 0px; color: #f00; display: none; clear: both}
.f_success {padding: 5px 0px; color: #0a0; display: none}
.profile .ur, .profile .dop {display: none}
.profile.dop .dop {display: table-row}
.profile.ur .ur {display: table-row}

.cabinet {padding: 0px; margin: 15px 0px 0px -64px; border-spacing: 0px; line-height: 150%}
#cabinet-left {min-height: 400px}
.cabinet-left {padding: 0px; margin: 0px 0px 0px 0px; border-spacing: 0px; line-height: 150%}
.cabinet .i {display: block; width: 48px; height: 48px; background: url(/images/cabinet.gif) no-repeat; margin-right: 15px}
.cabinet-left .i {display: block; width: 24px; height: 24px; background: url(/images/cabinet-left.gif) no-repeat; margin-right: 7px}
#icon_user, #icon_balance, #icon_cart, #icon_notes {display: inline-block; width: 24px; height: 24px; background: url(/images/cabinet-left.gif) no-repeat; vertical-align: middle; margin-right: 0.3em; opacity: 0.7}
a:hover #icon_user, a:hover #icon_balance,a:hover #icon_cart, a:hover #icon_notes {opacity: 1}
.cabinet td:first-child {width: 63px}
.cabinet-left td:first-child {width: 31px}
.cabinet-left td:last-child, .cabinet td:last-child {width: 100%}
.cabinet td, .cabinet-left td  {vertical-align: top; padding: 0px 0px 15px 0px}
.cabinet .title,.cabinet-left .title  {margin: 0px 0px 5px 0px; font-weight: bold; display: inline; color: #000}
.cabinet-left .title {padding-top: 2px}
.cabinet a.title:hover,.cabinet-left a.title:hover,.cabinet-left a:hover, .cabinet a:hover  {color: #A00}
#c_user {background-position: 0px 0px}
#c_notes {background-position: -144px 0px}
#c_cart {background-position: -48px 0px}
#c_cars {background-position: -96px 0px}
#c_manager  {background-position: 0px -48px}
#c_orders {background-position: -48px -48px}
#c_q {background-position: -96px -48px}
#c_balance {background-position: -144px -48px}
.cabinet-left a, .cabinet a {color: #777}
#cart_link, #notes_link {text-decoration: none}
#cart_link .cart-stats,#notes_link .notes-stats {padding: 1px 7px 2px 7px; color: #fff; background: rgb(248,39,40); border-radius: 15px}
.lk {margin: 0px 0px 10px 0px}
.cabinet-left #c_user {background-position: 0px 0px}
.cabinet-left #c_notes, #icon_notes {background-position: -72px 0px}
.cabinet-left #c_cart, #icon_cart {background-position: -24px 0px}
.cabinet-left #c_cars {background-position: -48px 0px}
.cabinet-left #c_manager  {background-position: 0px -24px}
.cabinet-left #c_orders {background-position: -24px -24px}
.cabinet-left #c_q {background-position: -48px -24px}
.cabinet-left #c_balance, #icon_balance {background-position: -72px -24px}

#dd_auth input[type="password"] {width: 100%}
#dd_auth .cblock {box-shadow: 0px 0px 7px rgba(0,0,0,0.3)}
#dd_auth {position: absolute; width: 350px; margin: 2px 0px 0px -159px; display: none; z-index: 1000}
svg.ug {width: 30px; height: 14px; margin: 0px auto -1px auto; display: block}
svg.ug line {stroke-width: 1px; stroke: #ddd; position: relative; z-index: 100}
svg.ug polygon {fill: #f5f5f5}
.help .ug {margin: -29px auto 14px auto}
.help .ug polygon {fill: #fff}
div.help {display: none; position: absolute; background: #fff; border: 1px solid #ddd; box-shadow: 0px 0px 7px rgba(0,0,0,0.3); min-height: 30px; max-width: 400px; padding: 15px; border-radius: 5px; margin: 15px 0px 0px -12px; color: #000 !important; text-align: left !important; font-weight: normal}
.help-wrap {display: inline-block}
.help-wrap a {color: rgb(248,39,40)}
.help .close {margin: -10px -10px 10px 10px; float: right; color: #999; border: 1px solid #999; line-height: 13px; padding: 0px 4px 2px 4px; border-radius: 50%; cursor: pointer; font-weight: normal}
.cabinet-orders {overflow: auto; border-radius: 5px; float: left; padding-right: 1px; width: 100%}
.cabinet-orders table, table.search, table.search-vendors, .guayaquil_table, table.cart {width: 100%; border-spacing: 0px; border-collapse: collapse; font-size: 90%; margin-bottom: 15px}
div.gdCategory .gdUnit { font-size: 14px }
div.gdCategory { width: 100%; }
.qqoups_wrap { width: 100%; }
.qqoups_wrap .td_details { width: 100%; padding-left: 20px !important; }
.gdCategory .gdUnit { width: 100%; margin-bottom: 35px }
.gdCategory .gdUnit #c_oem { width: 10%; min-width: 40px }
.gdCategory .gdUnit #c_name { width: 40%; min-width: 140px }
.gdCategory .gdUnit #c_cart { width: 60px; }

.gdCategory .gdUnit #c_tooltip { display:none }

.gdCategory .gdUnit .g_rowdatahint { display:none }



.qgContent { font-size: 14px }
.reset_group_name { display: none }
.qgFilteredGroup { font-size: 14px }
.g_highlight td {border-top: 1px solid #f00; border-bottom: 1px solid #f00}
.g_highlight td:fitst-child {border-left: 1px solid #f00}
.g_highlight td:last-child {border-right: 1px solid #f00}
.cabinet-orders thead .js {color: #fff}
.cabinet-orders thead td {text-align: center; border: none; font-weight: bold;}
.cabinet-orders thead td a, .orders .doc td a {color: #fff}
.cabinet-orders td,.search-vendors td, .guayaquil_table td {padding: 5px 10px;  border: 1px solid #ddd}
table.search td {padding: 3px 7px; border-bottom: 1px solid #ddd}
table.search thead td {background: #99c; font-weight: bold}
table.search td.vendor, table.search td.code {border-bottom: none}
table.search tr.first td.vendor, table.search tr.first  td.code, .cart td {border-bottom: 1px solid #ddd}
table.search tr.sklad td {background: #dff}
table.search tr.sklad0 td {background: #dfd}
table.search tr.sklad1 td {background: #ffc}
table.search tr:last-child td {border-bottom: 0px}
table.search .cart {margin-bottom: 5px}
table.search .vendor, table.search .code {white-space: nowrap}
table.search1 .vendor img, table.search1 .num img {position: absolute; max-width: 50px; max-height: 100px; margin: -19px 0px 0px -58px;}

table.search .vendor img, table.search .num img {
	position: absolute;
	max-width: 50px;
	max-height: 100px;
	margin: 2px 0px 0px 110px;}


table.search .detail_to td {
	line-height: 50px;
}

table.search .detail_to button.notes {
	height: 41px !important;
}

table.search .detail_to  .td-img {
	width: 81px;
	max-width: 81px;
}

table.search  .detail_to  .td-img img {
	max-width: 81px;
	max-height: 50px;

}

.cabinet-orders .code {white-space: nowrap}
.cabinet-orders .num {text-align: right}
.cabinet-orders tr.doc td {background: #eee}
.cabinet-orders tr.doc {display: none}
.cabinet-orders.group tr.doc {display: table-row}
.cabinet-orders.group td.doc {display: none}
.cabinet-orders.filtred tr, .cabinet-orders.filtred.group tr {display: none}
.cabinet-orders.filtred thead tr, .cabinet-orders.filtred.group thead tr {display: table-row}
.cabinet-orders.filtred tr.filter {display: table-row}
.cabinet-orders.filtred tr.doc.filter {display: none}
.cabinet-orders.filtred.group tr.doc.filter {display: table-row}
.order-status {width: 100%; margin-top: -3px}
.order-status td:first-child {width: 110px}
.order-controls {overflow: hidden; padding: 3px 0px 10px 0px; line-height: 24px}
.search tr.many {display: none}
.search tr.group td, .detail_to_type td {background: #f5f5f5}
.group.search td:first-child {padding-left: 35px}
.search tr.group td:first-child:before, .detail_to_type td:first-child:before{content: "v"; margin: -3px 0px 0px -30px; background: #ddd; color: #000; cursor: pointer; width: 20px; text-align: center; padding: 2px 0px; position: absolute; border-radius: 5px}
.search, .cart {font-size: 90%}
.search td.num {text-align: center}
.search td.supplier {text-align: center; color: #999}
.search td.price {text-align: right; font-weight: bold}
.search .fire h2 {margin: 35px 0px 0px 0px; font-weight: bold}
.search .fire td {border-top: 1px solid #ddd; border-bottom: 2px solid #bbb; vertical-align: bottom; padding-bottom: 10px}
.search tr.first td {border-top: 2px solid #bbb; padding-top: 7px}

.search.filtered tbody tr {display: none}
.search.filtered tbody tr.filter {display: table-row}
#search-suggest p {margin: 15px}
#search-suggest {position:absolute; background: #fff;color: #000; z-index: 1000;box-shadow: 0px 3px 5px rgba(0,0,0,0.4)}
#search-suggest .thumb {height: 100px; width: 150px; border: 0px}
#search-suggest .thumb img {max-height: 100px}
#search-suggest tbody tr:hover td {background: #fff5f5; cursor: pointer}
#search-suggest a.button {color: #fff}
.loading {overflow: hidden}
.loading input[type="submit"], button.loading, input.loading {background: #fff url(/images/loading.gif) no-repeat center center; font-size: 3px; overflow: hidden; line-height: -50px}
.c_cart {white-space: nowrap}
.hidden {display: none}
.guayaquil_floatunitlist_box:hover {box-shadow: 0px 0px 7px #ddd}
.guayaquil_floatunitlist_box, .guayaquil_floatunitlist_image_250 {background-position: center center; background-size: auto; background-repeat: no-repeat}
.guayaquil_table tr:hover td, tr.g_highlight_over td, tr.g_highlight_lock td {background: #f5f5f5}
#viewport {position: fixed; width: 40%; overflow: auto; max-height: 100%}
#viewtable {float: left; width: 56%; margin-left: 42%}
.vendor-f, .type-f {margin: 0px; padding: 0px; list-style: none; font-size: 80%}
.vendor-f li, .type-f li {padding: 3px 0px; margin-bottom: 4px; border-radius: 5px; cursor: pointer}
.vendor-f li.selected, .type-f li.selected {background: #f00000; color: #fff; margin-left: -10px; padding-left: 10px}
.vendor-f li.selected a, .type-f li.selected a {color: #fff}
.vendor-f li.selected a:hover, .type-f li.selected a:hover {color: #fff}
.gray {color: #777}
.cart thead td {text-align: center}
.cart tfoot {font-weight: bold; vertical-align: top}
.cart {margin-bottom: 15px}
.cart .count {width:60px; text-align: right}
.cart .price-format {text-align: right; min-width: 75px}
.cart .count input {width: 60px; margin-right: -15px; float: left; padding: 3px 15px 3px 5px; border: 1px solid #999; text-align: center}
.cart .delete { cursor: pointer}
.cart td {padding: 10px 5px}
.cart tbody tr:nth-child(even) td {background: #fafafa}
.spin {float: left; font-size: 11px; margin-top: -27px; color: #555;line-height: 12px}
.spin .up, .spin .down  {cursor: pointer}
.spin .up:hover, .spin .down:hover  {color: #333}
button.notes, .button.notes {width: 30px; height: 31px; font-size: 1px;  margin-top: -1px; vertical-align: bottom}
button.search-small,.button.search-small {width: 30px; height: 30px; font-size: 1px; }
button.search-small,.button.search-small {background: url(/images/search-small.png) no-repeat}
button.notes, .button.notes {background: url(/images/notes-button.png) no-repeat}
button.notes:hover, button.search-small:hover, .button.notes:hover, .button.search-small:hover {background-position: -30px 0px}
button.notes.checked, .button.notes.checked  {background-position: -60px 0px !important}
button.search, .button.search {width: 79px; height: 30px; font-size: 1px; padding-left: 30px; background: url(/images/search-big.png) no-repeat}
button.search:hover, .button.search:hover {background-position: -79px 0px}
ul.yad {padding: 0px; list-style: none}
ul.yad li {height: 120px; float: left; width: 18%; margin: 0px 3% 15px 0%; padding: 10px 2%; text-align: center; border-radius: 5px; cursor: pointer}
ul.yad li.checked {background: #f5f5f5}
ul.yad input {margin: 77px 10% 20px 0px; float: left }
ul.yad img {display: block; margin: 0px auto 15px auto}
.news {padding: 0px; list-style: none; margin: 0px}
.news li {overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd}
.news li:last-child {border-bottom: 0px}
.news .thumb {float: left; margin-right: 2%; width: 23%}
.news .dscr {float: left; width: 75%}
.news .thumb img {max-height: 150px}
.anews .thumb {float: left; margin-right: 5%; width: 15%; height: 60px}
.anews .thumb img {max-height: 50px}

.news .date {margin: 5px 0px 10px 0px; color: #999}
.bills ol {margin: 0px 0px 0px -20px}
.bills input[type="text"]{width: 100px; padding-right: 32px; text-align: right; margin-right: -28px}
.user_cars {padding: 0px; margin: 0px; list-style: none; line-height: 150%}
.user_cars li {overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 15px}
.user_cars li:last-child {border-bottom: 0px}
.user_cars .thumb {width: 30%; text-align: center; float: left; margin-right: 5%; padding: 10px 0px}
.user_cars .thumb img {max-height: 170px}
.user_cars .dscr {float: left; width: 35%; margin-right: 5%; padding-top: 15px}
.user_cars .controls {float: left; width: 20%; padding-top: 15px;}
.user_cars .controls li { border-bottom: 0px; padding-bottom: 0px }
.user_cars .title {font-weight: bold; margin-bottom: 15px}
#car_img .thumb {height: 375px}
#car_img .thumb img {max-height: 300px}
table.request {background: #fff; border-spacing: 0; border-collapse: collapse;  border: 1px solid #ddd; width: 100%}
.cblock.form table.request td:first-child, table.request .num {width: 30px; text-align: center; vertical-align: middle;}
table.request td {padding: 10px; border-bottom: 1px solid #ddd; font-size: 90%; vertical-align: top}
.form td.main:after, .profile td.main:after {content: '*'; color: #d00}
input.fault, textarea.fault {border: 1px solid #d00}
/* .cblock.form td.request {background: #fff; border: 1px solid #ddd; padding: 10px} */
.cblock.form table.request input[type="text"] {width: 100%}
.time {color: #999}
.request ol {margin: 0px; padding: 0px 0px 0px 25px;}
.request .go {width: 100px}
.request tr.shown.answered {background: #f5f5f5}
.request tr.answered {background: #dfd}
.request .plus {cursor: pointer; width: 100px}
.request .remove {cursor: pointer}
.attrs {width: 100%; border-spacing: 0px; border-collapse: collapse; margin-top: -10px}
.attrs td.attrname {padding: 5px 5px 0px 5px}
.attrs td {padding: 10px 5px 0px 5px}
.attrs td.attrname {border-bottom: 1px dotted #ddd}
.attrs td.attrname span {display: block;background: #fff;margin: 4px 0px -4px -5px;position: relative;float: left; padding-right: 5px; color: #555}
.search-wrap {margin-bottom: 15px; clear: both; overflow: hidden}
.photos ul.photos {list-style: none; padding: 0px; margin: 15px 0px}
.photos ul.photos li {width: 24%; margin-right: 1%}
.photos ul.photos img {max-width: 100%; max-height: 80px}
.prices {clear: both; }

.products .price {margin: 10px 0px; font-weight: bold}
.contacts {border-spacing: 0px; border-collapse: collapse; width: 100%}
.contacts td {border-right: 1px solid #999}
.contacts td.red,  .contacts .red td {border-color: #f00 !important}
.contacts td.nb {border: 0px}
.contacts td.bb {border-right: 0px; border-bottom: 1px solid #999}
#content .controls {padding: 0px; list-style: none; margin: 5px; float: right}
#content .controls li {padding: 5px; float: right; cursor: pointer}
#carusel {height: 300px; background: #333 url(/images/sklad.jpg) repeat-x center center; margin-bottom: 15px;
	-o-box-shadow: inset 0px 0px 15px black;
	-moz-box-shadow: inset 0px 0px 15px black;
	-webkit-box-shadow: inset 0px 0px 15px black;
	box-shadow: inset 0px 0px 15px black}
#carusel .wrap {overflow: hidden; position: relative; height: 300px}
#carusel .slides {list-style: none; height: 300px; padding: 0px; margin: 0px; width: 10000px;
	-webkit-transition: margin 0.5s ease;
-moz-transition: margin 0.5s ease;
-o-transition: margin 0.5s ease;
transition: margin 0.5s ease;
}
#carusel .slides li {height: 300px; float: left; text-align: center; color: #fff; width: 100%; font-size: 18px;
	-o-text-shadow: 0px 0px 10px black;
	-moz-text-shadow: 0px 0px 10px black;
	-webkit-text-shadow: 0px 0px 10px black;
	text-shadow: 0px 0px 10px black;
}
#carusel .slides .title {font-size: 38px; margin: 1em auto; font-family: arial narrow, arial;
 max-width: 80%}
#carusel .slides p {max-width: 80%; margin: 1em auto}
#carusel .buttons {margin: 0px; bottom: 10px; left: 50%; position: absolute; overflow: hidden; padding: 0px}
#carusel .buttons li {float: left; width: 15px; height: 15px; margin: 0px 5px; list-style: none; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }
#carusel .buttons li.selected {background: #fff}

#carusel .prev, #carusel .next {font-size: 15px; color: #fff; position: absolute; top: 50%; margin-top: -20px; height: 35px; width: 35px; border: 1px solid #fff; border-radius: 50%; cursor: pointer; text-align: center; line-height: 35px;}
#carusel .prev:hover, #carusel .next:hover {background: rgba(255,255,255, 0.7); color: #000}
#carusel .prev {left: 0px}
#carusel .next {right: 0px}
#carusel .prev:before {content: "<"; font-weight: 100}
#carusel .next:before {content: ">"; font-weight: 100}

#banner-move {height: 300px; repeat-x center center; margin-bottom: 15px;
	-o-box-shadow: inset 0px 0px 15px black;
	-moz-box-shadow: inset 0px 0px 15px black;
	-webkit-box-shadow: inset 0px 0px 15px black;
	box-shadow: inset 0px 0px 15px black}
.dop {margin: 15px 0px}
.dop>a {display: inline-block; margin-right: 2em}
.dop>.help-wrap {margin-right: 2em}
i.right {width: 32px; height: 32px; background: #fff url(/images/right.png) no-repeat; padding-right: 1em; display: inline-block; vertical-align: middle; float: none}
i.left {width: 32px; height: 32px; background: #fff url(/images/left.png) no-repeat; padding-right: 1em; display: inline-block; vertical-align: middle}
i.node {width: 32px; height: 32px; background: #fff url(/images/node.png) no-repeat; padding-right: 1em; display: inline-block; vertical-align: middle}
i.complect {width: 32px; height: 32px; background: #fff url(/images/complect.png) no-repeat; padding-right: 1em; display: inline-block; vertical-align: middle}
i.related {width: 32px; height: 32px; background: #fff url(/images/related.png) no-repeat; padding-right: 1em; display: inline-block; vertical-align: middle}


.deleteline {
	cursor: pointer;
}

.bbtn {
	background: rgb(110,110,110);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(110,110,110,1) 0%, rgba(30,30,30,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,110,110,1)), color-stop(100%,rgba(30,30,30,1)));
background: -webkit-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
background: -o-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
background: -ms-linear-gradient(top, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
background: linear-gradient(to bottom, rgba(110,110,110,1) 0%,rgba(30,30,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#1e1e1e',GradientType=0 );
text-decoration: none;
color: #fff;
padding: 5px 10px;
}

.u9 .bcont {
	margin-bottom: 0;
	margin-top: 10px;
}.cabinet {
	margin: 0 auto;
}	
@media (min-width: 992px) {
	div.item:nth-child(3n+1) {
		clear: both;
	}

	.catinfo {
		margin-bottom: 20px;
	}
}
@media (max-width:767px) {


	.header-logo {
    height: 70px;
    display: block;
    margin: 20px 20px 20px 20px;
}}
	.namess > input {
	width: 100%;
}
	.spin {
    float: left;
    font-size: 11px;
    margin-top: -27px;}
	.sred {
		overflow-x: scroll;
	}
	table.search .vendor img, table.search .num img {
		display: none;
	}
	#prices {
	overflow: scroll;
}
	td .ooo {
		width: 100%;
		float: left;
		font-size: 13px;
	}

	div.item div.wrapper {
		height: auto;
		min-height: 200px;
	}

	div.item:nth-child(2n+1) {
		clear: both;
	}
select[multiple], select[size] {
    /* height: auto; */
    width: 100%;}
.controls {
	text-align: center;
	padding-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.pages div {
	float: none;
}
.pages .prev-next {
	float: none;
}
.catinfo {
	border-bottom: 1px solid #eee;
	text-align: center;
	padding-bottom: 10px;

}
.cblock {

}
.capr {
	width: 100%;
}
.profile td:first-child {
    width: 100%;
}
.profile input[type="text"], .profile textarea {
	width: unset;
}
#dd_auth {
    position: absolute;
    width: 300px;
    margin: 0;
    display: none;
    z-index: 1000;
    top: 35px;
	right:0px;
	margin-right:-25px;
    /*left: 0;*/
}


	.logobox {
		text-align: center;
		/*padding-top: 10px;*/
	}
	.header-logo img {
		padding: 0px 0px;
	}
	#footer ul li {
		float: left;
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}

	#footer .upl {
		text-align: center;
		width: 100%;
	}

	.menu-top li {
		float: left;
		width: 25%;
		text-align: center;
		padding-bottom: 6px;
		height: auto;
	}

	#top-phone .phone {
		text-align: center;
	}
	.carwrap {
		max-width: 300px;
		margin: 0 auto;
	}
	.logos.all li {
		width: auto;
		margin: 0 5px 0 5px;
		height: 30px;
	}
	.logos li {
		width: auto;
		margin: 0 5px 0 5px;
		height: 120px;
	}
	.logos.all a {
	    display: block;
	    text-align: left;
	    line-height: 20px;
	    font-size: 15px;
	}
	.stick_wrap{
		top: 960px!important;
   		position: absolute !important;
   	} 
    .group.search td:first-child {
    	padding-left: 0px;
    }
    table.search .detail_to td {
    	line-height: 1;
	}
	div.thumb {
		height: auto;
	}
	.thumb.logo {
    margin: 0px 0px 0px 0px;
	}
}


#cke_pastebin{
	position: unset !important;
	top: unset !important;
	width: unset !important;
	height: unset !important;
	overflow: unset !important;
	left: unset !important;
}
.wrappermodal{
	width:100vw;
	height:100vh;
	opacity:0.8;
	position: fixed;
	left:0px;
	top:0px;
	text-align: center;
	z-index:1000;
	background: #FFF url(/images/loading-small.gif) no-repeat center center;	
}
.wrappermodal .loading{

}

#top-menu .userlogin{
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    text-overflow: ellipsis;
	width: 140px;
	display: block;
	float: right;
}
.tooltipstered{
	border-bottom: 1px dashed #000;
	cursor: help;
}
.tooltip_templates { 
	display: none; 
}
._shiptor_widget_frame_tracking{
	top: 20px;
}
._shiptor_widget_frame_tracking ._shiptor_widget_tracking{
		display: block;
		height: 30px !important;
}
._shiptor_widget_frame_tracking ._shiptor_widget_group{
	height: 30px !important;
	margin-top:15px;
	margin-bottom: 0px;
}
._shiptor_widget_frame_tracking ._shiptor_widget_title{
	font-size: 13px !important;
}

._shiptor_widget#shiptor_widget_tracking{
	width: 200px !important;
	min-width: 200px !important;
}
._shiptor_widget_content,._shiptor_widget_header{
    padding-right: 5px !important;
    padding-left: 5px !important;	
}

._shiptor_widget  input[type="text"]{
	width: 50% !important;
	float: none !important;
    margin-right: 0px  !important;
    padding-right: 0px  !important;
}

._shiptor_widget  ._shiptor_widget_button{
	width:85px !important;
}
._shiptor_widget  ._shiptor_widget_header{
	padding: 3px !important;
}

._shiptor_widget_button{
	float: right;
	line-height: 30px !important;
	height: 30px !important;
	padding: 0px !important;
	margin-left: 0px !important;
}

._shiptor_widget_frame_tracking ._shiptor_widget_input[name="track_number"]{
	height:30px !important;
}

._shiptor_widget_frame_tracking{
	padding-top: 10px !important;
	padding-bottom: 15px !important;
}
._shiptor_widget_route{
	max-height: 200px !important;
}
#shiptor_widget_tracking ._shiptor_widget_route{
	max-height: 762px !important;
    position: absolute;
    width: 420px;
    background-color: white;
    height: 500px;
    top: 70px;
    left: 0px;
    padding: 10px;	
}
#shiptor_widget_tracking ._shiptor_widget_route li div{
	padding-left: 20px;
}

._shiptor_widget_route ._shiptor_widget_message{
	padding-left:30px;
	background:transparent url('/images/close.png') left center no-repeat;
	background-size: contain;
	cursor: pointer;
}
._shiptor_widget[data-mode="inline"] {
    margin: 0 !important;
    padding-bottom: 10px;
}