﻿/*Знак рубля*/
/*В месте отображения разместить код
<span class="rur">p<span>уб.</span></span>*/
@font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
    span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
    span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
    span.rur span:before { content: '\2013'; }
/*---------------------*/

/*две колонки на листе*/
div.wrapper {
	width:100%; /* left_block + right_block + зазор */
	background-color:#ccc;
	}
div.left_block {
	margin-left:10px;
	float:left;
	width:35%;
	}
div.right_block {
	float:right;
	width:50%;
	padding-left: 20px;
	}
/*---------------------*/

#toTop {
	position:fixed;
	z-index:9998;
	bottom:10px;
	right:10px;
	background: #F4FFBF;
	border: 1px solid #ccc;
	padding: 5px;
	cursor: pointer;
	color: #666;
	text-decoration: none;
	width:10px;
}
/*плавающая кнопка обратной связи*/
.add_comment {
	display:block;
	width:30px;
	height:150px;
	background:#be0000;
	position:fixed;
	left:0;
	top:270px;
	bottom:50px;
	z-index:9999;
	}
#container {
    position: absolute; /*  */
    top: 200px;
	bottom: 50px; /*  */
	left: 0;
    /*padding: 10px;*/ /* Поля вокруг текста */
    background: #39b54a; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 15px; /* Ширина слоя */
	height:150px;
	z-index:1000;
	}
#contact {
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 10px; /* Поля вокруг текста */
    background: #00ffff; /* Цвет фона */
    color: #fff; /* Цвет текста */
    width: 100%; /* Ширина слоя */
	z-index:9996;
	}
div.box-body p{
	line-height: 15.75pt !important;
	text-align: justify !important;
	}
div.box-body td>p{
	text-align: center !important;
	vertical-align: middle !important;
	}

/*Кнопки услуги*/	
img.knopka {
	width: 300px;
	height: 75px;
	}
img.knopka:hover {
	/*width: 305px;
	height: 77.5px;*/
	padding-left: 1em;
	transition: 0.5s linear;
	background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
	}
img.knopka:active {
	/*width: 300px;
	height: 75px;*/
	padding-left: 0.5em;
	transition: 0.5s linear;
	}
/*---------------------*/	