/*
 * Style for Bars site
 *
 * Design: LTD progway, http://www.progway.ru/
 * Author: LTD progway, http://www.progway.ru/
 * Copyright (c): 2008
 *
 */
html {
  background-color: #8b8d8f;
  color: #292626;
}
body {
	margin: 0;
	padding: 0;
	min-width: 999px;
	width: 100%;
}

div, ul, ol, li, img, form, p {
  padding: 0;
  margin: 0;
}

body, div {
  font-family: Tahoma, sans-serif;
}
body, div, p, td{
  font-size: 12px;
}
h1,h2,h3 {
  padding: 0;
  margin: 0;
}
.bold {
  font-weight: bold;
}
.big {            
  font-size: 14px;
}
.big2 {
  font-size: 16px;
}
.small {
  font-size: 11px;
}
.left {
  float: left;
}
.right, .signature {
  float: right;
}
.text_header{
  float: right;
  width: 250px;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
}
.indent {
  padding-bottom: 15px;
}
.indent2 {
  padding-bottom: 30px;
}
.top_indent {
  padding-top: 20px;
}
.zipped {
  width: 70%;
}
.error {
  color: #cd0000;
  font-size: 0.85em;
  margin-left: 15px;
}
.price {
  font-size: 16px;
  font-weight: bold;
  color: white;
  padding: 10px 0 0 0;
}
.phone {
	display: block;
	font-size: 22px;
}
.hidden {
  display: none;
}
.dont_indent {
  padding-bottom: 0px;
}

/***my css***/
/***layouts***/
#header{
	position: relative;
	height: 114px;
	width: 999px;
	margin: 0 auto;
}
#header img{
	position: absolute;
	left: 33px;
	top: 22px;
	display: inline;
  border: none;
}
#header a{
	margin: 1px;
}
#header ul{
	position: absolute;
	left: 230px;
	top: 35px;
	font: 14px Tahoma, sans-serif;
}

#header ul, #header li {
	margin: 7px; 
}
#contacts{
	position: absolute;
	left: 740px;
	top: 21px;
	right: 35px;
}
#addr{
  margin: 4px 0 6px 0;
  display: block;
}
#header_wrapper,{
	width: 100%; 
}

#content{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#contacts a{
	margin: 0 0;
}
  
#links{
	padding: 40px 24px 28px;
	width: 951px; 
	margin: 0 auto;
	overflow: hidden;
}

#links img{
  border: solid 1px white;
}
#links  li ,#links  ul{
	display: inline;
	float:left;
	list-style:none;
	padding:0;
}

#links p{
  padding: 13px 0 0 9px;
  color: #6c81a4;
}
#filters{
  border: dotted 1px white;
  margin-bottom: 35px;
}

.left{
  float: left;
  width: 480px;
  padding: 20px;
  margin: 33px 0 0 0;
}

.right{
  width: 250px;
  padding: 20px;
  margin-top: 85px; 
  float: right;
}

#filters  select{
  color: #94908F;
	width: 100px;
  font: 9px  Tahoma, sans-serif;
}
#filters h2{
  padding: 0;
	margin: 0;
}
.left .filter ul{
  width: 478px;
}

.left #mozaik_f{
	width: 226px;
}

.right .filter ul{
	width: 226px;
}

.left .filter li{
	margin: 5px 0 5px 26px; 
}
.left .filter li:first-child {
	margin: 5px 0; 
}

.right .filter li{
	margin: 5px 0 5px 26px; 
}
.right .filter li:first-child {
	margin: 5px 0; 
}
.right .filter li.new_line{
  margin: 5px 0;
}
.left li.view{
  display: block;
  margin: 5px 0;
  float: right;
}
.right li.view{
  display: block;
  margin: 5px 0;
  float: left;
  width: 226px;
}
.filter ul , .filter li {
	float: left;
	list-style:none; 
	padding:0; 
}
label{
  display: block;
  padding-bottom: 3px;
}
#article{
	float: right;
	width: 311px;
	right: -13px;
  position: relative;
  margin-bottom: 60px;
}
#article a{
  padding: 3px;
}
#article h2{
	margin-bottom: 0;
}
#wrapper{
	width: 929px;
	margin: 0 auto;
  padding: 0 33px 39px 33px;
	overflow: hidden;
}
#wrapper #filters{
  margin-bottom: 0;
}
#article ul, #article li {
  display:block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:5px 0;
  padding:0;
}

#footer{
	height: 30px;
	padding: 15px 33px;
	width: 933px;
	margin: 0 auto;
}
.cbars{
	float:left;
}
.cauthor{
	float: right;
}


.menu, .menu li{
  display: inline;
  /*float:left;*/
  list-style:none;
}

/*страницы 2-4*/

