@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic);

@font-face{ 
      font-family: 'fontawesome';
          src: url('fonts/fontawesome-webfont.eot');
          src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
               url('fonts/fontawesome-webfont.woff') format('woff'),
               url('fonts/fontawesome-webfont.ttf') format('truetype'),
               url('fonts/fontawesome-webfont.svg') format('svg');
}

@font-face{ 
      font-family: 'WebSymbolsLigaRegular';
          src: url('fonts/WebSymbolsLiga-Regular.eot');
          src: url('fonts/WebSymbolsLiga-Regular.eot?#iefix') format('embedded-opentype'),
               url('fonts/WebSymbolsLiga-Regular.woff') format('woff'),
               url('fonts/WebSymbolsLiga-Regular.ttf') format('truetype'),
               url('fonts/WebSymbolsLiga-Regular.svg#WebSymbolsRegular') format('svg');
}


@font-face { font-family: "Rubl Sign"; src: url('fonts/ruble.eot'); }


@font-face {
    font-family: arial;
    src: url('fonts/NeoSansCyr-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neo sans regular italic';
    src: url('fonts/NeoSansCyr-Regular-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'Neo sans regular light';
    src: url('fonts/NeoSansCyr-Light.ttf') format('truetype');
    font-weight: light;
    font-style: normal;
}

@font-face {
    font-family: arial;
    src: url('fonts/LhrES8A3.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



#slogan {
position: relative;    color: #fff;  left: 50%;  margin-left: -150px;    width: 300px;    text-align: left;   position: relative; bottom: 0px; ; font-weight: 100; letter-spacing: 0px;
}

#header .inner a.logoorder:hover {
    background: #00a3b2;
	color: #fff;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
	border: 1px solid #00a3b2;
}
#mdbasket {
    position: relative;
    display: inline-block;
    height: 18px;
}
#mdpaysbut>span {
	font-size: 12pt;
    line-height: 12pt;
	}
#mdpaysbut {
font-size: 12px;
    margin-left: 9px;
    margin-top: -2px;
    height: 20px;
    display: absolute;
    border: 1px solid #bbbfc4;
    color: #666c73;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    /* padding: 7px 10px 8px 10px; */
    padding: 4px 6px 0px 8px;
    font-weight: bold;
    line-height: 13px;
    background: #ffffff;
}
#mdpaysbut>div {
    position: absolute;
    width: 5px;
    /* background-position: 0px -0px; */
    overflow: hidden;
    margin-left: -13px;
    margin-top: 4px;
    height: 10px;
    background: url(images/like_widget.png?1) 0px -28px no-repeat;
}

.mainlogo img { max-width: 50px;}

.onbasket {
    top: 0;
    text-align: center;
    padding: 9px 10px 9px 15px;
    left: 0;
    position: absolute;
    width: 77%;
    height: 50%;
    background: #00a3b2;
}
	
#header .inner a.logo:hover {
	background: #fff;
	color: #00a3b2;
	border: 1px solid #00a3b2;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	

}
.othertovar { width:100%; overflow: hidden;  }
#header {
position: fixed;
  display: table-cell;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 130px;
  vertical-align: middle; 
  z-index: 150;
  background-color: #00a3b2;
  box-shadow: 5px 7px 40px -19px #000;
  
}
.head .inner {
  position: relative;
  width: 100%;
  margin: 0px;
  text-align: left;

}
.head .inner .basketblock {
    width: 300px;
    min-height: 90px;
    position: relative;
    vertical-align: middle;
    color: #fff;
    }
.head .inner .basketblock div {
font-size: 14pt;
color: #fff;    
}    

.head .inner .block {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 15px auto;
  margin-left: 10px;
  color: #222;
}
.headpay {
width: 130px; 
display:inline-block;
vertical-align: middle;
}
#header .inner {
  font-family: arial;
  position: relative;
  width: 940px;
  height: 100px;
  overflow: hidden;
  margin: 0px auto;
  top: 25px;
  z-index: 9999;
}

.page {
	/* width:1170px; */
	width:100%;
	max-width: 950px;
	text-align: left;
	/*padding-bottom:50px; */
	margin:0px auto;
	/*margin-bottom:50px;
	 background: #e4e3db; 
	overflow:hidden;*/
	text-align: center;
	
}
.page_content  {
	position:relative;
	/*min-height:380px; */
	overflow:hidden;
	margin-top:0px;
	/* display: inline-block; */
}
#foot {
	width:100%;
	position:relative;
	bottom:0px;
	background:#f0ede8;
	z-index:1;
	overflow:hidden;
}
#foot .inner {
	max-width:950px;
	width:100%;
	padding:35px 0;
	margin:0px auto;
	overflow:hidden;
}
.page_content .inner {
margin-bottom:0px;
}
h2:first-letter
{

}

.page .head {
/*overflow: hidden;*/
position: relative;
/*min-height:100px; */
max-width:950px;
width:100%;
left: 50%;
margin-left: -50%;
}

#logo {
height:150px;
}

#contacts {
height:650px;
}
.mainmenu { position:absolute; width:99%; z-index:99; height:80px; font: normal 17px arial;padding-left:10px; color: fff#; background: #00a3b2;}
.small {
padding: 0;
display: block;
font-size: 8pt;
margin-bottom: 1px;
}
.big {
padding: 0; display: block;
font-size: 20pt;
}
#header .inner a.logoorder {
	background: #00a3b2;
    border: 1px solid #00a3b2;
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    left: 0px;
    top: 8px;
    overflow: hidden;
    padding: 7px 8px 8px 10px;
    font-family: 'arial';
    margin: 0px 3px 2px 0;
    font-size: 10pt;
    text-decoration: none;
}
#header .inner a.logo {
background: #00a3b2;
color: #fff; /* #474656; */
display: inline-block;
vertical-align: middle;
position: relative;
border-radius:5px;
left: 0px;
top: 5px;
overflow: hidden;
margin-right: 3px;
padding: 8px 8px;
border: 1px solid #00a3b2;
margin: 0px 2px 2px 0;
font-size: 10pt;
}

#header .inneraudit {
	font-family: arial;
    overflow: hidden;
    margin: 0px auto;
    z-index: 9999;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    height: 50px;
    border-top: 1px solid #e0e0e0;
    background: rgb(255, 255, 255);
    box-shadow: 5px 7px 40px -19px #000;
}

.mainmenuaudit {
    position: absolute;
    width: 100%;
    z-index: 99;
    height: 35px;
    font: normal 17px arial;
    padding-left: 10px;
    color: #00a3b2;
	text-align: center;
    overflow: hidden;
    height: 50px;
    background: #efefef;
}
#header .inneraudit a.logoaudit {
    background: #efefef;
    width: auto;
    color: #00a3b2;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 5px;
    left: 0px;
    top: 0px;
    overflow: hidden;
    /* margin-right: 10px; */
    padding: 10px 0px;
    border: 1px solid #efefef;
    margin: 5px 5px 5px 5px;
    font-size: 10pt;
    text-transform: capitalize;
}
#header .inneraudit a.logoaudit:hover {
text-decoration: underline;
}


.stiker {
position:absolute; margin-left: -480px; z-index:99;border-left: 1px solid #dedede;border-right: 1px solid #dedede;width:300px; padding-left:10px; display:inline-block;vertical-align: top; height:650px;background: #fff; float:left;
}
.maps {
position:absolute; width: 100%; margin-left: -50%;left: 50%; 
}
.mapsinner {
position:absolute; bottom:0px; width:280px; font-family: 'arial'; font-size:10pt;
}
.rightblock { text-align:left; }
	.prevover div{ 
	font-size:12pt;
	}
.prevover .desc {
  height:60px;
  }

  .slogon {
  position: absolute;top: 100px;display: inline-block;vertical-align: middle;width: 33%;padding: 0px 0px;text-align: left;left: 0px;margin: 50px 0px 0 10px; 
  }
  #maingallery {z-index:0;     background: url(images/opa75.png);     height: 100%; }
   .tovgroup {
      width: 75%;
      min-height: 420px;
   }
   .tov {
   /*width:25%;*/
   width: 199px;
   font-size:10pt;
   }
   .pictov {
   padding: 0px 0 0px 0px;
   }   
   
   .s7{
	height:200px;
   }   
   .tov>.short {
	margin: 10px 0 5px 10px;
	height: 160px;
   }
   .tov>.short>div {
	font-size: 10pt;
	height: 20px;
	width: 100%;
	padding: 0px;
	margin: 10px 0 0 0;
   }
   .tov>.short>div>div {
   padding: 5px 0px 0 0px;
   }   
   
   .tovdiv {
   height:140px; 
   }
   .tovdiv>img {
   width:100%;
   height:140px;
   }
    .tovdiv>.short {
   margin: 0 10px 0 10px;
   }

.cell {
width:48%; display: inline-block; margin: 0px 5px 0px 0; vertical-align:top;
}
.grid {
width:95%;display: inline-block; margin: 0px 5px 0px 0;  vertical-align:top; text-align: left;
}
.grid .short {
text-align: left;}

/*
.cell:nth-child(4n) {
margin: -10px 0 2px 0;
}
*/

   li.cell { 
   width:300px;
  } 
   li.grid { 
   width:98%;
  }   
.cell  .dopicV a >.desc div > p {
 font-size: 12pt; margin: 0px 0px 0px 5px; width:96%; padding: 0px; 
}  

.inner { margin-bottom: 20px;}
.inner h3 {  width: 100%; text-align: left; margin: 0 0 0 10px;}
.inner .desc {
    position: relative;
    width: 290px;
    display: inline-block;
    text-align: left;
    margin: 0 10px 0 10px;
 }

.inner .left {
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 10px 0 10px;
    width: 290px;
}
.inner .news {
text-align: left;
}
.inner .news div.nextnew {
    position: relative;
    padding-top: 10px;
    font-family: WebSymbolsLigaRegular;
    width: 50px;
    height: 50px;
    text-align: center;
    color: rgb(47, 119, 195);
    font-size: 50pt;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}
#news { padding-bottom: 0px;}
.newsblock {
position:relative;
display: inline-block;
margin: 0 0 10px 10px; 
vertical-align: top;
width: 45%;
}
.newsblock  .title{
text-align: left;

}

.newsblock .short { 
    text-align: left;
    display: none;
    vertical-align: top;
    margin: 0px 0px 0 40px;
}

.grid .newsblock { 
width:95%;
}

.newsblock .date { margin: 0 15px 0 0; font-size: 10pt;}
	
.newsblock  .firstdate {
    width: 35px;
    height: 15px;
    text-align: center;
    padding: 9px 0px 11px 0;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    background: #00a3b2;
    font-weight: 900;
    margin: 0 5px 0px 0;
}	

.newsblock .files { text-align:left; padding: 0 0 10px 0; display: inline-block; width:240px; color: #00a3b2; width: 100%; display: none;}
.cell .files {
margin-left:0px;
}
.grid .files {
margin-left:10px;
}
.newsblock .files a{
width: 190px; 
width:100%;
display: inline-block;
vertical-align: middle;
font-family: arial;
color: #00a3b2;
margin: 5px 0 0 0;
}
.pagenews {
margin-top: 20px;
}
.pagenews .title { margin: 0px 0 10px 0}
.pagenews .desc { width: 290px; margin:0px 20px 0 0; }
.pagenews .short {
	width: 620px;
    display: inline-block;
    vertical-align: top;
	margin: 0px;
	}

.files a:before {
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    content: '=';
    color: #00a3b2;
    font-size: 14pt;
    display: inline-block;
    vertical-align: middle;
}



.cell .newsblock .desc, .grid .newsblock .desc {
display:block;
}

/* column */
.columnblock {
width: 30%;
display: inline-block;
position:relative;
margin: 0px 10px 0px 10px;
vertical-align: top;
}
.grid { width: 100%;}
.columnblock .title {
text-align: left;
margin-bottom: 20px;
font-size: 14pt;
}
.columnblock .desc { 
width:100%;
}
.section-dark .columnblock p {
color: #fff;
}

.columnblock .short { 
	display: none;
    vertical-align: top;
    margin: 0px 5px 0 0px;
}
.columnblock .shortopen {
display: inline-block;
}
.columnblock .descopen {
display: inline-block;
}

#услуги {
    counter-reset: list 0;
}


.columnblock .desc {
/*
    position: absolute;
    top: -5px;
    top: -5px;
    left: -5px;
    right: 0px;
    width: 105%;
    height: 100%;*/
    text-align: left;
    display: none;
    vertical-align: middle;
    /*background: url('images/opa75.png');*/
}

.columnblock .desc:before {
content: '';
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 1px;
    height: 100%;

}

.columnblock:hover>.short {
display: inline-block;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s cubic-bezier(0.87, 0.02, 1, 1);	
}
.columnblock:hover>.desc {
display: inline-block;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
}
.columnblock:hover>.shortopen {
opacity: 0.3;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
}

.columnblock:hover>.descopen{
	width: 100%;
    top: 45%;
    position: absolute;
    left: 0;
    z-index: 999;
    opacity: 1;
    left: 20%;
}

.servblock:before {
	width: 34px;
    height: 17px;
    padding: 8px 0px;
    display: inline-block;
    border-radius: 50px;
    vertical-align: middle;
    background: #fff;
    counter-increment: list 1;
    content: counter(list);
    color: #00a3b2;
    font-weight: 900;
}

.servblock .title { 
    display: inline-block;
    width: 85%;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
 }
 .servblockmini:before {
	width: 34px;
    height: 17px;
    padding: 8px 0px;
    display: inline-block;
    border-radius: 50px;
    vertical-align: middle;
    background: #fff;
    counter-increment: list 1;
    content: counter(list);
    color: #00a3b2;
    font-weight: 900;
    text-align:center;
}
 .servblockmini:hover:before {
 color: #fff;
 background: #00a3b2;
 }
 .servblockmini {
 position:relative;
 width:24%;
 display: table-cell
 }
 
 .servblockmini .title { 
    display: inline-block;
    width: 100%;
    text-align: center;
	margin-top: 10px;
    vertical-align: middle;
	font-size: 12pt;
 }

.tshort {
text-align: left;
margin: 10px 0 15px 0px;
}
.tshortmini {
text-align: center;
margin: 10px 0 15px 10px;
display: none;	
}
.servblockmini .desc {
    /*
	position: absolute;
    top: -5px;
    left: -10px;
    right: -10px;
    width: 110%;
    height: 120%;
	*/
    text-align: center;
    display: none;
    vertical-align: middle;
	/*background: url('images/opa75.png');*/
}
.section-dark  .shortmini{
color:#fff;
}
.section-dark .cell .shortmini {
text-align: center;
}
.section-dark .grid .shortmini {  text-align: left; }
 .grid { width:95%; display: inline-block;}
 .grid>.title { width: 90%; text-align: left;}
 .grid>.tshortmini, .section-dark .grid .shortmini {  text-align: left;}

.servblockmini .desc:before {
content: '';
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 1px;
    height: 100%;

}

.servblockmini:hover>.tshortmini {
display: inline-block;
//opacity: 0.3;
}
.servblockmini:hover>.shortopen{
opacity: 0.3;

}

.servblockmini:hover>.descopen{
	width: 100%;
    top: 50%;
    position: absolute;
    left: 0;
    z-index: 999;
    opacity: 1;
    left: -5%;
}

.servblockmini:hover>.desc {
display: inline-block;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
}

.tshort .desc {
display: none;
}

 .opendesc {
    padding: 8px 15px 12px;
    border-radius: 5px;
    background: #00a3b2;
    
    margin: 10px 0;
    color: #fff;
    height: 15px;
    font-size:11pt;
    display: inline-block;
	cursor: pointer;
}
.open .opendesc {
position:absolute;
top: 45%;
opacity: 1;
}

.opendesc:hover, .servblock:hover>.tshort .opendesc {
    background: #fff;
	color: #00a3b2;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
}

.hide {
display: none;
}

.calendar {
border: 0px solid #000;
margin-bottom:20px;
}
.calendar caption {
color: #000;
background: #fff;
padding: 5px;
border: 1px solid #000;
}
.day-number {
height: 20px;
padding: 10px;
}
.calendar-day,.calendar-day-head {
width: 42px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
text-align: center;
vertical-align: middle;
}
.calendar-day-head {
border-right: 1px solid #fff;
color: #ffffff;
background: #000;
}
.calendar-day:last-child {
border-right:1px solid #fff;
}
.calendar-day:hover , .green:hover, .red:hover{
background: #000;
color: #fff;
cursor: pointer;
}

.calendar-row {
height:42px
}
.calendar-row:nth-child(even) {
background: #efefef;
}
.calendar-row:nth-child(odd) {
background: #fefefe;
}
.green{
color: #1468a1;
}
.red {
color: red;
/*background: #b0b0b0;*/
} 
.s1 { height:170px;}
.s2 { height:140px;} 
img.hid {
position:relative;
}


span, div {
font-family: arial;
font-size: 12pt; 
line-height: 14pt;
}
.inner h3.price { font-size: 60pt; padding:20px;
color: #efe600;
}
.error {
border:2px solid #ff0000;
}

.fotopanel div {
 width:620px; border-radius: 20px; color: #fff; 
}
.fotopanel .mimg  {
width: 189px; padding: 2px; border: 1px solid #fff; margin:2px;
}

.fotopanel div>img{
width: 600px; padding: 2px; border: 1px solid #fff;
margin-bottom: 5px;
}

#paneltov {
	pointer-events: none;
    position: absolute;
	top:0px;
	left:0px;
    margin: 5px 5px 5px 10px;
    z-index: 99;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    width: 260px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 40px -15px #fff;
    box-shadow: 0 0 8px rgba(250,250,250,0.9);
}

