/* ----------------------------- Basic Styles */

body, html{
        margin:0px;
        padding:10px 0 0 0;
        background:#0b0c0e;
        height:100%;
        text-align:center;
        color:#8dbfdc;
}

select{
    font:11px/14px Tahoma, Arial, Geneva, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    margin:0px;
    padding:0px;
    font-weight:400;
    background-color:#236591;
    border:1px #4db4e7 solid;
    width:170px;
    height:20px;
}

body, html, table{
        font:11px/13px Tahoma, Arial, Helvetica, sans-serif;
        color:#8dbfdc;
        text-decoration:none;
}

table{
        padding:0px;
        border-collapse:collapse;
        border:0px;
}

table td{
        padding:0px;
        margin:0px;
        vertical-align:top;
        text-align:left;
}

form{
        margin:0px;
        padding:0px;
}

input, textarea{
        font:11px/14px Tahoma, Arial, Geneva, sans-serif;
        color:#FFFFFF;
        text-decoration:none;
        margin:0px;
        padding:0px;
        font-weight:400;
}

input {
        width:170px;
        height:19px;
        border:1px #4db4e7 solid;
        float:left;
        margin-right:2px;
        padding:1px 0 0 8px;
        background-color:#236591;
}

input.InputType1 {
        border:1px #456784 solid;
        background-color:#0c406f;
        margin:42px 2px 0 6px;
}

input.SubmitType1 {
        width:50px;
        height:22px;
        border-width:0px;
        background:url(img/submit.gif) left top no-repeat;
        margin:42px 0 0 0px;
        color:#63a9d7;
        padding:0px;
        cursor:pointer;
        float:left;
}

img{
        border:0px;
}

ul{
        padding:0px;
        width:219px;
        margin:0px 0 0 8px;
}

ul li{
        padding:2px 0 4px 8px;
        list-style-type:none;
        background-color:#185c89;
        margin-bottom:1px;
}

ul li a{
        font:11px/13px Tahoma, Arial, Helvetica, sans-serif;
        color:#ffffff;
        text-decoration:none;
        padding:0 0 0 17px;
        display:block;
        background:url(img/bgr_a.gif) 0px 3px no-repeat;
        *float:left;
}

ul li a:hover{
        text-decoration:underline;
}

a {
        font:11px/13px Tahoma, Arial, Helvetica, sans-serif;
        color:#8dbfdc;
        text-decoration:underline;
}

a:hover {
        text-decoration:none;
}

p{
        padding:0px;
        margin:0px;
        text-align:left;
}

h1{
        padding:0 0 9px 0;
        margin:0px;
        font:18px Tahoma, Arial, Helvetica, sans-serif;
        color:#00ceff;
}

h2{
        padding:3px 0 10px 0;
        margin:0px;
        font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
        color:#FFFFFF;
}

h2 a{
        font:10px Tahoma, Arial, Helvetica, sans-serif;
        color:#001d35;
        text-decoration:none;
}

h2 a:hover{
        text-decoration:underline;
}

h3{
        padding:0 0 0px 0;
        margin:14px 0 2px 0;
        font: 12px Arial, Helvetica, sans-serif;
        color:#ffffff;
        text-transform:uppercase;
}

h4{
        padding:0px;
        margin:121px 0 0 0;
        width:247px;
        height:67px;
        background:url(img/head_block.jpg) left top no-repeat;
        font: 12px Tahoma, Arial, Helvetica, sans-serif;
        color:#ffffff;
        text-transform:uppercase;
}

h4.Htype{
        margin:9px 0 0 0px;
        height:51px;
        background:url(img/head_block2.jpg) 0px 0px no-repeat;
}

h4.Htype2{
        margin:14px 0 0 9px;
        background:url(img/head_block3.jpg) 0px 0px no-repeat;
}

h4.Htype p{
        padding:18px 0 0 43px;
}

h4 p{
        padding:25px 0 0 43px;
}

