body {  font-family: Georgia,'times new roman'; font-size:18px; color:#333; padding:0; margin:0;
 background:url(../images/bg0_5.png) #acacac;
     }
.top { background: url(../images/top.jpg) #000 no-repeat center top;  text-align:center;
     }
.h470 { height:565px;
      }
.h420 { height:500px;
      }
.h250 { height:280px;
      }
.spectro_menu { background:#fff;
              }
.spectro_simplegoods .simple_name { height:50px;
             }
.spectro_item3 { background:url(../images/bg0_5.png) #acacac; border:0;
               }
.spectro_item4 { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
               }
.spectro_add { position:fixed; bottom:20px; right:20px; width:100%; max-width:1000px; height:200px; background:#fff;
 margin-left:20px; border:1px #ddd solid; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
 padding:20px; box-shadow:0px 0px 30px #333; font-family:Arial; font-size:16px; color:#333; box-sizing:border-box;
             }
.spectro_add .spectro_wstr2 { display:inline; font-size:22px;
                            }
.spectro_add input { font-family:Arial; font-size:16px; color:#333;
                   }
.topblock1 { color:#fff; text-align:center; font-size:40px; height:240px; max-width:800px; padding:80px;
 margin:0 auto; text-shadow: 1px 1px #000, 0px 0px 50px #000, 0px 0px 10px #000;
           }
.topblock2 { color:#fff; text-align:center; font-size:40px; padding:30px;
 text-shadow: 1px 1px #000, 0px 0px 50px #000, 0px 0px 10px #000;
           }
.topblock2 a { color:#fff; text-decoration:none;
             }
.topline_round {
               }
.topblock1 a { color:#ffc600; text-decoration:none;
             }
.topblock1 p { margin:0; padding:0; color:#fff; font-size:40px;
 text-shadow: 1px 1px #000, 0px 0px 50px #000, 0px 0px 10px #000;
             }
.topblock1 p.top-time {
  font-size: 20px;
  padding-top: 10px;
}
.topdiv { height:1px; background:#fff; margin:15px 0 15px 0;
        }
.pageline { max-width:900px; margin:0 auto;
          }
.ptl { float:left; width:48%; max-width:450px; color:#fff; padding:10px 0 0 0px;
     }
.ptl a { color:#fff; text-decoration:none;
       }
.ptl p.top-time {
  font-size: 16px;
  padding-top: 5px;
  color: #ACACAC;
  margin: 0;
  /* text-align: left; */
}
.ptr { float:right; width:48%; min-width:300px; max-width:450px; margin-top: 10px;
     }
.ptr a { color:#fff; text-decoration:none;
       }

#m3 { border:1px #ffc600 solid; padding:5px; margin-top:-3px;
    }
.search_i { margin-bottom:10px; padding:5px; color:#000; width:80%; background: #acacac; width:300px;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border:1px #ccc solid;
 margin-top:4px;
          }
.search_b { border:1px #666 solid; width:80px; padding:6px; text-align:center; border-radius:15px;
 -webkit-border-radius:15px; -moz-border-radius:15px; background:#ffc600; font-style:italic;
 font-weight:normal; margin-top:-4px;
          }
.search_b a { text-decoration:none; color:#000; text-shadow: 0px 0px 7px #fff; font-style:italic;
 font-weight:normal; padding:3px;
            }
.menudiv { background:url(../images/shadow.png);
         }
.tmenu { background:#000; color:#fff; margin:0; padding:10px 0;
       }
.tmenu ul { padding:0; margin:0;
          }
.tmenu a { color:#ffc600; margin: 0 10px 0 10px;
         }
.tmenu li { color:#fff; float:left; list-style-type:none; margin:0; padding:0;
          }
.tmenu2 { background:#ffc600; color:#fff; padding-top:2px; height:40px; max-width:1000px;
 margin:0 100px 0 100px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
       }
.tmenu2 a { color:#000; margin: 0 10px 0 10px;
         }
.tmenu2 td { color:#333;
          }
.topsearch { border:1px #ccc solid; width:250px;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:3px;
           }
.bottomline { padding:10px;
            }