#paneltov:before {
	cursor:pointer;
	font-family: 'WebSymbolsLigaRegular';
    content: 'Î';
    width: 20px;
    height: 20px;
	padding: 5px;
	top: 5px; 
	right:5px;
    position: absolute;
    display: inline-block;
	pointer-events: all;
	/*background: url('images/rightpoints.png') no-repeat 100% 50%; */
} 

.grid .picimg:before {
	content: '×';
    font-family: 'WebSymbolsLigaRegular';
    width: 50px;
    text-align: center;
    color: #00a3b2;
    font-size: 20pt;
    display: inline-block;
	vertical-align: middle;
/* Î  */
} 
.grid .picimg .titletov {
    display: inline-block;
    z-index: 3;
    line-height: 14pt;
    margin: 0px;
    vertical-align: middle;
    width: 410px;
    text-align: left;
}
.grid .picimg .titletov a {
display: block;
}

.titletov h4 {
	font-family: 'arial';
    font-size: 15pt;
    vertical-align: top;
    color: #000;
    margin: 5px 0px;
}

.grid .picimg .phototov {

	display: inline-block;
    vertical-align: middle;
    width: 50px;
	height:50px;
	/* background: url(images/ul-li05.png) no-repeat 50% 50%; */
}
.grid>.price {
    min-width: 130px;
}
.akcia>span {
    background-image: url('images/akciatov.png');
    background-position: 0px top;
    background-repeat: no-repeat;
    display: inline-block;
    width: 65px;
    position: relative;
}
.tobasket>span>div {
	display: none;
    position: absolute;
    width: 100px;
    height: 40px;
    top: -65px;
    left: -22px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
}
.grid .picimg {
	position: relative;
	width:auto; 
	margin:4px;
	text-align:left; 
	display: inline-block;
	vertical-align: middle;

}

.cell .picimg {
position: relative;
    width: 100%;
    width: auto;
    margin: 4px;
    text-align: center;
}
.grid  .picimg>h4 {
	width: 280px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 20px;
  float: left;
 }

.grid .ablock {
  position: relative;
  top: 0px;
  width: 98%;
  z-index: 11;
  width: 600px;
  display: inline-block;
  vertical-align: top;
} 
.grid>.desc {
  display: none;
  width: 290px;
  position: relative;
  opacity: 1;
  height: auto;
}
.dopicV:hover>.desc {
    text-decoration: none;
    display: block;
    position: relative;
    width: 165px;
    z-index: 10;
    width: auto;
    padding: 0 20px 20px 20px;
    margin-left: 40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;	
}
.dopicV:hover>.picimg:before {
	content: 'Ë';
    font-family: 'WebSymbolsLigaRegular';
    width: 50px;
    text-align: center;
    color: #00a3b2;
    font-size: 20pt;
    display: inline-block;
	vertical-align: middle;
}
li.cell:hover>.picimg:before {
width: 25px;
}
li.cell:hover>.picimg .titletov {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}
li.cell>.desc {
display: none;
}
li.cell:hover>.desc {
    padding: 5px 5px 20px 5px;
    margin-left: 0px;
	display: inline-block;
}
.cell a>.desc {
  width: 90%;
  position: absolute;
  opacity: 0;
  margin-top: 10px;
  height: auto;
  padding: 0 10px;
  text-align:center;
}

.cell .picimg>.desc {
position:absolute; height:100%; z-index:10;
opacity:0;
}
.cell .ablock {
position:absolute; top:0px; width:98%; z-index:11;
}
.picimg >img {
padding: 2px;max-height:190px; max-width: 250px;
    display: inline-block; 
	vertical-align: bottom;
} 


/*    
.picimg::after {
    font-family: "Rubl Sign"; text-transform: uppercase;
    content: '\2013';
    width: 15px;
    height: 20px;
    font-size: 18pt;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}
*/
.inputblock {
  position: relative;
  margin: 0px 20px 10px 0px;
  display: inline-block;
  width: 280px;
  vertical-align:top;
}
.blockimg {
/*box-shadow: 5px 7px 40px -19px #8d1a05;*/
margin: 0px 0 0px 0; 
}
.blockimg .desc {
margin: 20px 0;
}
.gallery .left {
margin: 0 0 20px;
}
.gallery .left li {
	position: relative;
    background-color: #fff;
    background-image: url('images/lupa.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    max-width: 75px;
    text-align: center;
    display: inline-block;
    /* height: 106px; */
    z-index: 98;
    /* padding: 2px 2px; */
    margin: 3px;
}
.viewimg {
}
.viewimg, .viewimgm {
  position: relative;
  width: 453px;
  display: inline-block;
  font-size: 26pt;
  vertical-align: top;
}
.viewimg,.viewimgm>img {
  position: relative;
  width: 100%;
  padding: 3px;
  border: 1px solid #ededed;
}
.viewimg,.viewimgm:hover,.gallery .left li:hover {
position:relative; z-index: 9;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;	
}

.viewimgmax:hover:before {
	font-family: 'WebSymbolsLigaRegular';
    content: "#";
    color: #996600;
    position: absolute;
    background: #fff;
    opacity: 0.3;
    text-align: center;
    display: inline-block;
    font: 5.0em/2.1em 'WebSymbolsLigaRegular';
    height: 100%;
    width: 100%;
    z-index: 999;
    padding: 18% 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.viewimgm:hover:before, .gallery .left li:hover:before{
content: "";
position:absolute;
background-color: #fff; 
background-image: url('images/lupa.png');
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 0.5;
text-align:center;
display:inline-block;
    height: 100%;
    width: 101%;
	z-index:999;
	padding: 12px 0;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;	
}

.viewimgs {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 5px 0 0 0;
  vertical-align: top;
}
.viewimgs>div {
	display: inline-block;
    text-align: center;
    position: relative;
    max-width: 143px;
    padding: 2px;
    max-height: 115px;
    border: 1px solid #ededed;
}
.viewimgs>div>img{
	position: relative;
    z-index: 5;
    max-height: 110px;
}

.viewimgs>div:hover:before{
content: "";
position:absolute;
background-color: #fff; 
background-image: url('images/lupa.png');
background-position: 50% 50%;
background-repeat: no-repeat;
z-index:10;
}

/* start gallery */
.galthm {
position:relative; display: inline-block; height:175px; overflow:hidden;
width: 100%;
}

.galblock {
display:inline-block; vertical-align: middle;height:175px; overflow:hidden;
width: 90%;
margin: 0 0 0 0;
}
.moveblock {
position:relative; left:0px; width:100%; height:170px; overflow:visible;
}

/* Necessary CSS */
.slider    { overflow:hidden; position:relative; }
.slider ul { margin:0; padding:0; }
.slider li { float:left; margin:0 5px 0 0; list-style:none; }
/* IE6 issues */
.slider ul { width:100%; }

ol#pagination li.next,ol#pagination li.nextt {
width:5%; height:50px; display:inline-block; vertical-align:middle;
position: absolute;
top: 55px;
right: 0px;
}


ol#pagination li.prev, ol#pagination li.previous {
width:50px;
height:50px;
display:inline-block;
vertical-align:middle;
position: absolute;
top: 55px;
left: 0px;
}


/* end gallery */

.docolor {
 cursor:pointer; display:inline-block; border: 2px solid #dfdfdf; margin: 0 3px 3px 0; width:50px;  height:50px;   border-radius: 5px ;
}
.docolor:hover {
border-color: #fff;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.dosize {
 border-radius: 5px ;
}
.dosize:hover, .dosize a:hover {
background: #f2d383;
color: #fff;
-webkit-filter: brightness(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}



li.dopic, li.dopicV  {
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    padding: 2px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(200,180,180,0.5);
}

li.dopic { 
height: 370px;
}

.picimg {
background: #fff;

}
li.cell img, li.cell img, li.grid img, li.grid img  {
    max-height: 95%;
    max-width: 50px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 2px;
    border: 0px solid #efefef;
    padding: 0px;
}
li.tov img {
	max-height:100%;  max-width: 190px; margin: 2px; border:0px solid #efefef; padding:0px;
}

.dopic a, .dopicV a {
text-decoration: none;
}
.dopic:hover, .dopic a:hover {
background: #ddaa00;
overflow:hidden;
color: #000;
text-decoration:none;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.dopicV:hover {
position:relative;
padding:2px;
overflow:hidden;
color: #000;
border:0px solid #ededed;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
text-decoration:none;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
       transition: all 1s ease;
z-index: 99;
}

.dopicV .newtov, .dopic .newtov {
width:70px;
height:70px;
position:absolute;
top:0px; left:0px;
margin: -8px 0px 0px -7px;
z-index: 10;
background: url('images/newtov.png') no-repeat;
}

.dopic .buy {
width: 121px;
height:40px;
border:0px;
}

.cell a:hover > .desc  {
  z-index: 90;
  display: block;	
  height: 205px;
  opacity:1;
  background: url('images/opa50.png');
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}



.svpic {
/*position:relative;*/
float:left;margin-right: -1px;margin-bottom: -1px; background:#b3e167; min-width: 200px;
max-width: 290px;
min-width: 250px;
width: 33%;
height:290px;
/*padding:20px 10px 20px 20px; */
font-size:26pt;vertical-align: top; 
border:1px solid #ddaa00;
color: #00552b;
overflow:hidden;
}
.svpic:hover {
border:1px solid #ddaa00;
background:#96ca39; 
}

.svpic .title {
font-size:26pt;display:block; height:110px; overflow:hidden;
color: #00552b;
font-weight: 100;
margin: 20px 10px 20px 20px;

}

.svpic img.titleimg {
position: absolute;

}
.svpic .title big{
color: #00552b;
font-size: 39px;
font-family: arial;
font-weight:100;
float: left;
margin-top: -5px;
}
.svpic .title span {
color: #00552b;
position: absolute;
width: 65%;
overflow: hidden;
/* top: 0px; */
font-weight: 100;
float: left;
}
.svpic .title h4, .svpic .short h4 {
color: #00552b;
/*

position: absolute;
width: 100%;*/
overflow: hidden;
/* top: 0px; */
font-weight: 900;
float: left;
}
.svpic .title text{
color: #fff;
position:absolute;
z-index:2;
top: 110px;
}
.svpic .title img {
position: absolute;
margin: -20px 0px 0px -20px;
/*width: 290px;*/
} 

.svpic {
font-size: 10pt;
}
.svpic .short {
position: relative;
z-index:5;
height:80px;
padding: 10px 0px;
display:block;
color: #00552b;
margin: 0px 10px 0px 20px;
}
.svpic .link, .link, .link a {
font-family: arial;
position: relative;
z-index:5;
height:20px;
color: #376dcd;
font-size:12pt;
margin: 0px 10px 0px 10px;
}

.link a:hover {
text-decoration: none;
border-bottom: 1px dashed #376dcd;
}
/*
#about::before {
content: "Почему нас выбирают";
margin:0px 0 10px 0;
width: 300px;
padding:15px 0;
position: absolute;
top: -15px;
left:50%;
margin-left: -150px;
background: #ddaa00;
color: #000;
border: 1px solid #ddaa00;
border-radius: 5px;
box-shadow: 0px 0px 50px rgba(255,255,255,0.9);
height: 35px;
font-size: 18pt;
font-family: arial;
} */

.aboutblock {
display: inline-block; width:100%; height:auto; padding:0px; font-size:26pt;vertical-align: top;
}
.aboutblock .title {
font-size:26pt;display:block; margin:20px 0 10px 0;text-align: center;
}
.aboutblock .title h4 { text-align: center; text-decoration: uppercase;margin: 10px 0;}

.aboutblock .stitle {
font-size:13pt;font-family: arial; margin: 10px 0 30px 0; color: #ffffff; text-align: center;
}
.aboutblock .desc, .aboutblock .short, .aboutblock .short>div>p  {
text-align: center;
vertical-align:top; 
display: block
}
.aboutblock:hover>.desc img {
-webkit-filter: brightness(1.5);
        -moz-filter: brightness(1.5);
        -ms-filter: brightness(1.5);
        -o-filter: brightness(1.5);
        filter: brightness(1.5);
}

.leftblock {
width: 290px;
  margin: 20px 0px;
  font-size: 18pt;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  top: 0px;
}
.leftblock .desc>img {
box-shadow: 0 0 10px rgba(0,0,0,0.5);
  border-radius: 100px;
}

.rightblock {
width: 100%;max-width:620px;
  margin: 20px 0px 20px 10px;
  font-size: 18pt;
  position: relative;
  display: inline-block;
  vertical-align: top;
  top: 0px;
}
.titleblockright {
display:block; color:#00552b; margin:0px 0 10px 0; font-weight:900;position: absolute; margin: -20px 0 0 -13px; background: #fff;padding: 5px;
}
.tovars {
max-width:950px; margin-right:10px; display: inline-block;margin: 50px 0 50px 0;
}


.page_content .project a.block {
	position:relative;
	float:left;
	width:280px;
	height:450px;
	text-decoration:none;
	margin-right:20px;
	margin-bottom:20px;
	overflow:hidden;
	background: #fff;
}
a.block:hover img {
opacity:0.7;
-moz-opacity:0.7;
filter: alpha(opacity=70) white;
-khtml-opacity: 0.7;
background-color:#fff;
}

a.block .lines {
border-top: 0px solid #000; width: 30px; margin: 0px 125px 0px 125px;color: #8d1a05;
}
a.block:hover .prevover, a.block:hover .looknext {
color: #00a3b2;
}
a.block:hover .lines {
border-top: 0px solid #00a3b2;
}

.page_content .project a.block:nth-child(3n)  {
margin-right:0px;
}
.page_content .project a.block img.tov  {
	position:absolute;
	left:0px;
	top:0px;
	width: 300px;
	height: 300px;
	background: #fff;
}
.page_content .project  a.block .mask  {
	width:100%;
	height:100%;
}
.page_content .project a.on .mask {
	display:none;
}
.page_content .project a strong {
	position:absolute;
	width: 291px;
	margin: 0px;
	display:none;
	background: #fff;
	padding: 10px 0px 10px 0px;
	left:0px;
	text-align: left;
	top:0px;
	font-family: 'Open Sans'; /* {{ settings.37 }}; */  /* 'Intro Regular */
	font-size:16px;
	color:#8d1a05;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:900;
	line-height: 20px;
}
.page_content .project a strong em {
	display:block;
	font-family: 'Open Sans'; /* {{ settings.37 }}; */ 
	font-size:11pt;
	line-height:18px;
	height:55px;
	overflow:hidden;
	color:#924e21;
	letter-spacing:normal;
	text-transform:none;
	font-style:normal;
	font-weight:normal;
	padding-top:0px;

}
.page_content .project  a strong em img {
margin-top: 0px;
position: relative;
width: 160px;
margin-left:30px;
max-height:160px;
}

.page_content .project  a strong.prevover {
font-family:'Open Sans'; /* {{ settings.37 }}; */ 
text-align: center;
font-weight: 900;
font-style: normal;
margin-left:0px;
display: block;
position: absolute;
margin-top:0px;
z-index: 99;
padding: 10px;
width: 280px;
height: 150px;
overflow: hidden;
}
a.block:hover strong.prevover {
display: block;
}
strong.prevover div.looknext {
margin: 10px 0px 10px 0px; text-decoration:underline; font-style: italic;text-transform: none; font-size:11pt;color: #8d1a05;
letter-spacing: 0px;
}
strong.prevover div.looknext:hover {
color: #00a3b2;
}
strong.prevover font {
position:absolute;
display:block;
bottom:0;
text-align:left;
padding:5px;
font-size: 13px;
}
strong.prevover font div {
margin: 0px;
padding: 0px;
font-size: 12px;
}


.tovblock {position: relative;
z-index: 5;
min-width: 210px;
width: 25%;
display: inline-block;
overflow: hidden;
margin: 0 60px 15px 0;
padding: 0px;
font-size: 26pt;
vertical-align: top;
/* border: 1px solid #dcdcdc; */
}
.tovblock .img {
text-align: center;
width: 100%;
margin: 0px;
overflow: hidden;
display: inline-block;
}
.tovblock .img img {
width:100%;
}
.tovblock .short, .tovblock .stitle {
line-height: 30px;
}
.tovblock:nth-child(4n)  {
margin: 0 0px 15px 0;
}
.tovblock>h4 { text-align: center;  text-transform: uppercase; position: relative;
margin: 45px 0px 20px 0;}

.hoverblock {
display: none;
position: absolute;
z-index: 4;
width: 97%;
height: 97%;
background-image: url('images/bg_pic_1362309668.png');
margin: 0px;
padding: 2%;
 }
.hoverblock h4 {
font-size: 14pt;
color: #000;
}
.hoverblock .short {
margin: 10px 0;
}
.tovblock:hover>.hoverblock {
display:block;

position:absolute;
z-index:6;

}
.price {
    position: relative;
    background: #00a3b2;
    color: #fff;
	min-width:120px;
    border: 1px solid #00a3b2;
    border-radius: 5px;
    display: inline-block;
    font-size: 14pt;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    height: 15px;
    padding: 10px 5px;
    cursor: pointer;
    margin: 5px 0 5px 0;
    text-align: right;
    vertical-align: middle;
    font-weight: 900;
}
.price:before {
content: '';
    background: url('images/pay.png') no-repeat 50% 50%;
    width: 20px;
    height: 19px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    padding-right: 15px;
}
#pricetotal:before {
content: '';
    background: url('images/oplatapay.png') no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    padding-right: 15px;
}

.price:after {
    content: '';
    background: url('images/rubl.png') no-repeat 50% 50%;
    display: inline-block;
    width: 20px;
    height: 16px;
    /* padding-left: 5px; */
    font-size: 12pt;
    vertical-align: middle;
    float: right;
}
.price:hover {
background: #3f97d3;
border: 1px solid #3f97d3;
}
.pricetov {
    color: #00a3b2;
    padding: 0px 10px;
}
.pricetov:after {
    content: 'руб.';
    /*background: url('images/rublblue.png') no-repeat 50% 50%;*/
    display: inline;
    width: 20px;
    height: 26px;
    /* padding-left: 5px; */
    font-size: 12pt;
}

.tovblock >.tov {
float:left; max-width:290px; min-width:240px; width:100%; overflow: hidden; margin: 0px 0px 0px 0px; height:100%;
}
.tov>.shorts {
width: 90%; height: 25px; padding: 20px 0 10px 20px; font-weight: 100;font-size:10pt;display:block; color:#00552b; font-family: arial; z-index:2
}
.titleblock {
position: relative;font-size:20pt;display:block; color:#00552b; margin-bottom:20px;height:80px; font-weight:900
}
.titleblock h4 {
position:relative; 
margin: 30px 0 0px 20px;
z-index:2;
color: #00552b;
width: 100%;
overflow: hidden;
/* top: 0px; */
font-weight: 900;
float: left;
}
.titleblock .typepic {
position: absolute; right: 0px; top: 0px; z-index:0;margin: 0 20px; height: 160px;
}
.typepic img {
max-width:140px;
max-height:80px;
}
.guest {
width:100%; margin-right:10px; display: inline-block; margin: 40px 0 50px 0; text-align:center;
}
.guestblock {
text-align: center;
display: inline-block; text-align: left; margin:0px 20px 30px 0; height:auto; font-size:26pt;vertical-align: top; font-family: arial;
}
.guestblock .avatar {
 font-size:10pt;display:block; text-align:center; width:100%; max-height:150px; padding:0px; overflow:hidden; margin: 0;
}
.guestblock .avatar img{
position:relative; z-index:8; width:135px; height:135px;border: 0px; margin: 0px; border-radius:135px
}

.guestblock>.title>h4 {
font-size: 16pt;
text-transform:uppercase;
color: #00a3b2;
font-family: arial;
margin: 0px 0px 0px 0px;
display: inline-block;
vertical-align:middle;
}
.guestblock>.title {
text-align:left;
position:relative;
font-size: 14pt;
display: block;
margin: 0px 0px 0px 0;
color: #000;
font-family: arial;
}
.guestblock .title>img {
border-radius: 50px;
width:50px;
height:50px;
border:1px solid #00a3b2;
padding:0px;
display: inline-block;
vertical-align:middle;
}
.guestblock .link {
text-align: center;
position:relative;
margin: 10px 0 10px 0;
font-family: arial;
color: #656565;
font-style: italic;
}
/*
.guestblock .stitle {
position:relative;
margin: 30px 0 20px 0;
background: url('images/square.png') no-repeat 50% 50%;
width: 100%; 
height:18px;
}
*/
/*.margintop { margin-top:500px;box-shadow:5px 7px 40px 0px #000;} */

.section-dark .guestblock .short {
margin-top: 20px;
text-align:left;
position:relative;
color: #ffffff;
font-size:12pt;font-family: arial;
line-height: 1.5;
}

.section-white .guestblock .short, .section-gray .guestblock .short, .section-light .guestblock .short {
text-align:left;
position:relative;
color: #494949;
font-size:12pt;font-family: arial;
line-height: 1.5;
margin-top: 15px
}

.section-white .ani, .section-light .ani {
background: url('images/section-dark.png') 50% 50%;
height: 303px;
}

.colordivactiv {
position:relative; z-index:5; margin: -5px; border:5px solid #00552b; width:25%; max-height:72px; height:45%; float:left;
}
.colordiv {
position:relative;
max-width:72px; width:25%; max-height:72px; height:45%; float:left;
}
.colordiv:hover {
cursor: hand;
position:relative;
z-index:5;
margin:-5px;
border:5px solid #00552b;
}

.vcard> div {
font-family: arial;
margin: 20px 0 20px 0;
}

#opisanie div {
max-height: 450px;
}
#opisanie div.opis p, #opisanie div.opis span {
font-size:12pt; 
padding:0px; 
width:100%; 
font-family: "Ubuntu Mono";
margin: 0 10px 10px 0;
}
table.basket>th{
text-align: left;
}
table.basket>tr {
margin: 5px 0px 5px 0px;
}