.clear{
        font-size:0px;
        line-height:0px;
        clear:both;
}

/* ----------------------------------------- Main Block*/

#container {
        width:998px;
        *width:1000px;
        margin:0px auto 0px auto;
        border-left:1px #618cab solid;
        border-top:1px #5c74c2 solid;
        border-right:1px #5065b8 solid;
        background:url(img/bgr_top.jpg) #0b3f6e top left no-repeat;
        position:relative;
        text-align:left;
}

#container.inner {
        background:url(img/bgr_top2.jpg) #0b3f6e top left no-repeat;
}

#container .backBottom{
        width:100%;
        background:url(img/bgr_bottom.jpg) bottom left no-repeat;
        height:100%;
}

/* -------------------------------------------------------- header */

#header {
        position:absolute;
        padding-top:348px;
        width:100%;
        left:0px;
        top:0px;
        z-index:1;
}

.Logo {
        position:absolute;
        top:29px;
        left:49px;
}


.Href1 { position:absolute; top:329px; left:152px; }
.Href1 a{ display:block; position:relative;        top:-48px; left:57px; float:left;}

.Href2 { position:absolute; top:194px; left:825px; }
.Href2 a{ display:block; position:relative;        top:-94px; left:26px; float:left;}

.Href3 { position:absolute; top:51px; left:619px; }
.Href3 a{ display:block; position:relative;        top:-34px; left:71px; float:left;}

.Href4 { position:absolute; top:51px; left:266px; }
.Href4 a{ display:block; position:relative;        top:-23px; left:33px; float:left;}

.Href5 { position:absolute; top:51px; left:425px; }
.Href5 a{ display:block; position:relative;        top:-30px; left:25px; float:left;}

.Href6 { position:absolute; top:51px; left:584px; }
.Href6 a{ display:block; position:relative;        top:-23px; left:46px; float:left;}

/* Contacts Block */

.Contacts {
        position:absolute;
        top:555px;
        left:17px;
        width:221px;
        background:url(img/contacts.jpg) left top no-repeat;
}

.Contacts div { margin:3px 0 0 75px; width:85px; height:74px; background:url(img/mobile.jpg) left top no-repeat;}

/* End of Contacts Block */

/* E-mail Block */

.Mail {
        width:262px;
        height:145px;
        background:url(img/bgr_mail.gif) right top no-repeat;
        position:relative;
}

.Mail p{
        margin:11px 0 0 9px;
        background:url(img/bgr_send_mail.jpg) left top no-repeat;
        text-align:center;
        line-height:21px;
        width:174px;
        color:#00204e;
}

.Telephones p{
        padding:12px 0 11px 38px;
        background:url(img/n044.gif) left top no-repeat;
        margin:0px;
        width:auto;
        text-align:left;
}

.Mail.MailOnMain { position:absolute; top:803px; left:0px; }
.Mail.MailOnInner { margin-top:30px }
.Mail a{ color:#ffffff; }
.Mail a:hover{ text-decoration:none; color:#ffffff; }
.Mail .Telephones{ padding:22px 0 0 118px; }
.Mail .SendMail { position:absolute; top:63px; left:39px; }

/* End Of E-mail Block */

/* Form Block */

.FormBlock {
        width:249px;
        background:url(img/bgr_form_b1.gif) left top no-repeat;
        padding-top:10px;
}

.FormBlock input{
        margin-top:0px;
}
.FormBlock radio{
         float:left;
        margin-top:0px;
}

.FormMarg {
        margin-left:9px;
}

.FormBlock a{
        font-size:10px;
        color:#6bd4ef;
        text-decoration:none;
}

.FormBlock a:hover{
        text-decoration:underline;
}

.FormBlockBack1 {
        width:100%;
        background:url(img/bgr_form_b2.gif) left bottom no-repeat;
        padding-bottom:10px;
}

.FormBlockBack2 {
        background:url(img/bgr_form_rep.gif);
        padding:7px 0 2px 12px;
}

/* End of Form Block */

br.HeaderOnMain { line-height:544px; }
br.Header { line-height:347px; }
br.height2 { line-height:2px; }
br.height3 { line-height:3px; }
br.height5 { line-height:5px; }

/* -------------------------------------------------------- Content */

#ContentOnMain {
        margin-left:268px;
        padding-bottom:280px;
}

#Content {
        width:731px;
        position:relative;
        z-index:2;
        margin-left:266px;
        padding-bottom:198px;
}

