body {
	background: #666666;
	margin: 0px;
	padding: 0;
	text-align: justify;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	justify-content: center;
	align-items: center;
        
}
.twoColHybLtHdr #container{
	width: 95%;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
        align: justify ; 
		
} 
.twoColHybLtHdr #header {         
	background: #DDDDDD; 
	padding: 18px 10px; 
       
} 
.twoColHybLtHdr #header h1 {
	margin: 0; 
	padding: 5px 0;         
}

.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 16em;
	background: #FFFFFF;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
       
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}
.twoColHybLtHdr #mainContent { 
	margin: 0 20px 0 17em;
       
} 
h1 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
        font-size: 30px;       
}
h2 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
        font-size: 24px;       
}
h3 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
        font-size: 18px;       
}
.winh3 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
        font-size: 20px;       
}
h4 {
        font-family:  "Times New Roman", Times, serif;
        color:    #792516;	
        font-size: 28px; 
        background: #DDDDDD;
        position:  fixed;
        margin-top: -40px;
        opacity: 0.7;
}
h5 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
        font-size: 18px;       
}
.textH2 { 
         font-size: 18px;      
}
p {
        align: justify ; 
}		
.Visitca {
float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
       font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: 500;
         width:40%;
    
}	
.VisitcaC {
float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
       font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: 500;
         width:100%;
    
}			        

textVisaH {

         font-size: 18px; 
		 margin-top: 1px;
		
}
.textVisa {
         font-size: 14px; 
		       
}

 .twoColHybLtHdr #mainContent a { 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   font-weight: 700; 
     
   }
 .twoColHybLtHdr #mainContent a:hover { 
     /*text-decoration: underline ; Добавляем подчеркивание 
                   color:   #CC0000;      background:  #e2dbdb  ;          при наведении курсора мыши на ссылку */
   color:   #CC0000;	
   } 

   
.twoColHybLtHdr #imaje { 
	margin: 0 20px 0 3em;
} 

.twoColHybLtHdr #Zvonoc {
    position: fixed; /* Фиксированное положение */ 
    top: 1%; 
	left: 85%;  
   }
   

.twoColHybLtHdr #footer { 
	padding: 0 10px;
	background:#DDDDDD;
        font-size: 14px;
	font-style: italic;
} 
.twoColHybLtHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}

#taim {
	font-family: Arial, Helvetica, sans-serif;
	color:  #666666;
	font-weight: bold;        
        top: 1px;
        left: 4%; /* Положение от правого края */
        line-height: 1px;
        background:#DDDDDD;
        padding: 5px 10px; 
        font-size: 16px;
}
#icon {
	position:  absolute; 
        top: 4px;
        left: 40%;
       
 } 
 #reni  a{
  text-decoration: none; /* Убираем подчеркивание у ссылок */
 	 color: #666666;
}
#reni a:hover{
   color:   #CC0000;	
}
 #renirt {
 padding: 10px 40px; 
}
#rig  {
    display:  none;
    float: right; /* Выравнивание по правому краю ============================== */
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 100%; 
    
   }  
 #rigsmart {
    display: inline;   /* Выравнивание по правому краю ============================== */
    right: 4%; 
    width: 60%; 
    
   }    
       
.clsidebar1 {
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	align: right;
        font-size: 18px;       
        line-height: 1;
        float: right;
        background:    #FFFFFF ;
}
.rait a { 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   font-family: "Times New Roman", Times, serif;
   color: #000000;
   align: right;
   font-size: 18px; 
   float: right;
   line-height: 1;
   background: #FFFFFF; 
   transition: all 1s linear;
   }
.rait a:hover{ 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   font-family: "Times New Roman", Times, serif;
   color:  #666666;
   align: right;
   font-size: 16px; 
   float: right;
   margin-left: 10px; 
   margin-right: 10px;
   font-weight: 700;  
   background:   #DDDDDD; 
   }   