#screenshot{
position:absolute;
 left:50%;
 margin-left:-50%;
 margin-top:0px;
 padding:10px;
 width:100%;
 min-height:400px;
 overflow-y: visible;
 z-index:99;
 border:1px solid #00a3b2;
 padding:5px;
 background-color: #fff;
 color: #666;"
}
#screenshot img {
z-index: 998;
}

.screenshot:hover img{
opacity:0.7;
filter:alpha(opacity=70);
cursor: pointer;
}

.addtime2 {
background-image: url(images/opa50.png); display: block; position: absolute; overflow: visible; border: 0px solid #999; margin: 0px; left: 1px; right: 1px; top: 1px; bottom: 1px;}
.panel {right: 10px; top: 0px; height: 60px; position: absolute; z-index: 9999;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                         CSS  Иконки                    +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


*/
/*
================================================================================
|                                     MAIN TAGS                                |
================================================================================
*/
html, body {
	height:100%;
	 /* background-image: url('/den/template/images/setka.png'); */
}
body {
	position:relative;

	/* min-width:1024px; */
	min-height:600px;
	-webkit-font-smoothing: antialiased;
}
form, body, input, select, textarea, img, div, ul, li, h1, h2, h3, h4, h5, p, a {
	margin:0px;
	padding:0px;
	outline:none;
}
H5 {
FONT-SIZE: 12PT;
  font-family: 'open sans';
  font-weight: 100;
}

.input_text {
  background-image: url('images/input_text.png');
  background-position: left;
  background-repeat: no-repeat;
    padding-left: 64px;
  padding-right: 10px;
  padding-top: 4px;
}
.input_phone {
background-image: url('images/input_phone.png');
}
.input_email {
background-image: url('images/input_email.png');
}
.input_name {
background-image: url('images/input_name.png');
}

textarea {
background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #7a4f0f;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 64px;
    padding-right: 10px;
    padding-top: 4px;
    margin-bottom: 18px;
    border: 1px solid #d0d0d0;
}

input, textarea {
	display:block;
	width:100%;
	height:30px;
	border:2px solid #222222;
	box-sizing: border-box;
	//behavior: url("scripts/boxsizing.htc");
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	outline:none;
	font-family: 'Open Sans'; /* {{ settings.37 }}; */ ; /*Intro-Book*/
	font-size:14px;
	color:#222222;
	padding-left:6px;
	padding-top:3px;
	margin:0px;
border: 0px;
border-bottom: 1px solid #666;
/* background-image: url(images/bg_block.png); */	
}

#checkordersmain {
overflow:hidden;
}

.customertype {
display: none;
}
.customertype+label {
width: 100%;
line-height:12pt;
width: 105px;
text-align:center;
}

.customertype+label>span {
background-position: 50% 0%;
background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    display: block;
    line-height: 12pt;
}


/*
.customertype+label:before {
content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    color: #00a3b2;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
	*/

.customertype+label:hover {
/*background: #fba7aa; */
text-decoration: underline;
}
.customertype:checked+label>span {
background-position: 50% 100%;
}
/*
.customertype:checked+label:before{
content: 'ó';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    color: #00a3b2;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
*/

#oferta, #mydocs {
display: none;
}

#oferta+label:before, #mydocs+label:before {
content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
#oferta+label,  #mydocs+label {
    display: inline-block;
    min-width: 30px;
    vertical-align: middle;
}
#oferta:checked+label:before,#mydocs:checked+label:before{
content: 'ó';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
#mydocs+label>span {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
    padding: 5px 0 0 0px;
}
span.oferta {     
    display: inline-block;
    width: 180px;
    vertical-align: middle;
    padding-top: 5px;
}

.paytype {
display: none;
}

.paytype+label {
line-height:20pt;
}
.paytype+label>.oplatadesc {
display:none;
padding-left: 40px;
font-size: 10pt;
}

.paytype+label:before {
content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}


.paytype:checked+label:before{
content: 'ó';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
.paytype:checked+label>.oplatadesc
{
display: block;
}
.paytype:disabled+label {
color: #999;
}
.paytype:disabled+label:before {
content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    color: #999;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}





.buttontov {
display:none;
}

.buttontov+label {
    display: block;
    padding: 5px 10px 5px 35px;
    margin-top: 0px;
    width:98%;
    cursor: hand;
    /*background-image: url(images/unchecked.png); */
    background-repeat: no-repeat;
    background-position: 3px 4px;
    cursor: pointer;
}
.buttontov+label>span.sptitle {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}
.buttontov+label>span.spcena {
    display: inline-block;
    vertical-align: middle;
}
.buttontov+label>span.akcia {
	background-image: url('images/akciatov.png');
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.buttontov+label:before {
    content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px;
    height: 25px;
}

.forms label:hover>span, .forms label:hover, .tovorder3+label:hover>span {
/*background: #fba7aa; */
text-decoration: underline;
color: #00a3b2;
}
.forms input:disabled+label:hover, .forms input:disabled+label:hover>span {
color: #999;
}


.buttontov:checked+label:before{
content: 'ó';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}


.adresshow, .adresdocs {
display:none;
}
.adres { padding-left: 15px; }

#address, #adresorg{
background-image: url("images/addressdost.png");
background-repeat: no-repeat;
background-position: 10px 50%;
}
#inputemail {
background-image: url("images/email.png")	;
background-repeat: no-repeat;
background-position: 10px 50%;
}
#inputtel {
background-image: url("images/phone.png")	;
background-color: #f0f0f0;
background-repeat: no-repeat;
background-position: 10px 50%;
}
/*
#formphone {
background-image: url("images/phone.png");
background-repeat: no-repeat;
background-position: 10px 50%;
margin: 0 0 10px 0;
}
#formnames {
margin: 10px 0 30px 0; 
}
*/
#inputname, #formnames {
background-image: url("images/male.png");
background-repeat: no-repeat;
background-position: 10px 50%;
}
#inputorg{
background-image: url("images/male.png");
background-repeat: no-repeat;
background-position: 10px 50%;
}
#formname {
position: relative;margin: 11px 0 10px 0;display: inline-block;width: 300px; vertical-align: top;
}

.inputblock {
padding: 20px;
background: #fff;
width:340px;
box-shadow: 0 0 20px;
}

.organization {
margin: 20px 0;
display: none;
}
.organization .org {
    color: #aaa;
    display: inline-block;
    background: #e0e0e0;
    border: 1px solid #dfdfdf;
    padding-left: 15px;

}
.organization label {
margin: 0 0 10px 0;
}

.tovorder3 {
display:none;
}

.tovorder3+label {
    display: block;
    padding: 5px 0px 5px 0px;
    margin-top: 0px;
    cursor: hand;
    /* background-image: url(images/unchecked.png); */
    background-repeat: no-repeat;
    background-position: 3px 4px;
    cursor: pointer;
}
.tovorder3+label>span {
    display: inline-block;
    vertical-align: middle;
}
.tovorder3+label:before {
content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
.tovorder3+label:hover {
color: #00a3b2;
text-decoration: underline;
}

.tovorder3:checked+label:before{
content: 'ó';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}
.tovorder3:disabled+label {
color: #999;
}
.tovorder3:disabled+label:hover, .tovorder3:disabled+label:hover>span {
color: #999;
}

.tovorder3:disabled+label:before { 
content: 'ô';
    font-family: 'WebSymbolsLigaRegular';
    width: 40px;
    text-align: center;
    color: #999;
    font-size: 20pt;
    display: inline-block;
    vertical-align: middle;
}

input+label:before {
color: #00a3b2;
}
.error+label:before {
color: #ff0000;
}
.error:checked+label:before {
}
div.error {
display: none;
}
input.error+div.error {
display:block;
}

input, select, option {
border:1px solid #dfdfdf;
border-radius:5px;
}
input[type=button],input[type=submit] {
background: #00a3b2;
color: #fff;
width:auto;
border: 1px solid #00a3b2;
border-radius: 5px;
display: inline-block;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
height: 40px;
padding: 3px 20px;
cursor: pointer;
}
input[type=button]:hover,input[type=submit]:hover {
box-shadow: 0px 0px 50px rgba(255,255,255,0.9);
    background: #fff;
	color: #00a3b2;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
	border: 1px solid #00a3b2;
}
input[type=password], input[type=date], input[type=time] {
  width: 250px;
  font-size: 12pt;
  height: 35px;
  padding: 4px 10px;
  display: inline-block;
  background-color: #fff;
}
input[type="text"],input[type="tel"],input[type="email"]{

  height: 41px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 14px;
  color: #6f6f6f;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 45px;
  padding-right: 10px;
  padding-top: 4px;
  margin-bottom: 5px;
}
input[type=time]::-webkit-inner-spin-button, input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

input[type=phone]:hover, input[type=date]:hover,input[type=time]:hover input[type=text]:hover, input:hover, textarea:hover {
	border:1px solid #999;
}
select {
	display:block;
	height:20px;
	border:1px solid #ddd;
	background: #fff;
	border-radius:5px;
	box-sizing: border-box;
	//behavior: url("scripts/boxsizing.htc");
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	outline:none;
	font-family: 'sans'; /*Intro-Book*/
	font-size:14px;
	padding-left:6px;
	padding-top:3px;
	margin:0px;
	width: 100%;
	font-size: 12pt;
	height: 40px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;	
}
select {
-webkit-appearance: none;
position: relative;
background: url(images/down.png) no-repeat 94% 50% #fff;
-webkit-background-size: 9px 9px;
background-size: 9px;
}
textarea {
	height:130px;
	overflow:auto;
	resize:none;
}
.pay {padding:5px;display: inline-block;}
input.pay {
height: auto; padding:20px;  font-size: 18pt; font-family: arial;
width: 90%;
margin: 10px;
}
input.pay :hover {
color: #000;
background: #fff;
}

.tovorder+label {
font-size:28pt;
padding: 0px 0px 0 50px;
height: 50px;
}
.tovorder+label>span {
display: inline-block;
height: 50px;
margin-bottom: 10px;
border-bottom: 1px solid #fff;
}


input::-webkit-input-placeholder {color:#d0d0d0;}
input::-moz-placeholder          {color:#d0d0d0;}/* Firefox 19+ */
input:-moz-placeholder           {color:#d0d0d0;}/* Firefox 18- */
input:-ms-input-placeholder      {color:#d0d0d0;}


.picorder+label {
font-size:18pt;
padding: 5px 0px 0 50px;
height: 40px;
}
.picorder+label>span {
font-family: arial;
padding: 5px 0px;

}

.picorder+label, .tovorder+label{
display: block;
background: url('images/checked.png') left top no-repeat;
}
.picorder:checked+label, .tovorder:checked+label{
background: url('images/checked.png') left bottom no-repeat;
}

.kolvoid+label {
border-radius: 50px;
background: #000;
width: 26px;
height: 32px;
overflow: hidden;
padding: 11px 14px;
font-size: 16pt;
border: 2px solid #fff;
display: block;
color: #fff;
}



.kolvoid:checked+label,.kolvoid:hover+label {
background: #fff;
color: #000;
border: 2px solid #fff;
}

.chpic {
font-size:14pt;
font-weight:100;
display: block;
}
.chtov {
font-size:16pt;
font-weight:900;
display:block;
}

.inputleft {
width:300px;
}
img {
	border:0px;
}

button {
display:inline-block;
min-width: 37px;
min-height:37px;
border-radius: 5px;
padding:15px;
}

.vk {
background: url('images/vk_com.png') no-repeat bottom left;
}
.fb {
background: url('images/fb_com.png') no-repeat bottom left;
}
.gl {
background: url('images/google_com.png') no-repeat bottom left;
}
.mr {
background: url('images/mail_ru.png') no-repeat bottom left;
}
.ya {
background: url('images/yandex_ru.png') no-repeat bottom left;
}

.hrefsocseti {
 width:40px; display:inline-block; vertical-align: middle; margin-right:5px;
}
.icon { width: 50px; height:50px;}

.checkblock {
position:relative;
width: 500px;
/*background: url('images/textr.png') no-repeat top left; */
display: inline-block;
margin: 20px 0 0; 
vertical-align:top;
margin-right: -80px;
}
.checkblock>div {
color: #6f6f6f;
}

h1 {
  font-family: 'arial';
  font-size: 20pt;
  letter-spacing: 1px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 30px 0;
  line-height: 22pt;
}


/*
h1:first-letter
{
border-bottom: 8px solid #464757;
}
*/

h2 {
	font-family: arial; /* 'Intro Regular */
	font-size:20pt;
	/* color:#fff; */
	letter-spacing:1px;
	line-height: 22pt;
	font-weight:100;
	margin-bottom: 15px;
	/*text-transform:uppercase;*/
	text-decoration: none;
}

.rightpanel h2 {
text-align: left;
color: #222;
}


.contactt {
font-weight:100;
	text-transform:none;
}

.content {
font-family: arial;
font-size: 12pt;
line-height:14pt;
}

.imgblock {
margin-top:50px; clear:both; overflow:hidden; display:block; width:100%; position: relative;
}


.imgblocktext {
display:inline-block;     vertical-align: top;  width: 290px; height:400px; margin-right: 10px; margin-top:80px; z-index:49; font-family: arial; font-size: 14pt;
}

.imgarch {
font-family: arial; pointer-events: auto; margin-left: 0px; position: absolute; z-index: 50; width: 942px; padding: 5px 0px 5px 5px; background-image: url('images/bg_block2.png');
}
.imgpopup {
	position: absolute;
    margin-top: -20px;
    margin-left: -55px;
    width: 116px;
    height: auto;
    background: url('images/tiles_points.png') -376px 0px repeat-y;
    font-size: 13px;
    color: #90847d;
    display: none;
    cursor: pointer;
    z-index: 150;
    opacity: 0.7;
    padding-top: 5px;
}
.imgpopup:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0px;
    width: 112px;
    height: 10px;
    background: url('images/tiles_points.png') -264px 0px no-repeat;
}
.imgpopup:after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 0px;
    width: 112px;
    height: 32px;
    background: url('images/tiles_points.png') -264px -83px no-repeat;
}
.imgpopup:hover {
opacity: 1;
}

.imgpopuptext {
display:block; margin-left:20px; margin-top:20px; font-family: arial; pointer-events: auto; border-radius: 0px 10px 10px 10px; position: absolute; z-index: 52; min-width:150px; min-height:17px; padding: 5px 5px 5px 5px; border:1px dashed #d0d0d0; background-image: url('images/bg_block.png');
}
.imgopis {
float:left; width:300px;
}
.imgopistext {
clear:both; display:block; width:260px; font-size:14pt; text-align:left;
}
.imgarchtext {
float: left;  width: 300px; font-size: 14pt;  margin-right:10px;
background: url(images/Smal_icon_04.png) no-repeat; min-height: 30px; padding-left: 40px; width:260px;
}
.imgarchhead {
float: left; width: 300px; font-size: 20pt; margin-right: 10px;

}
.imgproject {
z-index: 48;
position: absolute; 
left: 50%; 
border: 0px solid rgb(224, 224, 224); 
padding: 0px; 
margin-bottom: 50px;
 margin-right: 5px;
 margin-left: -585px;
 width:100%;
}
/*
h3:first-letter
{
border-bottom: 2px solid #464757;
}
*/
ul {list-style-position: inside;}
ol {list-style-position: outside;
-webkit-padding-start: 0px;
list-style-type: none;
}

/*	font-size:18px;
	font-style: italic;
	color:#454756;
	line-height:25px;
	font-weight:normal;
	margin-top:22px;
	padding-top:50px;
}
*/
p, li {
font-family: arial;
font-size: 12pt;
text-align: left;
margin: 0 0 20px 0;
}

a {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
	outline:none;
}
a.logo { 
	font-family: arial;
	color: 333;
	text-decoration: none;
}
a.logo:hover {
text-decoration: none;
}
strong {
font-weight:900;
}

td strong {
color: #00a3b2;
}
td ul li , td ol li{
margin-left:20px;
color: #00a3b2;
}

.clear {
	clear:both;
}
.relative {
	position:relative;
}
.overflow {
	overflow:hidden;
}

#main {
	position:relative;
	/* max-width:2700px; */
	width:100%;
	min-height: 80%;
	margin:0px auto;
	opacity:0.5;
	z-index:2;
	overflow:hidden;
	
}
/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
#header {
/*
position: fixed; */
display: table-cell;
left: 0px;
top: 0px;
width: 100%;
height: 130px;
vertical-align: middle;
z-index: 150;
background-color: #00a3b2;
box-shadow: 5px 7px 40px -19px #000;
}

#header .header-bottom {
position:absolute;
margin-top:5px;
bottom:0px;
height:12px;
border-top: 4px solid #339944;
border-bottom: 4px solid #99ff00;
width:100%;
}
 #foot .header-bottom {
