@media screen and (max-width: 695px) {
#bottom1 {width: 49% !important; padding-top: 5px !important; ğadding-bottom: 5px !important;}
#bottom2 {width: 50% !important; padding-top: 5px !important; ğadding-bottom: 5px !important;}
#bottom3 {width: 100% !important; padding-top: 5px !important; ğadding-bottom: 5px !important;}
}
@media screen and (max-width: 650px) {
img {max-width: 96% !important; height: auto !important;}
iframe, textarea, input, button, submit, video, object, embed, select {max-width: 99% !important;}
table, span, div, ins {max-width: 100% !important;}
#vk_comments {max-width: 99% !important;}
#fb-comments {max-width: 99% !important;}
#comments, #comments iframe {max-width: 98% !important; width: 98% !important;}
}
@media screen and (max-width: 500px) {
h1, h2, h3 {line-height: 130%;}
body, tbody {font-size: 110%; line-height: 130%;
-o-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
.menu {width: 100% !important; max-width: 100% !important;}
#menu1 {width: 100% !important; max-width: 100% !important; display: block; float: left !important;}
#menu2 {width: 100% !important; max-width: 100% !important; display: block; float: left !important;}
table td {background-size: 100% 100%;}

.psyxologiya * {line-height: 100% !important;}
#ya_share {width: 99% !important;}
#g1 {height: 0px !important; display: none !important;}
.strelki {margin-bottom: -5px !important; margin-top: -9px !important;}
.skr {display: inline !important;}
#tablemain {float: left !important;}
#SRTB_11791 {display: none !important;}
.g1_zakr {display: none !important;}
}
@media screen and (max-width: 450px) {
#bottom1 {width: 100% !important; padding-top: 10px !important; ğadding-bottom: 10px !important;}
#bottom2 {width: 100% !important; padding-top: 10px !important; ğadding-bottom: 10px !important;}
#bottom3 {width: 100% !important; padding-top: 10px !important; ğadding-bottom: 10px !important;}
h1, h2, h3 {line-height: 150%;}
body, tbody {line-height: 150%;}
}
@media screen and (max-width: 400px) {
#ya_share {display: none !important;} 
}
@media screen and (max-width: 350px) {
h1 {padding-top: 5px;}
body, tbody {word-break: break-all;}
#fly2 {display: none !important;}
}
@media screen and (max-width: 320px) {
#ya_share {display: none !important;}
}


.pod {border-bottom: 1px #CCCCCC dashed; text-decoration:none;}
.img {
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-image:url('/loading.gif'); background-position:center;background-repeat:no-repeat;}
.qvote{background-color: white; width:80%; border:1px #CCCCCC dotted; padding: 1px; margin:1px;}
.zag {
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-o-box-shadow: 0 5px 5px rgba(204,204,204,0.5);
-moz-box-shadow: 0 5px 5px rgba(204,204,204,0.5);
-webkit-box-shadow: 0 5px 5px rgba(204,204,204,0.5);
box-shadow: 0 5px 5px rgba(204,204,204,0.5);
background-color: white; border:1px #CCCCCC solid;}

body, html {padding: 0px; margin: 0px;}

h1, h2, h3, h4, h5, h6 {text-shadow: 0 3px 4px rgba(204,204,204,0.7);}
h1 {font-size: 2em; line-height: normal; padding: 0px;margin: 0px;}
h2 {font-size: 1.5em; line-height: normal;}
h3 {font-size: 1.17em;  line-height: normal;}
#fr h3 {margin: 3px;}

textarea, input, button, select {
-o-box-shadow: 0px 3px 4px rgba(204,204,204,0.3);
-moz-box-shadow: 0px 3px 4px rgba(204,204,204,0.3);
-webkit-box-shadow: 0px 3px 4px rgba(204,204,204,0.3);
box-shadow: 0px 3px 4px rgba(204,204,204,0.3);
}

body {font-family: Georgia, 'Times New Roman';
line-height: 140%;
background: top left url(/ramki/fon.jpg) no-repeat;
-webkit-transition: background-position 0s;
-moz-transition: background-position 0s;
-o-transition: background-position 0s;
transition: background-position 0s;
background-color: #ffffff;
}

#fon2{background: bottom right url(/ramki/fon2.jpg) no-repeat; width:100%;}

A {color: #333333;} a:visited {color: #888888;} a:active{color: #FF0000;} a:hover{color: #000000;}
body, table {border:0px; border-collapse:collapse;} table td{padding:0px;} table tr{padding:0px;}

a[href^="/go.php?go"]:not([class*="ya"]),a[href^="https://psymania.info/go.php?go"]{
background:url(/ramki/bl.gif) right 0px no-repeat;
padding-right:8px;
}
a{z-index: expression(runtimeStyle.zIndex = 1, this.getAttribute("href").lastIndexOf("/go.php?go")>0 & className == "" ? (className = "outLink") : 0);}
a.outLink{
background:url(/ramki/bl.gif) right 0px no-repeat;
padding-right:8px;
}

#fr{
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;}
iframe, div, span{
-webkit-transition: height 1s;
-moz-transition: height 1s;
-o-transition: height 1s;
transition: height 1s;}

.divOne {border: 0px #FFFFFF solid; margin:1px; padding:2px;opacity: 1;}
.divOne:hover {border: 1px #AAAAAA solid; margin:1px; padding:1px;opacity: 1;background-image:url('/ramki/fon.png');
-o-box-shadow: 0px 1px 3px 1px rgba(204,204,204,0.7);
-moz-box-shadow: 0px 1px 3px 1px rgba(204,204,204,0.7);
-webkit-box-shadow: 0px 1px 3px 1px rgba(204,204,204,0.7);
box-shadow: 0px 1px 3px 1px rgba(204,204,204,0.7);
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div {-webkit-transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: opacity 0.7s;
}

.psyxologiya * {padding: 0px; margin: 0px; line-height: 120% !important; cursor: pointer;text-decoration:none;}
.psyxologiya {margin-left:10px;}
.psyxologiya li {display: inline;}
.psyxologiya_text, .psyxologiya_text A, .psyxologiya_text A:hover {color: #444444;font-size: 13px;} 
.psyxologiya_url {color: #AAAAAA;font-size: 12px;}
.psyxologiya_header, .psyxologiya_header A {color: #333333;font-weight: bold;text-decoration: underline;font-size: 14px;}