﻿/* pt-serif */
@font-face {
font-display: swap; 
font-family: 'PT Serif';
font-style: normal;
font-weight: normal;
src: local(''), 
     url('/fonts/pt-serif-v18-cyrillic_latin-regular.woff2') format('woff2'), /* modern br */
     url('/fonts/pt-serif-v18-cyrillic_latin-regular.ttf') format('truetype'); /* old br */
text-rendering: optimizeLegibility;
}
/* pt-serif-italic - cyrillic_latin */
@font-face {
font-display: swap; 
font-family: 'PT Serif';
font-style: italic;
font-weight: normal;
src: local(''), 
     url('/fonts/pt-serif-v18-cyrillic_latin-italic.woff2') format('woff2'), /* modern br */
     url('/fonts/pt-serif-v18-cyrillic_latin-italic.ttf') format('truetype'); /* old br */
text-rendering: optimizeLegibility;
}
/* pt-serif-700 - cyrillic_latin */
@font-face {
font-display: swap; 
font-family: 'PT Serif';
font-style: normal;
font-weight: bold;
src: local(''), 
     url('/fonts/pt-serif-v18-cyrillic_latin-700.woff2') format('woff2'), /* modern br */
     url('/fonts/pt-serif-v18-cyrillic_latin-700.ttf') format('truetype'); /* old br */
text-rendering: optimizeLegibility;
}
/* pt-serif-700italic - cyrillic_latin */
@font-face {
font-display: swap; 
font-family: 'PT Serif';
font-style: italic;
font-weight: bold;
src: local(''), 
     url('/fonts/pt-serif-v18-cyrillic_latin-700italic.woff2') format('woff2'), /* modern br */
     url('/fonts/pt-serif-v18-cyrillic_latin-700italic.ttf') format('truetype'); /* old br */
text-rendering: optimizeLegibility;
}