position:absolute;
margin-top:5px;
top:-5px;
height:12px;
background: #fff;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
width:100%;
}

.pricepic {
display: inline-block;
font-size: 20pt; 
color: #ddaa00;
padding: 5px 10px;
}
.h3order {
color: #000;
font-family: arial;
clear: both; 
margin: 20px 0px 10px 0px;
width:100%;
}
.h3order>span {
border-bottom: 3px solid #000;
height: 35px;
display: inline-block;
}

#header .inner div.headbanner {
	position:relative;
	left: 50%;
	max-width:950px;
	width:100%;
	overflow:hidden;
	margin:0px auto;
	margin-left:-50%;
	z-index:98;
	height:186px;
}

#header .inner a {
	border-bottom-color: rgb(34, 34, 34); 
	font-family: arial; /* 'Intro Regular */
	font-size:13px;
	letter-spacing:1px;
	margin-top:0px;
	padding-top:10px;
	text-transform:uppercase;
	border-radius: 5px;
}


#header .inner a	order:hover {
border: 1px solid #00a3b2;
text-decoration: none;
}


#header .inner a.activ {
position: relative;
border-radius:5px;
left: 0px;
top: 5px;
overflow: hidden;
margin-right: 10px;
padding: 11px 15px;
margin: 0px 5px 2px 0;
font-size: 10pt;
background: #ffffff;
color: #00a3b2;
border: 1px solid #00a3b2;
}
надя
#header .inner a.logo:hover, #header .inner a.activ:hover {
color: #00a3b2;
background: #fff;
text-decoration:none;
border: 1px solid #00a3b2; 
}	
#header .inner .language {
	position:absolute;
	right:0px;
	top:3px;
}
#header .inner .mlogo {
	position:absolute;
	left:0px;
	top:5px;
	color: #fff;
	margin-right:5px;
	padding: 10px 0px;
	display: inline-block;
	vertical-align: top;
	font-family: arial;
}
.mlogo span {
display: inline-block;  position: relative;  vertical-align: top;  font-size: 15pt;  font-weight: 900;  padding-left: 10px;
}

.mainmenu>div.contacts {
    display: inline-block;
    width: 200px;
    position: relative;
    vertical-align: middle;
    /* height: 80px; */
    /* overflow: hidden; */
    line-height: 16px;
	margin: 7px 10px 0 10px;
}

.tel>span, .email>span {
font-size: 11pt;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    max-height: 25px;
    font-weight: 100;
    letter-spacing: 0px;
    text-transform: lowercase;
}
.tel>span { max-height: 35px;}
.contacts>a.tel, contacts>a.email {
padding:0;
}

a.tel:before {
    content: '|';
    font-family: 'WebSymbolsLigaRegular';
    /* background: url('images/phone.png') no-repeat 0% 15%; */
    width: 30px;
    height: 55px;
    font-size: 18pt;
    text-decoration: none;
    padding-top: inherit;
}

a.email:before {
    content: '8';
    font-family: 'WebSymbolsLigaRegular';
    /* background: url('images/phone.png') no-repeat 0% 15%; */
    width: 30px;
    height: 55px;
    font-size: 18pt;
    text-decoration: none;
	display: inline-block;
	vertical-align: top;
}

span.small {
padding: 0; display: block;
font-size: 8pt;
}
span.big {
padding: 12px 0; display: block;
font-size: 25%pt;
}
.imgheader {display:inline-block; margin-left:-18px; vertical-align:top;  margin-top:-17px; position:absolute}

/*.mlogo:hover { background: #fff;}*/
#header .inner div {
 /* position: absolute; 
left: 150px;
top: 0px;
margin-left:0px;
width: 100%;
*/
}
#header .inner div a{
/*margin-right:10px;*/
}

.newordermain {
top: 150px;
    position: absolute;
    width: 270px;
    right: 0px;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    /* background-color: #fff; */
    padding: 15px 0px 15px 15px;
    /* box-shadow: 0px 0px 50px rgba(255,255,255,0.9); */
}

.section-white {
text-align:center;
width:100%;
background: #fff;
}

.section-light {
text-align:center;
width:100%;
margin-bottom:0px;
//background-image: linear-gradient(to top, #e0e0e0, #f5f5f5);
}

.section-gray {
text-align:center;
width:100%;
margin-bottom:0px;
//background-image: linear-gradient(to top, #ddd9d2, #e5e1da);
}
.section-dark {
width:100%;
text-align:center;
border-bottom:0px solid #acacac;
border-top:0px solid #acacac;
margin-bottom:0px;
}

.section-gray .page, .section-gray .page_content {
/* background: #e5e1da;
background: url('images/opa50.png'); */
    padding: 20px 0;
    overflow: hidden;
   padding-bottom: 50px;
}



.section-white a, .section-light a, .section-grey a {
    font-family: arial;
    color: #00a3b2;
	font-weight: 900
}

.section-dark a {
    font-family: arial;
    color: #fff;
	font-weight: 900
}


.section-white strong, .section-light strong {

}
.section-white .page, .section-light .page {
padding:25px 0 20px 0;
}
.section-dark .page {
background: url(images/opa75.png);
padding: 25px 0 15px 0;
}
.section-dark .cell, .section-dark .grid, .section-dark .columnblock {
padding-top: 10px;
}
.section-dark h4 {
line-height:18pt;
font-family: arial;
vertical-align: top;
color: #fff;
/* margin: 40px 0px 20px 0; */
text-transform: uppercase;
font-family: arial;
}

.section-white h4, .section-light h4 {
	font-family: 'arial'; 
	font-size:14pt;
	line-height: 16pt;
	vertical-align: top;
	color: #00a3b2;
	/* min-height: 50px; */
}
.section-white h4>span {
    position: relative;
    display: inline-block;
    width: 270px;
    margin-left:10px;
    vertical-align: middle;
}

.section-white h4>span:hover {
text-decoration: underline;
}
	
.section-white h4.select, .section-light h4.select {
color: #00a3b2;
position:relative;
}

.section-white h4.select:after, .section-light h4.select:after {
content: '×';
font-family: 'WebSymbolsLigaRegular';
position: relative;
display: inline-block;
vertical-align: middle;
right: 0px;
width: 15px;
height:30px;
    font-size: 20pt;
}

.section-gray h4 {
	font-family: 'arial'; 
	font-size:15pt;
	vertical-align: top;
	color: #000;
	margin:5px 0px;
}
.section-gray li>a>h4, .section-white li>a>h4, .section-light li>a>h4 {
  font-size: 15pt;
  vertical-align: top;
  color: #000;
  margin: 0 0 10px 0px;
  font-weight: 100;
}
li.action>a>h4 {
color: #ddaa00;
}
li.action>a>h5 {
color: #ddaa00;
text-decoration: underline;
}

 .section-gray.short, .section-gray .short>p  { 
font-family: arial;
font-weight: 100;
color: #ffffff;
font-size: 12pt;
text-align: left;
}
.section-dark .short, .section-dark .short>p{ 
position:relative;
color: #ffffff;
font-size:12pt;
font-family: arial;
text-align: left;
}
.section-white .short, .section-white .short>p, .section-light .short, .section-light .short>p{ 
position:relative;
color: #494949;
font-size:12pt;
font-family: arial;
text-align: left;
}

.section-white .support .short, .section-white .support .desk, .section-white .support .short p, .section-light .support .short, .section-light .support .desk, .section-light .support .short p{
text-align:left;
vertical-align:top;   display: block; color: #6f6f6f; font-size: 12pt; line-height:16pt;
margin: 15px 0;
}

.section-dark .support .short, .section-dark .support .desk, .section-dark .support .short p {
overflow: hidden;
text-align:left;
vertical-align:top;  min-width:280px; display: block; color: #fff; font-size: 14pt; line-height:16pt;
margin: 15px 0;
}
.section-white .support, .section-light .support {
clear:both;
margin: 15px 0;
text-align:left;
}
.section-white .support  h4, .section-white .support  h4>a, .section-light .support h4, .section-light .support h4>a{
font-size: 14pt;
font-weight: lighter;
line-height: 1.3;
color: #000;
}
.support:hover>a {
color: #555;
}
.section-dark.support  h4{
font-size: 14pt;
font-weight: lighter;
line-height: 1.5;
color: #ffffff;
}
.dark {
background: #fff;
color: #000;
}
.white {
background: #000;
color: #fff;
}

.section-white a, .section-light a, .section-gray a {
    font-family: arial;
    color: #00a3b2;
	font-weight: 900
}
.section-white a.opendesc, .section-light a.opendesc, .section-gray a.opendesc {
 color: #fff; 
}
.section-white a.opendesc:hover, .section-light a.opendesc:hover, .section-gray a.opendesc:hover {
 color: #00a3b2; 
}

.section-dark a {
    font-family: arial;
    color: #fff;
	font-weight: 900
}

a.toggle:before {
font-family: 'WebSymbolsLigaRegular';
width: 50px;
text-align: center;
content: 'õ';
color: #00a3b2;
font-size: 20pt;
display:inline-block;
vertical-align:middle;
}

.support h4>a, .toggle {
    color: #00a3b2;
    text-decoration: underline;
    margin-bottom: 10px;
    font-weight: 900;
    cursor: pointer;
    font-size: 14pt;
    padding-left: 5px;
  /*  background: url(images/ok.png) no-repeat 15px 50%; */
}
.cell>.question {
display: none;
overflow:hidden;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border: 1px solid #d0d0d0;
font-size: 12pt;
color: #666;
margin: 20px 15px 20px 0px;
}
.grid>.question {
overflow:hidden;
display:none; 
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border: 1px solid #d0d0d0;
font-size: 12pt;
color: #666;
margin: 20px 40px;
}
.grid>.question .margin {
margin: 20px 20px;
border-left:2px solid #000;
padding: 0 20px;
overflow:hidden;
}
.cell>.question .margin {
margin: 10px 5px;
padding: 0 10px;
overflow:hidden;
}
.question h5 {
margin:25px 0 5px 0;
font-weight:900;
color: #222;
}
.question .green {
border:1px solid #999;
background:#000;
padding:20px;
color: #fff;
}
.question .green p, .question .short p.green,.short span.green,.short div.green  {
color: #fff;
}
.question .green>h4{
color: #fff;
font-weight:900;
}
.question .upp {
width: 100%; height: 10px; background: #e5e5e5; text-align: center; padding: 10px 0; font-family: 'tahoma'; cursor: pointer;
}
.question .upp:after {
    font-family: WebSymbolsLigaRegular;
    width: 20px;
    text-align: center;
    height: 20px;
    content: "È";
    color: rgb(47, 119, 195);
    font-size: 20pt;
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
}
/*
.question .upp>div {
width: 100%; height:100%;
background: url('images/up.png') no-repeat 50% 50%;
}
*/
.question .white {
border:1px solid #999;
background:#fff;
padding:20px;

}
.question .white>h4{
color: #000;
font-weight:900;
}

span.button {
background: #fff;
border-radius: 0px;
margin: 0 0 0 0px;
padding: 10px 15px;
min-width: 10px;
float: left;
height: 19px;
cursor: pointer;
text-align: center;
}



span.kolvokomnat {
max-width: 100px;
width: 100%;
}

label, span.button, input, select, option {
color: #6f6f6f;
font-family: arial;
font-size: 10pt;
}

	

.sendpay {
margin: 5px 20px;
}
#logo {
position: relative;
overflow: hidden;
padding-top: 0px;
max-width: 950px;
width: 100%;
left: 50%;
margin-left: -50%;
}

#logo.project {
	height:480px !important;
}
#logo .inner {
	position:absolute;
	left:50%;
	top:115px;
	max-width:950px; /* width:1920px;*/
	width:100%;
	height:40px;
	margin-left:-50%; /* margin-left:-960px;  */
}
#logo.project .inner {
	height:480px !important;
}
#logo .inner .img {
	position:absolute;
	left:0px;
	top:0px;
}
#logo .logo {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-30px;
}
#logo .inner .block {
	position:relative;
	width:950px;
	height:480px;
	margin:0px auto;
}
#logo .inner .block div {
	display:table-cell;
	height:480px;
	vertical-align:middle;
}
*+html .auxiliary {
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}
*+html #logo .inner .block div h1 {
	display: inline-block;
	vertical-align: middle;960
}
*+html #logo .inner .block div h1, .auxiliary {
	display: inline;
}
/*
================================================================================
|                                     CONTENT                                  |
================================================================================
*/
.prevover {
font-family:"PT Serif", serif;
position: relative;
/* width: 100%; */
text-align: left;
z-index: 100;
}
.section-dark .prevover h2 {
text-align: left;
color: #ffffff;
font-size: 20pt;
font-weight: 100;
margin-bottom: 5px;
}
.section-white .prevover .title h2, .section-light .prevover .title h2 {
  text-align: left;
  color: #222;
  font-size: 24pt;
  font-weight: 100;
  margin-bottom: 5px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0.4px;
}
.section-white .prevover .desc h2, .section-light .prevover .desc h2 {
text-align: left;
  color: #222;
  font-size: 16pt;
  font-weight: 100;
  margin-bottom: 5px;
  line-height: 1.4;
}
.prevover .headpic {
color: #333;
font-size: 16pt;
font-family: arial;
font-weight: 100;
margin-right: 0px;
margin-bottom: 0px;
width: 95%;
}