.bottomline a { text-decoration:none;
              }
 @-webkit-keyframes spectro_animate {
  0% { transform:scale(1); opacity:1; }
  50% { transform:scale(0.7); opacity:0.1; }
  100% { transform:scale(1); opacity:1; }
                                    }
 @keyframes spectro_animate {
  0% { transform:scale(1); opacity:1; }
  50% { transform:scale(0.7); opacity:0.1; }
  100% { transform:scale(1); opacity:1; }
                            }
 .spectro_animate {
  -webkit-animation-name:spectro_animate;
  animation-name:spectro_animate;
  animation-duration:0.8s;
  animation-fill-mode:forwards;
  animation-timing-function:ease-out;
                  }
form { margin:0; padding:0;
     }
input, textarea, select, td { font-family: Georgia,'times new roman'; font-size:18px;
                            }
.topmenu li.menu1 { padding-left:7px; padding-right:7px; border-right:1px #99aabb solid;
 vertical-align:middle; color:#fff;
                  }
.menu1 a { text-shadow:0px 0px 0px #ffffff; text-decoration:none;
         }
.menu1 li, .menu1 li a { text-shadow:0px 0px 0px #fff; color:#000;
                       }
.menu1 div.s2 { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;
 -o-transition:all 0.3s; background:#ffc600; border-radius:20px; -webkit-border-radius:20px;
 -moz-border-radius:20px; padding-bottom:20px; width:300px;
              }
.menu1 div.s2 ul { margin:0; padding:0;
                 }
.menu1 div.s2 ul li { margin:0; padding:10px; list-style-type:none; border-bottom:1px #99aabb solid;
 float:none;
                    }
.menu1 div.s1 { position:absolute; z-index:89; overflow:hidden; height:1000px; margin-top:-1500px;
 margin-left:-20px;  padding:10px 20px 20px 10px; width:600px;
              }
.menu1:hover div.s1 { margin-top:0px;
                    }
.menu1 div.s2 { margin-top:-1500px;
              }
.menu1:hover div.s2 { margin-top:0px;
                    }
.menu2 div.s3b { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;
 -o-transition:all 0.3s; background:#ffc600; border-radius:20px; -webkit-border-radius:20px;
 -moz-border-radius:20px; padding-bottom:20px; width:300px;
               }
.menu2 div.s3b ul { margin:0; padding:0;
                  }
.menu2 div.s3b ul li { margin:0; padding:10px; list-style-type:none; border-bottom:1px #99aabb solid;
                     }
.menu2 div.s3 { position:absolute; z-index:90; overflow:hidden; width:300px; height:500px;
 margin:-40px 0 0 -2500px; padding:10px 20px 20px 10px;
              }
.menu2:hover div.s3 { margin-left:290px;
                    }
.menu2 div.s3b { margin-left:-2500px;
               }
.menu2:hover div.s3b { margin-left:0px;
                     }
.menu2 .arrow { background:#fff; width:16px; height:16px; padding:4px 0 0 4px;
 margin:-3px 0 0 0px; float:left; border:3px solid #666;
 border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;
              }
.menu2 .ar { width:12px; height:12px; border:0; background:#000;
 border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
           }
.spectro_form { text-align:center; padding:30px 15px 30px 15px; color:#000;
 background: url(../images/bg0_5.png) #ffec97; font-style:italic; font-weight:normal;
              }
.spectro_form div.r { display:none; position:absolute; width:100%; height:200px; left:0px; margin-top:-30px;
                    }
.spectro_form div.rules { margin:0 auto; width:960px; text-align:justify;
 background: url(../images/bg0_5.png) #ffec97; padding:20px; box-shadow:0px 0px 10px #000;
                        }
.spectro_form u { cursor:pointer;
                }
.spectro_form table { margin:0 30px 0 30px;
                    }
.spectro_form table img { margin-top:-7px;
                        }
.spectro_form a { color:#56822B;
                }
.spectro_form .i { margin-bottom:10px; padding:5px; color:#555; width:80%;
 border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border:1px #ccc solid;
                 }