body {
background-color: #F5FAFE;
font-family: PT Serif, Times New Roman, Georgia, Tahoma, Arial, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
line-height: 150%;
letter-spacing: normal;
color: #0f0f0f;
}
.container {
	max-width: 1450px;
	width: 100%;
	width: expression (document.body.clientWidth > 1450? "1450px": "100%");
	position: relative;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
.maintable {width: 100%;position: relative;border-spacing: 0;padding: 0;}
.left {width: 180px;vertical-align:top;padding-right:15px;}
.right {width: 180px;vertical-align:top;padding-left:15px;}

a {color: #0f52b6;text-decoration: none;}
a:visited {color: #0f52b6;text-decoration: none;}
a:hover {color: #ff4000;text-decoration: underline;}
a name {color: #ff4000;text-decoration: underline;}

h1 {
font: normal 20px tahoma;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size: 140%;
text-align: center;
margin-top: 2px;
margin-bottom: -2px;
}
h2 {
font-size: 120%;
text-align: left;
}
h3 {
font-size: 100%;
font-weight: bold;
text-align: left;
}
h4 {
font-size: 100%;
text-align: left;
font-weight: normal;
font-style: italic;
}
ol {text-align: left;
}
ul {text-align: left;
}
li{
margin-top: 4px;
}
img { border:0;
}
p {
text-align: left;
}
blockquote, dl, .blo {
border-left: medium #a6c3f0 solid;
margin-left: 2%;
margin-right: 1%;
padding: 0px 10px 0px 15px;
font-size:	110%;
}

dd {
margin-left:0px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}
dt {
font-weight:bold;
}
.sodsod {
border-left: medium #ff4000 solid;
padding-left: 40px;
}
.sodsod ul {margin-left:-15px;}
details {
margin-top:10px;
margin-bottom:10px;
}
details li {
margin-left:-5px;
}
summary {
color:#0f52b6;
}
summary::marker {
color: #ff4000;
}
summary:hover {
color: #ff4000;
cursor: pointer;
}

#ads {
color: #808080;
font-size: 70%;
text-align: left;
text-decoration: none;
margin: 0;
border-collapse: collapse;
}
#ads P {
margin-top: 5px;
margin-bottom: 5px;
}
#ads td {
margin-top: -5px;
margin-bottom: -5px;
padding: 0;
list-style: none;
display: inline;
vertical-align:text-bottom
}
#hd {
font-family: Helvetica, Arial, Tahoma, Sans-serif;
font-size: 90%;
font-weight: bold;
}
.ti {
font-family: Times New Roman, serif;
font-size: 1em;
}
.hs {
color: #ff4000;
font-family: Tahoma, Arial, Sans-serif;
font-size: 90%;
margin-bottom: -5px;
line-height: 22px;
}
.blhs {
font-family:Tahoma, Arial, Sans-serif;
font-size: 18px;
line-height: 25px;
}
.tophref {
font-family: Georgia, 'Times New Roman', Tahoma, Arial, serif;
font-size: 90%;
text-decoration: none;
}
.tophref a {
color: #0f52b6;
}
.tophref a:active {
color: #0f52b6;
}
.tophref a:visited {
color: #0f52b6;
}
.tophref a:hover {
color: #ff4000;
text-decoration: underline;
}
.tahohref {
background-color: #0066CC;
color: #FEFEEB;
font-family: Tahoma, Verdana, sans-serif;
text-decoration: none;
}
.tahohref a {
background-color: #0066CC;
color: #FEFEEB;
text-decoration: none;
font-family: Tahoma, Arial, Sans-serif;
}
.tahohref a:active {
color: #FEFEEB;
text-decoration: underline;
font-family: Tahoma, Arial, Sans-serif;
}
.tahohref a:visited {
text-decoration: none;
font-family: Tahoma, Arial, Sans-serif;
color: #FEFEEB;
}
.tahohref a:hover {
text-decoration: underline;
font-family: Tahoma, Arial, Sans-serif;
color: #FEFEEB;
}
.thref a {
color: #0f52b6;
text-decoration: underline;
}
.thref a:active {
color: #0f52b6;
text-decoration: underline;
}
.thref a:visited {
color: #0f52b6;
text-decoration: underline;
}
.thref a:hover {
color: #ff4000;
text-decoration: underline;
}
.link {
text-decoration: none;
font-size: 14px;
color: #000000;
text-align: center;
}
.link a {
width: 185px;
height: 24px;
text-decoration: none;
font-size: 14px;
background-color: #C0C0C0;
color: #000000;
font-weight: bold;
border: 3px solid #C0C0C0;
text-align: center;
}
.link a:active {
width: 185px;
height: 24px;
text-decoration: none;
background-color: #C0C0C0;
color: #000000;
font-weight: bold;
border: 3px solid #C0C0C0;
text-align: center;
}
.link a:visited {
width: 185px;
height: 24px;
text-decoration: none;
background-color: #C0C0C0;
font-weight: bold;
border: 3px solid #C0C0C0;
text-align: center;
color: #000000;
}
.link a:hover {
width: 185px;
height: 24px;
text-decoration: none;
background-color: #C0C0C0;
font-weight: bold;
border: 3px inset #C0C0C0;
text-align: center;
}
.rdhref2 {
font-family: Georgia, Helvetica, Tahoma, Times New Roman, serif;
font-weight: bold;
text-align: left;
font-size: 1.35rem;
}
.rdhref2 a {
color: #0f52b6;
font-weight: bold;
text-align: left;
}
.rdhref2 a:active {
color: #ff4000;
font-weight: bold;
text-align: left;
}
.rdhref2 a:visited {
color: #0f52b6;
font-weight: bold;
text-align: left;
}
.rdhref2 a:hover {
color: #ff4000;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
.tabl2 {
text-decoration: none;
text-align: justify;
}
.tabl2 a {
color: #0f52b6;
font-weight: bold;
text-align: left;
}
.tabl2 a:active {
color: #0f52b6;
font-weight: bold;
text-align: left;
}
.tabl2 a:visited {
color: #0f52b6;
font-weight: bold;
text-align: left;
}
.tabl2 a:hover {
color: #ff4000;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
text1 {
font-weight: bold;
text-align: justify;
}
#l {
text-align: left;
}
#r {
text-align: right;
}
#c {
text-align: center;
}
#j {
text-align: justify;
}
#v {
font-size: 105%;
text-align: center;
margin-top: -10px;
}
#v1 {
font-size: 105%;
font-weight: bold;
text-align: justify;
}
#z {
font-size: 125%;
text-align: center;
margin-top: -5px;
font-weight: bold;
}
#cont {
background-color: #FFF;
vertical-align: top;
text-align: justify;
border: 1px dashed #569ade; 
padding: 2px 2%; 
}
#iimg {
float: left;
margin-top: 3px;
margin-left: 0px;
margin-right: 10px;
vertical-align: middle;
border: 0;
}
#img {
float: left;
margin-top: 3px;
margin-left: 0px;
margin-right: 10px;
vertical-align: middle;
border: 0;
}
#rimg {
float: right;
margin-top: 3px;
margin-left: 10px;
margin-right: 0px;
vertical-align: middle;
border: 0;
}
#is {
float: left;
margin-top: 4px;
margin-left: 0px;
margin-right: 6px;
vertical-align: middle;
border: 0;
}
#line {
height: 0;
text-align: center;
vertical-align: top;
border-top: 1px dotted #569ade;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
#vline {
height: 100%;
width: 0;
text-align: center;
border-left: 1px dotted #569ade;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.navi {
font-size: 80%;
font-family: Geneva, Tahoma, Arial, Helvetica, Georgia, sans-serif;
color: #ff4000;
margin-top: 5px;
text-align: left;
line-height: 20px;
}
.hormenu {margin-left:-35px;}
.hormenu li {display:inline-block;color: #ff4000;margin: 1px;}
.avtor {
margin-top: -1px;
margin-bottom: 5px;
text-align: right;
font-style: italic;
}
.article_tab {
margin-bottom: 2px;
text-align: left;
COLOR: #0f52b6;
OVERFLOW: hidden;
CURSOR: pointer;
}
.activetab {
margin-bottom: 2px;
text-align: left;
COLOR: #0f52b6;
OVERFLOW: hidden;
CURSOR: pointer;
}
.activetab a {
COLOR: #ff4000;
OVERFLOW: hidden;
CURSOR: pointer;
}
.menu {
font-family: PT Serif, Times New Roman, Georgia, Arial, Tahoma, Sans-serif;
font-size: 90%;
line-height: 1.2;
text-align: left;
margin-bottom: 0;
margin-top: 2px;
vertical-align: top;
}
.menu p {
font-size: 100%;
margin-bottom: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 5px;
text-align: left;
}
.menu form {
font-size: 100%;
text-align: left;
}
.menu a {
margin-top: 6px;
margin-bottom: 6px;
text-align: left;
}
.menu li {
margin-left: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 3px;
padding-top: 2px;
list-style: none;
list-style-position: inside;
text-indent: -1em;
text-align: left;
}
.menu2 {
color: #ff4000;
font-size:x-large;
font-weight: bold;
text-decoration: none;
}
.menu2 a {
color: #0f52b6;
text-decoration: none;
}
.menu2 a:active {
color: #0f52b6;
text-decoration: none;
}
.menu2 a:visited {
color: #0f52b6;
text-decoration: none;
}
.menu2 a:hover {
color: #ff4000;
text-decoration: underline;
}
.cont {
padding: 0;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-top: 0;
position: relative;
}
.telo {
font-size: 90%;
}
.forma {
font-size: 70%;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.forma input {
vertical-align: middle;
margin-top: 5px;
margin-bottom: 5px;
}
.big {
font-size: 110%;
line-height: 0.95;
}
.big li {
line-height: 1.3;
}

.biggest {
font-size: x-large;
line-height: 90%;
}
.small {
font-size: smaller;
line-height: 20px;
}
.cent {
float: none;
}
.href2 {
font-family: Arial;
text-decoration: underline;
font-weight: bold;
}

.href2:hover img {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    transform: scale(.98);}

.href2 img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.blue {
font: Tahoma;
font-size:110%;
padding-right: 12px;
padding-left: 5px;
background: #0066CC;
margin-bottom: 14px;
padding-bottom: 2px;
color: #fefeed;
padding-top: 2px;
text-align: center;
}
.blue a {
background-color: #0066CC;
color: #FEFEEB;
text-decoration: none;
font-family: Tahoma, Arial, Sans-serif;
}
.blue a:active {
color: #FEFEEB;
text-decoration: none;
font-family: Tahoma, Arial, Sans-serif;
}
.blue a:visited {
text-decoration: none;
font-family: Tahoma, Arial, Sans-serif;
color: #FEFEEB;
}
.blue a:hover {
text-decoration: underline;
font-family: Tahoma, Arial, Sans-serif;
color: #FEFEEB;
}
.reg table {
border-bottom: hidden;
border-right: hidden;
}
.reg td {
border-top: hidden;
border-left: hidden;
}
#bpic {
text-align: right;
border-style: none;
border-color: inherit;
border-width: 0;
margin-top: -5px;
margin-bottom: 10px;
vertical-align: bottom;
width: 30px;
height: 15px;
}
#lban {
margin-top: 2px;
margin-left: 2px;
margin-bottom: -1px;
text-align: center;
position: relative;
border: 0;
width: 180px;
height: 180px;
}
img#lban {
border-bottom: 4px #F5FAFE solid
}
img#lban:hover {
border-bottom: 4px #ff4000 solid;
}
#foot {
background-color: #0066CC;
border: 0;
width: 100%;
height:24px;
border-width: 1px;
border-collapse: collapse;
border-color: #0F52B6;
text-align: center;
padding: 0;
}
#viz3 {
display: none;
}
#viz3 {
display: none;
}
#viz1 {
display: none;
}
#ads3 {
vertical-align:middle;
padding-left:25px;
min-width:400px;
}
.mw {
width:400px;
}
.ram {
background-color:#F5FAFE;
margin:15px 10px 20px 10px;
padding: 5px 20px 1px 20px;
box-shadow: 0 0 10px #0f52b6;
border:1px solid #d4ebfd;
}
.ram summary {margin:8px 0 10px;cursor:pointer;}
.redram {
background-color:#fff5ef;
margin:10px 0 15px 0;
padding: 1px 15px 1px 15px;
border:2px solid #eed3d7;
}
.blueram {
background-color:#eff8fe;
margin:10px 0 15px 0;
padding: 1px 15px 1px 15px;
border:2px solid #d4ebfd;
}
.greenram {
background-color:#f4fff0;
margin:10px 0 15px 0;
padding: 1px 15px 1px 15px;
border:2px solid #d6e9c6;
}
.yram {
background-color:#fefeef;
margin:10px 0 15px 0;
padding: 1px 15px 1px 15px;
border:2px solid #fdf0a2;
}
.gram {
background-color:#eefdff;
margin:10px 0 15px 0;
padding: 1px 15px 1px 15px;
border:2px solid #cdf7ff;
}
.formreg input{
color:white;
font-family:Verdana, Arial, sans-serif;
font-size: 20px;
border-bottom:14px FF4000 solid;
padding-bottom:5px;
max-width:220px;
height:36px;
cursor:pointer;
background-color:#ff4000
}
.formreg input:hover{
background-color:#fd6938
}