.prevover  
margin-left:25px;
}
.section-dark .prevover .headpic .number {
display: inline-block;
width: 17px;
margin-right: 10px;
height: 26px;
padding: 15px 20px;
font-size: 20pt;
background: #fff;
border-radius: 50px;
font-family: arial;
}
.section-white .prevover .headpic .number, .section-light .prevover .headpic .number {
display: inline-block;
width: 17px;
margin-right: 10px;
height: 26px;
padding: 15px 20px;
font-size: 20pt;
background: #000;
border-radius: 50px;
font-family: arial;
}
.section-white .prevover .headpic .title, .section-light .prevover .title {
display: inline-block;
/* max-width:500px; */
/*width: 250px; */
vertical-align: middle;
text-align: left;
color: #000;
}
.section-dark .prevover .headpic .title {
display: inline-block;
vertical-align: middle;
text-align: left;
color: #000;
}
.section-white .prevover .desc, .section-light .prevover .desc {
text-align: left;
margin: 20px 0 20px 0;
color: #363636;
font-family: arial;
}
.section-dark .prevover .desc {
text-align: left; margin: 30px 0 20px 10px; color: #ffffff; font-family: arial
}
.prevover .desc .table { 
border:0px solid #ffffff;
border-collapse: collapse;
}
.prevover .desc .tr { 
margin: 5px;
}
.prevover .desc .td { 
padding:5px;
}
.viewallpic {
	max-width: 950px; height:40px; width:100%; text-align:center; display: inline-block; background: #00a3b2; color: #fff;
}
a.viewvar, a.hidevar { color: #fff;}
.viewallicon
{
display:inline-block; width:20px; height:30px; margin-right:20px; font-family: 'WebSymbolsLigaRegular'; width: 50px; text-align: center;color: #fff;font-size: 20pt;display: inline-block; vertical-align: middle;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  position: relative;
}
.swipeblock {
width:100%; max-height:650px; display:table	; vertical-align:middle; text-align:center
}

.inkswipe { background:#fff;  max-height: 410px;height:100%; display: inline-block; margin-left: -5px; width: 610px; overflow: hidden; visibility: visible;
}


.swipeblock img{
display: inline-block;
vertical-align: middle;
}

.swipemini { position:relative;margin-top: 55px;height: 100%; width:100%; text-align: left;}
.swipemini>.mink {  height: 100px; width: auto;}
.swipemini img { padding:2px; height: 90px;}



@media screen and (max-width: 800px) {
.mainmenu .contactstop {
width: 400px;
    position: absolute;
    top: 10px;
    text-align: right;
    right: 20px;
    font-size: 9pt;
    line-height: 9pt;
    padding-top: 4px;
    height: 45px;
    overflow: hidden;
}

.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 60%; top: 15px;
font-size: 15pt;
}
.description {
 line-height: 15pt;    display: block;     font-family: arial;    font-size: 15pt;
  width: 100%; z-index: 9; padding: 20px 0px 0px 0px;
 }
 
.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 40%; top: 40px;
}
.cabinet { min-width: 375px;}
.socseti { 
	display: inline-block;
    width: 80%;
    vertical-align: top;
    margin: 15px 25px;
}
.button {
max-width: 100px;
}
#payorder {
	position: absolute;
    width: 86%;
    padding: 50px;
    min-height: 80%;
    bottom: 100px;
    z-index: 99;
    overflow-y: visible;
    z-index: 9999999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.swipepage>.swipe-wrap { 
	position: relative;
    width: 100%;
    padding: 0 10px 20px 0;
}
.footleft { 
	width: 64%;
	display:inline-block;
	float:left;
	text-align:left; 
}
.footright {
	width: 32%;
    text-align: right;
    right: 0px;
    display: inline-block;
    float: right;
}

#textblock {
position: absolute;
width:95%; 
    text-align: left;
    margin-top: 20px;
    padding: 10px;
    overflow: hidden;
    z-index: 99;
    border: 1px solid rgb(222, 222, 222);
    display: block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 7px 40px -10px #000;
}

.head .inner .basketblock { display: none;}
#header {
position: relative;
  display: inline-block;
  left: 0px;
  top: 0px;
  width: 100%;
  min-height:150px;
  /* height: 130px; */
  vertical-align: middle;
  z-index: 150; 

  box-shadow: 5px 7px 40px -19px #000; 
}
#header .inner .mainlogo { width: 100%;}

.mainmenu>div.contacts { height: 60px; width: 43%;}

.mainmenu .menu { display: inline-block; margin-top: 0px;}
.head .inner {
  position: relative;
  /* left: 50%; */
  width: 100%;
  margin: 0px;
  text-align: left;
  /* margin-left: -470px; */
  }
.head .inner .block {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
  margin: 5px 0 5px 10px;
  color: #222;
}
h1 { padding: 10px 	0;}
#header .inneraudit {
display: none;
}
.mainmenuaudit { text-align: left; 	}
.fixedmenu { 
position:relative;
display:block;
}
.nonemenu {
position:relative;
display:block;
}

#header .inner {height: 100%;}

#header .inner {

  font-family: arial;
  position: relative;
  width: 940px;
  /* height: 100px; */
  overflow: visible;
  margin: 0px auto;
  top: 0px;
  z-index: 9999;
}

.page_content .inner .header,.page_content .inner .content {
clear:both;
}
#logo {height:0px;}
.mainmenu { position:relative; width:99%; z-index:99; font: normal 17px arial;
padding-left:10px; color: #fff; background: #00a3b2;
}
.mlogo {width:100%; }


.basketlogo {
    position: absolute;
    display: none;
    right: 5px;
    top: 50%;
    height: 35px;
    margin-top: -17px;
    width: 90px;
    background: url('images/basket35.png') no-repeat 0% 0%;
    padding: 7px 0 0 40px;
}
#header .inner a.logoorder {
background: #00a3b2;
border: 1px solid #00a3b2;
color: #fff;
width:auto;
position: relative;
display: inline-block;
vertical-align: middle;
border-radius:9px;
left: 0px;
top: 5px;
overflow: hidden;
padding: 20px 10px;
border: 1px solid #00a3b2;
font-family: 'arial';
margin: 0px 3px 2px 0;
font-size: 10pt;
text-decoration: none;
}
#header .inner a.logoorder:hover {
    background: #fff;
	color: #00a3b2;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.2s cubic-bezier(0.87, 0.02, 1, 1);	
	border: 1px solid #00a3b2;
}

#header .inner a.logo {

width:auto;
color: #fff; /* #474656; */
display: inline-block;
vertical-align: middle;
position: relative;
border-radius:5px;
left: 0px;
top: 5px;
overflow: hidden;
padding: 20px 10px;
border: 1px solid #00a3b2;
margin: 0px 5px 2px 0;
font-size: 10pt;
}

#header .inner a.activ {
padding: 20px 10px;
margin: 0px 5px 2px 0;
}


.leftpanel {
    width: 195px;
    display: inline-block;
    float: left;
    padding-left: 0px;
    margin-top: 10px;
}
.rightpanel {
max-width: 640px;
width: 65%;
float: left;
margin: 10px 0px 50px 5px;
text-align: left;
}
.section-white h4>span { width: 85%;}
.viewimgs>div { max-width: 143px;}
.viewimgs { width:100%;}
.blockimg { position:relative; vertical-align:top;display:inline-block;text-align:left; width: 465px}
.blockcolor { position:relative; vertical-align:top;display:inline-block; width:145px; margin-left:20px;}
.blockcolor ul {text-align: left;}
 /*  */
 /* */

.prevover div{ 
	font-size:10pt;
	}
.prevover .desc {
}

.stiker {
position:relative; left:0; z-index:99;border-left: 1px solid #dedede;border-right: 1px solid #dedede;
width:100%; padding-left:10px; display:inline-block;vertical-align: top; height:650px;background: #fff; float:left;
}
.mapsinner {
position:absolute; bottom:0px; width:100%; font-family: 'arial'; font-size:14pt; 
}
.maps {
position:relative; width: 100%; left: 0;
}
  .slogon {
 position: absolute;
  top: 0px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0px 0px;
  text-align: left;
  height: 350px;
  opacity: 0.8;
  left: 0px;
  /* margin: 50px 0px 0 0px; */
  padding: 50px 10px;
  /* overflow: hidden; */
  background: url('images/opa50.png');
}

.rightblock { text-align:center; }

   .tovgroup {
      width: 100%;
      min-height: 420px;
   }
   
   .tov {
      width: 30%;
   }
    .pictov{

  padding:  10px 0 0px 0px;
    }
   .s7{
	height:140px;
   }
   
   .tov>.short {
   padding:0px 0 10px 10px;
   /* height: 80px; */
   margin: 20px 0 10px 10px;
   }
   .tov>.short>div {
   font-size:9pt;
   height:20px;
   width: 90%;
   padding: 5px 0 0px 0px;
   }
   .tov>.short>div>div {
   padding: 5px 0px 0 20px;
   }
   .tovdiv {
   height:110px; 
   }
   .tovdiv>img {
   width:100%;
   height:100px;
   }
   .tovdiv>.short {
   margin: 0 10px 0 10px;
   }
.cell, .grid {
display: inline-block; margin: 10px 10px 10px 10px;
vertical-align: top;
}
.cell { width: 45%; }
.grid { width: 95%;}

.tshort {
	display: inline-block;
    width: 75%;
    text-align: left;
	}
.tshort .title h4 { margin: 0px 0 20px 0;}

.cell .aboutblock .desc, .grid .aboutblock .desc {
display:block;
}
  
   li.grid { 
   width:96%;
  } 
   li.cell { 
   width:47%;
  }   
 .cell  .dopicV a >.desc div > p {
 font-size: 12pt; margin: 0px 0px 0px 5px; width:96%; padding: 0px; 
} 
.inkdiv {position:absolute; left:0; width:100px;}
.inkminidiv { position:absolute; left: 100px; width:100px;}
.inkswipe { position:absolute; left:200px; background:#fff;  max-height: 410px;height:100%; display: inline-block; margin-left: -5px; width: 615px; overflow: hidden; visibility: visible;
}


.header-vitrina {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
	}
.header-vitrina>div {
	position:relative;
	margin: 20px 0;
    font-size: 14pt;
    width: 24%;
    display: inline-block;
}
.header-vitrina>div img {
max-width:80%;
}

 .content {
width:100%;
display: inline-block;
vertical-align: top;
}

.news .swipe {
display: inline-block; vertical-align: top; width:86%; position:relative
}

.cabinet { text-align: left;}
.caption { font-weight: 900; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 3px;}
.caption>div, .itemoffer >div, .itogooffer >div { display: inline-block; vertical-align: middle; text-align: left;}
.caption .num, .itemoffer  .num, .itogooffer .num {width: 55px;}
.caption .date, .itemoffer  .date, .itogooffer  .date {width: 110px;}
.caption .long, .itemoffer  .long {width: 105px;}
.caption .longtext, .itemoffer .longtext {width: 300px;}
.itogooffer .long {width: 240px;     margin-left: 70px;}
.itogooffer .longtext {    width: 300px;     margin-left: 75px;}
.itogooffer>div{font-weight:900}
.itemoffer,.itogooffer { font-weight: 100; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 5px 3px;}
.itogooffer  { padding: 10px 3px;}

.forms { width: 45%;}
.forms .blockformleft { display: inline-block; width:52%;     vertical-align: top;}
.forms .blockformright { display: inline-block; width:47%;    vertical-align: top; }
.itemblockform {
width: 100%;
    display: inline-block;
    vertical-align: top;
}
#formname { position: relative;
    margin: 11px 0 10px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
	}

.forms label {
    position: relative;
    padding: 5px 7px 5px 0px;
    display: inline-block;
    min-width: 97px;
    min-height: 20px;
}
.organization label { margin: 0}
	
.checkblock {     width: 200px; margin: 0px; vertical-align: top;}
.checkdiv { width: 300px;}

input[type="text"], input[type="tel"], input[type="email"], textarea {
width: 270px;
}
.paytype+label { width: 100%;}
.organization .org+label { width: 250px; }
#error { display: inline-block; margin: 10px;}


.adresdocs {
    width: 80%;
	margin: 0 0 0 40px;
}
.adresdocs input {
    width: 100%;
}


.rightpanel .inputblock {
    padding: 20px;
    background: #fff;
    width: 93%;
    box-shadow: 0 0 20px;
}
 
.rightpanel .recollblock {
	display: inline-block;
    width: 80%; 
    vertical-align: middle;
}
.inputblock #telme {
display: inline-block; width: 50px; height:50px; vertical-align: middle; cursor: pointer; background: url('images/telme.png') no-repeat 50% 50%
}
.rightpanel #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 95%;
	margin: 10px 10px 10px 0;
}
.rightpanel #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 0px 10px 0;
    width: 95%;
    display: inline-block;
    vertical-align: middle;

}
.checkblock .recollblock {
	display: inline-block;
    width: 80%; 
    vertical-align: middle;
}
.checkblock  #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
	margin: 10px 10px 10px 0;
}
.checkblock  #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 10px 10px 0;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}
#viewimg {
margin: 5px;
    text-align: left;
    padding: 5px;
    display: none;
    position: absolute;
    margin-top: 0px;
    padding: 10px;
    width: 95%;
    overflow-y: visible;
    z-index: 99;
    border: 1px solid #dedede;
    background-color: #e4e3db;
}
.swipe { width: 75%;}
}


@media screen and (min-width: 800px) and (max-width: 970px) {
.mainmenu .contactstop {
position:absolute; top: 10px; text-align:right; right: 20px;   font-size: 9pt;    line-height: 9pt;    padding-top: 4px; height: 18px; overflow: hidden;
}
.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 50%; top: 40px;
font-size: 15pt;
}
.description {
 line-height: 16pt;    display: block;     font-family: arial;    font-size: 15pt;
  width: 100%; z-index: 9; padding: 20px 0px 0px 0px;
 }
 
.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 40%; top: 40px;
}
.socseti { 
	display: inline-block; width: 50px; vertical-align: top; margin-top: 40px;
}
.button { max-width: 120px;}
#payorder {
	position: absolute;
    left: 50%;
    width: 700px;
    margin-left: -400px;
    padding: 50px;
    min-height: 80%;
    bottom: 100px;
    z-index: 99;
    overflow-y: visible;
    z-index: 9999999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.footleft { 
	width: 64%;
	display:inline-block;
	float:left;
	text-align:left; 
}
.footright {
	width: 32%;
    text-align: right;
    right: 0px;
    display: inline-block;
    float: right;
}
.swipepage>.swipe-wrap { 
	position: relative;
    width: 100%;
    padding: 0 10px 20px 0;
}
#textblock {
    top: 70px;
    width: 100%;
	text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -470px;
    margin-top: 20px;
    padding: 10px;
    min-height: 500px;
	max-height:700px;
    overflow: hidden;
	overflow-y:scroll;
    z-index: 99;
    border: 1px solid rgb(222, 222, 222);
    display: block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 7px 40px -10px #000;
}

.head .inner .basketblock { display: inline-block;}
.fixedmenu { 
position:fixed;
display:block;
top:80px;
}
.nonemenu {
position:relative;
display:none;
}

#header .inner a.logo {
padding: 10px 5px;
margin: 0px 3px 2px 0;
letter-spacing: 0px;
}
#header .inner a.activ {
padding: 11px 5px;
margin: 0px 5px 2px 0;
letter-spacing: 0px;
}
#header .inner a.logoorder  {
padding: 10px 5px;
margin: 0px 5px 2px 0;
letter-spacing: 2px;
}
.head .inner .block h1 { 
max-width: 600px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18pt;
}

.inner .news div.nextnew { padding-top: 10px; }

.basketlogo { display: none;}
.mainmenu .menu { display: inline;margin-top:30px;}
.header-vitrina {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
	}
.header-vitrina>div {
	position:relative;
	margin: 20px 0;
    font-size: 14pt;
    width: 24%;
    display: inline-block;
	vertical-align: bottom;
}
.header-vitrina>div img {
max-width:80%;
}
.content {
max-width:640px;
display: inline-block;
vertical-align: top;
}

.leftpanel {
width:30%; float:left;padding-left:0px; margin-top:10px;
}
.rightpanel {
width: 68%;
float: left;
margin: 10px 0px 50px 5px;
text-align: left;
}
.section-white h4>span {
    width: 88%;
}

.viewimgs>div { max-width: 143px;}
.viewimgs { width:100%;}
.blockimg { width:100%; margin-left:20px; position:relative; vertical-align:top;display:inline-block;text-align:left;}
.blockcolor { position:relative; vertical-align:top;display:inline-block; width:100%; margin-left:30px;}
.blockcolor ul {text-align: left;}

.inkdiv {position:absolute; left:0; width:100px;}
.inkminidiv { position:absolute; left: 100px; width:200px;}
.inkswipe { position:absolute; left:300px; background:#fff;  max-height: 410px;height:100%; display: inline-block; margin-left: -5px; width: 610px; overflow: hidden; visibility: visible;
}
.swipe { position:absolute;}

.news .swipe {
display: inline-block; vertical-align: top; width:90%; position:relative;
}
.head .inner {
width: 98%;
   }
.head .inner .basketblock { display: none;}   
.head .inner .block { width: 100%;}


.cabinet { text-align: left;}
.caption { font-weight: 900; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 3px;}
.caption>div, .itemoffer >div, .itogooffer >div { display: inline-block; vertical-align: middle; text-align: left;}
.caption .num, .itemoffer  .num, .itogooffer .num {width: 70px;}
.caption .date, .itemoffer  .date, .itogooffer  .date {width: 110px;}
.caption .long, .itemoffer  .long {width: 110px;}
.caption .longtext, .itemoffer .longtext {width: 300px;}
.itogooffer .long {width: 380px;     margin-left: 70px;}
.itogooffer .longtext {    width: 300px;     margin-left: 75px;}
.itogooffer>div{font-weight:900}
.itemoffer,.itogooffer { font-weight: 100; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 5px 3px;}
.itogooffer  { padding: 10px 3px;}

.forms { width: 48%;}

