/* CSS Document */

* { margin:0; padding:0; }
html, body { height:100%; }
body { font-family:Tahoma; font-size:14px; color:#404040; background:#fff; }
img { border:0; }
a { font-family:Tahoma; font-size:14px; color:#404040; text-decoration:underline; }
a:hover { text-decoration:none; }
p { margin-bottom:20px; }
h1, h2, h3 { font-family:Tahoma; font-weight:normal; color:#000; }
h1 { font-size:40px; margin:10px 0 20px 0; line-height:40px; }
h2 { font-size:24px; margin-bottom:20px; }
h3 { font-size:18px; margin-bottom:20px; }
ul { margin-bottom:20px; }
ul li { list-style:none; }
ol { margin-left:20px; }

/* MAIN STYLES */
   .cl { clear:both; height:1px; line-height:1px; font-size:1px; }
   .fl { float:left; }
   .fr { float:right; }
   .bl { display:block; }

   .counters-top { display:none; }
.box { width:100%; min-height:100%; }
   .main-top { width:968px; margin:auto; padding:20px 16px 0 16px; }
   .main { width:968px; margin:auto; padding:20px 16px 300px 16px; }
.footer { width:948px; padding-left:20px; height:290px; margin:-290px auto 0 auto; }

/* HEADER */
.head-box { position:absolute; left:0; top:0; width:100%; }
   .header { width:968px; height:217px; margin:auto; padding:0 16px; }
      .head-top { height:132px; padding-top:20px; }
         .logo { width:212px; }
         .slogan { width:381px; padding-top:40px; font-size:22px; color:#673aa0; line-height:22px; }
         .adres { width:375px; padding-top:40px; font-size:12px; color:#9a9a9a; text-align:right; line-height:22px; }
            .adres span { font-size:18px; color:#673aa0; }
            .adres a { font-size:13px; color:#673aa0; }
            a.email { text-decoration:none; }
      .top-menu { height:60px; }
         .top-menu table { width:100%; height:60px; }
            .top-menu table tr td a { float:left; display:block; height:30px; line-height:27px; font-size:20px; }
            .top-menu table tr td a span { float:left; display:block; padding-left:7px; height:30px; }
            .top-menu table tr td a span span { padding-right:15px; cursor:pointer; text-decoration:underline; }
            .top-menu table tr td a:hover { color:#fff; background:#8764b2; }
            .top-menu table tr td a:hover span { background:url(../i/menu-hover-left.gif) 0 0 no-repeat; }
            .top-menu table tr td a:hover span span { background:url(../i/menu-hover-right.gif) 100% 0 no-repeat; text-decoration:none; }
            .top-menu table tr td span.on { float:left; display:block; height:30px; line-height:27px; font-size:20px; color:#fff;
               background:#8764b2; }
            .top-menu table tr td span.on span { float:left; display:block; padding-left:7px; height:30px;
               background:url(../i/menu-hover-left.gif) 0 0 no-repeat; }
            .top-menu table tr td span.on span span { padding-right:15px; background:url(../i/menu-hover-right.gif) 100% 0 no-repeat; }

/* MAIN TOP */
.services { width:179px; margin-top:15px; }
   .serv-top { width:158px; height:49px; padding-left:21px; background:url(../i/serv-top.gif) 0 0 no-repeat;
      font-size:26px; color:#fff; line-height:45px; }
   .serv-body { width:149px; padding:10px 15px; background:url(../i/serv-body.gif) 0 0 repeat-y; }
      .serv-body ul li { padding-bottom:5px; }
         .serv-body ul li a { display:block; color:#673aa0; font-size:12px; padding:2px 5px; line-height:16px; }
         .serv-body ul li a:hover { background:#8764b2; color:#fff; }
         .serv-body ul li span { display:block; font-size:12px; padding:2px 5px; background:#8764b2; color:#fff; line-height:16px; }
         .serv-body ul li ul { margin:5px 0 0 10px; }
         .serv-body ul li ul li { padding-left:15px; background:url(../i/serv-li.gif) 0 8px no-repeat; }
   .serv-bottom { width:179px; height:10px; background:url(../i/serv-bottom.gif) 0 0 no-repeat; }
.object-main { width:577px; padding:0 10px 0 8px; }
   .objects { width:202px; font-size:16px; color:#036d0f; padding-top:20px; }
      .objects p { padding:0 15px; }
      .objects div.our-obj { width:202px; height:44px; background:url(../i/obj-link.gif) 0 0 no-repeat; text-align:center; }
      .objects div.our-obj a { font-size:24px; color:#000; line-height:40px; }
.articles { width:194px; background:url(../i/art-body.gif) 0 0 repeat-y; margin-top:15px; }
   .art-top { width:164px; height:10px; padding:10px 15px; background:url(../i/art-top.gif) 0 0 no-repeat; font-size:18px; }
   .art-body { font-size:11px; padding:0 15px; }
      .art-body a { font-size:11px; line-height:14px; }
      .art-body div.date { color:#565656; font-style:italic; padding:10px 0 5px 0; }
   .art-bottom { width:194px; height:20px; background:url(../i/art-bottom.gif) 0 0 no-repeat; }
.slogan2 { width:760px; padding:15px 0; }

/* RADS */
.rad-box { width:100%; height:210px; background:url(../i/rad-line.gif) 0 133px repeat-x; }
   .rads { width:953px; height:190px; margin:auto; padding:15px 16px 0 31px; }
      .rad { width:145px; height:210px; padding:0 5px; }
      .rad a { font-size:15px; color:#045300; }
      .rad a img { display:block; }

      .box-rel { width:968px; height:1px; margin:auto; position:relative; }

.pops { position:absolute; width:736px; height:435px; margin-top:-550px; }
.pops.a1 { left:0; top:0; }
.pops.a2 { left:100px; top:0; }
.pops.a3, .pops.a4, .pops.a5, .pops.a6 { left:230px; top:0; }

   .popup { width:736px; height:435px; background:url(../i/popup.png) 0 0 no-repeat; }
   .popup-arrow-left { width:75px; height:56px; background:url(../i/popup-arrow-left.png) 0 0 no-repeat; position:absolute; }
   .popup-arrow-right { width:75px; height:56px; background:url(../i/popup-arrow-right.png) 0 0 no-repeat; position:absolute; }

.pops.a1 .popup-arrow-left { left:80px; top:379px; }
.pops.a2 .popup-arrow-left { left:130px; top:379px; }
.pops.a3 .popup-arrow-left { left:160px; top:379px; }
.pops.a4 .popup-arrow-left { left:330px; top:379px; }
.pops.a5 .popup-arrow-right { left:370px; top:379px; }
.pops.a6 .popup-arrow-right { left:530px; top:379px; }

   .close { padding:59px 0 0 599px; position:relative; }
      .close a { font-size:12px; color:#7d7d7d; text-decoration:none; }
   .popup-content { width:587px; height:276px; position:relative; overflow:hidden; margin:10px 0 0 70px; }
      .popup-content a h2 { text-decoration:underline; margin-bottom:20px; }
      .popup-content a:hover h2 { text-decoration:none; }
         .popup-image { width:282px; height:232px; overflow:hidden; }
         .popup-text { width:277px; height:212px; padding-bottom:10px; margin-bottom:10px; overflow:auto; font-size:13px; padding-left:10px; }
            .popup-text a { color:#2e2c2c; }

/* CONTENT */
.left-block { width:179px; }
   .frm { padding:0 18px; font-size:12px; }
   .frm h2 { font-size:28px; margin-bottom:30px; }
.content { width:789px; }
.content-in { width:754px; padding:0 0 30px 35px; }

   .content-in ul { margin-left:-20px; }
   .content-in ul li { padding:0 0 7px 20px; background:url(../i/li.gif) 0 9px no-repeat; }

   .form { background:#efefef; }
      .form table { width:100%; }
      .form table tr td { padding:10px 10px 10px 0; }
      .form table tr td div.dotted { background:url(../i/dotted.gif) 0 14px repeat-x; }
         .form table tr td div.dotted span { background:#efefef; padding-right:5px; }
         .form table tr td div.dotted span span.red { padding-right:0; }
      .form table tr td label { line-height:25px; }
      .form table tr td div.input-text { width:526px; height:27px; background:url(../i/input-text.gif) 0 0 no-repeat; }
         .form table tr td div.input-text input { width:490px; height:18px; margin:6px 10px 0 15px;
            border:0; font-family:Tahoma; font-size:14px; }
      .form table tr td div.textarea { width:524px; height:133px; background:url(../i/textarea.gif) 0 0 no-repeat; }
         .form table tr td div.textarea textarea { width:490px; height:124px; margin:6px 10px 0 15px;
            border:0; font-family:Tahoma; font-size:14px; overflow:hidden; }
      .form table tr td div.submit input { width:199px; height:37px; background:url(../i/submit.gif) 0 0 no-repeat; border:0; font-family:Tahoma; font-size:18px; cursor:pointer; text-decoration:underline; }
      .ftl { background:url(../i/radiant-form-tl.gif) 0 0 no-repeat; }
      .ftr { background:url(../i/radiant-form-tr.gif) 100% 0 no-repeat; }
      .fbl { background:url(../i/radiant-form-bl.gif) 0 100% no-repeat; }
      .fbr { background:url(../i/radiant-form-br.gif) 100% 100% no-repeat; padding:24px; }
.red { color:#ff1010; }

.work { width:968px; margin:auto; padding:30px 0; }
   .work h2 { margin-bottom:20px; }
   .work ul, .choco-pie ul { margin-left:-20px; }
   .work ul li, .choco-pie ul li { padding:0 0 7px 20px; background:url(../i/li.gif) 0 9px no-repeat; }
   .work-left { width:464px; padding:0 34px; }
   .work-right { width:402px; padding:0 34px 0 0; }

   .navigation-chain { font-size:12px; color:#8d8d8d; padding:15px 0; }
      .navigation-chain a { font-size:12px; color:#8d8d8d; }

      .block { width:222px; height:190px; font-size:16px; background:#f2f2f2; border-top:solid 2px #0be100; border-bottom:solid 2px #0be100; padding:15px; overflow:hidden; }
      .imager { font-size:12px; font-style:italic; }
      .imager div { float:left; width:215px; padding:5px 0; }
      .imager img { display:block; float:right; margin-left:10px; }

   .obj-block { width:375px; height:421px; }
   .obj-block-in { padding:10px; }
   .obj-block-in.on { background:#d6ffd4; }
   .obj-img { width:355px; height:277px; overflow:hidden; }
   .obj-link { padding:5px 0; font-size:12px; }
      .obj-link p { margin-bottom:0; }
   .obj-link a { display:block; margin-bottom:5px; font-size:20px; color:#000; }

/* GALLERY */
.gallery { width:754px; height:379px; overflow:hidden; }
   .gallery table { height:379px; margin-left:67px; }
   .gallery table tr td { width:620px; }
   .gallery table tr td img { display:block; margin:auto; }
   .arrow-left { width:67px; height:379px; margin-top:-379px;
      background:url(../i/gallery-left.png) 0 0 no-repeat; position:relative; cursor:pointer; }
   .arrow-right { width:67px; height:379px; margin-top:-379px;
      background:url(../i/gallery-right.png) 0 0 no-repeat; position:relative; cursor:pointer; }
.gallery-icons { width:620px; padding:20px 67px; }
   .gal-ico { width:61px; height:62px; }
      .gal-ico a { width:61px; height:62px; display:block; }
      .gal-ico div a { width:61px; height:57px; padding-top:5px; cursor:pointer; }
      .gal-ico div a img { display:block; margin:auto; }
      .gal-ico div a:hover, .gal-ico div.active a { background:url(../i/gal-ico.png) 0 0 no-repeat; }
div.loader {background-image:url(/i/loader.gif);background-position:center center;background-repeat:no-repeat;height:350px;width:550px;}

/* FOOTER */
.foot-left { width:511px; padding-top:40px; }
   .adress { text-align:left; line-height:22px; }
      .tel-left { width:90px; }
      .tel-right { width:350px; }
   .adress span { font-size:18px; color:#673aa0; }
   .copyright { width:350px; height:50px; margin-top:20px; }
      .copyright img { margin-right:13px; }
      .copyright p, .copyright p a { font-size:11px; text-decoration:none; }
   .counters-bottom { width:350px; }
      .counters-bottom a { text-decoration:none; }
      .counters-bottom a span { background:url(../i/dotted.gif) 0 100% repeat-x; padding-right:5px; }
      .counters-bottom a:hover span { background:none; }
      .counters-bottom a img { margin-right:10px; margin-left:67px; }
      #stat-counters { width:273px; padding:10px 0 0 67px; }
         .counters-bottom #stat-counters a img { margin-left:0; }

.foot-right { width:417px; padding-top:40px; }
   .foot-right p { padding:5px 10px; }
   .link1, .link2 { height:35px; }

   .link1 a { float:left; display:block; height:35px; line-height:32px; font-size:18px; color:#fff; background:#8c6bb4; }
   .link1 a span { float:left; display:block; padding-left:7px; background:url(../i/link1-left.gif) 0 0 no-repeat; height:35px; cursor:pointer; }
   .link1 a span span { padding-right:15px; background:url(../i/link1-right.gif) 100% 0 no-repeat; text-decoration:underline; }
   .link1 a:hover span span { text-decoration:none; }

   .link2 a { float:left; display:block; height:35px; line-height:32px; font-size:18px; color:#fff; background:#03ab18; }
   .link2 a span { float:left; display:block; padding-left:7px; background:url(../i/link2-left.gif) 0 0 no-repeat; height:35px; cursor:pointer; }
   .link2 a span span { padding-right:15px; background:url(../i/link2-right.gif) 100% 0 no-repeat; text-decoration:underline; }
   .link2 a:hover span span { text-decoration:none; }
   
.brown { color:#993300; }
.blue { color:#000080; }
.red { color:#FF0000; }
.arial { font-family:Arial; }
.crimson { color:#FF00FF; }
.light-blue { color:#0000FF; }
.yelow { color:#FFFF99; }
.green { color:#CCFFCC; }
.yelow-bg { background:#FFFF99; }
.green-bg { background:#CCFFCC; }