.scale:hover {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
zoom: 1.05\9;
}
.scale.sl:hover{padding-left:42px; padding-left:0\9;}  
.scale.sr:hover{ padding-right:130px; padding-right:0\9;}
.orange{
color:#ff4000;
font-weight:bold;
}
.mainblck {
width: 102%;
margin-left:-5px;
display: block;
text-align: center;
}
.hldr {
margin-left:3px;
padding-bottom:-6px;
}
.testblck, .blck {
margin: 10px 12px 0 7px\9;
margin: 10px 5px 0 5px;
display: inline-block;
width:205px\9;
*width:205px;
vertical-align:top;
text-align: left;
border-bottom: 4px transparent solid;
zoom: 1\9;
*display: inline;

}

.testblck:hover, .blck:hover{
border-bottom: 4px #ff4000 solid;
}
.testblck:hover a.big, .blck:hover a.big {
color: #ff4000;
}

.testblck img, .blck img{
width:100%;height:auto;*width:205px;
  -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);

}
.testblck:hover img, .blck:hover img {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    transform: scale(.98);}
.rmk {
border-collapse: collapse;
position: relative;
float: right;
top:0;
width:40%\9;
}
.blck3 p{line-height: 1.2;
}
.blck3 a{
margin-bottom:-6px;
}
.blck3 a:hover{
text-decoration:underline;
color:#ff4000;
}
.blck2 {
display: inline-block;
width:210px;
max-width:210px;
margin-bottom:3px;
vertical-align:top;
text-align: left;
zoom: 1;
*display: inline;
}
.pay2 input:hover{
background-color:#90d3af
}
.resim {display:table;
table-layout:fixed;
width: 100%;
clear: both;
margin-right:-8px;
margin-left:-1px;
margin-top:10px;
text-align:center;
font-style:italic;
line-height: 25px;
}
.resim img {
max-width: 100%;
height: auto;
}
#shs {
text-align:left;
}
.ttab {
border-spacing:0;
border:1px solid #9f9f9f;
font-size:smaller;
vertical-align:top;
}
.ttab td, .ttab th {
padding:2px;
border: 1px solid #9f9f9f;
text-align:left;
vertical-align:top;
line-height:normal;
}
.ttab caption {
font-weight:bold;
font-style:italic;
font-size:120%;
margin-bottom:10px;
}
.items li {
list-style: none;
width:100%;
margin: 0 auto;
}
.showitems {
display:block !important;
}
#nav {
margin:0;
padding:0;
width: 100%;
z-index: 999;
background-color:#F5FAFE;

}
#nav li {display: block;}
.icon {display: none;}
.menu5 {display: none}
#upb {
height: 50px;
width: 50px;
bottom: 40px;
right: 30px;
cursor: pointer;
display: none;
overflow: hidden;
position: fixed;
z-index: 9999;
}
.poll {font-size:smaller;}
.poll img{ height:10px; max-width:100%
}
#vn {
display: inline;
}
figure {
margin:0;
}
figcaption {
display:block; clear:both;  padding-top:5px;
}