.spectro_fields { position:absolute; background:#fff;
                }
 @-webkit-keyframes spectro_firstshow {
  0% { transform: scale(1); opacity:1; }
  50% { transform: scale(0.7); opacity:0.1; }
  100% { transform: scale(1); opacity:1; }
                                      }
 @keyframes spectro_firstshow {
  0% { transform: scale(1); opacity:1; }
  50% { transform: scale(0.7); opacity:0.1; }
  100% { transform: scale(1); opacity:1; }
                              }
 .spectro_firstshow {
  -webkit-animation-name: spectro_firstshow;
  animation-name: spectro_firstshow;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
                    }
#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;
                                                  }

.spectroslider {  transition:margin 2s; -moz-transition:margin 2s;
-webkit-transition:margin 2s; -o-transition:margin 2s;
               }
.spectroslider table, .spectroslider tr, .spectroslider td { border:0; border-collapse:collapse;
 margin:0; padding:0; vertical-align:top;
                                                           }
.spectrosliderbutt { margin-top:-40px; margin-bottom:40px;
                   }
.spectrosliderbutt img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
 box-shadow:0px 0px 10px #000; margin:0 5px 0 5px; opacity:0.5;
                       }
.spectrosliderbutt img.f { opacity:1;
                         }

h1 { font-size:30px; color:#000; margin:0; padding:5px; margin-bottom:20px; text-align:center; clear:both;
 font-weight:normal; background: url(../images/bg0_5.png) #ffc600; border:1px #f9e400 solid;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;
   }
a { color:#000;
  }
p { margin:10px; padding:0;
  }
.spectro_screen { max-width:1300px; margin:0 auto;
                }
.spectro_wtblock { background:url(../images/bg0_5.png) #acacac;
                 }
.spectro_wblock { padding:40px; color:#555; text-align:left; max-width:1300px; margin:0 auto;
                }
.spectro_wblock .spectro_gblock, .spectro_wblock .spectro_cblock, .spectro_wblock .spectro_bgblock,
 .spectro_wblock .spectro_bgdark, .spectro_wblock .spectro_wblock { margin:0 -40px 0 -40px;
                                                                  }
.spectro_bgblock { padding:50px; font-size:50px; color:#fff; text-align:center;
 text-shadow: 1px 1px #000, 0px 0px 50px #000, 0px 0px 10px #000;
 background: url(../images/bg.jpg) #000 repeat-y center top; background-attachment: fixed;
                 }
.spectro_bgblock a, .spectro_bgblock td { color:#fff; text-decoration:none;
                                        }
.spectro_gblock { padding:50px; border-top:2px #ddd solid; border-bottom:2px #ddd solid;
 background:#eee repeat-y center top; color:#666;
                }
.spectro_cblock { padding:50px; color:#220000;
 background: url(../images/cbg_1.png) #ffe660 no-repeat center top;
                }
.spectro_cblock td { color:#220000;
                   }
.spectro_bgdark { padding:0px;
 background: url(../images/bg.jpg) #000 repeat-y center top; background-attachment: fixed;
                }
.spectro_bgdark .spectro_bgsh { padding:50px; color:#fff;
 background: url(../images/shadow.png);
                              }
.spectro_bgsh td, .spectro_bgsh a { color:#fff;
                                  }
.spectro_wt { font-size:30px; color:#000; margin:0; padding:5px; margin-bottom:20px; text-align:center;
 font-weight:normal; background: url(../images/bg0_5.png) #ffc600; border:1px #f9e400 solid; clear:both;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;
            }
.spectro_bt { font-size:30px; color:#fff; margin-bottom:10px; text-align:center;
    }
.spectro_wdiv { background:#bbb; height:1px; width:70%; margin:20px auto;
              }
.spectro_bdiv { background:#fff; height:1px; width:70%; margin:20px auto;
              }
.spectro_lpic { float:left; margin-right:20px; margin-bottom:20px;
              }
.spectro_rpic { float:right; margin-left:20px; margin-bottom:20px;
              }
.spectro_bshadow { box-shadow:5px 5px 10px #666;
                 }
