@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,500,300&subset=latin,cyrillic-ext,cyrillic);

* {margin:0;
padding:0}

body, html {
    height: 100%;
}

body {
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:80%;
	color:#666666;
	background-color:#fff;
	-webkit-font-smoothing:subpixel-antialiased;
}

a {color:#E64A23}

li {list-style:none;}
ol li {margin-bottom:10px; list-style:inherit; list-style-position:inside;}

.lft {float:left;}
.rght {float:right}
.clear {clear:both}

body > .navbar {
	font-size:15px;
}
.navbar .brand {
	padding-right:30px;
	padding-left:0;
	padding-top:10px;
	margin-left:0px;
	color:#fff;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	transition:all .2s linear;
	font-size:25px;
	text-transform:uppercase;
	opacity:0.9999;
	font-weight:300;
	font-family:'Open Sans', sans-serif;
}
	.navbar .brand:hover {
		text-decoration:none;
		text-shadow:0 1px 0 rgba(255,255,255,.1), 0 0 15px rgba(255,255,255,.74);
	}



h6 {
	position:relative;
	overflow:hidden;
	font-size:24px;
	font-weight:200;
	text-align:center;
	color:#666;
	margin-bottom:4px;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
    line-height:26px
}
	h6 > span {
		display:inline-block;
		/*margin:0 .4em;*/
	}
		h6 > span:before,
  h6 > span:after {
			content:'';
			position:absolute;
			width:100%;
			border-top:1px solid #bbb;
			margin-top:.563em;
		}
		h6 > span:before {
			margin-left:-102%;
		}
		h6 > span:after {
			margin-left:2%;
		}

div.wrapper {
	position:relative;
}
.wrapper img:hover {
	opacity:0.55;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

div.description {
	top:10px;
	color:#fff;	
	right:0px;
	position:absolute;	
	font-weight:400;
	font-size:80%;
	text-transform:uppercase;		
}
	div.description a {
		color:#fff;
	}

.description_content {background-color:#E64A23;
	padding:0 10px; margin-bottom:10px;
min-width:40px}

div.delete {
	top:10px;
	color:#E64A23;	
	left:0px;
	position:absolute;	
	font-weight:400;
	font-size:140%;
	text-transform:uppercase;		
}
	div.delete a {
		color:#7B8392;
	}
div.delete a:hover {
		color:#E64A23;
	}

.delete {background-color:#fff;
	padding:4px 12px 6px;
}


.search {width:90%; margin-top:0}
.search input[type="text"] {
 padding:10px 2%;
width:97%;
	border-right:0;
margin-bottom:0;
font-size:110%
}

.search,  x:-moz-any-link {width:90%; margin-top:2px} /*ff*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .search {width:90%; margin-top:-2px} /*ie*/
}

.searchButton {width:9.7%;}
.sbut { opacity: 0;
    z-index: 1;}

.searchIcon {
    display: block;    
    height: 40px;
    line-height: 40px;   
    text-align: center;    
    cursor: pointer;
    color:#E64A23;
    font-size:120%;
    margin-top:-24px;
    border:1px #99A3B4 solid;
    border-left:0
   }


.video {height:380px; margin-bottom:40px; overflow:hidden}
}
.video iframe,  
.video object,  
.video embed {
max-width:95%; max-height:240px!important; overflow:hidden}


/*top*/