.video-responsive { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow:hidden; 
} 
.video-responsive embed {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%; 
}
.video-responsive object {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%; 
}
.video-responsive iframe {
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%; 
}
.i3-news {width:100%\9;
}
.i3-news img {width:100%;
height:auto;width:125px\9;height:102px\9;				
}
.i2-news img {			
width:40%;max-width:220px;height:auto;width:140px\9;height:113px\9;}
#slider_nav ul {display:none;}

.pss li {display:inline;padding: 1px;}
.pss li:before{content: "• "; }
ul.pss {margin:0;padding:4px;text-align:center;}

#block731,
#block711,
#block811,
#block411,
#block611,
#block511,
#block911,
#block311,
#block211,
#block111,
#block721 {display:none;}

.googlrecl {margin:5px 0 5px 0;max-width:100%;}
ins[data-ad-status=unfilled] {display:none!important}
.no {list-style-type: none;}
.no li {margin-left:-15px;}
.lib {margin:20px 0px -15px;}
@media only screen and (max-width: 2560px), only screen and (max-device-width: 2560px)
{
p {
text-align: left;
}
#ads5 {
width: 490px;
}
.blck {
margin: 10px 7px 0 7px;
width:31%;
}
.testblck {
margin: 10px 7px 0 7px;
width:31%;
}

