* {
margin : 0;
padding : 0;
}
body {
font-family : 'Candara', serif;
font-size : 100%;
/*background : url(../images/siteBackground.jpg);*/
margin : 0;
padding : 0;
color : #858585;
text-shadow : 0 0, 1px 1px #ffffff;
}
h1 {
color : #363636;
font-size : 33px;
font-family : 'Segoe Script', 'Comic Sans MS', 'Georgia', cursive;
font-weight : normal;
text-shadow: 4px 0px, 2px 0px #FC0808;
letter-spacing : 0;
padding : 0 0;
}
h2 {
color : #363636;
font-size : 20px;
font-family : 'Segoe Script', 'Comic Sans MS', 'Georgia', cursive;
font-weight : normal;
border-bottom : 1px solid #858585;
padding-bottom : 5px;
margin : 20px 0;
}
h3 {
color : #363636;
font-size : 20px;
font-family : 'Segoe Script', 'Comic Sans MS', 'Georgia', cursive;
font-weight : normal;
border-bottom : 1px solid #858585;
padding-bottom : 5px;
margin : 20px 0;
}
h4, h5 {
color : #363636;
font-size : 16px;
font-family : 'Candara', serif;
font-weight : normal;
}
h5 {
border-bottom : 1px solid #858585;
padding-bottom : 5px;
margin : 20px 0;
}
h6 {
color : #363636;
font-size : 14px;
font-family : 'Candara', serif;
font-weight : normal;
text-align: center;
}

a img {
border : none;
}
a {
color : #d34e16;
text-decoration : none;
}
a:hover, a:active, a:focus {
color : #d34e16;
text-decoration : none;
}
h1 a {
color: rgba(40, 102, 22, 0.9);
float : left;
padding : 0 0;
}
img {
max-width : 100%;
height : auto;
width : auto;
}
p {
line-height : 140%;
}
hr {
margin : 8px 0 4px 0;
background : #858585;
height : 1px;
border : 0;
}
/*.otwet{
writing-mode: tb-rl;
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
width:70%;
text-align: left;
}*/

.otwet {
    transform: rotate(-180deg);
    width: 70%;
    text-align: left;
	}

.more {
padding-top : 5px;
}
.gg  { 
     padding: 5px;
     margin: 1px;
     text-align: left;
     padding-left: 65px;}
.clearfloat {
clear : both;
height : 0;
line-height : 0;
}
.counter { 
         padding: 0; 
         margin: 0; 
         text-align: center;}

.yaxybox {
width : 93.75%;
margin : 0 auto;
}
.yaxy {
float : left;
padding-top : 40px;
display : inline;
list-style : none;
padding : 1px;
font-size : 1.285714285714286em;
display : inline;
color : #ffffff;
text-shadow : none;
background : #363636;
padding : 40px 97px;
clear : both;
height : 0;
background : url(../images/yaxy.gif) no-repeat #dedede;
color : #000;
}
.adscontainer {
background : #e7e7e7;
}
.ads {
padding : 12px;
text-align : center;
text-shadow : none;
}
.yaxycontent {
float : right;
width : 72.91666666666667%;
}
.yaxytop {
float : left;
width : 100%;
}
.yaxytext {
float : left;
width : 65%;
font-size : 14px;
display : block;
color : #858585;
text-shadow : none;
padding : 1px 5px;
}
.text {
text-align : justify;
text-indent : 0px;
}
.text2 {
text-align : justify;
text-indent : 30px;
}
.yaxyads {
float: left;
width: auto;
min-width: 200px;
display: block;
padding-top: 20px;
margin: 5px;
padding-left: 20px;
}
.divbr {
position : relative;
width : 100%;
height : 14px;
}
.yaxytitle {
color : #363636;
padding : 0 0 10px 0;
}
.yaxyalso {
float : none;
width : auto;
}
.yaxyalsocontent {
    float: left;
    display: block;
    width: 60%;
    min-height: 200px;
    max-width: 70%;
    padding-left: 2%;
	}

.yaxyalsocontentsz  {
float: left;
display: block;
width: 190px;
min-height: 100px;
text-align: justify;
padding-left: 1%;
} 
.yaxyalsocontentup {
clear : both;
float: left;
display : block;
width:100%;
height:auto;
padding-top: 5px;
}
.yaxyalsocontent ul{
margin: -5px 10px 5px;
}
.yaxyalsocontent li{
list-style: inside none square;
}