/* -------------------------------------------------------- left block */

.LeftBlock {
        width:464px;
        float:left;
        margin-right:17px;
}

.LeftBlock.LeftBlockInner {
        margin-right:9px;
}

.LeftBlock img{
        border:3px #FFFFFF solid;
}

/* Main Menu */

.MainMenu { background: transparent url('img/bgr_menu_on_main.jpg') no-repeat scroll left top; width: 464px; height: 52px; }
.MainMenu.MainMenuOnInner { background: transparent url('img/bgr_menu.jpg') no-repeat scroll left top; }
.MainMenu ul { margin: 0px; padding: 18px 0pt 0pt 0pt; width: auto; }
.MainMenu ul li { margin: 0px; padding: 0pt 0pt 0pt 15px; background: transparent none repeat; display: inline; }
.MainMenu ul li a { margin: 0px; padding: 0px; background: transparent none repeat; font-family: Tahoma,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; text-decoration: none; text-transform: uppercase; color: rgb(232, 232, 234); display: inline; float: none; }
.MainMenu ul li a:hover { text-decoration: none; color: rgb(232, 232, 234); }
.MainMenu img {  border-width:0px; float:left; margin:18px 0px 0 0; }
.MainMenu p { padding-left:10px;}

/* Inner Banners */

.InnerBanners {
        float:left;
        padding-left:17px;
        margin-right:21px;
}

.InnerBanners img{
        border:0;
}

.InnerBanners.m0 {
        margin-right:0px;
}

.ramka{
        width:194px;
        background:url(img/ram_t.gif) #FFFFFF top left repeat-x;
}

.ramkaBg{
        width:100%;
        background:url(img/ram_l.gif) left repeat-y;
}

.ramkaBg1{
        width:100%;
        background:url(img/ram_b.gif) left bottom repeat-x;
}

.ramkaBg2{
        width:100%;
        background:url(img/ram_r.gif) right bottom repeat-y;
}

.ramkaBg3{
        width:100%;
        background:url(img/ram_l_t.jpg) left top no-repeat;
}

.ramkaBg4{
        width:100%;
        background:url(img/ram_r_t.jpg) right top no-repeat;
}

.ramkaBg5{
        width:100%;
        background:url(img/ram_r_b.jpg) right bottom no-repeat;
}

.ramkaBg6{
        width:100%;
        background:url(img/ram_l_b.jpg) left bottom no-repeat;
}

.ramkaPad{
        padding:9px 8px 8px 8px;
}

/* News */

.News {
         padding:18px 10px 18px 13px;
}

.News span{
         color:#00ceff;
         font-weight:bold;
}

.News img{
         float:left;
         margin-right:13px;
}

/* Line */

.Line {
        background-color:#2b6e95;
        height:1px;
        border-left:7px #357aa3 solid;
        border-right:5px #357aa3 solid;
}

.Line img{
        border:0px;
}

/* WorkBlock */