#slider_nav ul {display:block;
}
}
@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px)
{
.blck {
margin: 10px 7px 0 7px;
}
.blck {width:31%}
.ttt {
display:none
}
.rmk {
width:30%;
}


}
@media only screen and (max-width: 1250px), only screen and (max-device-width: 1250px)
{
.blck {width:31%}
}
@media only screen and (max-width: 1140px), only screen and (max-device-width: 1140px)
{
p {
text-align: left;
}
#ads5 {
max-width: 400px;
}
.ttt {
display:none;
}
.blck {
margin: 10px 7px 0 0;
width:31%;
}
.menu222, .left {display:none;}
.right {padding-left:10px;}
#cont {
width: 90%;
position:relative;
}

}
@media only screen and (max-width: 995px), only screen and (max-device-width: 995px)
{
#ads5 {
max-width: 300px;
}
.ttt {
display:inline;
}
.testblck, .blck {
margin: 10px 14px 0 0;
width:45%;
}
select {
max-width: 360px;
width: auto\9;
height: inherit;
}
textarea {
max-width: 360px;
width: auto\9;
height: inherit;
}
.osform input {
max-width: 230px;
width: auto\9;
height: inherit;
}
.ttab {
font-size:small;
}
.rmk {margin-right:20px;margin-bottom:10px;
width: 100%; position:relative;
}
.i3-news img {width:30%;
height:auto;				
}
.scale:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.scale.sl:hover{padding-left:0;} .scale.sr:hover{ padding-right:130px;}
img.block {max-width:300px;width:100%;height:auto;}
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px)
{
img {
max-width: 320px;
height: auto;
}
img#fancy_img {
max-width: 100%;
}
#ads2 {
max-width: 520px;
}
#ads5 {
max-width: 250px;
}
.post {
text-align: left;
}
li {
text-align: left;
}
h3 {
text-align: left;
}
.mw {
display:none
}
.ttt {
margin-left:-2px;
margin-right:-2px;
display:inline;
}
#ads3 {
display:none
}
.tttab {max-width:550px; overflow-x:scroll;}
}
@media only screen and (max-width: 770px), only screen and (max-device-width: 800px) and (orientation:portrait)
{
img {
max-width: 100%;
height: auto;
}
.rmk {margin-right:1px;
width: 30%;
}
.i3-news img {width:100%;
height:auto;				
}

#ads {
display: none;
}
#vn {
display: none;
}
.menu {
display: none;
}
#viz3 {
display: inline;
}
#viz1 {
display: inline;
}
#cont {
width: 100%;
position:relative;
}
#hp {
width: 100%;
position:relative;
}
.ram {
margin:5px 8px 15px 3px;
padding: 5px 5px 5px 10px;
}
.redram {
padding-left:10px;
padding-right:5px;
margin-right:3px;
margin-left:-3px;
}
.blueram {
padding-left:10px;
padding-right:5px;
margin-right:3px;
margin-left:-3px;
}
.greenram {
padding-left:10px;
padding-right:5px;
margin-right:3px;
margin-left:-3px;
}
.yram {
padding-left:10px;
padding-right:5px;
margin-right:3px;
margin-left:-3px;
}
.gram {
padding-left:10px;
padding-right:5px;
margin-right:3px;
margin-left:-3px;
}
#ads2 {
max-width: 500px;
}
#ads5 {
max-width: 360px;
}
.blck {
margin: 10px 6px 0 0;
width:32%;}
.blck img{
width:100%;}
.mainblck {
width: 100%;
}
.ttt {
display:none;
}
#viz3 {
display: none;
}
#viz2 {
font-weight:bold;
display:inline-block;
text-align:right;
}
.icon {
display:block;
font-size:large;
padding:6px 6px 0 6px;
cursor:pointer;
background:url('i/me1.png') no-repeat right #0066cc;
display: block;
margin-bottom:2px;
}
.items {
display:none;
}
.items li {
display:table;
font-size:larger;
line-height: 30px;
}
.menu5 {display:block}
.foot { font-size:larger;
}
#testpic img {
max-width: 330px;
width: auto\9;
height: auto;
}

}
@media only screen and (max-width: 665px), only screen and (max-device-width: 665px)
{
.ttt {
display:inline;
margin-left:2px;
margin-right:-2px;
}
.blck {
margin: 10px 8px 0 0;
width:45%;}
.blck img{
width:100%;}
.tttab {max-width:450px; overflow-x:scroll;}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px)
{
.rdhref2 {				
font-size:1.25rem;
line-height: 1.2;
}
#ads2 {
max-width: 400px;
}
img {
max-width: 330px;
width: auto\9;
height: auto;
}
.rmk {margin-right:20px;margin-bottom:10px;
width: 100%;
}
.i3-news img {width:40%;
height:auto;				
}
#blck {
max-width:100%;
}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 800px) and (orientation:portrait)
{
.navi { 
font-size: 90%;
}

#foot {
width:100%
}
#ads2 {
max-width: 360px;
}