.spectro_border1 { border:1px #aaaaaa solid;
                 }
.spectro_border3 { border:3px #aaaaaa solid;
                 }
.spectro_round20 { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
                 }
.spectro_round200 { border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px;
 width:200px; height:200px;
                  }
.spectro_round450 { border-radius:450px; -webkit-border-radius:450px; -moz-border-radius:450px;
 width:450px; height:450px;
                  }
.spectro_stable, .spectro_stable2, .spectro_stable3, .spectro_stable4,
.spectro_dtable, .spectro_dtable2, .spectro_dtable3, .spectro_dtable4 { width:100%;
                                                                      }
.spectro_stable td, .spectro_stable2 td, .spectro_stable3 td, .spectro_stable4 td { vertical-align:top;
 text-align:center;
                                                                                  }
.spectro_stable2 td { width:50%;
                    }
.spectro_stable3 td { width:33%;
                    }
.spectro_stable4 td { width:25%;
                    }
.spectro_dtable td, .spectro_dtable2 td, .spectro_dtable3 td, .spectro_dtable4 td { vertical-align:top;
 padding:15px;
                                                                                  }
.spectro_dtable td.m { width:99%;
                     }
.spectro_dtable2 td.m { width:48%;
                      }
.spectro_dtable3 td.m { width:30%;
                      }
.spectro_dtable4 td.m { width:21%;
                      }
.spectro_clear { clear:both;
               }
.spectro_box, .spectro_rect { margin:10px; padding:20px; background:#fff; text-align:center; text-shadow:0px 0px #fff;
 color:#333; float:left; width:320px; height:200px; list-style-type:none; overflow:hidden;
             }
.spectro_box a, .spectro_rect a { text-decoration:none;
               }
.spectro_wstr1 { font-size:26px; display:inline;
               }
.spectro_wstr2 { font-size:22px; display:inline;
               }
.spectro_wstrc1 { color:#ff0000; display:inline;
                }
.spectro_wstrc2 { color:#edaa00; display:inline;
                }

.spectro_bstr1 { font-size:26px; display:inline;
               }
.spectro_bstr2 { font-size:22px; display:inline;
               }
.spectro_bstrc1 { color:#ffc600; display:inline;
                }
.spectro_bstrc2 { color:#ccddff; display:inline;
                }
.spectro_wlist, .spectro_wmenu, .spectro_blist, .spectro_bmenu { margin:0; padding:0;
                                                               }
.spectro_wlist li { margin:0; padding:20px 40px; background:url(../images/arrow.png) no-repeat left 15px;
 list-style-type:none; text-align:left;
                  }
.spectro_wlist li a, .spectro_wmenu li a, .spectro_blist li a, .spectro_bmenu li a { text-decoration:none;
                                                                                   }
.spectro_blist li { margin:0; padding:10px 50px; background:url(../images/barrow.png) no-repeat left 10px;
 list-style-type:none; color:#fff; text-shadow: 0px 0px 7px #333; text-align:left;
                  }
.spectro_wmenu li { margin:0; padding:20px 20px 20px 44px; border-bottom:1px #ccc dashed;
 list-style-type:none; text-align:left;
                  }
.spectro_wmenu .arrow { background:#fff; width:16px; height:16px; padding:4px 0 0 4px;
 margin:-3px 0 0 -40px; float:left; border:3px solid #666;
 border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;
                      }
.spectro_wmenu .ar { width:12px; height:12px; border:0; background:#000;
 border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
                   }
.spectro_btable, .spectro_btable tr { margin:0; padding:0; border:0; border-collapse:collapse;
                                    }
.spectro_btable td, .spectro_btable th { margin:0; padding:5px; border:1px #ddd solid;
 border-collapse:collapse;
                                  }


#spectro_crypt0 {padding: 0 10px;
                }
.spectro_block { background:#ffffff; border:1px #ffffff solid; color:#333;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;
 border:1px #ccc solid;
               }
.spectro_block a { color:#333;
                 }
.spectro_block p { padding:0; margin:20px 0 20px 0;
                 }
.spectro_block img { border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
                   }
