body{background:#000; color:#fff; font-family:  arial, tahoma, sans-serif; text-align:center;}
#body{background: url("/images/hoper.jpg") no-repeat scroll center 0 transparent; position:relative;
  margin: auto; text-align:left;}
.catalog-element {
   font-size: 12px;
    position: relative;
    top: 0px;
}
.dettext h1{margin:20px 0 !important;}
.logo{position:absolute; z-index:100;}
a{color:#fff;}
.marpoint{cursor: pointer;}
#mainmenu{    background: none repeat scroll 0 0 #000000;
    height: 98px;  font-size: 14px;
    left: 243px;
    opacity: 0.75;
    position: absolute;
    width: 500px;}
#mainmenu{}
.menuitem{    float: left;
    margin: 25px 0 0 25px;}
.menuitem a{    display: block;  cursor: pointer;
    padding: 10px;    text-transform: uppercase;
    text-decoration: none;}
.menuitem.selitem a, .menuitem a:hover{    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;}

#main{   
    height: 480px; 
    margin: auto; padding:1px;
    
    position: relative;
    top: 98px;
    width: 780px;}
#transmain{    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0; opacity: 0.75;
    position: absolute;
    top: 0;
    width: 100%;
 }
#content{     position: absolute;  z-index: 10;}

#main h1{   
    font-size: 16px;
    margin: 20px 0; 
    text-transform: uppercase;}
#footer{    background: none repeat scroll 0 0 #000000;
    bottom:0;
    height: 55px;
    opacity: 0.75;
    position: absolute;
    width: 100%;}
#copyright{      background: none repeat scroll 0 0 #000000;
    bottom: 0;
    font-size: 10px;
    opacity: 1;
    padding: 14px 101px;
    position: absolute;
    text-transform: uppercase;
    width: 136px;}
#lang{    bottom: 0;
    position: absolute;
    right: 50px;}
#lang div{   float: left;
    margin: 15px; padding:0 5px;}
#rus{color:#000; background:#fff;}

.catalog-element h1{margin:0 0 15px 0 !important;}
.dettext td{border-top:1px solid #fff; padding:10px;}
.dettext table{border-bottom:1px solid #fff;}
.leftmenu{text-align: center;}
.leftmenu img{    margin-top: 8px;
    opacity: 0.45;}
.selit{opacity: 1 !important; border:1px solid #fff;}
.leftmenu img:hover{opacity: 1;}
#markers{display: none;}
#leftbut{left: 35px;
    position: absolute;
    top: 460px;}
#rightbut{right: 35px;
    position: absolute;
    top: 460px;}
#topbut{    left: 495px;
    position: absolute;
    top: 100px;}
#cutbut{    left: 590px;
    position: absolute;
    top: 100px;}
#lastbut{    left: 50px;
    position: absolute;
    top: 345px;}
#nextbut{    right: 50px;
    position: absolute;
    top: 345px;}
#leftbut, #rightbut, #topbut, #lastbut, #nextbut, #cutbut{  cursor: pointer; opacity: 0.8;}
#leftbut:hover, #rightbut:hover, #topbut:hover, #lastbut:hover, #nextbut:hover{opacity: 1;}

#pdf{       float: left;
    font-size: 12px;
    height: 25px;
    padding: 13px;
    text-transform: lowercase;
    width: 100px;}
#panel{    background: none repeat scroll 0 0 #000000; padding: 1px;
    height: 45px;  width: 779px;}
#buttons{    left: 260px;
    position: relative;}
#buttons div{    float:left; margin:10px;}
#close{        cursor: pointer;
    float: right;
    font-size: 12px;
  
    margin: 13px;
    text-transform: lowercase;}
#close a{text-decoration:none;}
#scroller, #scroller1{    height: 475px; position:relative;
    overflow: hidden;}
#stpan{    left: 200px;
    padding: 1px;
    position: absolute;
    top: 560px;}
#elhead{    background: none repeat scroll 0 0 #0E2028;
    float: left;
    padding: 10px 10px 0 10px; font-weight: bold;
    text-align: center;    height: 31px;
    text-transform: uppercase;
    width: 500px;}
#eldetal, #cutcloze{       background: none repeat scroll 0 0 #000000;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 29px;
    padding: 12px 12px 0 12px;
    text-transform: uppercase;}
#martxt{ background:#111;   
    left: 330px;
    position: absolute;
    top: 430px;
    width: 420px;}
#marslider{   border-top: 10px solid #000000;   overflow: hidden;  position: relative;
    max-height: 150px;}
#marfooter{   background: none repeat scroll 0 0 #000000;
    height: 30px;}
#marcontent{   font-size: 12px;    margin: 0 10px;  position: relative;}
#marcontent h1{    border-bottom: 1px solid #FFFFFF;
    font-size: 16px;
    margin: 0 0 5px;
    padding: 0 0 20px;
    text-transform: uppercase;}
#marbutons{   float: left;   margin: 5px 0 0 150px;    width: 50px;}
#marbutup{margin-right: 10px; float: left; cursor: pointer;}
#marbutdown {float: left; cursor: pointer;}
#marclose{  cursor: pointer;
    float: right;    font-size: 12px;    text-transform: lowercase;     margin: 5px;}
.round{border: 2px solid #FFFFFF;
    border-radius: 13px 13px 13px 13px;
        font-weight: bold;
    padding: 0 4px;}
.content_txt {
  color: #FFFFFF;
  padding: 10px 25px;
  position: absolute;
  z-index: 10;
}