body {
	margin: 0 auto;
	background: url(../images/fon.jpg) no-repeat #3691dd fixed;
	background-size:cover;
	font-family:Verdana, Arial;
}

#wrapper{
	width: 100%;
	max-width: 1096px;
	margin: 0 auto;
	height: auto !important;
	background-color:#668e45;
	box-shadow: 0 0 6px #444;
	padding-bottom:6px;
}

#header{
	margin:0 auto 6px;
}

#header img{width:100%;}

.nav {
    margin:0px auto 30px;
	width:100%;
    overflow:hidden;
	background:#6e9742;
	border-top:2px ridge #ff0;
	border-bottom:2px ridge #ff0;
	text-align:center;
}

.nav li{
    list-style:none;
	 display:inline-block;
	 line-height:36px;
}  

.nav li a {
	text-decoration:none;
	color:#fafafa;
	font-size:0.81em;
    padding:5px 26px 6px;
    border-radius:10px;
    box-shadow:-2px 2px 2px #505050;
    border-left:2px solid #ff0;
    border-right:2px solid #ff0;
	background:linear-gradient(#ed1c24,#bb2b35);
	transition-duration: 2s;
}  

.nav a[href^="price"] {background: #3333ff}  

.nav li a:hover {background:linear-gradient(#008000,#5a8047); color:#FF0}  

#right{
	width:98%;
	font-size:14px;
	margin:12px auto;
}

.text {
	text-align: justify;
	font-size:15px;
	padding: 10px 2% 30px;
	line-height: 20px;
	background-color:#f9f9f9;
	border-radius:12px;
	margin:0 8px 28px 20px;
	opacity: 0.9;
	border:3px ridge #ffd701;
}

.text  a{
	color:#029;
	text-decoration:none;
}

.text  a:hover {
	color:red;
}


ul,  ol  {margin-top:12px;}
.text ol li, .text ul li {margin-bottom:8px; }

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


.mz {clear:both}

.text  h1{
	text-align: center;
	font-size:20px;
	padding-bottom:9px;
	color: #008000;
}

.text h2 {	
	text-align:center;
	  font-size:1.3em;
	  color: #ed1c24;
	  font-weight:normal;
	  border-bottom:2px solid #966;
	  padding:8px 2px 9px 5px;
	  margin:30px 0 14px 2px;
	  background: rgba(255, 255, 255, .95);
	  box-shadow:0 0 4px #aaa;
}

.text h3 {
	background-color:#ed1c24;
	color:#fafafa;
	width:66%;
	padding:5px 8px 5px;
	font-size:14px;
	border-radius:5px;
	font-weight:normal;
	margin:32px auto 14px;
	text-align:center;
	box-shadow: 0 0 5px #DDD;
	border:2px ridge #fff;
	line-height:22px;
}

.text hr { 
	width:66%;
	color:#300;
	margin:16px auto 12px;
	text-align:center;
}	

.text img {max-width:98%}

.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;
}


.ga2 {
	text-align: center;
	margin:22px 0 32px;
}

.ga2 img{ 
	border:1px outset #CCC;
	width:322px;
	margin:0 44px 4px;
	opacity: 0.85;
}

.ga2 img:hover {opacity: 1.0;}




table.tov {margin:22px auto; border-collapse:collapse; width:100%; border:1px #efefef solid}
.tov td {padding:8px 2px 8px 6px; border:1px #ccc solid; font-size:15px}

table.tov tr:nth-child(2n) {background: #fff} 
   
table.tov tr:nth-child(2n+1) {background: #f1f8fd} 

table.tov tr:hover {background-color: #fbfbfb}

table.tov tr:nth-child(1) {
    background: #638b42;
    color: #fafafa; 
	text-shadow: 0px 1px 2px #888;
   }    
   
div.ar {
	font-size:13px;
	height:666px;
	overflow:auto;
	background-color:#e2eced;
	border:1px #ccc ridge;
	border-radius:10px;
	padding:12px;
	margin:44px auto;
	text-align:left;
}	

div.ar p {
	font-weight:bold;
	text-align:center;
	clear:both;
	margin-bottom:4px;
}	

div.ar img {
	border:1px ridge #008000;
	margin:12px auto 56px;
}	
   

.vv {text-align:right; font-style:italic}
.vv a{color:#006cfe; text-decoration:none}  
.vv a:hover {color:red}   


.tag, .tag h4 {display:inline; font-size:12px; font-style:italic; font-weight:normal; padding-top:32px; color:#555;}

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


.niz {
	background-color:#363;
	 height:54px;
	 margin:0 auto;
	box-shadow: 0 0 6px #444;
}	 

.copy {
	font-size: 11px;
	color:#ededed;
	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: #ededed;
	text-decoration:none;
	letter-spacing:1px;
}
	 



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

iframe { max-width:98%}

.niz {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);
}