/* TAGS */
* {margin:0;padding:0}
html {min-width:940px}
body {background:url(images/tail-top.gif) repeat-x left top #fff;font-family:Tahoma,Arial,helvetica,sans-serif;font-size:100%;line-height:1em;color:#454545;min-width:940px}
#flashContent { width:100%; height:100%; }
object {vertical-align:top;outline:none}
input,textarea,select {font-family:Tahoma,Arial,helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul,ol {list-style:none}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#main {width:940px;margin:0 auto}
#main_base {width:900px; height:1220px; margin:0 auto; background:url(images/scroll2.jpg)}
#header,#content,#footer {font-size:0.75em; vertical-align:bottom}
.col-1,.col-2,.col-3 {float:left}
#content .col-1 {width:100%;padding:12px 0;}
#content .col-2 {width:305px;float:right;}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden; font-size: 13px; color: #000000;}
.extra-wrap {overflow:hidden}
.container {width:100%}
/* FORMS */
#search-form label {color:#fff;font-size:16px;line-height:1.2em;text-transform:uppercase;float:left;margin-right:13px}
#search-form input {background-color:#fff;border:0;width:174px;float:left;padding:4px 3px 4px 3px;margin-right:12px}
#search-form .link1 {position:relative;top:-2px}
#login-form .field {height:23px;width:100%;overflow:hidden}
#login-form label {color:#fff;font-weight:bold;float:left;width:93px}
#login-form label.extra {font-weight:normal}
#login-form .field input {border:1px solid #115bbe;padding:1px 3px 1px 3px;width:107px;float:right}
#login-form input.extra {width:12px;height:12px;padding:0;float:left;margin-top:2px}
#login-form .field1 {padding-top:5px;height:28px}
#login-form .field1 a {text-decoration:none;display:inline-block;float:right;color:#35b3d8;cursor:pointer;margin-top:-4px;background:url(images/button-left1.png) no-repeat left top}
#login-form .field1 a em {display:inline-block;padding:0 5px;background:url(images/button-right1.png) no-repeat right top}
#login-form .field1 a b {font-style:normal;display:inline-block;background:url(images/button-tail1.png) repeat-x left top;padding:4px 11px 4px 11px}
#login-form .field1 a span {color:#fff;display:block;margin:-17px 0 0 -1px}
#login-form .field1 a:hover {color:#0f56ba}
#login-form ul {width:100%;left:-18px;position:relative}
#login-form ul li {padding:0 0 6px 18px;background:url(images/arrow1.gif) no-repeat left 5px}
#login-form ul li.last {padding-bottom:0}
#login-form ul li a {color:#c1f0ff}
#contacts-form { clear:right;width:100%;overflow:hidden}
#contacts-form fieldset { border:none;float:left;}
#contacts-form .field { clear:both}
#contacts-form label { float:left;width:97px;line-height:18px;padding-bottom:8px;font-weight:bold;color:#454545}
#contacts-form input { width:265px;padding:1px 0 1px 3px;border:1px solid #ccc;color:#70635b}
#contacts-form textarea { width:421px;height:282px;padding:1px 0 1px 3px;border:1px solid #ccc;color:#70635b;margin-bottom:15px;overflow:auto}
#contacts-form .link1 {float:right}
#ac {
background: #c31d14 !important;
margin-top: 0px;
}
#ac:hover {
background: #a6120a !important;
}
ac1 {
background: #008000 !important;
min-width:148px;
}
#ac1:hover {
background: #008000 !important;
min-width:148px;
}
/* LISTS */
.box-list {width:100%;overflow:hidden}
.box-list li {float:left;width:305px;margin-right:13px}
.box-list li .box1 p {margin:0}
.box-list li .box1 p a {position:relative;top:5px}
.box-list li.alt {margin-right:12px}
.box-list li.last {margin-right:0}
.news {margin-bottom:-14px}
.news li {padding:0 0 8px 10px}
.news li a {color:#c1f0ff;font-size:.85em; text-decoration:underline;font-weight:bold}
.news li a:hover {text-decoration:underline}
.news li p {color:#fff;margin:4px 0 0 0; font-size:10px}
.news li .p01 {color:#fff;margin:4px 0 0 0; font-size:16px}
.sitemap {padding-bottom:20px}
.sitemap li {padding:0 0 0 16px;line-height:1.83em;background:url(images/arrow.gif) no-repeat left 8px}
.list {margin-top:-14px}
.list li {line-height:1.83em;width:100%;overflow:hidden;vertical-align:top;padding-top:14px}
.list li img {float:left;margin-right:20px}
.list li a {font-weight:bold;text-decoration:none}
.list li a:hover {text-decoration:underline}
/* OTHER */
.img-box1 {width:100%;overflow:hidden;padding-bottom:20px}
.img-box1 img {float:left;margin:0 30px 0 0}
p {line-height:1.83em;margin-bottom:20px}
.p0 {margin:0}
.p78 {margin:0}
.inner .p0 b{ font-size:16px }
.inner .p78 b{ font-size:13px; margin:0; padding:0}
.address {float:left;line-height:1.83em;margin-right:59px}
.address b {width:78px;float:left}
/* TXT,LINKS,LINES,TITLES */
a {color:#1f7dd2;outline:none}
a:hover {text-decoration:none}
h2 {font-size:16px;line-height:1.2em;margin-bottom:10px;margin-top:10px}
h2 b {display:block;padding-left:95px;margin-top:-12px}
h3,h1 {font-size:32px;line-height:1.2em;letter-spacing:-1px;margin-bottom:15px}
h4 {font-size:28px;line-height:1.2em; background: #326995; color: #ffffff; padding: 5px 0px 5px 15px;}
h6 {font-size:20px;line-height:1.2em;margin-bottom:10px; color:#000; }
.try {font-size:7px; font-weight:bold;line-height:0.5em; margin-top:0; text-decoration:overline; color:#000; padding:20px 0 0 20px}
.p0 h5 {font-size:20px}
h3 b,h4 b {color:#ffffff; font-weight: normal;}
.col-1 h3,h1 { font-size:24px}
.inner1 h4 a { text-decoration:underline; color:#42aaff }
.inner1 h4 a b { text-decoration:underline; color:#1f7dd2 }
.inner7 h4 a b { text-decoration:none; color:#333 }
.inner7 .p0 b{ font-size:16px; color:#333 }
.inner7 .p0 { color:#333; font-size: 14px;}
.inner2 h4 a { text-decoration:underline; color:#1f7dd2 }
.inner3 h4 a { text-decoration:underline; color:#1f7dd2 }
.inner2 h4 a:hover b { text-decoration:underline; color:#1f7dd2 }
.inner1 h4 a:hover b{ text-decoration:underline }
.inner2 h4 a:hover { text-decoration:underline }
.inner3 h4 a:hover b{ text-decoration:underline }
.link1 {font-size:16px;text-decoration:none;color:#fff;float:left;text-transform:uppercase;display:inline-block;cursor:pointer;background:url(images/button-left.png) no-repeat left top}
.link1 em {display:inline-block;padding:0 5px;background:url(images/button-right.png) no-repeat right top}
.link1 b {display:inline-block;background:url(images/button-tail.gif) repeat-x left top;padding:3px 9px 4px 9px}
/* BOXES */
.box {background:#fff;width:100%;margin-bottom:20px}
.box .border-bot {background:url(images/border-bot.gif) repeat-x left bottom}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom}
.box .inner {padding:0 0 10px 21px}
.box1 {width:263px;background:url(images/box1-bot1.jpg) no-repeat left bottom}
.box1.alt {background:url(images/box1-bot1.jpg) no-repeat left bottom;width:900px; padding-bottom: 60px;}
.box1.altk {width:900px; height:800px; font-size: 14px;}
.box1.altb {width:900px; height:800px; font-size: 14px;}
.box1.altg {width:900px; height:800px; font-size: 14px;}
.box1.altp {width:900px; height:800px; font-size: 14px;}
.box1.alt1 {background:url(images/box1-bot1.jpg) no-repeat left bottom;width:900px; height:250px}
.box1 .inner {padding: 5px; font-size: 14px;}
.box1 .inner7 {padding: 5px;}
.box1 .inner1 {padding: 5px;}
.box1 .inner2 {padding: 5px;}
.box1 .inner3 {padding: 5px;}
.box2 {width:100%}
.box2 .border-top {background:url(images/border-top.gif) repeat-x left top}
.box2 .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top}
.box2 .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top}
.box2 .inner {padding:12px 48px 25px 32px}
#contactus { background: url(images/contactus.jpg) no-repeat;
height: 284px;
width: 45px;
position: fixed;
right: 0px;
top: 50%;}
.box2 h4 {color:#fff;padding-left:17px;margin-bottom:30px; font-size:22px;}
.box2 h4 b {color:#c1f0ff; font-size:22px;}
.box3 {width:100%;border-top:2px solid #3593da;background:url(images/border-top1.gif) repeat-x left top #176ac7}
.box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom}
.box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom}
.box3 .inner {padding:7px 49px 36px 48px}
.box3 h4 {color:#fff;margin-bottom:36px}
.box3 h4 b {color:#c1f0ff}
/* HEADER */
#header {height:419px;position:relative}
#header .row-1 {height:88px}
#header .row-1 .fleft {padding:20px 0 0 22px}
#header .row-1 .fright {padding:34px 34px 0 0}
#header .row-1 .fright ul li {float:left;padding-left:23px}
#header .row-2 {background:url(images/nav-tail.gif) repeat-x left top; margin-bottom:-3px;position:relative; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
#header .row-2 ul li.last {background:none;padding-right:0}
#header .row-2 ul li.last a {width:233px}
#header .row-2 ul li a {text-decoration:none;color:#fff;width:132px;text-align:center;display:block; padding: 7px 0 7px 0;cursor:pointer;background:url(images/spacer.gif)}
#header .row-2 ul li a span {display:block;height:40px}
#header .row-2 ul li a:hover,
#header .row-2 ul li a.active {background:url(images/nav-act.png) repeat-x left top; }
#header .row-2 ul li a:hover span,
#header .row-2 ul li a.active span {background:url(images/nav-arrow.gif) no-repeat center bottom}
/* #header .row-3 {height:349px;overflow:hidden;background:url(images/header-tail.jpg) } */
#header .row-3 .inside {padding:25px 0 0 210px;width:720px;position:relative;z-index:2}
#header .row-3 .inside p {
color:#000;
line-height: 1em;
font-size:15px;
padding-right:40px
}
#header .row-3 .newins p {
color:#000;
line-height: 1em;
font-size:15px;
padding:0 0 0 196px;
}
#header .row-3 .inside h2 { font-size:30px; padding-left:80px; color:#CCC;line-height:1.1em}
#header .extra {position:absolute;left:0;top:142px}
/* CONTENT */
#content {padding-bottom:30px}
#content .ic, #content .ic a {border:0;float:right;background:#000;color:#f00;width:100%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}
/* FOOTER */
#footer .footer-nav { background: #1a70cb;}
#footer .footer-nav .left {}
#footer .footer-nav ul {width:100%;overflow:hidden;padding:15px 0 16px 0;font-size: 13px;}
#footer .footer-nav ul li {float:left;font-family:Arial,Helvetica,sans-serif;font-weight:bold;line-height:1em;padding:0 120px;}
#footer .footer-nav ul li.last {border:0}
#footer .footer-nav ul li a {color:#fff}
#footer .bottom {text-align:left;color:#fff;line-height:1.67em;padding:18px 0 23px 0; font-size:10px}
#footer a {color:#4399e6}
#clr{ clear: both;}
div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #666;
display: none;
z-index: 30;
}
* html div#fancy_overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap {
text-align: left;
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('images/fancy_progress.png') no-repeat;
}
div#fancy_loading_overlay {
position: absolute;
background-color: #FFF;
z-index: 30;
}
div#fancy_loading_icon {
position: absolute;
background: url('images/fancy_loading.gif') no-repeat;
z-index: 35;
width: 16px;
height: 16px;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
border: 1px solid #BBB;
background: #FFF;
}
div#fancy_content {
margin: 0;
z-index: 100;
position: absolute;
}
div#fancy_div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 100;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%;
}
div#fancy_close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url('images/fancy_closebox.png') top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url(data:image/gif;base64,AAAA);
outline: none;
}
a#fancy_left {
left: 0px;
}
a#fancy_right {
right: 0px;
}
span.fancy_ico {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 112;
cursor: pointer;
display: block;
}
span#fancy_left_ico {
left: -9999px;
background: transparent url('images/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
right: -9999px;
background: transparent url('images/fancy_right.png') no-repeat;
}
a#fancy_left:hover {
visibility: visible;
}
a#fancy_right:hover {
visibility: visible;
}
a#fancy_left:hover span {
left: 20px;
}
a#fancy_right:hover span {
right: 20px;
}
.fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url('images/fancy_shadow_n.png') repeat-x;
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url('images/fancy_shadow_e.png') repeat-y;
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url('images/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url('images/fancy_shadow_s.png') repeat-x;
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url('images/fancy_shadow_w.png') repeat-y;
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
position: absolute;
bottom: -33px;
left: 0;
width: 100%;
z-index: 100;
display: none;
}
div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 3px;
}
div#fancy_title table {
margin: 0 auto;
}
div#fancy_title table td {
padding: 0;
vertical-align: middle;
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(images/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
height: 32px;
background: transparent url(images/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(images/fancy_title_right.png) repeat-x;
}
a.gallery img, a.gallery2 img {border: 1px solid #CCC;padding: 2px;margin: 10px 5px 10px 0;}
#list > div {
width: 235px;
float: left;
height: 280px;
text-align: center;
}
#list2 > div {
width: 313px;
float: left;
height: 40px;
height: 280px;
text-align: center;
}
#list img {
width: 225px;
height: 225px;
margin: 5px;
margin-top: 0px;
}
#list2 img {
width: 300px;
height: 225px;
margin: 5px;
margin-top: 0px;
}
#list h4 {
width: 225px;
margin-left: 5px;
background: #6be9f2;
opacity: 0.8;
font-size:36px;
}
#list2 h4 {
width: 300px;
margin-left: 5px;
background: #6be9f2;
opacity: 0.8;
font-size:36px;
}
#list a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
#list a b {color: #000;}
#list2 a b {color: #000;}
#list2 a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
list-style:none;
background: url(images/nav-tail.gif) repeat-x left top;
z-index: 999999;
position:absolute;
left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
opacity:0; /* Устанавливаем начальное состояние прозрачности */
-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
float:none;
background:url(dot.gif);
}
#nav ul a{
white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
left:0; /* Приносим его обратно на экран, когда нужно */
opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
text-decoration:none;
height: 58px;
-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
}
#list img {
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-filter: blur(0px);
filter: blur(0px);
transition: 2s;
}
#list img:hover {
-webkit-filter: url(#blur);
filter: url(#blur);
-webkit-filter: blur(3px);
filter: blur(3px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
-webkit-transition: 1s -webkit-filter linear;
transition: 1s filter linear;
transition: 2s;
}
#list2 img {
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-filter: blur(0px);
filter: blur(0px);
transition: 2s;
}
#list2 img:hover {
-webkit-filter: url(#blur);
filter: url(#blur);
-webkit-filter: blur(3px);
filter: blur(3px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
-webkit-transition: 1s -webkit-filter linear;
transition: 1s filter linear;
transition: 2s;
}
h3,h1 {
padding-left: 25px;
}
.wrapper h2 {
font-size:18px;
color: #01447b;
font-weight: normal;
}
#bo {
font-weight: normal;
}
#rak {
height: 340px;
background: url(images/rak.jpg) no-repeat center center;
margin-top: -280px;
}
#panel {
display: ;
}
.inner7 h4 {
padding: 5px 0px 5px 15px;
}
#list h3,h1 {
color: #01447b;
}
#list h2 {
text-decoration:underline;
color: #01447b;
padding-left:25px;
font-size:24px;
}
#list2 h2 {
text-decoration:underline;
color: #01447b;
padding-left:25px;
font-size:24px;
}
#list h4 {padding: 0px;}
#list2 h4 {padding: 0px;}
.mb2 {display:none;}.mb {display:block;}
.mb3 { padding-top: 9px;
height: 21px;}
.mb4 { padding-top: 9px;
min-width:148px;
height: 21px;}
@media (max-width: 700px) {
#main {width:100%;}
#header {height: auto;}
.row-3 img {width:100%;}
#list > div { width: 96%;
height: auto;
margin: 2%;}
#list h4 {
padding: 0px;
height: auto;
margin: 0;
width: 100%;
}
#list img { padding: 0px;
height: auto;
margin: 0;
width: 100%;
}
#list2 > div { width: 96%;
height: auto;
margin: 2%; }
#list2 h4 {
padding: 0px;
height: auto;
margin: 0;
width: 100%;
}
#list2 img { padding: 0px;
height: auto;
margin: 0;
width: 100%;
}
body {width:100%; min-width: auto;}
html {width:100%; min-width: auto;}
#header .row-2 ul li a {width:100%;}
#ac { background: url(images/nav-tail3.gif) repeat-x !important;}
.box1.alt {width: 100%;}
.box .inner {padding: 0px;}
.box1 .inner {padding:5px;}
h4 {font-size: 16px;}
.box1 .inner7 {padding:5px;}
#footer .footer-nav ul li {float: left;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
line-height: 1em;
padding: 0px;
height: 22px;
display: block;
width: 100%;
text-align: center;}
#header .row-2 ul li a span {
display: block;
height: 27px;
}
.mb2 {display:block;}.mb {display:none;}
#contactus {display:none;}
}
.inner7 h4 { margin: 17px 0px;}
.inner h4 { margin: 17px 0px; font-size:18px;}
.inner7 h4 { margin: 17px 0px;}
.inner7 h4 { margin: 17px 0px;}
.inner7 h4 { margin: 17px 0px;}
.inner7 h4 { margin: 17px 0px;}
.inner7 h4 { margin: 17px 0px;}
.inner7 h4 { margin: 17px 0px; font-size:18px;}
}
TD, TH {
padding: 3px; /* Поля вокруг содержимого таблицы */
border: 1px solid black; /* Параметры рамки */
}
.indent {
box-sizing: border-box;
padding: 5px;
}