.forms .blockformleft { display: inline-block; width:52%;     vertical-align: top;}
.forms .blockformright { display: inline-block; width:47%;    vertical-align: top; }
.itemblockform {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
#formname { 
    position: relative;
    margin: 11px 0 10px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
	}

.forms label {
    position: relative;
    padding: 5px 7px 5px 0px;
    display: inline-block;
    min-width: 97px;
    min-height: 20px;
}
.organization label { margin: 0}
	
.checkblock {     width: 200px; margin: 0px; vertical-align: top;}
.checkdiv { width: 300px;}

input[type="text"], input[type="tel"], input[type="email"] {
    width: 270px
}
.paytype+label { width: 100%;}


.organization .org+label { width: 250px; }
#error { display: inline-block; margin: 10px;}

.adresdocs {
    width: 100%;
	margin: 0 0 0 40px;
}
.adresdocs input {
    width: 100%;
	max-width: 360px;
}

.rightpanel .inputblock {
    padding: 20px;
    background: #fff;
    width: 93%;
    box-shadow: 0 0 20px;
}
 
.rightpanel .recollblock {
	display: inline-block;
    width: 85%; 
    vertical-align: middle;
}
.inputblock #telme {
display: inline-block; width: 50px; height:50px; vertical-align: middle; cursor: pointer; background: url('images/telme.png') no-repeat 50% 50%
}
.rightpanel #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
	margin: 10px 10px 10px 0;
}
.rightpanel #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 0px 10px 0;
    width: 45%;
    display: inline-block;
    vertical-align: middle;

}
.checkblock .recollblock {
	display: inline-block;
    width: 80%; 
    vertical-align: middle;
}
.checkblock  #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
	margin: 10px 10px 10px 0;
}
.checkblock  #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 10px 10px 0;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}
#viewimg {
text-align: left;padding:5px; display:none; position:absolute; left:50%; margin-left:-350px; max-width:700px; border:1px solid #dedede; background-color: #e4e3db; margin-top:0px; padding:10px; width:90%; min-height:650px; 
}
.swipe { width: 80%; position:relative;}
.imgblocktext { position: absolute; left:0px;}
.prev { width: 50px; }
.next { width: 50px; margin-right: -50px;}
}


@media screen and (min-width: 970px) {
.mainmenu .contactstop {
position:absolute; top: 10px; text-align:right; right: 20px;   font-size: 9pt;    line-height: 9pt;    padding-top: 4px; height: 18px; overflow: hidden;
}

.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 40%; top: 40px;
font-size: 15pt;
}
.description {
 line-height: 16pt;    display: block;     font-family: arial;    font-size: 15pt;
  width: 100%; z-index: 9; padding: 20px 0px 0px 0px;
 }
 
.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 40%; top: 40px;
}
.socseti { 
	display: inline-block; width: 50px; vertical-align: top; margin-top: 40px;
}
#payorder {
	position: absolute;
    left: 50%;
    width: 700px;
    margin-left: -400px;
    padding: 50px;
    min-height: 80%;
    bottom: 100px;
    z-index: 99;
    overflow-y: visible;
    z-index: 9999999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.footleft { 
	width: 64%;
	display:inline-block;
	float:left;
	text-align:left; 
}
.footright {
	width: 32%;
    text-align: right;
    right: 0px;
    display: inline-block;
    float: right;
}

.swipepage>.swipe-wrap { 
	position: relative;
    width: 100%;
    padding: 0 10px 20px 0;
}
#textblock {
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -470px;
    margin-top: 20px; 
    padding: 10px;
    width: 920px;
min-height: 500px;
	max-height:700px;
    overflow: hidden;
	overflow-y:scroll;
    z-index: 99;
    border: 1px solid rgb(222, 222, 222);
    display: block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 7px 40px -10px #000;
}

.fixedmenu { 
position:fixed;
display:block;
top:80px;
}
.nonemenu {
position:relative;
display:none;
}
.head .inner .basketblock { display:inline-block;}
.mainmenu .menu { display: inline; margin-top: 30px; width:680px; text-align:right;}
.leftpanel {
width:300px; float:left;padding-left:5px; margin-top:10px;
}
.rightpanel {
width: 620px;
float: left;
margin: 10px 0px 50px 20px; 
text-align: left;
}

.blockimg { position:relative; vertical-align:top;display:inline-block;text-align:left; width: 465px}
.blockcolor { position:relative; vertical-align:top;display:inline-block; width:145px; margin-left:20px;}
.blockcolor ul {text-align: left;}

.othertovar { width:100%; overflow: hidden; }
.inkdiv {
 position:relative; width: 130px; 
}
.inkminidiv {
position:relative;
width: 200px; 
}
.header-vitrina {
width: 290px;  display: inline-block; vertical-align: top; margin: 0 10px 0 0; 
}

.header-vitrina>div {
	margin: 20px 0;
}
.content {
max-width:640px;
display: inline-block;
vertical-align: top;
}

.news .swipe {
display: inline-block;
    vertical-align: top;
    width: 94%;
    position: relative;
}
.head .inner {
  left: 50%;
   margin-left: -470px;
  }
.head .inner .block {
  max-width: 640px;
}  
.head .inner .block h1 { 
    width: 490px;
    display: inline-block;
    vertical-align: middle;
}
.cabinet { text-align: left;}
.caption { font-weight: 900; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 3px;}
.caption>div, .itemoffer >div, .itogooffer >div { display: inline-block; vertical-align: middle; text-align: left;}
.caption .num, .itemoffer  .num, .itogooffer .num {width: 70px;}
.caption .date, .itemoffer  .date, .itogooffer  .date {width: 140px;}
.caption .long, .itemoffer  .long {width: 150px;}
.caption .longtext, .itemoffer .longtext {width: 300px;}
.itogooffer .long {width: 380px;     margin-left: 70px;}
.itogooffer .longtext {    width: 300px;     margin-left: 75px;}
.itogooffer>div{font-weight:900}
.itemoffer,.itogooffer { font-weight: 100; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 5px 3px;}
.itogooffer  { padding: 10px 3px;}

.forms { width: 52%;}

.forms .blockformleft { display: inline-block; width:52%;     vertical-align: top;}
.forms .blockformright { display: inline-block; width:47%;    vertical-align: top; }
.itemblockform {
width: 100%;
    display: inline-block;
    vertical-align: top;
}
#formname { position: relative;
    margin: 11px 0 10px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
	}
.forms label {
    position: relative;
    padding: 5px 7px 5px 0px;
    display: inline-block;
    min-width: 97px;
    min-height: 20px;
}
.organization label { margin: 0}
	
.checkblock {     width: 200px; margin: 0px; vertical-align: top;}
.checkdiv { width: 300px;}

input[type="text"], input[type="tel"], input[type="email"] {
width: 270px
}
.paytype+label { width: 100%;}
.organization .org+label { width: 250px; }
#error { display: inline-block; margin: 10px;}

.adresdocs {
    width: 100%;
	margin: 0 0 0 40px;
}
.adresdocs input {
    width: 100%;
	max-width: 420px;
}

.rightpanel .inputblock {
    padding: 20px;
    background: #fff;
    width: 93%;
    box-shadow: 0 0 20px;
	margin-top: 20px;
}
.rightpanel .recollblock {
	display: inline-block;
    width: 90%; 
    vertical-align: middle;
}
.inputblock #telme {
display: inline-block; width: 50px; height:50px; vertical-align: middle; cursor: pointer; background: url('images/telme.png') no-repeat 50% 50%
}
.rightpanel #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 47%;
	margin: 10px 10px 10px 0;
}
.rightpanel #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 10px 10px 0;
    width: 47%;
    display: inline-block;
    vertical-align: middle;
}
.checkblock .recollblock {
	display: inline-block;
    width: 80%; 
    vertical-align: middle;
}
.checkblock  #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
	margin: 10px 10px 10px 0;
}
.checkblock  #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 10px 10px 0;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

#viewimg {
text-align: left;padding:5px; display:none; position:absolute; left:50%; margin-left:-470px; max-width:940px; border:1px solid #dedede; background-color: #e4e3db; margin-top:0px; padding:10px; width:100%; height:650px;
}
.swipe {
width: 87%;
}

}

@media screen and (max-width: 525px) {
.mainmenu .contactstop
{
	width: 310px;
    position: relative;
    top: -35px;
    text-align: right;
    right: 10px;
    font-size: 9pt;
    line-height: 9pt;
    padding-top: 4px;
    /* height: 45px; */
    overflow: hidden;
}
.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;width: 98%; top: 5px;
font-size: 14pt;
}
.description {
 line-height: 14pt;    display: block;     font-family: arial;    font-size: 14pt;
  width: 100%; z-index: 9; padding: 10px 0px 0px 0px;
 }
#payorder {
	position: absolute;
    width: 90%;
    padding: 20px;
    min-height: 80%;
    bottom: 100px;
    z-index: 99;
    overflow-y: visible;
    z-index: 9999999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#payorder table {
width: 100%;
}
.header-vitrina>div {
    min-width: 40%;
}
.footleft { 
	width: 64%;
	display:inline-block;
	float:left;
	text-align:left; 
}
.footright {
	width: 32%;
    text-align: right;
    right: 0px;
    display: inline-block;
    float: right;
}

.swipepage>.swipe-wrap { 
position:relative; width: 95%; padding: 0 10px 20px 0
}
.header-vitrina>div img {
    max-width: 65%;
    height: auto;
    padding-bottom: 10px;
}
.customertype+label { width: 100px; }
.head .inner .basketblock { display: none;}
.headpay { margin: 0 0 10px 10px;}
.mainmenu .menu { display: inline-block; width:100%; margin-top:0px;     position: absolute;    top: 75px;}
#header .inner .mainlogo { width: 48%;padding: 5px 0px; top:0px;}
#logo { height: 0px;}
.nonemenu { display: none; position: relative;}
.fixedmenu { display: none; position: relative;}

li.cell img, li.cell img, li.grid img, li.grid img {
max-width:90%;
}
li.grid {     width: 100%; }

li.cell {
width: 45%;
overflow:hidden;
}
li.cell .ablock .picimg {
height:120px;
}
li.tov img {
width:90%;
}
.picimg {
height: auto;
}
.tov { width: 28%;}
.pay { display:block;}


.grid>.question {
	overflow: hidden;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border: 1px solid #d0d0d0;
    font-size: 12pt;
    color: #666;
    margin: 20px 10px;
}
.grid>.price { min-width: 110px;}
.price:before { width: 5px;}

.grid>.question .margin {
margin: 10px 10px;
padding: 0 10px;
border: 0px;
overflow: hidden;
}

.rightpanel {
width: 92%;
margin: 10px 0px 50px 0px;
text-align: left;
}

.leftpanel { width:100%; display: block; padding-left:0px; margin: 10px 0px 30px 10px; }
.viewimg, .viewimgm { 
width: 92%;
}
.viewimgs>div {
max-width: 90px;
}
.viewimgs { min-width: 100%;}
h1 { line-height: 30px; padding: 10px 0; font-size: 16pt;}

.blockimg { width:100%; margin-left:10px; position:relative; vertical-align:top;display:inline-block;text-align:left;}
.blockcolor { position:relative; vertical-align:top;display:inline-block; width:100%; margin-left:10px;}
.blockcolor ul {text-align: left;}

.page_content .cell .desc img{
    max-width: 50px;
    max-height: 50px;
}
.tshort {
	display: inline-block;
    width: 75%;
    text-align: left;
	line-height:24px;
}
.tshort p {
	line-height:20px !important;
}
.page_content .inner .header { display: none;}
.page_content .inner .basket { display: block;}

.section-white h4>span { margin-left: 0; }
.page_content .inner, .cell { margin-bottom: 0xp;}	

.tshort .title h4 { margin: 10px 0 20px 0px;}
.inputblock { width: 90%;    margin-top: 20px;}
.inputblock>input, .inputblock>textarea {
min-width:100%;
}


.inkdiv {position:absolute; left:0; width:100px; z-index:99; opacity: 0.5}
.inkminidiv { position:absolute; left: 100px; width:200px; opacity: 0.4}
.inkswipe { position:absolute; left:00px; background:#fff;  max-height: 410px;height:100%; display: inline-block; margin-left: -5px; width: 610px; overflow: hidden; visibility: visible;  opacity: 1;
}
.swipe { position:absolute;}
.inkdiv:hover,.inkminidiv:hover,.inkswipe:hover { opacity: 1}

.inkswipe:hover .inkdiv, .inkswipe:hover .inkminidiv, .viewimgmax:hover .inkminidiv {
opacity: 0;
}
#header {min-height: 250px;}
#header .inner { top: 0px; height: 100%;}
#header .inner a.logoorder,#header .inner a.logo, #header .inner a.activ {
    width: 43%;
    margin: 2px 5px 0px 0;
    padding: 10px 5px;
    text-align: center;
	display: inline-block;
    vertical-align: middle;
}

#header .inner .mainlogo {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    margin: 0px;
}
a.tel:before, a.email:before { display: none;}


.mainlogo img { max-width: 40px;}
.basketlogo { display: none;}
.mlogo span .big { font-size: 17pt; }
.mlogo span .small { font-size: 5pt; }
.mlogo span { vertical-align: top; padding-left: 0px;}

.header-vitrina>div {
vertical-align: bottom;
}
.rightpanel .short, 	.content {
width:92%;
display: inline-block;
vertical-align: top;
 padding-right: 15px;
 padding-left:15px;
}
.newsblock { width: 90%;}
.columnblock { width: 90%; }

.cell, .grid { width: 90%; margin: 10px 0}
.servblockmini .title {
	display: inline-block;
    width: 85%;
    text-align: left;
    margin-top: 0px;
}
.section-dark .shortmini {
    text-align: left;
}
.servblockmini:hover>.desc {
display: inline-block;
}

.page_content .cell .desc {
    width: 10%;
    min-width: 50px;
    vertical-align: top;
    margin-top: 10px;
}
.servblockmini .desc {
display: none;
}
.newsblock h4 a {
display: block;
  margin-left: 40px;
}
.grid .picimg {
width: 55%;
}
.grid>.price {
width: 120px;
}
.grid .picimg:before {
    width: 0px;
	font-size: 0px;	
	display: none;
} 

.grid .picimg .titletov {
    width: 98%;
}

.dopicV:hover>.picimg:before {
width: 25px;
display: none;
}
.dopicV:hover>.desc {
    padding: 0 0px 20px 0px;
    margin-left: 6px;
}

.inner .news div.nextnew {
padding-top: 10px;
width:45px;
}
.news .swipe {
width: 85%;
min-height:90px;
}
.cabinet { text-align: left;}
.caption { font-weight: 900; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 3px;}
.caption>div, .itemoffer >div, .itogooffer >div { display: inline-block; vertical-align: middle; text-align: left;}
.caption .num, .itemoffer  .num, .itogooffer .num {width: 55px;}
.caption .date, .itemoffer  .date, .itogooffer  .date {width: 130px;}
.caption .long, .itemoffer  .long {width: 150px; }
.caption .longtext, .itemoffer .longtext {width: 220px;}
.itogooffer .long {width: 380px;     margin-left: 70px;}

.itogooffer .longtext {    width: 200px;     margin-left: 10px;}
.itemoffer .type { margin-left:20px;}
.itogooffer>div{font-weight:900}
.itemoffer,.itogooffer { font-weight: 100; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 5px 3px;}
.itogooffer  { padding: 10px 3px;}
.caption .long, .itogooffer .long, .itemoffer .long { display: none;}

.forms { width: 100%;}
.forms .blockformleft { display: inline-block; width:100%; }
.forms .blockformright { display: inline-block; width:100%; }

.itemblockform {
width: 100%;
    display: inline-block;
    vertical-align: top;
}
#formname { position: relative;
    margin: 11px 0 10px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
	}
.forms label {
    position: relative;
    padding: 5px 7px 5px 0px;
    display: inline-block;
    /*min-width: 90px;*/
    min-height: 25px;
	}
	
.checkblock { width:100%; margin: 0px; vertical-align: top;}

input[type="text"], input[type="tel"], input[type="email"] {
width: 320px;
}
.organization .org { width: 320px; }
#error { display: inline-block; margin: 10px;}

#textblock {
position:absolute;
min-height: 100%;
}
#textblock .title>h3 {
width: 230px;
}
.section-gray .page, .section-gray .page_content {
padding: 10px 0 0 0;
}
.grid .files { 
margin-left:0;
}

.adresdocs {
    width: 90%;
	margin: 0px;
}
.adresdocs input {
    width: 100%;
	max-width: 420px;
}
.checkblock .inputblock {
max-width: 340px; 
}

.section-dark .cell .shortmini
{
text-align:left;
}
}


@media screen and (min-width: 526px) and (max-width: 720px) {
.mainmenu .contactstop
{
    position: absolute;
    width: 300px;
    top: 10px;
    text-align: right;
    right: 10px;
    font-size: 9pt;
    line-height: 9pt;
    padding-top: 4px;
    height: 40px;
    overflow: hidden;
}

.galleryblock {
position:absolute; z-index: 9999; color: #333; text-align:left; letter-spacing: 1px;
width: 70%; top: 10px;
font-size: 15pt;
}
.description {
 line-height: 15pt;    display: block;     font-family: arial;    font-size: 15pt;
  width: 100%; z-index: 9; padding: 20px 0px 0px 0px;
 }
 
#payorder {
	position: absolute;
    width: 85%;
    padding: 35px;
    min-height: 80%;
    bottom: 100px;
    z-index: 99;
    overflow-y: visible;
    z-index: 9999999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#payorder table {
width: 100%;
}
.button {
padding: 10px 5px;
max-width: 15%;
}

