@font-face {
    font-family: 'PTSans';
    src: url('../shrift/PTS55F_W.eot');
    src: url('../shrift/PTS55F_W.eot?#iefix') format('embedded-opentype'),
         url('../shrift/PTS55F_W.woff') format('woff'),
         url('../shrift/PTS55F_W.ttf') format('truetype'),
         url('../shrift/PTS55F_W.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
a.button7 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: #049C2F;
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button7:hover { background: rgb(53, 167, 110); }
a.button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}
.tele_phone{
	margin-top: 65px;
	width: 295px;
	float: right;
}
#knop{position: relative;
top: 65px;}
font{font-size:18px;margin-top:-5px;display: block;}
ol{margin:0 0 0 -20px;}
.kartinka{border: 4px solid #049C2F;
		border-radius: 20px;
		float: right;
		margin-left:20px;
		margin-top: -40px;
		}
.kartinka:hover{opacity: 0.9; border: 4px inset #ccc}
h2{color: #708090;}
h3{color: #708090;}
.name{color: #C2D23A;
font-size: 28px;
padding-top: 2px;}
.slog{color: #798329;
font-size: 15px;}
.right2{
		width: 291px;
		float: right;
		}
.right3{
		width: 291px;
		float: right;
		margin-top: -17px;
		}
.left2	{
		width: 565px;
		float: left;
		}
h1
{
	font-weight:normal;
}
h2
{
	font-weight:normal;
padding-top: 20px;
}
.osnova
{
	width:1020px;
	margin:45px auto 0px;
	text-align:left;
}
a img
{
	border:none;
}
body
{
	margin:0;
	background: linear-gradient(to top, #708090, #D3D3D3);
	font-family:Trebuchet MS;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
//	text-align:center;
}
a
{
	color:#000;
}
a:hover
{
	color:#000;
	text-decoration:none;
}
.head
{
	position:absolute;
	width:1020px;
	height:67px;
	background-image:url('../images/tab11.png');
	background-repeat:no-repeat;
	padding-top:30px;
	
}
.head .name
{
	color:#c2d23a;
	font-size:28px;
	padding-top:2px;
}
.head .name a
{
	color:#798329;
	text-decoration:none;
}
.head .slog
{
	color:#798329;
	font-size:15px;
}
.head img
{
	margin-top: -15px;
	margin-left:50px;
	float:left;
	padding-right: 10px;
}
#head
{
	height:67px;
}
.tab
{
	width:1020px;
	height:67px;
	position:absolute;
	background-image:url('../images/tab3.png');
	background-position:275px 10px;
	background-repeat:no-repeat;
}
.menu
{
	margin-left:345px;
	font-size:14px;
	position:absolute;
	white-space: nowrap;
}
.menu a
{
	color:#fff;
	text-decoration:none;
	margin-right:80px;
}

.clear
{
	clear:both;
}
.content
{
	width:910px;
	min-height:500px;
	background-image:url('../images/main.png');
	background-repeat:repeat-y;
	padding:40px 55px;
}
.content .left
{
	width:565px;
	float:left;
}
.content .left .title, .content .right .title
{
	margin:35px 0 0 0;
	color:#708090;
	font-size:24px;
	font-weight:normal!important;
}
.content .left p, .content .right p
{
	margin-top:25px;
	color:#000;
	font-size:14px;
//	text-align:justify;
}
.content .right p
{
	color:#405001;
}
.content .right p a img
{
//	border:4px solid #d3d3d3; 
//	border-radius: 20px;
}
.content .right p a:hover img
{
//	border:4px solid #999; 
//	border-radius: 20px;
}
.content .right
{
	width:295px;
	float:right;
	margin-top: 17px;
}
.content .right4
{
	width:295px;
	float:right;

}
.content_bot
{
	width:1020px;
	height:20px;
	background-image:url('../images/bottom.png');
}

.content ul li
{
font-size:14px;
}

.all
{
	background-position:bottom;
	background-repeat:repeat-x;
}
.podval
{
	height:80px;
	padding:0 15px;
}
.podval .kont
{
	color:#fff;
	font-size:13px;
	width:337px;
	float:left;
}
.podval .kont .tel, .menu .tel
{
	color:#fff;
	font-size:24px;
	width: 411px;
	margin-top: 10px;
}
.menu .tel
{
	margin-left:270px;
	margin-top:-10px;
}
.top_tel
{
	margin:-35px 25px 0  0;
	color:#000;
	font-size:35px;
	background-color: #fff;
	opacity: 0.8;
	border-radius: 5px;
}
.podval .centr
{
	width:210px;
	float:left;
	padding-left:138px;
}
.podval .centr .s4et
{
	float:left;
	margin-top:10px;
	margin-right:15px;
}
.podval .projex
{
	float:right;
}
.podval .projex .text a
{
	text-decoration:underline;
}
.podval .projex .text a:hover
{
	text-decoration:none;
}
.podval .logo2
{
	float:right;
	margin-top:10px;
}
.podval .text
{
	float:right;
	color:#fff;
	font-size:14px;
	font-family:PTSans;
	margin-top:7px;
	margin-right:15px;
	text-align:right;
}
.right img
{
	margin-bottom:10px;
}
body {
	font-family:Arial, Tahoma, sans-serif;
	
	margin:0;
	background: url('../images/fon4.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	text-align:center;
}
.two-holder {
		overflow: hidden;
		background: none repeat scroll 0% 0% #F0F0F0;
		padding: 10px 0px 0px;
		}
.column {
    float: left;
    width: 45%;
    padding: 0px 15px 0px 10px;
}
.button-holder {
    width: 100%;
	}
.contact-form .twocolumns {
    float: right;
    width: 71%;
    margin-top: 4px;
	}
	.btn-submit {
    float: right;
    width: 134px;
    background: #E76C11;
    height: 28px;
    line-height: 18px;
    border: medium none;
    cursor: pointer;
    font-size: 14px;
    padding: 0px 5px 3px;
	margin-right: -5px;
	}

/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
#nav li{
	float:left;
	margin-right:-65px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:7px;
	color:#fff;
	background:#333;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover, #nav li a.active{
	color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; 
	opacity:0; 
	-webkit-transition:0.45s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:0px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
	margin-top: 0px;
	margin-left: 10px;
	z-index: 1;
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#708090;
	background:#708090; /* Выглядит полупрозрачным */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover, #nav li:hover ul li a.active{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
#logo_head{margin: -5px 0px 0 55px;}
#logo_head a{
	color: #708090;
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
}

#jform {text-align: left;}
#jform input{margin-bottom:20px;}
#jform .button-submit{width: 100%;background-color: white;border: 1px solid #A3A3A3;padding: 3px 0;}
#jform .info{position:absolute}
#jform .error{background-color: red;color: white;padding: 3px;font-weight: bold;}
#jform .correct{background-color: rgb(34, 179, 18);color: white;padding: 4px;font-weight: bold;}

.pathway {
	margin: 20px 0 0 0;
	font-size: 12px;	
}
.pathway a{
	font-size: 12px;	
}
.column.inputs .text, #form .text{
	width: 100%;
	height: 25px; line-height: 25px;
	margin-bottom: 5px;
	padding: 2px 5px;
	font-size: 13px;
}
.column.alt-column textarea, #form textarea {
	width: 100%;
	padding: 2px 5px;
	margin-bottom: 5px;
	font-size: 13px;
}

table tr td {
font-size: 14px;
}