.spectro_block table.im { width:150px; height:150px;
 padding:0px; border-collapse:collapse; border:0;
                        }
.spectro_block table.im tr td { text-align:center; vertical-align:middle; width:150px;
 height:150px; padding:0px ; margin:0; border-collapse:collapse; background: #ffffff;
                              }
.spectro_block table.im img { border:0;
                            }
.spectro_block div.img { overflow:hidden; width:150px; height:150px; margin:10px 0 10px 0;
  border:1px #ccc solid; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;
                       }
.spectro_block input, .spectro_block select, .spectro_block textarea { border:1px #ccc solid;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; padding:3px;
                                                                     }
.spectro_block .i1 { width:50px; text-align:center;
                   }
.spectro_block .i100 { width:100%;
                     }
.spectro_goodshdiv { margin-right:10px; margin-bottom:10px;
                   }
.spectro_ftable { width:100%;
                }
.spectro_ftable td { padding:5px 20px 5px 20px; border-bottom:1px #ccc dashed;
                   }
.spectro_ftable a { text-decoration:none;
                  }
.spectro_goodspic { transition:background-position 15s; -moz-transition:background-position 15s;
-webkit-transition:background-position 15s; -o-transition:background-position 15s;
 width:100%; height:400px; overflow:hidden; border: 1px #ccc solid; margin-right:10px;
                  }
.spectro_goodstable { max-width:1000px;
                    }
.spectro_goodstable ul { margin:0; padding:0;
                       }
.spectro_goodstd { width:320px; float:left; list-style-type:none;
                 }
.spectro_goodsname { height:47px; overflow:hidden;
                   }
.spectro_goodparams { height:35px; overflow:hidden; padding:10px 20px 10px 20px; margin-bottom:10px;
                    }
#spectro_basket1_form0, #spectro_basket1_form { margin: 0 auto; }
.spectro_button { border:1px #666 solid; width:120px; padding:3px; text-align:center;
 border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;
 background:#000; font-style:italic; font-weight:normal;
                }
.spectro_button a { text-decoration:none; color:#ffffff;
 text-shadow: 0px 0px 7px #000;
 font-style:italic; font-weight:normal;
                  }
.spectro_cartbutt { width:35px;margin:0;
                  }
.h250 div.spectro_box { height:220px;
                      }
#google_translate_element {
        position: absolute;
    right: 10px;
    top: 10px;
}
.slider1 { overflow:hidden; width:100%; height:530px;
         }
.fmobile { display:none;
         }

@viewport { width: device-width; zoom: 1;
          }
@-o-viewport { width: device-width; zoom: 1;
             }
@-ms-viewport { width: device-width; zoom: 1;
              }