#cont_wrapper{
  width: 929px;
  padding: 35px 35px 0px 35px; 
  margin: 0px auto;
  overflow: hidden;
}
#left_column{
  float: left;
  position: relative;
}
#right_column{
  float: rigth;
}
#paper{
  width: 570px;  
  padding: 23px 20px;
  position: relative;
  background-image: url("assets/images/tex_background.jpg");
  background-color: #ebeaea;
  /*border-right:solid 1px white;
  border-top:solid 1px white;*/
  margin-bottom: 25px;
}
#paper a{
	color:#292626;
}

#paper p{
  margin: 0 10px 0px;
}
#paper h1{
  margin: 0 0 2px 10px;
}
#paper h3{
  margin: 15px 0 2px;
  padding: 0;
}
#shadow{ 
  left: -17px;
  top: -10px;
  width: 661px;
  height: 322px;
  position: absolute;
  background: url("assets/images/paper_shadow.png") no-repeat;  
}

#gallery{
  width: 250px;
  background-color:#8b8d8f;
  color: white;
  margin-bottom: 30px;
  float: right;
  padding: 24px;
}
#pointers{
	width: 100%;
	text-align: center;
}
#toleft, #toright{
  margin: 0 20px;
  border: 0;
}
.mainimg{
  width: 248px;
  height: 250px;
  border: solid 1px white;
}
#gallery p{
  margin: 10px 4px;
}
.without_padding{
  min-height: 650px;
}
.with_padding{
  min-height: 580px;
  padding-bottom: 33px;
}
#left_column .catalog{
  border: none;
  min-height: 500px;
}

.manufacture {
  margin: 10px 0 20px 10px;

}
#paper .manufacture p{
  margin-left: 90px;
}
.manufacture img{
  display: inline;
}
#paper .manufacture h3{
  padding-left: 0;
  display: inline;
}

#top_filtered{
  height: 40px;
  width: 550px;
  padding: 8px 28px 8px 32px;
  position: relative;
	
}
#top_filtered label{
	font-weight: normal;
}
#top_filtered select {
	-x-system-font:none;
	color:#94908F;
	font-family:Tahoma,sans-serif;
	font-size:9px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	width:100px;
}
#top_filtered li{
	margin-right: 15px;
}
#top_filtered li.view {
  margin-right: 0px;
  margin-top: 1.2em;
  /*margin-left: 1em;*/
  width: 90px;
}
#left_column .catalog h3{
	margin: 0 0 5px;
}
.catalog #pages_wrapp{
	border-top: 2px solid #bfc0bf;
	margin: 10px 10px 10px 12px;
        padding-top: 20px;
	float: left;
	width:550px;
}
.catalog .pages{
	float: right;
}
.catalog{
	float: left;
}
.itemlist{
	clear: both;
	list-style: none;
}
.item_title{
	display: none;
	margin-bottom: 4px;
        width: 118px;
        height: 1em;
        overflow: hidden;
	text-align: left;
        text-transform: uppercase;
}
.itemlist li{
	list-style: none;
	width: 118px;
        min-height: 122px;
	float: left;
	margin: 10px 10px;
	text-align: center;
}
.itemlist li img{
  border: 1px solid black;
  border-left: none;
  border-top: none;
  max-width: 118px;
  max-height: 118px;
}


.listcollect{
	list-style: none;
	margin: 0 12px;
	min-height: 15px;
}
.listcollect li{
	float: left;
        white-space: nowrap;
	margin: 3px 10px 3px 0;
}
.catalog h1{
  width: 430px;
  float: left;
}
#paper .fabrics{
	float: right;
	margin: 5px 10px 10px 0;
	color: 	#6C81A4;
}

#catalogue{
  width: 575px;
  padding: 30px 18px;
  position: relative;
  float: left;
}
#catalogue h3{
  margin: 8px 12px;
  padding: 0;
}
.logo{
  margin-left: 12px;
}
.instance li{
  margin: 0 12px 12px 12px;
  float: left;
  width:260px;
  height: 315px;
  text-align: center;
}

.instance{
  padding-bottom: 20px;
}
.fabric_logo{
	float: left;
	margin-top: -30px;
	margin-left: 12px;
}

.instance h4{
  margin: 5px 0;
}

#pagination_bottom{
  width: 575px;
  padding: 30px 0 0 0;
  border-top: solid 1px #c9c7c7;
}

.pagination{
  float:right;
  display: inline;
  margin-bottom: 10px;
}

#mozaik_left{
  width: 292px;
  float: left;
}
#mozaik_right{
  width: 283px;
  float: left;
}

#article li.selected a{
  background-color: #6c81a4;
  color: white;
  text-decoration: none;
  padding-top: 1px;
}

#map{
	margin: 5px 10px 10px 0;
}
.post{
	display: block;
	margin-top: 15px;
}
.pname{
	display: block;
	font-weight: bold;
}

.project_foto{
  margin: 5px 10px 10px;
  border: 0;
}
/*fonts*/

 
.granit{
	font: 24px "Times New Roman", serif;
}
#article h2{
	font: 24px Tahoma, sans-serif;
  margin-top: 15px;
}
#right_column h2{
  margin-top: 0px;
}
#filters h2{
	font: 24px "Times New Roman", serif;
}