.shapo {height:40px; color:#78A840; background-color:#fafafa; border-bottom:1px #ddd solid; text-align:right;}
.shapo ul {margin:10px 0}
.shapo a {color:#78A840}
.shapo a:hover {color:#E64A23}

.top {padding:14px}
.logo a {    display: block;
    width: 165px;
    height: 90px;
    overflow: hidden;
    background: url(../img/logo001.gif) 0 top no-repeat;}
	.logo a:hover { background-position: 0 bottom;}	
.shapo .logo a {height:40px;
background: url(../img/logo002.gif) 0 top no-repeat;}}

	.cart {}
	.cartico {float:left; font-size: 220%; color:#fff; text-shadow: #99A3B4 1px 0px, #99A3B4 1px 1px, #99A3B4 0px 1px, #99A3B4 -1px 1px, #99A3B4 -1px 0px, #99A3B4 -1px -1px, #99A3B4 0px -1px, #99A3B4 1px -1px;
    margin-right: 10px;}
	.cartinfo {float:left;}
	.cartinfo a {text-decoration:none; color:#99A3B4}
	.cartinfo a:hover {text-decoration:underline}
	.cartinfo span {color:#E64A23; text-transform:none}
.username a {color:#666; font-weight:bold; text-decoration:none}
.username a .fa {color:#78A840; font-weight:bold; text-decoration:none}

	.m20 {margin-bottom:20px;}
	.m25 {margin:25px 0}
	.m40 {margin-bottom:40px}	
	.m40 .news {margin-bottom:20px!important}
	
	.comlogo {min-height:254px!important; margin-bottom:-10px; margin-left:0!important; padding:20px; background:url(/img/banner-1200x300.png) 0 top no-repeat; background-size: contain; }
	.comban {margin-bottom:-9px;}
	
/*mid*/
.col-main {width: 100%;
    min-height: 1px;}
.col-sub {width: 220px;
    margin-left: -100%;}
.content {margin: 0 0 0 240px;}

.menu {border-bottom:1px #ddd solid; border-top:1px #ddd solid; margin-bottom:20px; height:39px}
.cat {background-color:#fafafa; color:#7B8392; border:1px #ddd solid; border-top:none; font-size:110%;
    padding: 9px 14px 7px;
    width: 190px!important;}
.cat i {font-size:140%; margin-right: 5px}
.cat p {display:inline; position:absolute}
.catalog {margin-top:-60px; z-index:1000}

.catalog li {background-color:#fafafa; border:1px #ddd solid; border-top:0; font-size:110%; padding: 10px 15px;
    font-size: 110%; line-height:normal;}
.catalog li:hover {background-color:#fff; color:#E64A23}
.catalog li .hovermenu ul {display:none; border:1px #ddd solid; position:absolute; margin:-28px 0 0 203px; width:190px;z-index: 101;}
.catalog li:hover .hovermenu ul {display:block;}
.catalog li .hovermenu ul li {border:0; background:#fff; font-size:90%; padding: 4px 15px}
.catalog ul.menulist li div.openmenu ul li.company {background-color:#fafafa;}
.catalog ul.menulist li:hover div.openmenu ul li.company {background-color:#fff;}
.catalog li .hovermenu ul li:first-child {padding-top:10px}
.catalog li .hovermenu ul li:last-child {padding-bottom:10px}
.catalog li:hover .hovermenu ul li {color:#7B8392;}
.catalog li .hovermenu ul li .row-fluid [class*="span"] , .cat .row-fluid [class*="span"] {min-height:1px}

.catalog li .hovermenu ul li ul {display:none; border:1px #ddd solid; position:absolute; margin:-24px 0 0 165px; width:190px}
.catalog li:hover .hovermenu ul li ul {display:none;}
.catalog li .hovermenu ul li:hover {color:#E64A23}
.catalog li .hovermenu ul li:hover ul {display:block;}
.catalog li .hovermenu ul li ul li {border:0; background:#fff; font-size:100%; padding: 4px 15px}
.catalog li .hovermenu ul li ul li:first-child {padding-top:10px}
.catalog li .hovermenu ul li ul li:last-child {padding-bottom:10px}
.catalog li:hover .hovermenu ul li ul li {color:#7B8392;}

.catalog .fa {font-size:160%}
.catalog .span2 {text-align:right}
.catalog a {text-decoration:none; color:#7B8392;}
.catalog a:hover {color:#E64A23}

.catalog .span10 {width:77%!important; float:left!important; min-height:1px!important}
.catalog .span2 {width:20%!important; float:left!important; min-height:1px!important}

.menulist {position:relative}
.menulist .active {background-color:#fff}

.openmenu {font-size:90%;}
.openmenu ul {margin:-8px 0 14px}
.openmenu ul li {border:none; background-color:#fff; padding:8px 0 0 10px; font-size:108%}
.openmenu ul li ul {margin:0; font-size:90%;}
.openmenu ul li ul li {padding:6px 0 0 10px; font-size:100%}
.openmenu ul li ul li:last-child {padding-bottom:2px}
.openmenu .row-fluid [class*="span"] {min-height:1px}
.openmenu .active ul li.active a {color:#E64A23}
.catalog li:hover .openmenu ul li {color:#7B8392;}
.catalog li:hover .openmenu ul li ul li {color:#7B8392}
.catalog li .openmenu ul li:hover {color:#E64A23}

.openmenu li:hover {background-color:#fff; color:#E64A23}
.openmenu li .hovermenu ul {display:none; border:1px #ddd solid; position:absolute; margin:0 0 0 193px; width:190px}
.openmenu li:hover .hovermenu ul {display:block;}
.openmenu li .hovermenu ul li {border:0; background:#fff; font-size:105%; padding: 4px 15px}
.openmenu li .hovermenu ul li:first-child {padding-top:10px}
.openmenu li .hovermenu ul li:last-child {padding-bottom:10px}
.openmenu li:hover .hovermenu ul li {color:#7B8392;}
.openmenu li .hovermenu ul li .row-fluid [class*="span"] , .cat .row-fluid [class*="span"] {min-height:1px}

.openmenu li .hovermenu ul li ul {display:none; border:1px #ddd solid; position:absolute; margin:-24px 0 0 165px; width:190px}
.openmenu li:hover .hovermenu ul li ul {display:none;}
.openmenu li .hovermenu ul li:hover {color:#E64A23}
.openmenu li .hovermenu ul li:hover ul {display:block;}
.openmenu li .hovermenu ul li ul li {border:0; background:#fff; font-size:100%; padding: 4px 15px}
.openmenu li .hovermenu ul li ul li:first-child {padding-top:10px}
.openmenu li .hovermenu ul li ul li:last-child {padding-bottom:10px}
.openmenu li:hover .hovermenu ul li ul li {color:#7B8392;}

.lfblk {margin-top:40px}
.lfblk h2 {font-size:110%; color:#78A840; font-weight:normal; border-bottom:1px #E64A23 solid; line-height:0; padding-bottom:15px}
.lfblk ul {margin-right:20px}
.lfblk li {margin-top:14px}
.lfblk a {text-decoration:none; color:#666}
.lfblk a:hover {color:#E64A23}

.tit {text-transform:uppercase; font-size:110%; color:#7B8392; padding:10px 0 0 240px;
font-weight:600}

.tit h1{all:unset;}

.cont {margin-bottom:40px;}

.blue {margin-bottom:20px}
.blue li {float:left; margin-bottom:20px}
.blue:after {
    clear: both;
}
.blue:before, .blue:after {
    display: table;
    line-height: 0;
    content: "";
}
.tov {border:1px #ddd solid; background-color:#fff; height:360px; overflow:hidden;
-webkit-box-shadow: 0 0 6px 1px #EDEDED;
box-shadow: 0 0 6px 1px #EDEDED; width:220px;}
.tov:hover {border:1px #E64A23 solid;}
.ban {height:360px;
-webkit-box-shadow: 0 0 6px 1px #EDEDED;
box-shadow: 0 0 6px 1px #EDEDED;}
.ban:hover {border:1px #ddd solid;}
.tov h3 {color:#78A840; font-size:120%; margin:18px 0; height:18px; overflow:hidden}
.tov h3 a {color:#78A840; font-weight:normal}
.tov .imthumb, .firm {height:200px; width:220px; float: none;display: table-cell; overflow:hidden; vertical-align: middle; text-align: center;}
/*.tov .imthumb img {position: absolute; max-width: 130%; min-height:200px;
  clip: rect(0, 220px, 200px, 0);}*/
.tov .imthumb img {max-height: 220px;max-width: 220px;
    clip: rect(0, 220px, 200px, 0);}
.tov .firm .wrapper {text-align:center; vertical-align: middle;}
.tov .firm img {max-width: 200px; margin: 24% 10px;
  clip: rect(0, 220px, 200px, 0);}
.tov .thumbnail {padding:0 12px;}
.ban .imthumb {height:360px; overflow:hidden}
.price {color:#E64A23; font-size:200%; font-weight:bold; margin-top:14px}
.qq {font-size:70%;}
.options ul {margin-top:6px;}
.options li {font-size:96%; margin:4px 0 0; color:#7B8392; float:none}
.options a {color:#7B8392}
.options a:hover {color:#E64A23;}
.options .fa {margin-right:8px}
.com a {color:#E64A23;}
.com .fa {margin-right:4px}

.news {height:170px; margin-bottom:40px;}
.news h3 {color:#78A840; font-weight:normal; font-size:120%; padding-bottom:5px}
.news h3 a {text-decoration:none; color:#78A840}
.news h3 a:hover {color:#E64A23}
.pod {text-align:right}
.pod a {text-decoration:none; color:#E64A23}
.pod a:hover {color:#78A840}
p.pod {margin-bottom:0}
.newsimg {width:100px; height:75px; float:left; margin:0 10px 5px 0;text-align:center; vertical-align: middle;}
.newsimg a img {max-height: 80px;max-width: 80px;}
.det a {color:#78A840}
.det a:hover {color:#E64A23}
.snews {margin-bottom:30px}
.snews p, .snews ul {margin:10px 0}
.snews img {margin-bottom:10px}

.home {margin-left:18px!important; text-indent:-9px; height:40px;}

.content h2 {text-transform:uppercase; font-size:90%; color:#7B8392; margin-bottom: 20px; font-weight:bold}
.content h2 a {color:#7B8392; text-decoration:none; font-weight:bold}
.content h2 a:hover {color:#E64A23;}

.rel {margin-top:35px}
.rel ul {margin:0 0 20px 20px}
.rel ul:last-child {margin-bottom:0}

.pages {text-align:center; color:#7B8392; font-size:110%; margin-bottom:40px}
.pages a {color:#7B8392}
.pages .active, .pages a:hover {color:#E64A23}
.pages ul li {display:inline; margin:0 10px}

.zagl {text-align:center; font-weight:600; font-size:150%; margin:40px 0}

.filter {font-size:110%;}
.filter ul {min-width:250px}
.filter ul li {display:inline-block; margin-right:10px}
.filter hr {border:none; border-top:1px #ddd solid; margin:20px 15%}
.filter ul li ul li {margin-right:10px}
.filter input[type="text"] {height:18px; width:44px; font-size:90%; padding:2px; margin:0 4px;}
.filter input[type=checkbox] { display:none; }
.filter input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.filter input[type=checkbox] + label:before { content: "\f096"; }
.filter input[type=checkbox] + label:before { letter-spacing: 10px; }

.filter input[type=checkbox]:checked + label:before { content: "\f046"; color:#78A840 }
.filter input[type=checkbox]:checked + label:before { letter-spacing: 8px; }

.filter .row-fluid [class*="span"] {min-height:1px}
.filter select {    color: #7B8392;
    border: 1px #99A3B4 solid;
padding:2px}

.search-button {background-color:#78A840; color:#fff; border:0; font-size:86%; padding:2px 10px; margin-right:10px}
.send {text-align:right}
.send a {color:#78A840; text-decoration:none; border-bottom:1px #78A840 dashed;}

.suboptions {margin-top:40px;}
.suboptions ul {min-width:250px}
.suboptions ul li {margin-right:0}

.error {text-align:center;}

.popup {    position: fixed; display:none;
    margin:0 35%;
    background: #fff;
    border: 1px #99A3B4 solid;
    padding:14px 20px;
    top: 30%;
width:320px;
z-index:10000;}
.popup .span10 {width:77%!important; float:left!important}
.popup .span2 {width:20%!important; float:left!important}
.popup label {width:90px; display:inline-block; vertical-align:middle}
.popup li {margin-bottom:2px}
.popup li a {color:#78A840}
.popup li:last-child {margin-bottom:0}
.popup .submit {text-align:center;}
.popup .search-button {font-size:100%}
.ptit {color:#78A840; font-size:110%; margin-bottom:10px}
.cls {text-align:right; font-size:130%; margin-top: -1px;}
a.popup__close {
    color:#7B8392;
    }
a.popup__close:hover {
    color:#E64A23;
    }
.popform, .popup textarea {width:210px;}
.popup textarea {height:70px}
.popup p {margin:0 0 14px}

.org {color:#E64A23; font-weight:bold}
p.comment {margin:-4px 0 8px 90px; font-size:86%; color:#999; line-height:normal}
.lgn {font-size:90%; margin-top:18px;}
.lgn a {color:#7B8392}
.lgn a:hover {color:#78A840}
.lgn [class*="span"] {min-height:1px!important}
.ok {text-align:center}
.impot {font-weight:bold;}
/*.dsc {width:320px}*/
.dsc p.comment {margin-left:0;}

.tovname {margin-bottom:20px}
.tovname h3 {font-size:300%;line-height: 1;}
.tovprice {margin:40px 0; height:60px}
.tovprice .price {font-size:350%; margin-top:0; margin-right:20px}
.price .qq {font-size:40%}
.sale {height:60px}
.sale .cartico {font-size:240%;}
.sale {padding-top:12px; font-weight:600}
.sale a {color:#666}
.sale a:hover {text-decoration:none}

.order {padding-top:14px}
.order-button {margin:0 20px 40px 0; font-size:130%}
.order-button a {padding:16px; background-color:#E64A23; color:#fff; text-decoration:none;}
.ordopt {font-size:110%; margin:-12px 0 20px;}
.ordopt p {margin-bottom:8px}
.ordopt a {text-decoration:none}
.ordopt a i {color:#666; padding-right:5px}
.ordopt a:hover {color:#666}

.skidos {margin:46px 0; text-align:center; font-size:120%}
.skidos a {padding: 16px 21px; background-color: #E64A23;
    color: #fff;
    text-decoration: none;}

.prod {margin-bottom:40px;}
.prod ul {font-weight:600}
.prod ul li {margin-bottom:6px}
.prod ul li:last-child {margin-bottom:0}
.prod i, .lfblk i {padding-right:10px}
.prod a {text-decoration:none; color:#78A840; font-weight:normal}
.prod a {border-bottom:1px #78A840 dashed}
.prod a i {border-bottom:none; padding: 0 0 0 5px}

.fcont {margin-top:0}
.fcont ul li {margin-left:24px; text-indent:-12px}

.tabs .row-fluid {display:block!important}
.tabs .row-fluid h1 {color:#666; margin-bottom:10px}

div.tabs {
margin:40px 0;
}

div.container { 
margin: auto; 

margin-bottom: 10px;
}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0 0 4px 0;
border-bottom:1px #78A840 solid
}

.prdp ul {border-bottom:none!important}
.prdp hr {margin:1px 0 15px}

ul.tabNavigation li {
display: inline;
line-height:normal;
}

ul.tabNavigation li a {
padding: 4px 10px;
background: #FFF;
color: #666;
text-decoration: none;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
background-color: #78A840;
color: #fff;
}

ul.tabNavigation li a:hover {
background: #8fbe57;
color: #fff;
}

ul.tabNavigation li a:focus {
outline: 0;
}

div.tabs div {
padding: 5px;
margin-top: 3px;
}

.topSteps {margin:10px 0 -8px}
.topSteps ul li {text-align:center; display:inline; padding:8px; margin:0 4px; background:#f1f1f1}
.topSteps li.active {background:#E64A23; color:#fff}

.warnRight {background:url(/templates/orig/img/bgr041.gif) 0 6px no-repeat; padding-left:20px!important}

table th {
    font: bold 12px/17px "Arial";
    padding: 10px 5px;
    background: #FF7B23;
    color: #FFF;
    vertical-align: middle;
    border: 2px solid #FFF;    
}

table tr td {
    font: normal 12px/17px "Arial";
    padding: 10px 10px;
    background: #f5f5f5; 
    vertical-align: middle;
    border: 2px solid #FFF;
    text-align:center;
}

 table tr td.green {
    background: #8cb95a;
    color: #FFF;
}

.txtl {text-align:left}

table .price td {font-size:80%; padding:15px 10px}
td.buttons a {font-size:120%; text-decoration:none; color:#666; padding:10px 28px; font-weight:bold}
td.buttons:hover a {color:#E64A23}
td.buttons:hover {border-bottom:1px #E64A23 solid}

.regform {width:100%}
.regtit {font-size:120%; padding-top:10px!important}
.hint {font-size:80%; color:#aaa; margin-bottom:-4px}

#gallery {display:block;}
#thumbs { padding-top: 10px; overflow: hidden; height:60px; margin-bottom:20px}
#thumbs li {float:left}
#thumbs img, #largeImage {cursor: pointer; }
#thumbs img {margin-right: 6px;
    max-width: 130%;
    height: 60px;    
opacity:0.5}
#thumbs img:hover {opacity:1}
#thumbs .vid {font-size:140%; padding:6px}
#thumbs .vid a {color:#fff; text-shadow: #99A3B4 1px 0px, #99A3B4 1px 1px, #99A3B4 0px 1px, #99A3B4 -1px 1px, #99A3B4 -1px 0px, #99A3B4 -1px -1px, #99A3B4 0px -1px, #99A3B4 1px -1px;}
#thumbs .vid a:hover {text-shadow: #E64A23 1px 0px, #E64A23 1px 1px, #E64A23 0px 1px, #E64A23 -1px 1px, #E64A23 -1px 0px, #E64A23 -1px -1px, #E64A23 0px -1px, #E64A23 1px -1px;}
#panel { position: relative; height:300px; overflow:hidden}

.contact li {text-indent: -12px; margin-left:24px; margin-top:10px}
.contact li:first-child {margin-top:14px}
.contact li a {text-decoration:underline}

#YMapsID {width:100%!important; z-index:-100}
.YMaps-layer-container img{
    max-width: none;
}

.preds li {padding:10px 0 0; border-bottom:1px #ddd solid}

.auth {background-color:#fafafa}

.comment {margin:20px 0!important; border-bottom:1px #ddd dotted; padding-bottom:10px!important}
.comment img {display: block;
    float: left;
    width: 50px;
    margin-top: 3px;
    margin-left: 13px;}
.comment .name {font-weight:600;
    color: #67913b;
    margin: 0 20px 0 75px;}
.comment .text {
    margin: 0 20px 0 75px;}

.comment:after {clear:both}

.docs {font-weight:600}
.docs a {color:#666; font-weight:normal}
.docs a .fa {padding-right:10px; text-decoration:none}
.docs a:hover {color:#E64A23}
.docs li {background-color:#fafafa; padding:10px 20px 8px; margin-bottom:2px}

/*foot*/
.so {border-top:1px #ddd solid;  padding-top:20px}
.so p {font-size:90%; font-size;normal}
.cul {margin-top:10px; color:#444; background-color:#fafafa; border-top:1px #ddd solid; font-size:80%; padding:10px}
.cul a {color:#444;}
.cul i {font-size:140%}
.cul ul {margin:10px 0}
.cul ul li {display:inline; margin-left:20px}
.cul ul li:first-item {margin-left:0}
.inf {text-align:center}
.soc {text-align:right}
.soc a {text-decoration:none}
.cul ul li {margin-left:5px}
.inf a:hover, .soc a:hover {color:#8CC63F}

input:focus {
border:1px #99A3B4 solid !important; -webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
.search input:focus {border-right:0!important;}

/*resp*/

@media (min-width: 1200px)  {
.cats {width:25%}
.shapo ul li {display:inline; margin-left:20px}
}

@media (min-width: 979px) and  (max-width: 1199px) {
.comlogo {min-height:196px!important;}
.shapo ul li {display:inline; margin-left:20px}
}

@media (max-width: 978px) {
.content {margin: 0;}
.catalog .menulist {display:none;}
.catalog:hover .menulist {display:block;}
.comlogo {min-height:142px!important;}
.shapo ul li {display:inline; margin-left:20px}
}

@media (min-width: 768px) and (max-width: 1199px) {
.cats {width:33.3%}
}
@media (max-width: 767px) {
.cats {width:50%}
.filter .span4, .filter .span3 {margin-top:20px}
.send {text-align:left}
.news {height:auto}
.comlogo {background:none!important; min-height:130px!important; padding:10px}
.username {display:none!important}
}
@media (max-width: 509px) {
.cats {width:100%}
.shapo {height:auto;}
.shapo .logo {margin:0 30%}
.shapo ul li {display:block}
.inf ul li {display:block!important}
.tit, .hovermenu {display:none!important}
.cats {margin:0 7%}
.logo  {margin:0 16%}
.top {padding:14px 0 6px}
.top .rght {float:none; margin:10px 30%}
.m25 {margin:25px 0 0}
.soc {text-align:center}
.popup {max-width:280px; width:auto; left:20px; right:20px; top:20px; max-height:430px; overflow:overlay; margin:0}
.shapo li .username {display:none!important}
}

@media (max-width: 490px) {
.ordopt {margin-top:40px!important}
.order {margin-top:70px}
.order-button {margin-bottom:0}

}

/*gallery*/
.down li {display:inline-block; margin-left:20px;}
.down li:last-child {margin-left:0}
.ad-thumbs {width:100%; overflow:hidden}
.ad-thumbs li {display:inline-block; margin-left:10px;}
.ad-thumbs li:last-child {margin-left:0}
/*.ad-thumbs img {width:70px; border:1px #ccc solid; background:#fff; padding:5px}*/
.ad-preloads {width:100%; max-width:640px; max-height:480px}


/* --------------------------------------------------------------------------------------------------------------- */
.pAuthorization { width: 749px; margin: 0 auto; margin-bottom: 5px; background: #8cb95a url(../img/bgr158.gif) 0 0 no-repeat; }
.pAuthorizationInner { background: url(../img/bgr159.gif) 0 bottom no-repeat; text-align: left; }
.pAuthorizationInner #tableSocial { width: 650px; margin: 0 0 0 20px; }
.pAuthorizationInner #tableSocial td { background: none; border: none; text-align: left; vertical-align: middle; padding: 20px 0; }
.pAuthorizationInner #tableSocial p.ahead { float: left; font: bold 18px/18px Arial; color: #FFF; }
.pAuthorizationInner #tableSocial p.atext { float: left; clear: left; font: normal 12px/16px Arial; color: #FFF; white-space: nowrap; margin-top: 5px; }
.pAuthorizationInner a.vk, .pAuthorizationInner a.fb { display: inline-block; width: 139px; height: 37px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat }
.pAuthorizationInner a.vk:hover, .pAuthorizationInner a.fb:hover { background-position: 0 bottom; }
.pAuthorizationInner a.vk { background-image: url(../img/btn025.gif); }
.pAuthorizationInner a.fb { background-image: url(../img/btn026.gif); }
.pAddComment { width: 749px; margin: 0 auto; margin-bottom: 5px; background: #8cb95a url(../img/bgr158.gif) 0 0 no-repeat; }
.pAddCommentInner { background: url(../img/bgr159.gif) 0 bottom no-repeat; text-align: left; overflow: hidden; }
.pAddCommentInner .top { padding: 12px 0 20px 15px; width: 719px; height: 60px; }
#blockCenter table.tUser, .pAddCommentInner table.tUser { width: 260px; margin: 10px 0 0 0; }
#blockCenter table.tUser td, .pAddCommentInner table.tUser td { background: none; border: 0; font: normal 13px/16px Arial; color: #fff; padding: 0; margin: 0; vertical-align: middle; text-align: left; }
.pAddCommentInner .top img { display: block; float: left; height: 50px; }
.pAddCommentInner .top a.pButton { display: block; float: right; clear: right; width: 109px; height: 37px; cursor: pointer; overflow: hidden; background: url(../img/btn018.gif) 0 0 no-repeat; font: bold 16px/37px Arial; text-align: center; text-decoration: underline; color: #666; margin: 0 0 0 20px; }
.pAddCommentInner .top a.pButton:hover { text-decoration: none; }
.pAddCommentInner .top div.inputText { height: 37px; width: 320px; background: url(../img/bgr162.gif) 0 0 no-repeat; float: right; }
.pAddCommentInner .top div.inputText input { display: block; background: none; font: bold 12px/35px Arial; width: 95%; height: 37px; color: #bababa; padding: 0 0 0 10px; }
.pAddCommentInner .top p.hint { font: normal 11px/16px Arial; color: #FFF; float: right; width: 447px; }
.pAddCommentInner .center { padding: 0 0 15px 13px; }
.pAddCommentInner .center .textArea { width: 712px; height: 132px; background: url(../img/bgr160.gif) 0 0 no-repeat; padding: 2px 0 0 10px; }
.pAddCommentInner .center .textArea textarea { width: 710px; height: 128px; background: none; overflow: auto; font: bold 12px/16px Arial; color: #bababa; }
.pAddCommentInner .bottom { padding: 0 12px 15px 12px; overflow: hidden; }
.pAddCommentInner .bottom .captcha {  float: left; width: 565px; }
.pAddCommentInner .bottom a.pButton { display: block; float: right; clear: right; width: 151px; height: 37px; cursor: pointer; overflow: hidden; background: url(../img/btn019.gif) 0 0 no-repeat; font: bold 16px/37px Arial; text-align: center; text-decoration: underline; color: #666; margin: 0; }
.pAddCommentInner .bottom a.pButton:hover { text-decoration: none; }
.pAddCommentInner .left { float: left; padding: 25px 10px 25px 15px; }
.pAddCommentInner .right { float: left; padding: 25px 10px 25px 15px; }
.pAddCommentInner .right .name { font: normal 18px/20px Verdana; color: #FFF; float: left; padding-right: 10px; }
.pAddCommentInner .right .exit { font: normal 11px/11px Verdana; color: #FFF; float: left; border-left: 1px solid #FFF; padding-left: 10px; position: relative; top: 5px; text-decoration: underline; }
.pAddCommentInner .right .exit:hover { text-decoration: none; }
.pAddCommentInner .right .btnAddComent { display: block; width: 164px; height: 45px; background: url(../img/btn027.gif) 0 0 no-repeat; float: left; clear: left; margin-top: 10px; }
.pAddCommentInner .right .btnAddComent:hover { background-position: 0 bottom; }
.pComments { padding:0; width: 748px; margin: 0 auto; margin-bottom: 30px; text-align: left; }
.pComments ul { display: block; }
.pComments li { display: block; overflow: hidden; padding: 13px 0 0 0; }
.pComments li.dark { background: #f2efec; }
.pComments ul ul { display: none; }
.pComments ul ul li { padding-left: 65px; }
.pComments li img { display: block; float: left; width: 50px; margin-top: 3px; margin-left: 13px; }
.pComments li p.name { font: bold 11px/16px Arial; color: #67913b; margin: 0 20px 0 75px; }
.pComments li p.name span { font: normal 10px/16px Arial; color: #666; padding: 0 0 0 15px; }
.pComments li p.text { font: normal 11px/14px Arial; color: #666; margin: 0 20px 0 75px; }
.pComments li p.link { font: normal 13px/16px Arial; color: #68913d; margin: 10px 20px 15px 75px; }
.pComments li p.link a.reply { display: inline-block; width: 68px; height: 17px; color: #fff; text-decoration: none; font: normal 11px/16px Arial; background: url(../img/btn020.gif) 0 0 no-repeat; text-align: center; }
.pComments li p.link a.reply:hover { text-decoration: underline; }
.pComments li p.link a.more { display: inline-block; width: 68px; height: 17px; color: #666; text-decoration: none; font: bold 11px/16px Arial; text-align: left; margin-left: 10px; padding-right: 10px; background: url(../img/bgr162.png) right -89px no-repeat; visibility: hidden; }
.pComments li p.link a.more:hover { text-decoration: underline; }
.container #select-city{ padding: 11px 2%; }