BODY { background-image : url(foto/oform/Fon_osnovnoy.jpg); }

a:hover { color:red ; text-decoration:none; font-weight:bold; }
a img { border: none;}

#left_menu {background:#FFE4B5;}

@media screen and (min-width : 1024px){
#pearent {width:80%;
	margin-left: auto;
	margin-right: auto;}

.middle_menu img {margin-right: 50pt;}

.ss {font-size: 20px;
		font-weight:bold;}
		
#left_menu {float:left;
	background:#FFE4B5;
	width:140px;
	padding:10pt;
	font-size:13px;
	}

#rajon {margin-left:170px;
	margin-right:170px;
	padding:5px;
	}
#rest  {margin-left:170px;
	padding:5px;
	}
#pad {margin-right: 50pt;}

#gerald {float:right;
	width:160px;
	background:#FFE4B5;
	padding:5px;
	}

h1 {color:blue; 
	font-size:38px; 
	font-family: verdana, arial, sans-serif; 
	font-style:italic;
	text-align:center;}
h2 {color:green; 
	font-size:26px; 
	font-style:italic;
	text-align:center;}
h3 {color:red; 
	font-size:20px; 
	font-style:italic;
	text-align:center;}
#map {width:60%;}
#map1 {width:40%;}
#g_map {width:60%;}
a {font-size:12pt;}

#rejn_left {float:left;
	width:32%;}
#rejn_right {float:right;
	width:32%;}
#rejn_center {margin-left:33%;
	margin-right:33%;
	}
.1ps {width: 468px;
	height:60px;
	padding-left:10%;
	padding-right:10%;
	}

.footer-menu a{
	text-align:center;
font-size:12px;}
}

@media screen and (min-width : 600px) and (max-width :1024px){
#pearent {width:100%;}

.middle_menu img {margin-right: 50pt;
	}

#left_menu {float:left;
	background:#FFE4B5;
	width:140px;
	padding:10pt;
	font-size:12px;
	}
#rajon {margin-left:140px;
	padding:5px;
	}
#rest  {margin-left:170px;
	padding:5px;
	}
#pad {margin-right: 50pt;}

#gerald {margin-left:170px;
	background:#FFE4B5;
	padding:20pt;
	}
#map {width:50%;}
#map1 {width:40%;}
h1 {color:blue; 
	font-size:26px; 
	font-family: verdana, arial, sans-serif; 
	font-style:italic;
	text-align:center;}
h2 {color:green; 
	font-size:20px; 
	font-style:italic;
	text-align:center;}
h3 {color:red; 
	font-size:16px; 
	font-style:italic;
	text-align:center;}
#g_map {width:100%;}
a {font-size:12pt;}
.1ps {width: 468px;
	height:60px;
	padding-left:10%;
	padding-right:10%;
	}
	.footer-menu a{
	text-align:center;
font-size:12px;}
}

@media screen and (max-width : 600px){
.middle_menu img {margin-right: 50pt;
	margin-top: 20pt;
	}

#left_menu {padding:15pt;
	font-size:20px;
	line-height: 150%;}
	
section {padding:5pt;}

a {font-size:20;}

h1 {color:blue; 
	font-size:26px; 
	font-family: verdana, arial, sans-serif; 
	font-style:italic;
	text-align:center;}
h2 {color:green; 
	font-size:20px; 
	font-style:italic;
	text-align:center;}
h3 {color:red; 
	font-size:16px; 
	font-style:italic;
	text-align:center;}
.rekl {display:none;}
#pad {margin-right: 20px;
	width:70px;
	height: auto;
	}
#gerald {background:#FFE4B5;
	
padding:20pt;}
#map {width:100%;}
#map1 {width:80%;}
#map_r {width:60%;}
.ger {float:left;
	margin:5px;}

#g_map {width:90%;}
.country {width:70%;}
#map2 {width:90%;}
.forum_photo {width:90%;}

.p_1ps {display:none;}
#kom {display:none;}
.footer-menu  li{text-align:center; 
			font-size:20px;
			 line-height: 150%;}
.top_menu {font-size:20px;
			}
.top_menu a {font-size:20px;
			 line-height: 150%;
			}
}


.top_menu {background:#FFE4B5;
	text-align:center;}
<header>  { width:98%;
	text-align:center;}



footer	{clear: both;
background:#FFE4B5;
	text-align:center;
	width:100%;}


.left-img{float:left;
	margin:10px 10px 10px 10px;}
.right-img {float:right;
	margin:5px 10px 5px 10px;}

.spisok {margin:0px;
	font-size:14px;
	padding:0px;
	list-style-type:none;
	list-style-position:inside;
	}
.just {text-align:justify;}

.np {font-size:18px;
	color: red;
	font-weight:bold;}

.cnt {text-align:center;}
ul {margin:0px;
	padding:0px;}
ul.st {margin:20px;
	padding:10px;}

ul.st1 {margin:20px;
	padding:10px;
	margin-top: 0;
	margin-bottom: 0;}
.photo {float:left;
	padding-left:80px;
	padding-bottom: 40px;
	width: 180px;
	}	
.b-photo {width: 90%;}

.next {margin-left: auto;
	margin-right: auto;}


.footer-menu {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	
}
.footer-menu li {
	display:inline-block;
}
.footer-menu li:after {
	display:inline-block;
	content:"|";
	margin: auto 12px;
}
.footer-menu li:last-child:after {
	display:none;
}
.footer-m {
	margin-top:5px;
	padding:15px 0px 15px 0px;
	border-top: 2px solid brown;
	border-bottom: 2px solid brown;
}