body {
	margin: 0 auto;
	background:url(../images/fon.jpg)  #ed1c24 fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
	width: 100%;
	max-width: 1096px;
	margin: 0 auto;
	height: auto !important;
	background-color: #898989;
	background:url(../images/pol.jpg) no-repeat top;
	background-size: 100% auto;
	box-shadow: 0 0 16px #000;
}

#header{
	width:100%;
	max-width:1096px;
	height:331px;
	margin:0 auto;
}

#content {
	background:url(../images/ff.png) fixed;
	margin:0 auto;
	padding:20px 0;
	}


.text {
	text-align: justify;
	font-size:13px;
	padding: 16px 2% 30px;
	line-height: 19px;
	border-radius:12px;
	margin:0px 24px 18px;
	background-color:#eee;
	background: rgba(235, 235, 235, 0.75);
	border:2px #F00 solid;
	box-shadow: inset 0 0 2px #888;
}

.text  h1{
	text-align: center;
	font-size:19px;
	padding-bottom:3px;
	color: #666;
}

.text h2 {
	color:#ed1c24;
	padding:5px 8px 5px;
	font-size:17px;
	font-weight:normal;
	margin:44px auto 14px;
	border-bottom:2px solid #ed1c24;
	text-shadow: 0px 1px 2px #ddd;
	background-color:#fff;
	background: rgba(255, 255, 255, 0.2);
}


.text h3 {
	background-color:#0099ff;
	color:#FFF;
	width:288px;
	padding:5px 8px 5px;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	margin:32px auto 14px;
	text-align:center;
	box-shadow: 0 0 5px #DDD;
	border:2px ridge #fff;
	border-radius:5px;
	text-shadow: 0px 1px 2px #888;
}

.red { color:#ed1c24; font-size:14px; text-shadow: 0px 1px 0px #ccc;}

.text hr { 
	width:76%;
	color:#300;
	margin:33px auto;
	text-align:center;
}	

  
.pict {
	float:right;
	border:2px ridge #fff;
	margin:5px 0 0 18px;
	border-radius:8px;
	opacity:0.9;
}

.pic {
	float: left;
	border: 2px ridge #fff;
	margin:5px 16px 0 0;
	border-radius:8px;
	opacity:0.9;
}

.pi {
	border:2px ridge #fff;
	border-radius:8px;
	opacity:0.9;
}

.ris {
	float:right;
	margin:4px 0 0 16px;
	opacity:0.9;
}

.text img {max-width:94%}



.ga5 {
	text-align: center;
	margin:22px -12px 32px -4px;
}

.ga5 img{ 
	border:1px outset #999;
	float:left;
	width:188 px;
	margin:0 6px 14px;
	opacity: 0.9;
}

.ga5 img:hover {opacity: 1.0;}


.mz {clear:both}
.text ul,  ol  {margin-top:7px;}

ul.ok {list-style-image:url(../images/ok.png); margin-top:10px;}
ul.ok li {margin-bottom:7px; }




      
.vv {text-align:right; font-style:italic}
.vv a{color:#008000; text-decoration:none}  
.vv a:hover {color:#ed1c24}   



#footer {
width: 100%;
max-width: 1096px;
height: auto;
margin: 0 auto;
}


.niz {
	background-color:#737373;
	 height:44px;
	 margin:0 auto;
}	 

.copy {
	font-size: 11px;
	color:#fff;
	margin: 13px 0 0 16px;
	float: left;
}

.top{
	margin-left: 30%;
	margin-top: 13px;
	float: left;
	opacity:0.9;
}

.me {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 13px 26px 0 0;
	float: right;
}

.me a {
	color: #fff;
	text-decoration:none;
	letter-spacing:1px;
}


@media screen and (min-width:240px) and (max-width:560px) {

#header{
	width:100%;
	height:122px !important;
	margin:0 auto;
}

.top{	display:none;}

}


@media screen and (min-width:561px) and (max-width:980px) {

#header{
	width:100%;
	height:188px !important;
	margin:0 auto;
}

.top{	display:none;}

}



#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}