/* .WorkBlock {
        border-left:1px #357aa3 solid;
        border-right:1px #357aa3 solid;
        background-color:#0b3b67;
}

.TopWorkBlock {
        height:11px;
        *height:12px;
        margin:0 12px 0 12px;
        border-top:1px #357aa3 solid;
        background-color:#0b3b67;
}

.BottomWorkBlock {
        height:11px;
        *height:12px;
        margin:0 12px 0 12px;
        border-bottom:1px #357aa3 solid;
        float:left;
        background-color:#0b3b67;
}

b{
        display:block;
        float:left;
        width:12px;
        height:12px;
}

b.Back1{
        background:url(img/left_top.gif) left top no-repeat;
        margin-right:-12px;
}

b.Back2{
        background:url(img/right_top.gif) right top no-repeat;

        float:right;
}

b.Back3{
        background:url(img/left_bottom.gif) left bottom no-repeat;
        margin-right:-12px;
}

b.Back4{
        background:url(img/right_bottom.gif) right bottom no-repeat;
        margin-left:-12px;
        float:right;
}

.WorkPad{
        padding:2px 12px 0px 14px;
}

.WorkPad2{
        padding:4px 16px 0px 23px;
} */

.WorkBlock {
        width:464px;
}

.Back1{
        background:url(img/left_top.gif) left top no-repeat;
        width:100%;
        height:12px;
}

.Back1 img{
        border:0px;
}

.Back3 img{
        border:0px;
}

.Back2{
        border-left:1px #357aa3 solid;
        border-right:1px #357aa3 solid;
        background-color:#0b3b67;
        *width:99.5%;
}

.Back3{
        background:url(img/left_bottom.gif) left bottom no-repeat;
        width:100%;
        height:12px;
}

.WorkPad{
        padding:2px 12px 0px 14px;
}

.WorkPad2{
        padding:4px 16px 0px 23px;
}

.WorkBlock img{
        margin-right:15px;
}

.fl {
        float:left;
}

.WorkPad2 img{
        float:right;
        clear:right;
        margin:0 0 4px 0px;
}

.WorkPad2 .WorkCont{
        float:left;
        width:305px;
}

.WorkPad2 ul{
        float:left;
        width:199px;
        clear:left;
        margin:11px 17px 0 0;
}

.map img { border:1px #357aa3 solid; float:left; margin:0 26px 0 0; font-size:0px; clear:none; }

/* Block Read more*/

.WorkBlock .readMore{
        float:left;
        margin-right:5px;
        background:url(img/corner.gif) #03224c right bottom no-repeat;
}

.WorkBlock .readMore2{
        float:left;
        background:url(img/corner.gif) #7fd80d right bottom no-repeat;
}

.WorkBlock .readMore3{
        float:left;
        background:url(img/corner.gif) #00ceff right bottom no-repeat;
}

.ReadBack1{
        background:url(img/corner.gif) left top no-repeat;
}

.WorkBlock b {
        display:block;
        float:left;
        width:288px;
        font-weight:normal;
}

.WorkBlock b.b1 {
        width:197px;
}

.ReadBack2{
        background:url(img/corner.gif) right top no-repeat;
}

.ReadBack3{
        padding:5px 10px 4px 7px;
        background:url(img/corner.gif) left bottom no-repeat;
}

.readMore a{
        color:#63a9d7;
        text-decoration:none;
}

.readMore a:hover{
        text-decoration:underline;
}

.readMore2 a{
        color:#2f7820;
        text-decoration:none;
}

.readMore2 a:hover{
        text-decoration:underline;
}

.readMore3 a{
        color:#0b3b67;
        text-decoration:none;
}

.readMore3 a:hover{
        text-decoration:underline;
}


/* -------------------------------------------------------- right block */

.RightBlock {
        width:247px;
        float:left;
}

.RightBlockInner {
        width:258px;
        float:left;
}

.MargInnerBanners {
        margin-left:20px;
        float:left;
}

/* -------------------------------------------------------- footer */

#footer {
        width:1000px;
        height:44px;
        margin:0px auto 0px auto;
        text-align:left;
}

#footer div{
        float:left;
        padding-top:15px;
        color:#b6b7b7;
}

#footer p{
        float:right;
        padding-top:15px;
        width:130px;
        color:#0472ed;
}

#footer a{
        display:block;
        float:right;
        margin-top:11px;
        width:48px;
        height:25px;
}

.answer {

        float:left;
}