#footer p{
	font: 9px Tahoma, sans-serif;
}

#paper h3{
  font-size: 12px;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
}
#catalogue h3{
  font-size: 12px;
  font-family: Tahoma, sans-serif;
  font-weight: bold;

}
h1{
  font: 24px "Times New Roman", serif;
}
.submit{
  font: 14px Tahoma, sans-serif;
}
#top_filtered{
  font:  bold 12px Tahoma, sans-serif ;
}
.instance h4{
  font: normal 12px Tahoma, sans-serif;
}

#paper p{
  line-height: 140%;
}
/*colors*/
body{
  height: 100%;
}
label{
  color: #292626;
}
#header_wrapper{
	background-color: #949598;
}

#content{
  background: url("assets/images/top_background.png") #949598 repeat-x;
}

#paper h1,#links a,.pagination a.prev{
  color:#6c81a4;
}
#wrapper{
  background-color: #949598;
}
.granit{
  color: #c8cbcd;
}

#content h2,#filters a, #header a,#gallery a{
  color: white;
}

.instance h4,#contacts a,#article a,#footer a,#project_examples a{
  color: #292626;
}
.submit{
  color: white;
}
#top_filtered{
  background-color: #8c8d8f;
}
#catalogue{
  background-color: white;
}

a.contact, .pages a{
  color: #292626;
}

.prev a,.next a{
  color: #6c81a4;
}
.pages li{
	padding: 5px;
	cursor: pointer;
}
.pages .active a{
	text-decoration: none;
	font-weight: bold;
}

/*more*/
.image{
  background: url("assets/images/img_background.png") 0px 0px no-repeat;
  height: 212px;
  width: 297px;
  padding: 4px 10px 1px 10px;
  margin: 0;
}

.submit{
  margin: 0;
  padding: 0;
  float:right;
  text-decoration:underline;
  background:none;
  cursor:pointer;
  border:0;
  overflow: visible;
}

button::-moz-focus-inner {border: none; padding: 0; } /* для Firefox */

#projects{
  padding-bottom: 20px;
  width:298px;
  float: right;
  list-style: none;
  line-height: 20px;
}
#projects:first-child {
  padding-top: 20px;
}
#projects:first-child .granit{
  color: #6c81a4;
}

#projects li{
  margin-bottom: 15px;
}
#portfolio_list {
  display: block;
  padding-bottom: 20px;
}
#portfolio_list li{
  margin: 0 10px 5px;
  float: left;
  white-space: nowrap;
}
#portfolio_list a{
  color: black;
}

#project_examples li{
  width: 170px;  
  margin: 10px;
}

#project_examples p{
  margin: 3px 0;
  line-height: 110%;
}
.active a{
  text-decoration: none;
  font-weight: bold;
}
#paper  h3{
  padding-left: 12px;
}
#links a.granit{
  text-decoration: underline;
}

.granit span{
  text-decoration: underline;
}
#pages_wrapp {
  white-space: nowrap;
  text-align: center;
}
span.ditto_currentpage{
  text-decoration: none;
  font-weight: bold;
  padding: 0 8px;
}
a.ditto_page {
  padding: 0 8px;
}
a.ditto_page.far {
  display: none;
}
a.prev {
  padding-right: 8px;
}
a.next {
  padding-left: 8px;
}
#project_examples img{
  width: 170px;
  height: 170px;
}

.pagination a,.pagination span{
  margin-right: 7px;
  color: #292626;
  float: left;
}

.katalog_list li{
  list-style: none;
  margin: 2px 10px;
  color: #292626;
	font: 12px Tahoma,sans-serif;
}

.katalog_list ul{
  margin-left: 20px;
}
.katalog_list ul li{
  margin: 2px 20px;
}
.katalog_list span{
  font: 14px Tahoma,sans-serif;
  cursor: pointer;
  text-decoration: underline;
}
.katalog_list span.active{
  text-decoration: none;
}
.katalog_list a{
  color: #292626;
  font: 12px Tahoma,sans-serif;
}

.katalog_list .collinfo{
	font: 12px Tahoma,sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.instance img{
  border: solid 1px #c0c0c0;
}

.factories{
  list-style: none;
}

.img_wrapper{
  min-width: 90px;
  float: left;
}
.tooltip_box {
}
#tooltipTitle {
  padding: 10px;
  opacity: 0.8;
  background-color: white;
  filter:alpha(opacity=80);
  zoom:1;
}
span.description {
  display: none;
}
/*************************/
.new_item_box {
	width:296px;
	height:38px;
	float:right;
	padding:14px;
	overflow:hidden;
	margin:20px -13px 0 0;
	background:url(assets/images/shadow_new_item.png) 0 0 no-repeat #949598;
}
.new_item {
	display:block;
	float:right;
	text-align:center;
	width:299px;
	color:#FFF;
	font-size:22px;
	background:#c82331;
	padding:5px 0 8px;
	margin-top:-52px;
	position:relative;
}