html, body {
margin:0 auto;
text-align:center;
font-size: 100%;
padding:0px;
background:#c0d0c0;
color:#4A6D02;
}

a:link{
color :rgb(139, 69, 19);
}

a:visited {
color :rgb(139, 69, 19);
}

a:hover{
color :rgb(139, 69, 19);
}



/* pc */

 #mainContent{ position:relative; width:auto; padding:0px 324px; min-width:320px;  }
 #columna{ width:100%; padding:0;  }
 #columnb, #columnc{ position:absolute; top:0px; width:324px; padding:0px 0px;   }
 #columnb{ left:0px; } #columnc{ right:0px; }

#columnc li {margin:0px; margin-top:2px;}
#columnc div.mnu {margin:0px; margin-top:2px; margin-left:4px;}
#columnc div.smnu {margin:0px; margin-top:8px; margin-left:4px;}
#columnc div.smnu div {margin:0px; margin-top:2px;}

#strtoptitle{margin:0px; padding:0px; }
#fheader{ margin: 0 auto; margin-top: 4px; padding: 0 px; margin-bottom:4px; }
#tMenu1 table td { padding-top:0px; padding-bottom:0px; }

 

div.gmnu62{margin:0 auto; padding:0 px; width:100%;}

/*
 * 
 margin:0px; padding: 6px;padding-top:6px; padding-bottom:6px;
 
.stmnu{padding:0px;}
.stmnu1{padding:0px;}
.stmnu2{padding:0px;}
.stmnuselect{padding:0px;}
*/

 

#columna p{line-height:1.3; text-align: left; margin:1em 0px; padding:0 0.4em; text-indent: 0px;}



/* tablet */
@media only screen and (max-width: 1120px), only screen and (max-device-width: 1024px){

}



@media only screen and (max-width: 1120px), only screen and (max-device-width: 1024px) and (orientation:landscape){/*две колонки*/
  #mainContent{ float:left; width:auto; padding:0px 320px 0px 0px; }
  #columna{ float:left; width:100%; margin-right:-320px; }
  #columnb, #columnc{ position:relative; left:320px; float:left; width:320px; }
    
  #columnc li {margin:0px; margin-top:6px;}
  #columnc div.mnu {margin:0px; margin-top:6px; margin-left:4px;}
  #columnc div.smnu {margin:0px; margin-top:12px; margin-left:4px;}
  #columnc div.smnu div {margin:0px; margin-top:6px;}
  #strtoptitle{margin:0px; padding:4px; }
  #fheader{ margin: 0 auto; margin-top: 4px; padding: 2 px; margin-bottom:4px;}
#columna p{line-height:1.5;}  
  #tMenu1 table td { padding-top:6px; padding-bottom:6px; }
}


@media only screen and (max-width: 800px), only screen and (max-device-width: 1024px) and (orientation:portrait){/*одна колонка*/
#mainContent{ width:100%; padding:0px; }
#columna{ float:none; width:100%; margin:0px; }
#columnb, #columnc{ position:static; float:left; width:320px; } 

#columnc li {margin:0px;margin-top:12px;}
#columnc div.mnu {margin:0px; margin-top:12px; margin-left:4px;}
#columnc div.smnu {margin:0px; margin-top:18px; margin-left:4px;}
#columnc div.smnu div {margin:0px; margin-top:12px;}
#strtoptitle{margin:0px; padding:8px; margin-bottom: 10px;}
#fheader{ margin: 0 auto; margin-top: 14px; padding: 4 px; margin-bottom:14px;}

#tMenu1 table td { padding-top:12px; padding-bottom:12px; }

#columna p{line-height:1.5;}
}



/* mobile */
@media only screen and (max-width: 480px), only screen and (max-device-width: 736px){

}
@media only screen and (max-device-width: 736px) and (orientation:landscape){

}

@media only screen and (max-device-width: 736px) and (orientation:portrait){

}






article, div.text{
max-width: 50em;
min-width: 320px;
margin: 0 auto;
padding: 1px;
}

a:link{
text-decoration : none;
}

a:visited {
text-decoration: none;
}

a:hover{
text-decoration: none;
}

img{
width:auto;
min-width: 1em;
max-width:100%;
height:auto;
opacity: 1;
transition: opacity 0.3s;
}

div.img, figure{
width:100%; 
margin: 0 auto;
}

img[data-src] {
opacity: 0;
}

ul{
text-align: left;
}