html,body {
      background: #f0f0f0 ;
      height: 100%;
      margin: 0;
      font-family: trebuchet ms;
      font-size: 13px;
      color:#333;}

img {border:none;}
a{outline: none;color: #3399cc;}
a:hover {text-decoration:none;}
body,div,h1,h2,h3,h4,h5,h6,input,textarea,p{margin:0; padding:0;}
h2 {font-family: trebuchet ms; font-size: 18px; color:#3399cc; font-style: italic;}
input, textarea {outline:none;}
ul {list-style:disc;list-style-position:outside;margin:7px 0 7px 15px;padding:0;}

.clear {
      margin: 0;
      height: 1px;
      border: none;
      clear:both;
      overflow:hidden;}

#conteiner {
        background: #fff;
        border-left:1px solid #e3e3e3;
        border-right:1px solid #e3e3e3;
        min-height: 100%;
        min-width:914px;
        max-width:1152px;
        padding:0 30px;
        margin:0 auto;}

* html #conteiner {height: 100%;}

#conteiner_main {padding-bottom: 100px;}

                                                    /* start header */
#header  {
        background: url(../images/head.jpg) no-repeat top left;
        width: 100%;
        height: 288px;
        margin:0 auto;}

#head  {
        background: url(../images/header.gif) no-repeat top right;
        width: 100%;
        height: 288px;
        margin:0 auto;}

ul.icon {
       list-style:none;
       padding:10px 33px 0 0;
       margin:0;
       float:right;}

ul.icon li {
       padding:0 12px;
       margin:0px;
       float:left;}

#header marquee {
      background: url(../images/st.gif) no-repeat 0 10px;
      padding:8px 0 0 26px;
      width:80%;
      float:left;
      font: bold italic 14px georgia;
      color:#ff3333;}

#logo {padding:20px 0 0 10px;}

.slogan {
      padding:30px 0 0 20px;}

.phone {
      font: bold italic 23px georgia;
      color:#fff;
      padding:17px 0 0 20px;}


                                                    /* end header */

#wrapper {
        border:0;
        border-collapse:collapse;
        width:100%;
        margin:15px auto;}
                                                    /* start left_bar */
#left_bar {
       width:230px;
       padding:0;
       vertical-align:top;}

.form {
       background:  url(../images/form.gif) no-repeat 0 0;
       padding:50px 0 0 0;
       margin:0;}

.formb {
       background:  url(../images/form.gif) no-repeat 0 100%;
       padding:0 7px 10px 10px;}

.form p {padding:1px 0 0 0;clear:both;overflow:hidden;}

.form label {
       float: left;
       padding:4px 0 0 0;
       font: bold italic 10px trebuchet ms;
       color:#dcddde;}

.pole {
        background:  #fff;
        border: none;
        float:right;
        width: 160px;
        height: 23px;
        margin:0;
        padding:0 5px;
        color: #333;
        font:11px arial;
        line-height: 23px;}

.area  {
        background: #fff;
        border: 0;
               width: 212px;
               height:72px;
               padding: 0;
               margin:0;
               font:11px arial;
               color: #333;
               resize: none;
               overflow:auto;}

.buton {
        background:  url(../images/buton.gif) no-repeat top left;
        border: 0;
        overflow: visible;
        cursor:pointer;
               margin:10px auto 0 auto;
               padding:0;
               height:33px;
               width:128px;
        display:block;}

.m_t {
         background:  url(../images/m_t.gif) no-repeat top left;
               margin:0;
               padding:0;
               height:5px;
               width:230px;}

.m_b {
         background:  url(../images/m_b.gif) no-repeat top left;
               margin:-1px 0 0 0;
               padding:0;
               height:5px;
               width:230px;}

.left_baner {
      padding:15px 0;}

#left_bar h4 {
     font: italic 22px trebuchet ms;
     color:#3399cc;
     padding:12px 0 12px 30px;}

                                                    /* end left_bar */
                                                    /* start_main */
#content {
       padding: 0 25px;
       vertical-align:top;}

p {padding:3px 0 12px 0;}