.leftimg  {
position: relative; 
    float:left; /* Обтекание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
	width: 25%;
       }
 .leftimg_sub  {
 position: relative; 
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
       }      
 .leftimg:hover {
 position: relative; 
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 30%;
   }      
.leftimgimj {
position: relative; 
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 120px;
   }
.leftimgimj:hover {
position: relative; 
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 250px;
   }
   
.rightimg  {
    position: relative; 
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */  
	width: 25%; 
   }
.rightimg_sub  {
    position: relative; 
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */   
   }
   .rightimg:hover   {
    position: relative; 
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */  
    width: 30%;
   }
.rightimgimj  {
    position: relative; 
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 120px;
   }
.rightimgimj:hover   {
    position: relative; 
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
    width: 250px;
   }
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.imgsmart{
  color: #663333;	  
 display: none;
}
.nadp {
        font-family: Arial, Helvetica, sans-serif;
	color: #DDD777; 	
        font-size: 16px;       
}
#ttt {
 background: #DDDDDD; 
  	         
}
.winCalc{
 background: #DDDDDD; 
  width: 40%;  
  margin: auto;          
} 
.wintext{
  font-size: 12px; 
   height: 50px    
}
.wintext2{
  font-size: 18px; 
   height: 20px    
}

.wintext1{
  font-size: 14px; 
  border: 4px double black;
  width: 90%;
  margin: auto;
   padding: 1%;  
   top:5%;     
}
select {
  width: auto;
  padding: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
  -webkit-appearance: none;
}

.winInput  {
width: 50px;
size: 3;
font-size: 14px;
height: 20px ;
}

.winControl  {
  display: block;
    position: fixed; /* Фиксированное положение */ 
    top: 40%; 
      width: 30%; 
      margin: auto;
  background: #EDEDED;
  
  text-align: center; 
  padding: 1px;
}
.wintextRezultat{
  font-size: 18px; 
  font-weight: 600;
   height: 20px ;
 padding: 5%;
}
.wintextRezultatTtuba{
  font-size: 15px; 
  font-weight: 600;  
}
.winLayble{
  font-size: 10px;  
 padding: 2%;
 
}

.winLaybleExit{
  font-size: 14px;  
 padding: 2%;
 
}
.winParagraf{
    height: 20px ; 
}

.editCheck {
    border:1px solid #9E9E9E;
    color: #000000;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 18px;
    font-family: Verdana;
    background: #FFF;
	 height: 18px; /* высота на свое усмотрение*/
   width: 18px; /* ширина на свое усмотрение*/
   border-radius: 13px; /*закругление углов (общее)*/ 
}
#tttimj {
 background: #FFFFFF; 
  font-weight: 600;        
  font-size: 18px; 
}

.tab1  {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 500;   
   font-size: 16px;
   width: 90%; 
   } 
   
 