.yaxydown {
width : 100%;
}
.yaxydown li {
padding-bottom : 20px;
list-style : none;
}

.menubar {
margin : 0 75% 0 0;
}
.menubarone {
border-top : 1px solid #858585;
}
.menubar li {
list-style : none;
width : 100%;
border-right : 1px solid #858585;
border-bottom : 1px solid #858585;
border-left : 1px solid #858585;
}
.menubar li a {
display : block;
background : url(../images/p.png) 10px 13px no-repeat #ffffff;
padding : 7px 10px 7px 17px;
}
.menubar li a:hover {
background : url(../images/p2.png) 10px 13px no-repeat #e7e7e7;
color : #363636;
}

footer {
background : #f3f3f3;
margin-top : 20px;
}
footer ul {
padding : 20px 0;
text-align : center;
}
footer li {
display : inline;
padding : 0 1%;
}
footer li span {
color : #363636;
}
footer a {
text-decoration : underline;
}

nav {
float : right;
padding-top : 11px;
}
nav li {
display : inline;
list-style : none;
padding : 1px;
}
nav li a {
font-size : 20px;
display : inline;
color : #ffffff;
text-shadow : none;
background : #363636;
padding : 1px 3px;
}
nav li a:hover {
background : #d34e16;
color : #ffffff;
}
nav #active a {
background : #d34e16;
color : #ffffff;
}

navnext {
padding-top : 0;
}
navnext ul {
padding : 0 0 0 0;
}
navnext li {
display : inline;
list-style : none;
padding : 1px;
}
navnext li a {
font-size : 16px;
display : inline;
color : #ffffff;
text-shadow : none;
background : #363636;
padding : 1px 3px;
}
navnext li a:hover {
background : #d34e16;
color : #ffffff;
}
navnext #active a {
background : #d34e16;
color : #ffffff;
}

navstr {
padding-top : 0;
}
navstr ul {
padding : 0 0 0 0;
margin : 0 0 0 0;
}
navstr li {
display : inline;
list-style : none;
padding : 1px;
}
navstr li a {
font-size : 16px;
display : inline;
color : #ffffff;
text-shadow : none;
background : #363636;
padding : 1px 3px;
}
navstr li a:hover {
background : #d34e16;
color : #ffffff;
}
navstr #active a {
background : #d34e16;
color : #ffffff;
}

navtema {
padding-top : 0;
}
navtema ul {
padding : 0 0 0 0;
}
navtema li {
display : inline;
list-style : none;
padding: 2px;
}
navtema li a {
font-size : 16px;
display : inline;
color : #ffffff;
text-shadow : none;
background : #363636;
padding : 1px 3px;
}
navtema li a:hover {
background : #d34e16;
color : #ffffff;
}
navtema #active a {
background : #d34e16;
color : #ffffff;
}
list {
padding-top : 0;
}
list ul {
padding : 0 0 0 0;
}
list li {
display : none;
list-style : none;
padding: 2px;
}
list li a {
font-size : 16px;
display : none;
color : #ffffff;
text-shadow : none;
background : #363636;
padding : 1px 3px;
}
list li a:hover {
background : #d34e16;
color : #ffffff;
}
list #active a {
background : #d34e16;
color : #ffffff;
}