.footleft { 
	width: 64%;
	display:inline-block;
	float:left;
	text-align:left; 
}
.footright {
	width: 32%;
    text-align: right;
    right: 0px;
    display: inline-block;
    float: right;
}
h2 { line-height:18pt; }
#textblock {
position:absolute;
min-height: 100%;
}
#textblock .title>h3 {
width: 230px;
}

#header .inner a.logoorder,
#header .inner a.logo,
#header .inner a.activ  {
padding: 15px 7px;
}
#header .inner a.logo {
margin: 0px 2px 2px 0;
}

#logo {height:0px;}

.mainmenu .menu { display: inline-block; margin-top: 0px;}
.mainlogo { width: 45%;}
.mainmenu>div.contacts { width: 45%; vertical-align: top; height: 60px; overflow: hidden;}

.head .inner .basketblock { display: none;}
#header .inner { height: 100%;}
.cell, .grid {
    display: inline-block;
    margin: 10px 10px 10px 10px;
    vertical-align: top;
}
.cell { width: 45%; }
.grid { width: 100%;}
.inputblock { width: 90%;    margin-top: 20px;}
.inputblock>input, .inputblock>textarea {
min-width:100%;
}
li.cell img, li.cell img, li.grid img, li.grid img {
max-width:90%;

}
.basketlogo { display: none;}
.transparent { width: auto; margin-left:0px; left:0px } 

.leftpanel {
width:180px; display: block; padding-left:0px; margin-top:10px; margin-left: 10px;
}
.rightpanel {
width: 60%;
float: left;
margin: 10px 0px 50px 5px;
}

.caption .num, .itemoffer .num, .itogooffer .num { width: 50px;}
.caption .num:first, .itemoffer .num:first, .itogooffer .num:first { width: 30px;}
.caption .longtext, .itemoffer .longtext { width: 200px;}
.itogooffer .longtext {  margin-left: 0; width: auto;}

.cabinet { text-align: left;}
.caption { font-weight: 900; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 3px;}
.caption>div, .itemoffer >div, .itogooffer >div { display: inline-block; vertical-align: middle; text-align: left;}
.caption .num, .itemoffer .num, .itogooffer .num { width: 50px;}
.caption .num:first, .itemoffer .num:first, .itogooffer .num:first { width: 30px;}
.caption .longtext, .itemoffer .longtext { width: 200px;}
.itogooffer .longtext {  margin-left: 0; width: auto;}
.caption .date, .itemoffer  .date, .itogooffer  .date {width: 90px;}
.caption .long, .itemoffer  .long {width: 110px;}
.itogooffer .long {width: 380px;     margin-left: 70px;}
.itogooffer>div{font-weight:900}
.itemoffer,.itogooffer { font-weight: 100; width:100%; display: block; border-bottom: 1px solid #d9d9d9; padding: 5px 3px;}
.itogooffer  { padding: 10px 3px;}


.page_content .inner .header { display: none;}
.page_content .inner .basket { display: block}


.viewimgs>div { max-width: 143px;}
.viewimgs { width:100%;}
.blockimg { width:95%; margin-left:20px; position:relative; vertical-align:top;display:inline-block;text-align:left;}
.blockcolor { position:relative; vertical-align:top;display:inline-block; width:100%; margin-left:20px;}
.blockcolor ul {text-align: left;}
 /* position:relative; vertical-align:top;display:inline-block; width:160px; margin-left:9px; */
 /*position:relative; vertical-align:top;display:inline-block;text-align:left; width: 465px */

.section-white h4>span { margin-left: 0; }
 .page_content .cell .desc {
    width: 10%;
    min-width: 50px;
    vertical-align: top;
    margin-top: 10px;
}
.page_content .cell .desc img{
    max-width: 50px;
    max-height: 50px;
	}
.tshort {
	display: inline-block;
    width: 75%;
    text-align: left;
	line-height:24px;
	}
.tshort p {
	line-height:20px !important;
}
.page_content .inner, .cell { margin-bottom: 0xp;}	

.tshort .title h4 { margin: 10px 0 20px 0px;}
.inputblock { width: 90%;    margin-top: 20px;}
.inputblock>input, .inputblock>textarea {
min-width:100%;
}
.newsblock h4 a {
display: block;
  margin-left: 40px;
}
.columnblock {
width: 45%;
}


.news .swipe {     padding-bottom: 10px; }
.servblockmini:hover>.desc {
display: inline-block;
}
.grid { width: 95%;}

.servblockmini .desc {
display: none;
}
.header-vitrina>div {
vertical-align: bottom;
}

.grid .picimg {
width: 68%;
margin:4px 0;
}
.grid>.price {
min-width: 125px;
    max-width: 18%;
}
.grid .picimg:before {
    width: 25px;
} 
.grid .picimg .titletov {
    width: 90%;
}

.dopicV:hover>.picimg:before {
width: 25px;
}
.dopicV:hover>.desc {
    padding: 0 0px 20px 0px;
    margin-left: 38px;
}

.forms { width: 100%;}
.forms .blockformleft { display: inline-block; width:100%; }
.forms .blockformright { display: inline-block; width:100%; }
#formname { position: relative;
    margin: 11px 0 10px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
	}
.forms label {
    position: relative;
    padding: 5px 7px 5px 0px;
    display: inline-block;
    min-width: 97px;
    min-height: 25px;
	}
	
.checkblock { width:100%; margin: 0px; vertical-align: top;}

input[type="text"], input[type="tel"], input[type="email"] {
width: 270px
}
.paytype+label { width: 100%;}
.organization .org { width: 250px; }
#error { display: inline-block; margin: 10px;}

.adresdocs {
    width: 90%;
	margin: 0px;
}
.adresdocs input {
    width: 100%;
}
.checkblock .inputblock {
max-width: 340px; 
}
.checkblock .recollblock  {
	display: inline-block;
    width: 80%; 
    vertical-align: middle;
}
.checkblock  #formnames {
    background-image: url("images/male.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
	margin: 10px 10px 10px 0;
}
.checkblock  #formphone {
    background-image: url("images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin: 10px 10px 10px 0;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}


}


/*
.head p {
color:#808080;
}
*/
.head h2 font {
/*padding-top:42px;*/
padding-bottom:10px;
color: #474656;
float:left;
background-image: url('images/under.png');
background-repeat: repeat-x;
background-position: 3px 0%; 
padding-top:10px;
background-color: #fff;
margin-top:60px;
}

.head .inner::after {
    content:''; 
    height: 100%; 
    display: inline-block; 
	vertical-align: middle;
}
.head .inner img {
	position:absolute;
	left:0px;
	top:0px;
}

.head .inner .block div h4 {
margin-top:20px;
font-family: sans;
font-size:14pt;
font-weight:500;
font-style: none;
}
.head .inner .block div h5 {
font-family: sans;
font-size:14pt;
font-weight:100;
font-style: normal;
width:290px;height:150px;
padding:5px;
color: #575757;
}

.head .inner .block div h4 a {
padding-left: 10px;
display:block;
background-image: url('images/li.gif');
background-position: 2px 6px;
background-repeat: no-repeat;
font-family: sans;
font-size:14pt;
font-style: normal;
line-height:18px;
font-weight:100;
text-decoration: none;
}
.head .inner .block div h4 a:hover {
text-decoration: none;
}

.head .inner .download {
	position:absolute;
	margin:0px auto;
	top: -110px;
	left:0px;
	z-index:51;
}

.head .inner .download2 {
	position:absolute;
	margin:0px auto;
	top: 383px;
	left:640px;
	z-index:51;
	height: 48px;
	left: 50%;
	margin-left: 170px;	
}

.head .inner .download2 img{
border: 0px solid #000;
}

.head .inner .block h2 {
	padding-bottom: 7px;
	margin-bottom: 7px;
	color: #222;
	text-align:left;
	font-size: 24pt;
	}
.head .inner .block .hh2 {
	text-align:left;
	margin-left:0px;
	display:block;
}

.section-white .hh2, .section-light .hh2, .section-dark .hh2, .section-gray .hh2 {
    margin-top: 35px;
    margin-bottom: 40px;
}

.section-white .head .hh2 h2, .section-light .head .hh2 h2, .section-gray .head .hh2 h2 {
font-size: 32pt;
line-height: 55px;
color: #00a3b2;
font-weight: 900;
text-align: center;
}
 .section-dark .block .hh2 h2 {
font-size: 32pt;
line-height: 55px;
color: #fff;
font-weight: 900;
text-align: center; 
 }
.section-white .block .hh2 h2, .section-light .block.hh2 h2,.section-gray .block .hh2 h2 {
font-size: 32pt;
line-height: 55px;
color: #fff;
font-weight: 900;
text-align: center;
}
 .section-dark .head .hh2 h2 {
font-size: 32pt;
line-height: 55px;
color: #fff;
font-weight: 900;
text-align: center; 
 } 


.mainmenu .menu {
    vertical-align: middle;
    display: inline-block;
    float: right;
}

.head h2 {
/*
background-image: url('images/under_white.png');
background-repeat: repeat-x;
background-position: 3px 0%; 
padding-top:10px;
*/
}

.head .inner .block .hh4, .inner  .content .hh4 {
	clear: both;
	text-align:left;
	display:block;
	margin:0px;
	width:620px;
	margin-left:0px;
	margin-top:20px;
}
.head .inner .block .hh4 h4, .inner .content .hh4 h4 {

	font-family: arial; /*Intro-Book*/
	font-size:18px;
	font-style: italic;
	/* color: #fff; #454545;  a9a9a9*/
	line-height:25px;
	font-weight:normal;
}
.inner .content .hh4 {
float:left;
display:block;
margin-top:10px;
}

.hh4>h4 {
margin-bottom: 10px;
}
.page_content .inner {

	overflow:hidden;
	margin-top:0px; 

	/*padding:0px; */
}

.page_content .project  a.block {
	position:relative;
	float:left;
	width:300px;
	height:300px;
	text-decoration:none;
	margin-right:20px;
	margin-bottom:20px;
	overflow:hidden
}
.page_content .project  a.block:nth-child(3n)  {
margin-right:0px;
}
.page_content .project  a.block img.tov  {
	position:absolute;
	left:0px;
	top:0px;
min-width: 290px;
max-width: 500px;
min-height: 290px;
max-height: 290px;
	border:1px solid #dfdfdf;
}
.page_content .project  a.block .mask  {
	width:100%;
	height:100%;
}
.page_content .project  a.on .mask {
	display:none;
}
.page_content .project  a strong {
	position:absolute;
	width: 291px;
	margin-left: 1px;
	display:none;
	background-image: url(images/bg_pic_1360214340.png);
	padding: 10px 0px 10px 0px;
	left:0px;
	text-align: left;
	top:0px;
	font-family: arial; /* 'Intro Regular */
	font-size:16px;
	color:#000;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:900;
	line-height: 20px;
}
.page_content .project  a strong em {
	display:block;
	font-family: arial;
	font-size:14pt;
	line-height:18px;
	height:290px;
	color:#555;
	letter-spacing:normal;
	text-transform:none;
	font-style:normal;
	font-weight:normal;
	padding-top:20px;

}
.page_content .project  a strong em img {
margin-top: 0px;
position: relative;
width: 160px;
margin-left:30px;
max-height:160px;
}

.page_content .project a strong.prevover {
font-family:arial;
text-align: center;
font-weight: 100;
font-style: normal;
margin-left:0px;
display: none;
position: absolute;
z-index: 99;
padding: 5px;
width: 291px;
height: 145px;
padding-top: 145px;
overflow: hidden;
background: url('images/opa50.png');
}
.page_content .project a:hover strong.prevover {
display: block;
}
strong.prevover font {
position:absolute;
display:block;
bottom:0;
text-align:left;
padding:5px;
font-size: 14pt;
}
strong.prevover font div {
margin: 0px;
padding: 0px;
font-size: 14px;
}

.page_content .project .bott {
position: absolute;
margin: 6px 0 4px 0;
padding: 0 15px;
list-style: none;
width: 261px;
height: 50px;
z-index: 99;
background-image: url(images/bg_pic_1360214340.png);
overflow: hidden;
bottom: 5px;
}

.bott li.price {
text-align: left;
width: 120px;
padding: 10px 4px 10px 10px;
display: block;
font: normal 11px sans;
float: left;
}
.bott li.price span {
font: normal 16px sans;
font-style: italic;
color: #010101;
width: 142px;
height: 23px;
padding-top: 5px;
}
.bott li.amount {
float: left;
width: 40px;
padding: 10px 0;
display: block;
font: normal 11px sans;
text-align: center;
}
.bott li.buy {
text-align: center;
display: block;
font: normal 11px sans;
text-align: center;
padding: 13px 14px;
float: left;
}

.bott li.buy input {
cursor: pointer;
background: url(images/buy2.gif) no-repeat left center;
width: 50px;
height: 33px;
border: none;
}
li.amount .number {
width: 29px;
height: 21px;
background: url(images/col.gif) no-repeat;
border: none;
font: normal 12px sans;
text-align: center;
}
.page_content .inner .header {
width: 300px;
  clear: both;
  display: inline-block;
  text-align: left;
  margin-top: 0px;
  margin-left: 0px;
  min-height: 30px;
}	
.page_content .inner .header h4 a {
display: inline-block;
}
.page_content .inner .header h4 a span {
margin-left: 0px;
}

.page_content .inner .header .gallery img{
border:1px solid #00a3b2;
padding: 2px;
max-width: 95%;
}
.content .left img, .content2.left img {
border:1px solid #fff;
padding: 2px;
}
.page_content .inner .header  h4 {
clear: both;
font-style: italic;
font-family: arial;
font-weight: 100;
/*color: #fff; */
margin-top:0px;
font-size:16pt;
}
.inner .header  h4>p  {
margin:20px 0 20px 0;
width:290px;
text-align:left;
}
.page_content .header  h4 a, .content a.href{
text-decoration: none;
}

.page_content .inner .header  h4 a:hover, .content a.href:hover {
text-decoration: none;
}


.page_content .inner .download {
position: absolute;
left: 50%;
margin-left: -585px;
margin-top: 10px;
}
.page_content .inner .content {
	display:inline-block;
	/* clear:both; */
/*	width: 620px;
	margin-bottom: 50px;
	margin-left:20px;
  	background: url(images/bg_block.png); */
}

.page_content .inner .content p span {	
line-height: 20px;
}

.page_content.inner .content2 {
	display:block;
	clear:both;
	float:right;
	width: 950px;
	float:none;
	display:inline-block;
	zoom:1;
	*display:inline;
	padding-top:5px;
	vertical-align:top;	
	
}
.page_content .inner .content2 h3{ 

margin-right:20px;
}
#textblock {
overflow:hidden;
overflow-y: scroll;
}
#textblock strong {
color: #323232;
font-weight:900;
}
#textblock div, #textblock p {
    clear: both;
    color: #323232;
    font-family: arial;
    font-size: 12pt;
    font-weight: 100;
}
#textblock ul li, #textblock ol li {
	color: #323232;
    font-family: arial;
    font-size: 12pt;
    font-weight: 100;
    margin-left: 30px;
}

#textblock table, #textblock tr, #textblock td {
border:1px solid #00a3b2;
border-collapse: collapse;
padding:5px;
font-size: 14pt;
font-family: "arial";
color: #232323;
}
.content .left td:nth-child(even),.content2 .left td:nth-child(even)  {
width: 115px;
}
.content .left tr:nth-child(odd), .content2 .left tr:nth-child(odd){
background: #f5f9ff;
}
.content .left tr:nth-child(even),.content2 .left tr:nth-child(even) {
background: #ffffff;
}
.content .left tr:hover,.content2 .left tr:hover {
background: #e5f0ff;
}

h3 {
    margin: 0px 0 10px 0;
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: 'arial';
    /* background-image: url('images/underh3.png'); */
    background-repeat: repeat-x;
    background-position: 1px 0%;
    /* font-family: arial; */
    font-size: 16pt;
    /* color: #666; */
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 18pt;
    text-transform: uppercase;
}
.header h3 {
margin-left: 10px;
}

.inner h3>a {
 color: #333; 
}


h3 img {
border: 2px solid #fff;
padding:3px;
}
.page_content { display: block;}
.page_content .inner .content2 h4 {
font-size:14pt;
margin-bottom: 15px;
}
.page_content .inner .content2 h4,
.page_content .inner .content2 strong,
.page_content .inner .content2 li{ 

font-family: "arial";
line-height: 20px;
}

.page_content .inner .content2 div{
display:block;
width: 950px;
text-align: left; 
}
.page_content .inner .content2  div>div{
float: left;
width: 620px;
font-family:arial;
font-size: 14pt;
overflow: hidden;
}
.page_content .inner .content2  div>div ul{
list-style-position: inside;
color: #fff;
margin-top: 15px;
margin-bottom:15px;
font-family:arial;
font-size: 14pt;
}
.page_content.inner .content2  div>div strong{
margin-top: 5px;
}

.page_content .inner .contactt  h3{
	margin-top:0px;
}
.page_content .inner .content .left {
	display:inline-block;
	width:280px;
	vertical-align:top;
	line-height:20px;
	font-size:14pt;
	/*padding-right:20px;
	padding-bottom:53px;
	*/
}

.page_content .inner .content .left  h4{
margin-bottom:10px;
}
/*
#services_content .inner .content .left p {  
	color:#808080;
}
*/

.rightpanel .short table, .content2 .left table {
margin-top: 15px; 
margin-bottom: 15px;
width: 95%;
}