.menu {
    display: flex;
    position: fixed; /* Фиксированное положение */ 
    top: 90%; 
    padding: 10px; /* Поля вокруг текста */ 
     background:#FBFBFB;
	
    border: 0.5px solid #333; /* Параметры рамки */ 
   }
  
  .menuS {
    display: none;
    position: fixed; /* Фиксированное положение */ 
    top: 90%; 
    padding: 3px; /* Поля вокруг текста */ 
     background:#FBFBFB;
	opacity: 0.75;
    border: 0.5px solid #333; /* Параметры рамки */ 
   }
  
 .button {
	position: relative;
	display: inline-block;
	margin: 12px;
	padding: 0 20px;
	height: 10;
	border: 1px solid;
	border-radius: 3px;
	background-clip: padding-box;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
	color: white;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
	font-size: 14px;
	line-height: 35px;
	cursor: pointer;
}
.button-green {
border-color: #478228 #478228 #3c6f22;
background: #5ca934;
background-image: -webkit-linear-gradient(top, #69c03b, #5ca934 66%, #54992f);
background-image: -moz-linear-gradient(top, #69c03b, #5ca934 66%, #54992f);
background-image: -o-linear-gradient(top, #69c03b, #5ca934 66%, #54992f);
background-image: linear-gradient(to bottom, #69c03b, #5ca934 66%, #54992f);
}
.button-green:active {
border-color: #3c6f22 #478228 #478228;
background: #5ca934;
}
.Dialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}
.Dialog:target {
    display: block;
    pointer-events: auto;
}
.Dialog > div {
    width: 30%;
   
    margin: 10% auto;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.tabs {
  position:  relative;
  min-height: 480px;
  clear: both;
  margin: 5px 0;
  font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;   
   font-size: 12px; 
   width: 100%;
 display:  none;
}

.item {
    display:   none;
      }
/*стили калькулятора	*/  
 .tttt {
        background: #DDDDDD; 
	padding:5px 5px; 
        line-height:1px;
		width: 100%;
        height: auto%; 
        
           margin-left: 20%;
        }	
.tablw { 
        border: 1px solid #666;
        }
 .por { 
        position:relative;         
        cursor: pointer;
        }
 .rrrr{
         position:absolute;   
         display: none; 
         color:   #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: 500;
         width:300px;
    padding-left: 25px;         
    background:rgba(255,255,255, 0.7); 	  
        }
.por:hover .rrrr{ 
         display: block;         
        }		
.text1 {
        color:  #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
        font-weight: 400;  
	padding: 3px 3px; 
        line-height: 1px;
        }
        .text2 {
            color:   #990000;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
        font-weight: 800;  
	padding: 5px 10px; 
        line-height: 1px;
        }
         .text3 {
            color:   #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: 900;  
	padding: 10px 10px; 
        line-height: 1px;
        }	
		
/* @media only screen and (min-width: 240px) and (max-width: 767px) */
 /* свойства модального окна по умолчанию */
 
 
    /* свойства модального окна по умолчанию */
    .modal {
      position: fixed;
      /* фиксированное положение */
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      /* цвет фона */
      z-index: 1000;
      opacity: 0;
      /* по умолчанию модальное окно прозрачно */
      -webkit-transition: opacity 400ms ease-in;
      -moz-transition: opacity 400ms ease-in;
      transition: opacity 400ms ease-in;
      /* анимация перехода */
      pointer-events: none;
      /* элемент невидим для событий мыши */
    }

    /* при отображении модального окно */
    .modal:target {
      opacity: 1;
      pointer-events: auto;
      overflow-y: auto;
    }

    /* ширина модального окна и его отступы от экрана */
    .modal-dialog {
      position: relative;
      width: 40%; 
      margin: 30px auto;
    }


    /* свойства для блока, содержащего контент модального окна */
    .modal-content {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color:#FBFBFB ;
	  opacity: 0.85;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: .3rem;
      outline: 0.3;
	  margin: auto; /* Выравниваем по центру */ 
    }

    @media (min-width: 768px) {
      .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      }
    }

    /* свойства для заголовка модального окна */
    .modal-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15px;
      border-bottom: 1px solid #eceeef;

    }

    .modal-title {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.5;
      font-size: 1.25rem;
      font-weight: 500;
    }

    /* свойства для кнопки "Закрыть" */
    .close {
      float: right;
      font-family: sans-serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .5;
      text-decoration: none;
	 
    }

    /* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
    .close:focus,
    .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .75;
    }

    /* свойства для блока, содержащего основное содержимое окна */
    .modal-body {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 15px;
      overflow: auto;
	 margin: auto; /* Выравниваем по центру */
    }
/* @media only screen and (min-width: 240px) and (max-width: 767px) */
.DWS{
 display: none;
}
.Calc{
 display: inline;
}
.lay{
 width: 100%; 
  border-radius: 17px 17px 17px 17px;
 margin-left: -50px; 
}
.lay1{
position: absolute; /* Абсолютное позиционирование */
left: 80%; /* Положение от правого края */  
top: 85%; 
opacity: 0.55;
width: 17%;
}
.wrapt{
display: none;
}
select  {
  width: auto;
  padding: 4px;
  border: 2px solid #ccc;
   background:  #FFFFFF;
  font-size: 16px;
 
/*  -webkit-appearance: none;*/ 
}
#more {display: none;} #moreDiv{display: none;} #moreDivServis{display: none;} #moreDivPechi{display: none;} #moreDivKamin{display: none;} 
#moreDivKladka{display: none;} #moreDivRazmer{display: none;} 
.more {display: none;}
.moreW {display: none;}

.slider {
max-width:250px;

border: 2px solid #989898;
margin: 20px auto;
overflow:hidden;
}
.slider-line {

display: flex;
transition: all ease 1s;
}

/* Выделение цветом шапки страницы */
/*
.cover {
  background: #BBD8E4;
  padding-bottom: 32px;
}
*/

/* Заголовок страницы по центру */
/*
.cover .title {
  text-align: center;
}

.cover .subtitle {
  text-align: center;
  margin-top: 8px;
}

.cover .image {
  margin-top: 24px;
  border-radius: 4px;
}
*/

/* Цвет ссылок */
/*
.link {
  color: #307896;
}
*/

/* Цвет иконки Турбо-страницы в шапке */
/*
.page .header-turbo-icon {
  fill: rgba(0, 0, 0, 0.6);
}
*/

/* Шрифт заголовка */
/*
.title_level_2 {
  font-weight: 100;
}
*/


@media only screen and (min-width: 240px) and (max-width: 767px) {
   body {
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
        width: 100%;
}
.blok{
  display:  block;  
	width: 95%;
	background: #666666;
	
} 
.twoColHybLtHdr #sidebar1 {
	
	width: 100%;
	       
}
.twoColHybLtHdr #container{
	width: 95%;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
        align: justify ; 
        
} 
.twoColHybLtHdr #header {         
	background: #DDDDDD; 
	padding: 18px 10px; 
        display: none;
} 
.twoColHybLtHdr #header h1 {
	margin: 0; 
	padding: 5px 0;         
} 
.twoColHybLtHdr #mainContent { 
	margin: 0 10px 0 10px;
} 
.twoColHybLtHdr #Zvonoc {
    position: fixed; /* Фиксированное положение */ 
    top: 2%; 
	left: 65%; 
	width: 120%; 
   }
   
    .modal-dialog {
      position: relative;
      width: 82%; 
      margin: auto, auto; 
    }

  
  
