@charset "utf-8";
/* CSS Document */
body, html {
margin:0px;
padding:0px;
text-align:center;
background-image:url(img/fon2.png); 
}
#container{
background-color:#C4E5C4;
min-width:150px;
width:100%;
max-width:1000px;
margin:0 auto;
text-align:left;
}
#header{
background-color:#63B9DA;
background-image:url(img/pole.jpg);
height:200px;
width:auto;
}
#left{ 
background-color:#FFFFFF;
margin-left:4%;
margin-right:1%;
width:64%;
float:left;
}
#right{
background-color:#C4E5C4;
width:31%;
float: right;
}
#clear{ 
height:0px;
font-size:1px;
line-height:0px;
clear: both;
}
#footer{ 
background-color:#4C9E4A;
}
h1{
color:#54883D;
padding-left:12px;
font-size:24px;
font-family: Arial, "Times New Roman", Georgia;
text-align:center;
}
.ptext{
padding-left:10px;
padding-right:10px;
text-indent:20px;
font-family: Arial, "Times New Roman", Georgia;
font-size:14px;
}
.pme{ 
padding-left:10px; 
margin-top:40px;
font-size:16px;
line-height: 27px; 
font-family: "Arial Black", Arial, sans-serif;
}
.leter{ 
font-size:18px;
padding-left:30%;
font-size:20px;
color:#B5A202;
}
.ptabl{
padding-left:2%;
font-size:14px;
font-family: Arial, "Times New Roman", Georgia;
}
.ps{
font-family: Arial, "Times New Roman", Georgia;
padding-left:8px;
padding-right:8px;
font-size:14px;
}
.psh{
text-align:center;
font-size:12px;
}
.fot1{ 
padding-right:10px;
padding-left:3px;
padding-bottom:8px;     
}
.fot2{ 
padding-right:10px;
padding-left:3px;
padding-bottom:8px; 
}
.fot3{ 
padding:7px; 
}
.fot4{ 
padding-right:10px;
padding-left:3px;
padding-bottom:8px;     
}
.fot5{
padding: 8px;
width:96%; 
}
.ph{ 
font-family: Arial, "Times New Roman", sans-serif;
font-size:18px;
padding-left:10px;
}
.pimg{
font-family: Arial, "Times New Roman", sans-serif;
font-size:14px; 
}
.ya1{ width:80%; 
margin-left:10%; 
margin-top:8px; 
margin-bottom:8px;
}
.ya2{ width:70%; 
margin-left:15%; 
margin-top:8px; 
margin-bottom:8px;
}
a:link{
color:green;
text-decoration:
}
a:hover{
color:red;
}
a:visited{
color:green;
}
@media screen and (max-width: 715px) {
#container #left {
width: 95%;
margin-left:14px;
}
#container #right {
float: none;
clear: both;
width: 95%;
margin: 14px;
}
#container #right .otst{ 
margin-top: 0px;
}
 }
 @media screen and (max-width: 500px) {
#container #header{  
background-color:#AFE4F9; 
background-image:url(img/pole3.jpg);
height: 120px; 
}
#container #left {
width: 96%;
margin-left:7px;
}
#container #left h1{
padding-left:8px;
font-size:20px;
}	
#container #left .ptext{
padding-left:7px;
padding-right:5px;
text-indent:14px;
}
#container #left .fot1{ 
margin-left:110px; 
width: 65%;
}
#container #left .fot2{
width: 50%;
}
#container #left .fot4{ 
width: 55%;
}
#container #left .ya1{ 
width:90%; 
margin-left:5%; 
margin-top:8px; 
margin-bottom:8px;
}
#container #right {
float: none;
clear: both;
width: 96%;
margin: 7px;
}
 }
  @media screen and (max-width: 346px) {
#container #left {
width: 98%;
margin-left:3px;
}	
#container #left .ptext{
padding-left:5px;
padding-right:4px;
}
#container #left h1{
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
}
#container #left .ph{ 
font-size:16px;
padding-left:5px;
}
#container #left .fot1{ 
margin-left:0px; 
width: 90%;
}
#container #left .fot2{
margin-left:65px;
width: 65%;
}
#container #left .fot4{ 
margin-left:55px; 
width: 70%;
}
#container #left .ya1{ 
width:96%; 
margin-left:2%; 
margin-top:8px; 
margin-bottom:8px;
}
#container #left .ya2{ 
width:96%; 
margin-left:2%; 
margin-top:8px; 
margin-bottom:8px;
}
#container #right {
float: none;
clear: both;
width: 98%;
margin: 3px;
}
 }