h4 {
     font: italic 18px trebuchet ms;
     color:#3399cc;
     padding:12px 0 12px 10px;
     line-height:20px;}

h4 a {
     color:#3399cc;
     text-decoration:none;}

ul.name_page {
      list-style:none;
      padding:0 0 15px 10px;
      margin:0;
      overflow:hidden;}

ul.name_page li {
      float:left;
      padding:0;
      margin:0;
      font: italic 10px trebuchet ms;
      color:#999;}

ul.name_page a {
      padding:0;
      margin:0;
      color:#999;}

.box {
     width:29%;
     padding:15px 4% 0 0;
     float:left;
     font-size:12px;
     color:#666;
     line-height:14px;}
.box .one {  height:97px; overflow:hidden;  }
.box .two {  height:298px; overflow:hidden; text-align:justify; }

.box img {float:left;border:3px solid #999; margin:4px 10px 5px 0;}

.box:hover h4 {color:#ff3333;}

.box:hover h4 a {color:#ff3333;}

.box:hover img {border:3px solid #ff3333;}

.center_baner {
         background:  url(../images/b_bg.jpg) no-repeat top left;
               margin: 0;
               padding:0;
               height:126px;
         text-align:right;}

                                                     /* end main */
                                                     /* start right_bar */

#right_bar {
       width:183px;
       padding:0 0 0 25px;
       margin:0 -25px 0 0;
       float:right;}

.block_news {background:#efefef;padding:10px;}

#right_bar h4 {
     font: italic 22px trebuchet ms;
     color:#0066cc;
     padding:12px 0 12px 30px;}

.news {
     padding:10px 0;
     font: italic 12px trebuchet ms;
     color:#3399cc;}

.news a {
     display:block;
     color:#3399cc;
     text-decoration:none;
     line-height:14px;}

.news:hover, .news:hover a {color:#ff3333;}

.right {text-align:right;}

.right a {font: bold italic 14px trebuchet ms;}

                                                      /* end right_bar */
                                                      /* footer */
#footer {
        background:  url(../images/footer.jpg) no-repeat top left;
        min-width:914px;
        max-width:1152px;
        height: 100px;
        margin: -100px auto 0 auto;}

#foot {
        background:  url(../images/foot.jpg) no-repeat top right;
        height: 100px;
        margin:  0;}

p.copyring {
       font-size: 12px;
       color:#fff;
       padding:35px 0 0 50px;
       margin:0;
       float:left;
       line-height:14px;}

.madein {
     float:right;
     padding:30px 0 0 0;
     font: bold italic 13px georgia;
     color:#fff;}

.madein img {
      float:left;
      margin:10px 0 0 0;}

.madein span {
      float:left;
      margin:0 25px 0 15px;}

.madein a {color:#fff;text-decoration:none;}

#logo2 {float:left; padding:30px 0 0 30px;}
.ssearch {background:#1054A6;padding:5px;
border-top-left-radius: 10px;
 border-top-right-radius: 10px;border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;}
 .bssearch {background:  url(../images/sb.gif) no-repeat top right;
 width:30px;height:25px;border:0;margin:0;padding:0; float:right; cursor:pointer;}
 .sword {width:180px;height:25px;border:1px #ffffff solid;margin:0;padding:0;
 background:#B4D5FD}
.slowzoom1_c1_0_0 tr td { padding-bottom:10px;
                            }
.slowzoom1_c1_0_0 table.p { width:152px; height:152px; display:inline;
 padding:0px; margin-right:10px; border-collapse:collapse; border:0;
                              }
.slowzoom1_c1_0_0 table.p tr td { text-align:center; vertical-align:middle; width:152px;
 height:152px; border:1px #c5acc1 solid; padding:0px; margin:0;
 border-collapse:collapse; background: #ffffff;
                                    }
.slowzoom1_c1_0_0 table tr td img { cursor:pointer;
                                      }
.showimagespectro { position: absolute; left:0px; top:0px; display:none; width:100%; height:1000%;
margin:0;padding:0;border:0;background: url(../images/sgalsh.png);
}
.gblockspectro { position: absolute; left:0px; display:none; width:100%; height:100%;
}
#boxspectro{
        margin:0;
        width:1px;
        padding:0;
        border:0;
        border-collapse:collapse;
}
#boxspectro tr, #boxspectro tr td  {
        margin:0;
        padding:0;
        border:0;
        border-collapse:collapse;
        vertical-align:middle;
}
.box-top-leftspectro{
        width:26px;
        height:26px;
        background:url(../images/sgal-top-left.png) no-repeat;
}
.box-top-leftspectro img{
        margin:0; padding:0; border:0; border-collapse:collapse;
}
.box-top-rightspectro{
        background:url(../images/sgal-top-right.png) no-repeat;
        width:26px;
        height:26px;
    font: 1px Arial;
}

.box-bottom-leftspectro{
        font: 1px Arial;
        width:26px;
        height:26px;
        background:url(../images/sgal-bottom-left.png) no-repeat left top;
}
.rezspectro{
        float:left;
        width:100%;
        background:#fff;
        position:relative;
}
.box-bottom-rightspectro{
        background:url(../images/sgal-bottom-right.png) no-repeat left top;
        width:9px;
        height:9px;
        font: 1px Arial;
        line-height:1px;
        margin:0; padding:0;
}
.galspectroprev {margin-right:-26px;}
.galspectronext {margin-left:-26px;}
.imgspectro0 {position:absolute;display:none;
}
.box-bottom-rezspectro{
    height:26px;
    font: 1px Arial;
        background:url(../images/sgal-bottom.png) repeat-x left top;
}
.box-top-rezspectro{
    height:26px;
    font: 1px Arial;
        background:url(../images/sgal-top.png) repeat-x;
}
.box-left-rezspectro{
    font-color:#ffffff;
    width:26px;
    font: 1px Arial;
        background:url(../images/sgal-left.png) repeat-y;
}
.box-right-rezspectro{
    font-color:#ffffff;
    width:26px;
    font: 1px Arial;
        background:url(../images/sgal-right.png) repeat-y;
}
.rezspectro img{
        margin:0 9px;
}
.closetspectro{
        position:absolute;
        cursor:pointer;
        height:26px;
        width:26px;
        background:url(../images/sgalcloset.png) no-repeat;
        margin-top:-13px;
}
.closetspectro a{
        display:block;
        height:26px;
        width:26px;
}
.spectrolefti { width:26px; height:1px; margin-top:26px;
}
#spectro_online, #spectro_online0 { position:fixed; top:100%; left:100%; width:180px; height:380px;
 margin:-40px 0 0 -220px; background:#eee; padding:10px; box-shadow:0px 0px 10px #000; text-align:center;
 border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0;
 transition:margin 1s; -moz-transition:margin 1s; -webkit-transition:margin 1s; -o-transition:margin 1s;
                                  }
#spectro_online a, #spectro_online0 a { text-decoration:none;
                                      }
#spectro_online1 { position:fixed; top:100%; left:100%; width:380px; height:380px; margin:50px 0 0 -420px;
 background:#eee; padding:10px; box-shadow:0px 0px 10px #000;
 border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0;
 transition:margin 1s; -moz-transition:margin 1s; -webkit-transition:margin 1s; -o-transition:margin 1s;
                 }
#spectro_online1 #oclose { margin:-30px 0 0 350px; background:#dd0000; width:27px; height:27px; font-weight:bold;
 border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; color:#fff;
 box-shadow:0px 0px 10px #000; font-size:16px;
                         }
#spectro_online1 a { text-decoration:none;
                   }
#spectro_dialog { padding-bottom:10px;
                }
#spectro_dialog a { text-decoration:underline;
                  }
#spectro_dialoglist { height:270px; overflow:auto; padding-top:-200px; background:#fff; padding:10px;
 text-align:left;
                    }
#spectro_dialoglist .from { color:#000; font-size:12px; font-weight:bold; margin:10px;
                          }
#odialogfirst { display:none;
              }
#spectro_online1 input, #spectro_online1 textarea { margin:3px; border:1px #ccc solid;
 border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
                                                  }