h1 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
        font-size: 24px;   
}
h2 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;
        font-size: 22px;       
}
 h3 {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;
        font-size: 20px;       
}

h4 {
        font-family:  "Times New Roman", Times, serif;
        color:    #792516;	
        font-size: 20px; 
        background: #DDDDDD;
        position:  fixed;
        margin-top: -40px;
        opacity: 0.7;		
}
.Visitca {
 margin: 0px 0px 0px 0; /* Отступы вокруг картинки */
         width:100%;
   
}		    
.winCalc{
 background: #DDDDDD; 
  width: 100%;  
  margin: auto;
    	         
}
.wintext{
  font-size: 14px; 
   height: 70px  
}
.wintextRezultat{
  font-size: 18px; 
  font-weight: 600;
   height: 20px ;
 padding: 5%;
}

.wintext1{
  font-size: 14px; 
  border: 4px double black;
  width: 90%;
  margin: auto;
   padding: 1%;  
   top:5%;     
}
.winControl  {
      top: 40%; 
      width: 90%; 
      margin: auto; 
}
select {
  width: auto;
  padding: 4px;
  border: 2px solid #ccc;
   background:  #FFFFFF;
  font-size: 20px;
 height: 40px;
/*  -webkit-appearance: none;*/ 
}

.winInput  {
width: 50px;
size: 3;
font-size: 18px;
height: 25px;
}
.winLayble{
  font-size: 9px;  
 padding: 2%;
}
.winParagraf{
    height: 20px ; 
}