.hidden_button {
        display: none;
}
.visible_button {
        display: block;
}
a.pbutton {
        color: #FFFFFF;
        text-decoration: none;
        font-family: 'Oswald',Arial,sans-serif;
}
a.pbutton{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:20px;
    padding-right:80px;
    height:38px;
    display:block;
        margin: 20px auto;
        text-align:center;
        width:80px;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.pbutton-text{
    padding-top:8px;
    display:block;
        width:0px;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.pbutton-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.pbutton-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.pbutton-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../img/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.pbutton:hover{
    padding-right:140px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.pbutton:hover .pbutton-text{
    text-shadow:0px 1px 1px #5d81ab;
        text-decoration: underline;
    color:#fff;
}
.pbutton:hover .pbutton-slide-text{
    width:75px;
}
.pbutton:hover .pbutton-icon-right span{
    opacity:1;
}
.pbutton:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}
.more-button {
  text-align: center;
  margin-top: 20px;
}
.more-button a {
  padding: 5px 15px;
  text-align: center;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  background: #ffc600;
  font-style: italic;
  font-weight: normal;

  text-decoration: none;
  display: inline-block;
}
.more-button a:hover{
  background-color: #ebb703;
}
/*Левая колонка*/
.leftcol {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding: 0 20px 40px 0;
}
.leftcol.home-col {
  padding: 122px 0 40px;
}
.menu {
  font-weight: normal;
  margin: 0;
  padding: 0;;
  list-style: none;
  color: #000;
  border: 1px #f9e400 solid;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  background:  #fff;
}
.menu .menu1 {
  border-bottom: 1px #f9e400 solid;
  ;
}
.menu .menu1:hover {
  background-color: rgba(255, 159, 0, .6);
}
.menu .menu1:first-of-type {
  -webkit-border-radius: 15px 15px 0 0;
     -moz-border-radius: 15px 15px 0 0;
          border-radius: 15px 15px 0 0 ;
}
.menu .menu1:last-of-type {
  border-bottom: none;
  -webkit-border-radius: 0 0 15px 15px;
     -moz-border-radius: 0 0 15px 15px;
          border-radius: 0 0 15px 15px;
}

.menu .menu1 a,
.menu .menu1 span {
  display: block;
  padding: 10px;
}
.mainarea {
  float: right;
  width: 75%;
}
.main-wrap{
  max-width: 1340px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 40px;
}
.spectro_goodstable ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.spectro_goodstd {
  width: 320px;
  float: none;
  list-style-type: none;
  display: inline-block;
}

.mainarea > .spectro_wblock{
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 1000px) {
  .leftcol {
    display: none;
  }
  .mainarea {
    display: block;
    float: none;
    width: 100%;
  }
  .b-img {
  display: none;
}
.spectro_ftable td {
  padding: 5px;
}
 td i, .t-name {
  font-family: Georgia,'times new roman';
  font-size: 12px;
  text-transform: uppercase;
  font-style: normal;
}

@media screen and (max-width: 650px) {
  .ptr, .ptl {
    width: 100%;
  }
}

}
@media screen and (max-width : 480px) {
 .spectro_add { position:fixed; bottom:0px; right:0px; width:100%; height:200px; background:#fff; padding:10px;
              }
 .tmenu li { float:none; }
 .menu1 div.s1 { display:none; }
 .fpc { display:none; }
 .fmobile { display:block; }
 .search_i { width:150px;}
 .topblock1 { height:250px; }
 .topblock1 p.top-time {
  max-width: 235px;
  margin: 0 auto;
}
.ptl p.top-time {
  margin: 0 auto;
  max-width: 200px;
}
.topblock1 {
    min-height: 250px;
    height: auto;
}
.main-wrap {
    padding: 0 20px;
}
.spectro_goodstd {
    width: auto;
    float: none;
    display: block;
    margin: 0 auto;
}
.h250 div.spectro_box {
    height: auto;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.mainarea > ul{
  padding-left: 0;
}
.spectro_round20 img {
    display: inline-block;
}
 .ptl { width:100%; }
 .ptr { width:100%; }
 * { max-width:100%;  box-sizing: border-box;}
 .spectro_bgblock, .topblock1, .topblock2, .topblock1 span, .topblock1 p, h1 { font-size:20px; }
 .topmenu li.menu1 { border-bottom:1px #99aabb solid; border-right:0; }
 .spectro_wblock, .spectro_bgblock, .spectro_gblock, .spectro_cblock, .spectro_bgsh, .spectro_form,
 .topblock1,.topblock2 {
  padding:10px;
                       }
    .tmenu {
        position: static!important;
        top: 0;
    }
.spectro_button {
  padding: 3px 8px;
  width: auto;
  max-width: 165px;
}
.spectro_wblock .spectro_gblock, .spectro_wblock .spectro_cblock, .spectro_wblock .spectro_bgblock, .spectro_wblock .spectro_bgdark, .spectro_wblock .spectro_wblock {
margin: 0;
}
.chebox {
  width: auto !important;
  padding: 0 !important;
}
.spectro_ftable td {
  font-size: 15px;
}
td i, .t-name {
  font-family: Georgia,'times new roman';
  font-size: 11px !important;
  text-transform: none;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.03em;
}

.summa{
  text-align: center !important;
}
.spectro_block .i1 {
  width: 30px;
  text-align: center;
}

 }

 img {
  max-width: 100%;
 }

.table-gallery {
  max-width: 100%;
}

.table-gallery img {
  max-width: 100%;
}