.rightpanel .short table, .rightpanel .short tr, .rightpanel .short td, .content2 .left table, .content2 .left tr, .content2 .left td  {
border:1px solid #fefefe;
border-collapse: collapse;
padding:7px;
font-size: 14pt;
font-family: "arial";

}
.rightpanel .short td:nth-child(even),.content2 .left td:nth-child(even)  {
width: 115px;
}
.rightpanel .short tr:nth-child(odd), .content2 .left tr:nth-child(odd){
background: #f5f9ff;
}
.rightpanel .short tr:nth-child(even),.content2 .left tr:nth-child(even) {
background: #ffffff;
}
.rightpanel .short tr:hover,.content2 .left tr:hover {
background: #e5f0ff;
}

.content .loadimg:hover,.content2 .loadimg:hover  {
opacity: 0.5;
}

.page_content .inner .content2 {
	clear:both;
	float:none;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:950px;
	vertical-align:top;
}

.page_content .inner .right div img {
	float:left;
}
.page_content .inner .right div strong {
	clear:both;
	display:block;
	font-family: 'sans'; /* 'Intro Regular */
	font-size:14px;
	color:#181818;
	font-weight:normal;
	padding-top:15px;
	margin-bottom:-2px;
}
.page_content .inner .right div span {
	display:block;
	font-family: 'sans'; /*Intro-Book*/
	font-size:14pt;
	color:#181818;
	padding-top: 6px;
}
.page_content .project {
	margin-left:0px; 
	/* width:1170px; */
	overflow:hidden;
	/*min-height: 550px; */
}
.page_content .project div {
	overflow:hidden; 	
}
.page_content .project div.left, .page_content .project div.right {
	width:460px;
}



.page_content  .inner .content2 .name {
	float: left;
	width: 300px;
}
.page_content  .inner .content2 .name div {
	width: 300px;
	margin-right: 20px;
	font-family: sans;
	text-align: right;
}


.page_content  .inner .content2 .form {
	float: left;
	width: 620px;
	margin-left:20px;
	background: url(template/images/bg_block.png);
}

.page_content  .inner .content2 .form div {
	width: 620px;
	font-family: sans;
	text-align: left;
}
.page_content .inner .content2 .form div>div {
margin-left:0px;
width:600px;
}

.form em {
clear: both;
width: 620px;
display: block;
min-height: 30px;
}


#print, #printmap
{
content: '*';
font-family: 'WebSymbolsLigaRegular';
cursor: pointer;
width:50px; height:50px;
border: 0px;
background: url(images/print-icon-orange.png) left top no-repeat;
}

#send_form
{
    background: #00a3b2;
    color: #fff;
    width: auto;
    border: 1px solid #00a3b2;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    height: 40px;
    padding: 3px 20px;
    cursor: pointer;
}
#send_form:hover {
background: #fff;
color: #00a3b2;
}



.closewindow, .closeimg, .closeblock
{
content: 'Î';
font-family: 'WebSymbolsLigaRegular';
float:right; 
cursor: pointer;
color: #00a3b2;
width:60px; height:50px;
border: 0px;
  font-size: 50pt;
  font-weight: 900;
  text-decoration: none;
}
.next:before {
font-family: 'WebSymbolsLigaRegular';
/*content: 'Õ';*/
color: #00a3b2;
content: '×'
}
.next:active:before, .previous:active:before {
font-family: 'WebSymbolsLigaRegular';
color: #103d4e;
}
.previous:before {
font-family: 'WebSymbolsLigaRegular';
content: 'Ô';
  color: #00a3b2;
/*'Ò';*/
}

.next:hover:before {
/*content: 'Ö'; */
content: '×';
color: #c2c2c2;
}
.previous:hover:before {
content: 'Ô';
color: #c2c2c2;
/*content: 'Ó';*/
}
  

.section-white .next, .section-white .previous, .section-light .next, .section-light .previous {
    font-family: 'WebSymbolsLigaRegular';
    font-size: 60pt;
    font-weight: 900;
    color: #00a3b2;
    text-decoration: none;
    margin: 0 -10px;
 }
.section-dark .next, .section-dark .previous {
    font-family: 'WebSymbolsLigaRegular';
    font-size: 60pt;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    margin: 0 -10px;
 } 
 

.printwindow
{
float:right; 
cursor: pointer;
width:40px; 
height:40px;
border: 0px;
margin-top: -5px;
  /* font-family: 'WebSymbolsLigaRegular';  m */
  font-size: 31pt;
  font-weight: 900;
  /*padding-top: 17px;*/
  color: #00a3b2;
  text-decoration: none;
  
background: url(images/printer.png) left top no-repeat 
}
#print:hover, #printmap:hover, .closewindow:hover, .printwindow:hover /*printmap*/
{
background-position: left bottom;
}

.contleft
{
width:270px;
float:left;
text-align: left;
padding:5px;
}
.contleft p {text-align: right; margin-right:10px;}
.contright
{
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
width:620px;
float:left;
text-align: left;
}
/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/

#foot .inner .p {
	float:left;
	width:32%;
	display:block;
	overflow:hidden;
	font-family: arial; /* 'Intro Regular */
	font-size: 10pt;
	color:#fff;
	line-height: 18px;
	letter-spacing: 1px;
	text-transform:uppercase;
	padding:5px;
}
.telephone {
background: url('images/phone.png') no-repeat 0% 15%;
width:30px;
height:55px;
float:left;
}

#foot .inner .p strong {
	font-family: 'Intro Black';
	font-weight:normal;
}
#foot  a.logo {
	color:#8f8d8b;
	font-size: 12pt;
	font-family: arial;
	text-decoration: underline;
	
}

#foot .home {
cursor: pointer;
width: 50px;
height: 50px;
border: 0px;
margin-right:10px;
background: url(images/home-icon.png) left top no-repeat;
float:left;
}
#foot .home:hover {
background-position: left bottom;
}

#foot .p b,#foot .p font {color:#fff;}
#foot .contact, #header .contact {
cursor: pointer;
width: 50px;
height: 50px;
border: 0px;
margin-right:10px;
background: url(images/contact-icon.png) left top no-repeat;
float:left;
}
#foot .contact:hover {
background-position: left bottom;
}
#foot .googleplus {
cursor: pointer;
width: 50px;
height: 50px;
border: 0px;
margin-right:10px;
background: url(images/googleplus-icon.png) left top no-repeat;
float:left;
}
#foot .vkicon {
cursor: pointer;
width: 50px;
height: 50px;
border: 0px;
margin-right:10px;
background: url(images/vk.png) left top no-repeat;
float:left;
}
#foot .fbicon {
cursor: pointer;
width: 50px;
height: 50px;
border: 0px;
margin-right:10px;
background: url(images/fb.png) left top no-repeat;
float:left;
}
#foot .okicon {
cursor: pointer;
width: 50px;
height: 50px;
border: 0px;
margin-right:10px;
background: url(images/odnk.png) left top no-repeat;
float:left;
}

#foot .googleplus:hover {
background-position: left bottom;
}
#foot .googleplus a {
display:block;
height:100%;
}
#foot .inner div a {
	position:relative;
	height:30px;
	overflow:hidden;
	margin-right:10px;
}
#foot .inner div a img {
	position:absolute;
	left:0px;
	top:0px;
}







#production .head h2.macfix, #house .head h2.macfix{
	padding-top: 57px;
}
#services_content .inner p.macfix{
	margin-top: -2px;
}
#contact_content .inner p.macfix{
	margin-top: -2px;
}	
.onepix{
	margin-top: 50px;
}
#contact .inner h2.macfix{
	margin-top: 7px;
}
#footer .inner p.macfix{
	margin-top: -3px;
}
.items_mask, .zagumennikov_mask, .knigi_mask_1, .knigi_mask_2{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}
.items_mask_container{
	position: relative;
	width: 950px;
	height: 615px;
}
.items_mask_container img{
	position: absolute; 
	top: 0px;
	left: 0px;
}
.relative{
	position: relative;
}

div.small{
	width: 460px;
	overflow: visible !important;
	margin-left: 20px;
	margin-top: 40px;
	float: left;
}
div.big{
	width: 640px;
}

#production .inner a strong em, #house .inner a strong em{
}
#production .inner a strong.prevovers, #house .inner a strong.prevovers{
display: none;	
}
#production .inner a strong.prevovers, #house .inner a strong.prevovers{
	display: none;	
	position: absolute; z-index: 99;
}

.section-white .ink, .section-light .ink {
	color: #6d6d6d;
	font-size: 16pt; 
	display:inline-block;
	width:100%;
	min-height:35px;
	padding:0px;
	margin:0px;
	background: #f0eee7;
	font-family:arial;
	cursor: pointer;
 }
.section-white .activ, .section-light .activ {
 background: #000;
 color: #ffffff;
 }
.section-white  .ink>span, .section-white  .inkmini>span, .section-light .ink>span, .section-light .inkmini>span {
display: block;
padding: 5px 10px;
line-height: 1.2;
font-size: 11pt;
}
.section-dark .ink {
	color: #6d6d6d;
	font-size: 16pt; 
	display:inline-block;
	width:100%;
	min-height:35px;
	padding:0px;
	margin:0px;
	background: #f0eee7;
	font-family:arial;
	cursor: pointer;
 }
.section-dark .activ {
 background: #b27e51;
 color: #ffffff;
 }
.section-dark  .ink>span, .section-dark  .inkmini>span {
display: block;
padding: 5px 10px;
line-height: 1.2;
font-size: 11pt;
}
 
.ink:hover {
 background: #e5e1da;

} 
 
.section-white .inkmini, .section-dark .inkmini, .section-light .inkmini  {

	color: #4a4a4a;
	font-size: 12pt; 
	display:inline-block;
	min-height:35px;
	padding:0px;
	margin:0px;
	background: #e5e1da;
	font-family:arial;
	cursor: pointer;
	width: 95px;
    vertical-align: top;
 }
.inkmini>img{
 margin:3px;
 width:100%;
-webkit-filter: brightness(0.9);
        -moz-filter: brightness(0.9);
        -ms-filter: brightness(0.9);
        -o-filter: brightness(0.9);
        filter: brightness(0.9);

}
.mink>img {
 margin:3px;
-webkit-filter: brightness(0.9);
        -moz-filter: brightness(0.9);
        -ms-filter: brightness(0.9);
        -o-filter: brightness(0.9);
        filter: brightness(0.9);

}
.inkmini>img:hover, .mink>img:hover  {
-webkit-filter: brightness(1.2);
        -moz-filter: brightness(1.2);
        -ms-filter: brightness(1.2);
        -o-filter: brightness(1.2);
        filter: brightness(1.2);
} 
.inkmini:hover, .mink:hover {
background:#f0eee7;
}
.inkminidiv .activ {
 background: #ada79b;
 color: #040404;
} 
.inkdiv {
 height:100%; vertical-align: top; display: inline-block; margin:0px; background: #f0eee7; 
text-align: left;
}
.inkminidiv {

z-index: 99;
vertical-align: top; height:100%; display: inline-block; margin:0 0 0 -6px;
background: #e5e1da;
text-align: left;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
overflow:hidden;
}
.divtitle {
  position: absolute;
  width: 96%;
  display: inline-block;
  padding: 10px;
  bottom: 0px;
  left: 0;
  padding: 2%;
  z-index:5;
  color: #fff;
  background: url(images/opa75.png);
 }
.divdesc {
  position: absolute;
  width: 96%;
  display: inline-block;
  bottom: 0px;
  left: 0;
  z-index:5;
  padding: 2%;
  display: none;
  background: url(images/opa75.png);  
 }

.pictov {
position:relative;font-size:10pt;display:block; width:100%; overflow: hidden; margin: 0px;
}
.pictov img {
position: absolute;
z-index: 1;
height: 170px;
width: 100%;
}
.pictov h4 {
position: absolute;
margin: 10px 0 0 0px;
color: #00552b;
z-index: 2;
width:100%;
font-weight: 100;
text-align: center;
bottom: 0px;
background: #ff0;
opacity: 0.6;
border-top: 1px solid #00552b;
border-bottom: 1px solid #00552b;
 }
.pictov .title {
display: inline-block; vertical-align: middle; width: 100%; min-width: 150px;
}
.pictov .short {
clear: both; position: absolute;  bottom:0px; margin: 20px 20px 0 20px; vertical-align: bottom;
}
.pictov h4.colortitle {
font-size: 14pt; color: #787878; margin: 0 20px 0 20px
}
.pictov .color {
width:25%; height:45%; margin:0px; float:left;border-bottom:1px solid #dedede;border-top:1px solid #dedede;
}


/* ====================================================== */
.buttontypepic {
display: none;
}
.buttontypepic+label, li.typepic {
cursor:pointer;
width:50px; height:50px;
display: inline-block;

margin:2px;

/*background-color: #fff;*/
}
.buttontypepic:checked+label {
opacity: 1;
margin: 0px;
	border: 2px solid #868686;
	background-color: #d1d1d1;
	
}
.buttontypepic:checked+label>span {

}
.buttontypepic:hover+label {
/*width: 36px; height: 36px; border: 3px solid #e4e8ed; */
opacity: 0.75;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
/* ====================================================== */


.black{
	color: #222222 !important;
}
.whites{
	display: none;
	top: 122px !important;
	line-height: 20px;
}
.rotate2, .rotate3, .rotate4, .rotate5, .rotate6{
	display: none;
}
.two_lines{
	top: 114px !important;
}
.zoom_plus {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
}
.zoom_minus {
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	position: relative;
	right: 0px;
}
.zoom{
position: absolute;
top: 20px;
z-index: 51;
left: 94%;

} 
.zoom_plus{
	background-position: -50px 0px;
}
.zoom_minus{
	background-position: -50px -50px;
}
.zoom_plus:hover{
	background-position: 0px 0px;
}
.zoom_minus:hover{
	background-position: 0px -50px;
}
.full{
	width: 950px !important;
}
.link_to_site i{
	font-family: 'WarnockPro-ItDisp';
	font-size:14px;
	font-style: normal;	
}
.link_to_site i a{
	text-decoration: none;
	color: #999999;
}
.link_to_site i a:hover{
	text-decoration: none;
	color: #222222;
}
.link_to_site{
	padding-top: 25px;
}
.margtop{
	margin-top: 40px;
}

.twolines{
	height: 180px !important;
}
.twolines2{
	height: 60px !important;
}
#production .inner a strong.black, #house .inner a strong.black{
	top: 144px;
}
.active_on{
	color: #999999 !important;
	border-bottom-color: #ffffff !important;
}

em {font-family: sans;}




/*  КАБИНЕТ  */


.docs { max-width: 250px;
    height: 50px;
    padding: 5px 0 0 45px;
    margin: 0 10px 10px 0;
    text-align: left;}
.schet { background: url('images/schet.png') no-repeat 0 50%}
.akt { background: url('images/akt.png') no-repeat 0 50%}
.kvit { background: url('images/kvit.png') no-repeat 0 50%}
.kredit { background: url('images/kredit.png') no-repeat 0 0%;  padding: 15px 0 0 70px;}
.search { background: url('images/search.png') no-repeat 0 0%; }
.status {     width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
margin-right:10px;
}
.st0 { background: url('images/getpay.png') no-repeat 0 50% }
.st1 { background: url('images/payok.png') no-repeat 0 50% }
.st2 { background: url('images/orderok.png') no-repeat 0 50% }
.st3 { background: url('images/senddoc.png') no-repeat 0 50% }
.st4 { background: url('images/cancel.png') no-repeat 0 50% }

.type {
width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 40px;
}

.doc { 
background: url('images/filetype.png');
background-position: -150px -193px;
}
.docx { 
background: url('images/filetype.png');
background-position: -115px -193px;
}

.pdf { 
background: url('images/filetype.png');
background-position: -188px -291px;
}

.xls {
background: url('images/filetype.png');
background-position: -188px -433px;
}
.xlsx {
background: url('images/filetype.png');
background-position: -306px -146px 
}
.login_ya {
background: url('images/yandex_ru.png') no-repeat 50% 50%;
}
.login_fb {
background: url('images/fb_com.png') no-repeat 50% 50%;
}
.login_vk {
background: url('images/vk_com.png') no-repeat 50% 50%;
}
.login_mr {
background: url('images/mail_ru.png') no-repeat 50% 50%;
}
.login_gl {
background: url('images/google_com.png') no-repeat 50% 50%;
}

.exit>span, .exit>img, .fname>span, .fname>img {
display: inline-block; 
vertical-align: middle;
}

.hrefsocseti { cursor: pointer;}

.inner h3 {
color: #00a3b2;
font-size: 13pt;
font-weight:900;
}
.viewh {
    position: absolute;
    top: 0px;
    z-index: 99;
    max-width: 250px;
    padding: 10px;
}
.viewdesc {
    position: absolute;
    width: 250px;
    top: 50px;
    height: 90%;
    background: url('images/opa75.png');
    padding: 10px;
	z-index: 99;
}
.button {
	background: #00a3b2;
    color: #fff;
    width: auto;
    border: 1px solid #00a3b2;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    height: 25px;
    padding: 8px 20px;
    cursor: pointer;
}
.button a { color: #fff;}

.shortopen, .descopen{display: inline-block}
body {
  font-size: 125%;
  letter-spacing: 0.05em;
  line-height: 1.3em;
  /*text-shadow:-1px -1px 1px rgba(255,255,255,0.1), *//* наверх и влево */
   /*1px 1px 1px rgba(255,255,255,0.1), *//* вниз и вправо */
   /*1px 1px 1px rgba(0,0,0,0.8); *//* тёмная тень */
}