.editCheck {
    border:1px solid #9E9E9E;
    color: #000000;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 18px;
    font-family: Verdana;
    background: #FFF;
	 height: 22px; /* высота на свое усмотрение*/
   width: 22px; /* ширина на свое усмотрение*/
   border-radius: 13px; /*закругление углов (общее)*/ 
}
.textmob {
        font-family: Arial, Helvetica, sans-serif;
	    color:    #336633;
        font-size: 150%;   
}
.raen {
        font-family: Arial, Helvetica, sans-serif;
	color: #663333;
        font-size: 14px;    
}
#nav {
 width: 100%; 
             
}
#gallery {
position: relative;
}

#sideb {
display: none;
}
#reni {
 display: none;
}
#renirt {
 display: none;
}
.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 100%; 
   }
 #rig  {
    display:  block; 
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 100%; 
    cursor: pointer;
   } 
  #imaje  {
    display:  none;
    
   }   
   
  #rigsmart  {
    display:   none;
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 60%; 
   }
  
  
   .menu {
    display: fixed; 
 
	    } 
  .menuS {
    display: none; 
 
	    } 


	.Calc{
 display: inline;
 
}
.lay1{
 width: 17%; 
}
 .wrapper {
      position: relative;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 20%;
      height: 20%;
	   
    }

    .el {
     position: fixed; 
      opacity: 1;
      width: 2px;
      height: 3vh;
     top: 92%; 
	 left: 12%; 	 
      transform-origin: 50% 100%;
      background: white;
	  z-index: 1100;
    }
	
 @media (orientation:landscape) { 
 .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 40%; 
   }    
 }    
.rightimg:hover  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 100%; 
   }
 @media (orientation:landscape) { 
 .rightimg:hover  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 60%; 
   }  
 }     
 .rightimgimj  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ 
    width: 40%;
   }  
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 100%;
       }
 @media (orientation:landscape) { 
 .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 40%;
       }
 }        
.leftimg:hover  {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 100%;
       }
 
 @media (orientation:landscape) { 
 .leftimg:hover  {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 60%;
       }
 }        
 .leftimgimj {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 40%;
   } 
   .leftimgimjww {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    width: 30%;
   }   

.twoColHybLtHdr #mainContent a { 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   font-weight: 700;   
   }
  .twoColHybLtHdr #mainContent a:hover { 
     /*text-decoration: underline ; Добавляем подчеркивание 
                   color:   #CC0000;      background:  #e2dbdb  ;          при наведении курсора мыши на ссылку */
   color:   #CC0000;	
   }  
 .twoColHybLtHdr #imaje { 
	margin: 0 0 0 0;
} 
.imgsmart{
 font-family: Arial, Helvetica, sans-serif;
	color: #663333;	
	margin: 0 auto;       
        position: fixed; 
        height: 30px;         
        background: #DDDDDD;
       font-weight: 700;  
        opacity: 0.7;
        font-size: 18px;
}

h4 {
        font-family:  "Times New Roman", Times, serif;
        color:  #cc0066;	
        font-size: 19px; 
        background: #DDDDDD;
       margin-top: -2px; 
        font-weight: 700;      
      }
 .tabs {
  position:  relative;
  
  clear: both;
  margin: 5px 0;
  font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;   
   font-size: 12px; 
   width: 100%;
   height: auto;
   overflow: auto;
 display:  block;
}
.tab {
  float: left;
 
}
.tab label {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px;
}

.tab [type=radio] {
  display: none;
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background:  #DDDDDD;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc;
}

[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.letter {
font-family:  "Times New Roman", Times, serif;
        color:   #792516;	
        font-size: 20px;   
} 

 @media (orientation:landscape) { 
 
     h4 {
        font-family:  "Times New Roman", Times, serif;
        color:  #cc0066;	
        font-size: 22px; 
        background: #DDDDDD;
       margin-top: -2px; 
        font-weight: 700;      
      }
   }
   
 }