.testblck {
width:100%;
}
.testblck img {
max-width:430px;
}
.lib {margin-bottom:-13px;}
.foot2 {margin-left: 5px;}

}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)
{
html {
    overflow-x: hidden;
}

body {
overflow-x:hidden;
position: relative;
width: 100%;
font-size:17px;
line-height: 155%;
font-family: "PT Serif", "Times New Roman", Georgia, Tahoma, Arial, serif;
margin:5px 0px 0px 0px;
}
#nav {width:100%;margin-left: -1px;
    }
.main {
	margin-left: -1px;
padding-left: 4px;
}
.navi {
font-size:80%;
}
li {
margin-left:-15px;
}
.tophref{
font-size:90%;
}
h2{
font-size:130%;
}
.sodsod {
padding-left: 55px;
margin-left:-5px;
}
.sodsod li {
margin-left: -25px;
}
.no li {
margin-left: -40px;
}
img {
max-width: 400px;
width: auto\9;
height: auto;
}
#rimg {
display:block;
float:none;
max-width:400px;width:100%;
margin: -2px -4px 5px 0;
}
#img {
display:block;
float:none;
max-width:400px;width:100%;
margin: -2px -4px 5px 0;
}
.resim img {
max-width:100%; width:100%;
}
#iimg {
min-width: 190px;
}
.blhs {
font-family:Tahoma, Arial, Sans-serif;
font-size: 17px;
line-height: 26px;
}
#shs {
width:100%;
clear:both;
}
.kin {
display: none;
}
#viz3 {
display: none;
}
#ads2 {
max-width: 99%;
width: 220px;
}
#ads5 {
max-width: 220px;
}
.testblck, .blck {
max-width:440px;
width:100%;
margin-left:-3px
}
img#testblck, img#blck{
max-width:440px;
width:100%;
}
.post img{
max-width:400px;
width:100%;
}
.mainblck {
margin-left:1px;
}
select {
max-width: 150px;
width: auto\9;
height: inherit;
}
textarea {
max-width: 150px;
width: auto\9;
height: inherit;
}
.osform input {
max-width: 140px;
width: auto\9;
height: inherit;
}
.i3-news img {width:100%;
height:auto;				
}
img.icon {
max-width:33px;
width:33px;
}
.googlrecl {margin:5px 0 5px 0;max-width:100%;}
#testpic {display:inline-block;width:100%;}
#testpic img {margin-bottom:5px;}
.tttab {max-width:310px; overflow-x:scroll;}

}

@media only screen and (max-width: 240px), only screen and (max-device-width: 240px)
{
#iimg {
max-width:190px;
}
img {
max-width:190px;
}
.testblck, .blck {
max-width:210px;
}
.payd {
width:200px;
}
.paydd {
width:200px;
}
.rmk {
margin-left:-20px;
}
input.pay {
max-width: 220px;
width: auto\9;
height: inherit;
}
img.pay {
min-width: 190px;
width: auto\9;
height: inherit;
}
.tttab {max-width:200px; overflow-x:scroll;}
}