@media screen and (max-width:1024px) {
.yaxytext {
    width: 60%;}
.yaxyads {
    padding-left: 10px;
    width: 30%;
    margin: auto;
    float: left;
    padding-top: 10px;
    max-width: 33%;
	}
}
@media screen and (max-width:780px) {
nav li a {
    font-size: 18px;}
.yaxycontent {
    width: 64%;
}
.yaxytop {
    width: 100%;}
.yaxytext {
float : left;
width : auto;
}
.menubar {
    margin: 0px 75% 0px 0px;
    width: 35%;
	}
.yaxyads {
    width: 100%;
    margin: auto;
    padding-left: 0px;
    float: left;
    padding-top: 20px;}
.yaxyalsocontentsz {
    float: none;
    margin: auto;
}
.yaxyalsocontent {
    float: none;
    display: block;
    min-height: 200px;
    max-width: 100%;
    padding-left: 2%;
    width: 100%;
    margin: auto;
}	
}
@media screen and (max-width:680px) {
h1 {
text-align : center;
font-size : 27px;
font-weight: bold;
text-shadow: none;
}
h1 a {
float : none;
}
h2 {
font-size : 16px;
text-align : center;
}
h3 {
font-size : 16px;
text-align : center;
}

navtema {
float : none;
padding-top : 5px;
}
navtema li {
    display: block;
    list-style: outside none none;
    padding: 2px;}
navtema li a {
display : block;
}	
navnext {
float : none;
padding-top : 5px;
}
navnext li {
    display: block;
    list-style: outside none none;
    padding: 2px;}
navnext li a {
display : block;
}
navstr {
float : none;
padding-top : 10px;
}
navstr li {
    display: inline;
    list-style: outside none none;
    padding: 0px;}
nav {
float : none;
padding-top : 10px;
}
nav li {
    display: block;
    list-style: outside none none;
    padding: 1px;
	text-align : center;
}
nav li a {
display : block;
}

list {
float : none;
padding-top : 10px;
}
list li {
    display: block;
    list-style: outside none none;
    padding: 1px;
	text-align : center;
}
list li a {
display : block;
}

.yaxycontent {
    float: none;
    width: 100%;
}

.yaxytext {
float : left;
width : auto;
}
.text {
text-align : justify;
text-indent : 0px;
}
.yaxyalsocontent {
    float: none;
    width: 100%;
	max-width: 100%;
}
.yaxyalsocontent li {
list-style: none none square;
}
.yaxyalsocontentsz  {
float: none;
display: block;
width: 190px;
min-height: 100px;
text-align: justify;
margin: auto;
} 
.yaxyalsocontentup {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    height: auto;
	padding-top: 10px;
	margin: auto;
}
.yaxyads {
    max-width: 660px;
    margin: auto;
    float: left;
    padding-left: 0px;
}
.menubar {
width: 100%;
}
}
@media screen and (max-width:480px) {
h1 {
text-align : center;
font-size : 27px;
font-weight: bold;
text-shadow: none;
}
h1 a {
float : none;
}
h2 {
font-size : 16px;
text-align : center;
}
h3 {
font-size : 16px;
text-align : center;
}

navtema {
float : none;
padding-top : 5px;
}
navtema li {
    display: block;
    list-style: outside none none;
    padding: 2px;}
navtema li a {
display : block;
}	
navnext {
float : none;
padding-top : 5px;
}
navnext li {
    display: block;
    list-style: outside none none;
    padding: 2px;}
navnext li a {
display : block;
}
navstr {
float : none;
padding-top : 10px;
}
navstr li {
    display: inline;
    list-style: outside none none;
    padding: 0px;}
nav {
float : none;
padding-top : 10px;
}
nav li {
    display: block;
    list-style: outside none none;
    padding: 1px;
	text-align : center;
}
nav li a {
display : block;
}

.yaxycontent {
    float: none;
    width: 100%;
}
.yaxycontent {
    float: none;
    width: 100%;
}
.yaxytext {
float : left;
width : auto;
}
.text {
text-align : justify;
text-indent : 0px;
}
.yaxyalsocontent {
    float: none;
    width: 100%;
	max-width: 100%;
}
.yaxyalsocontent li {
list-style: none none square;
}
.yaxyalsocontentsz  {
float: none;
display: block;
width: 190px;
min-height: 100px;
text-align: justify;
margin: auto;
} 
.yaxyalsocontentup {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    height: auto;
	padding-top: 10px;
	margin: auto;
}
.yaxyads {
    float: left;
    max-width: 460px;
    margin: auto;
}
.menubar {
width: 100%;
}
}
@media screen and (max-width:320px) {
h1 {
text-align : center;
font-size : 21px;
font-weight: bold;
text-shadow: none;
}
nav li a {
font-size : 16px;
}
navnext li a {
font-size : 14px;
}
navstr li a {
font-size : 14px;
}
navtema li a {
font-size : 14px;
}
.yaxydown {
    width: 100%;
    display: none;
}
.yaxyads {
    float: left;
    max-width: 300px;
    margin: auto;
	padding-left: 0px;
}
.yaxyalsocontentup {
    max-width: 300px;
    margin: auto;
}
footer ul {
    font-size: 10px;
}
}