/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/fon4.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: right top; background-size:100%;}
#main{ background:url(images/right-shadow.gif) right repeat-y #fff; padding-top:25px;}
/*right-shadow.gif #eaeaea;*/
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:1.0125em; line-height:1.308em; color:#4C4C4C;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#0dabfc; outline:none;}
a2 {color:red; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
h3{ font-size:1.615em; color:#07a9fc; font-weight:normal; line-height:2.143em; background:url(images/title-tail.gif) bottom repeat-x; padding-bottom:1px; margin-bottom:17px;}
h4{ font-size:1.308em; font-weight:normal; background:url(images/box1-title-marker.gif) no-repeat 0 2px; padding-left:21px;}
h6{ font-size:1.308em; color:#07a9fc; font-weight:normal; line-height:1.118em; margin-top:-1px; padding-bottom:9px;}
.h4_2{ font-size:1.308em; font-weight:normal; padding-left:5px;}
strong{ color:#0dabfc; font-weight:normal; display:block;}
strong2{ color:black; font-weight:bold;}
cite{ display:block; font-style:normal; background:url(images/citation-bg.gif) no-repeat 9px 0; padding:22px 0 29px 124px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:right;}
.phone{ float:right; padding-right:300px;}
.space1{ margin-left:27px;}
.space2{ margin-left:48px;}
.margin0{ margin-top:0 !important;}
.margin1{ margin-top:22px !important;}
.margin2{ margin-top:30px;}
.margin3{ margin-top:40px;}
.margin4{ margin-top:10px !important;}
.padding1{ padding-top:20px;}
.padding2{ padding-top:16px;}
.padding3{ padding-top:11px;}
.padding4{ padding-top:27px;}

/* ============================= main menu ====================== */
/* меню в виде блоков */
.navigation {
    list-style: none; /* прячем маркеры */
}
.navigation {
    float: left; /* выстраиваем элементы списка в один ряд */
    margin-right: 15px; /* делаем отступ чтобы пункты меню не сливались */
}
.navigation a {
    display: block; /* меняем отображение на блок, чтобы иметь возможность задавать внутренние отступы */
    padding: 3px 5px;
    background: #ccc;
    color: #000;
    position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}
.navigation a:hover {
    background: #999;
    color: #fff;
}

button.new {
   background: -moz-linear-gradient(#D0ECF4, #5BC9E1, #D0ECF4);
   background: -webkit-gradient(linear, 0 0, 0  100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF');
   padding: 3px 7px;
   color: #333;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #666;
  }

/* ============================= header ====================== */
#header{ margin:0 26px 0 25px; background:url(images/header-bg.jpg) no-repeat 0 0; position:relative;}
#header_blank{ margin:0 26px 0 25px; background:url(images/header-bg-blank.jpg) no-repeat 0 0; position:relative;}
#header .header-link{ position:absolute; display:inline-block; background:url(images/header-link-tail.gif) top repeat-x; color:#fff; text-decoration:none; margin:-52px 0 0 861px; cursor:pointer;}
#header .header-link span{ display:inline-block; background:url(images/header-link-left-bg.gif) left top no-repeat;}
#header .header-link span span{ background:url(images/header-link-right-bg.gif) right top no-repeat; padding:5px 10px 5px 10px;}
#header .header-link:hover{ background:url(images/header-link-tail-act.gif) top repeat-x;}
#header .header-link:hover span{ background:url(images/header-link-left-bg-act.gif) left top no-repeat;}
#header .header-link:hover span span{ background:url(images/header-link-right-bg-act.gif) right top no-repeat;}
#header .logo{ padding:48px 0 0 51px;}

#header .menu{ width:100%; overflow:hidden; padding-top:73px;}
#header .menu li{ float:left; padding-right:1px;}
#header .menu a{ display:inline-block; width:130px; text-align:center; background:url(images/menu-item-tail.gif) top repeat-x; color:#fff; text-decoration:none; padding:11px 0 17px 0;}
#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-tail-act.gif) top repeat-x;}

/* ============================= content ====================== */
#content{ padding:0 26px 26px 25px;}
.column-2{ margin-left:24px;}
.indent1{ padding-bottom:22px;}

.box1{ border:solid 1px #f1f1f1;}
.box1 .indent{ padding:27px 30px 28px 35px;}
.box1 .title{ background:url(images/box1-title-tail.gif) top repeat-x; padding:14px 15px;}

.box2{ background:url(images/box2-tail.gif) top repeat-x #06a8fc; padding:12px 13px 15px 17px; color:#fff; font-size:0.923em; line-height:1.25em;}
.box2 strong{ color:#fff; font-weight:bold; line-height:1.083em; padding-bottom:5px;}
.box2 a{ color:#fff;}
.box2 .phone{ padding:0;}

.box3{ background:url(images/box3-tail.gif) top repeat-x #c8ecfe; color:#42bdfd; line-height:1.077em; width:100%;}
.box3 .indent{ padding:10px 26px 25px 25px;}
.box3 strong{ color:#07a9fc; font-weight:bold; padding-bottom:10px;}

.box4{ background:url(images/box3-tail.gif) top repeat-x #c8ecfe; color:#42bdfd; line-height:1.077em; width:100%;}
.box4 .indent{ padding:10px 26px 25px 25px;}
.box4 strong{ color:#07a9fc; font-weight:bold; padding-bottom:14px;}
.box4 {text-align: center;}


/* ============================= navigation ===========================*/
/* меню с выравниванием по середине */

.parent {
padding: 20px 0;
background: #6699FF;
}
.parent {
text-align: center;
}
.parent {
display: inline;
margin-left: 20px;
}
.parent a {
color: #fff;
}
.parent li:first-child, li.first-child {
margin: 0; /* убираем отступ у первого элемента, чтобы было дейсвительно по середине */
}
* html .parent {
z-index: expression( /* оптимизированный expression, который сработает только при загрузке страницы */
runtimeStyle.zIndex = 1,
this == parentNode.firstChild ? (className += " first-child") : 0 /* добавляем нужный класс первому элементу */
)
}

/* ============================= // end navigation ===========================*/

.list{ margin:-6px 0;}
.list li{ font-size:1.077em; line-height:2.143em;}
.list a{ color:#999999; text-decoration:none;}
.list a:hover, .list .active{ color:#07a9fc;}

.listmenu{ margin:-6px 0;}
.listmenu li{ font-size:1.077em; line-height:2.143em;}
.listmenu a{ color:#3399ff; text-decoration:none;}
.listmenu a:hover, .list .active{ color:#0066cc;}

.list2{ margin:-6px 0;}
.list2 li{ font-size:1.077em; line-height:2.143em;}
.list2 a{ color:#68C5C3; text-decoration:none;}
.list2 a:hover, .list .active{ color:#07a9fc;}


.list1 li{ font-size:1.077em; line-height:1.705em; border:solid 1px #f1f1f1; background:#fff; margin-bottom:6px;}
.list1 a{ text-decoration:none; display:block; background:url(images/list1-marker.gif) no-repeat 5px 5px; padding-left:29px;}
.list1 a:hover{ background:#6eccfd; color:#fff;}

.link{ width:100%; overflow:hidden; margin-top:-3px;}
.link a, .link1 a{ float:right; display:inline-block; background:url(images/link-tail.gif) top repeat-x; color:#fff; font-size:0.923em; text-decoration:none; cursor:pointer;}
.link a span, .link1 a span{ display:block; background:url(images/link-left-bg.gif) left top no-repeat;}
.link a span span, .link1 a span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:2px 7px 3px 7px;}
.link a:hover, .link1 a:hover{ background:url(images/link-tail-act.gif) top repeat-x;}
.link a:hover span, .link1 a:hover span{ background:url(images/link-left-bg-act.gif) left top no-repeat;}
.link a:hover span span, .link1 a:hover span span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}

.box3 .link a{ background:url(images/box-link-tail.gif) top repeat-x; color:#c9ecfe;}
.box3 .link a span{ background:url(images/box-link-left-bg.gif) left top no-repeat;}
.box3 .link a span span{ background:url(images/box-link-right-bg.gif) right top no-repeat; padding:3px 7px 5px 7px;}
.box3 .link a:hover{ background:url(images/box-link-tail-act.gif) top repeat-x;}
.box3 .link a:hover span{ background:url(images/box-link-left-bg-act.gif) left top no-repeat;}
.box3 .link a:hover span span{ background:url(images/box-link-right-bg-act.gif) right top no-repeat;}
.unline{ border-bottom:solid 1px #f1f1f1; padding-bottom:18px; margin-bottom:15px;}

/* ============================= footer ====================== */
#footer{ background:url(images/bot-shadow.gif) top repeat-x #eaeaea; font-size:0.923em; color:#919191;}
#footer a{ color:#0ecbfc; text-decoration:none; display:inline-block; margin-left:9px;}
#footer a:hover{ color:#919191;}
#footer p{ padding:17px 0 0 27px;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:35px; color:#0aaafc;}
#ContactForm .col-1{ width:299px;}
#ContactForm .col-2{ width:280px;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #6cccfd; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#43befd; padding:1px 2px 2px 3px; width:242px; margin-top:1px;}
#ContactForm textarea{ border:solid 1px #6cccfd; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#43befd; padding:1px 2px 2px 3px; width:273px; height:101px; overflow:auto;}
#ContactForm .link a{ float:right; margin:17px 5px 0 17px;}