body {
	margin: 14px auto 0;
	background:url(../images/fon.jpg) no-repeat center #fff fixed;
	background-size:cover;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#virus { background:#da251c; color:#fff; text-align:center; padding:12px; line-height:22px;}

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

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

#content {
	background-color: #ddf2f6;
}


#content #colLeft{
	float:left;
	margin-left:0%;
	width:28%;
}

#content #colRight{
	float: right;
	margin:2%;
	width:68%;
	text-align:justify;
	font-size:14px;
}


.nav {
    margin:-2px auto 0;
	width:100%;
	height:30px;
	background-color:#ecf8fb;
	box-shadow: inset 0 0 2px #aaa;
}

.nav li{
    display:inline-block;
    list-style:none;
	float:right;
}  

.nav a {
	color: #fff;
	width: 112px;
	height: 27px;
	background: #da251c;
	line-height:30px;
	text-decoration:none;
	font-size:11px;
	border-radius:4px;
	float: left;
	text-align: center;
	margin:0 6px 6px 0;
	text-transform:uppercase;
	box-shadow:1px 1px 2px #888;	
}

.nav a:hover  {
	color: #FFF;
	background: #1368a8;
} 

#tel2 { display:none;}

.nav2 {display:none;}
  


#lv {
	margin: 44px 2% 0;
	padding-left:0px;
	list-style: none;
	text-align:left;
}

ul#lv li a {
	color: #FF0;
	display: block;
	height: 26px;
	padding-left: 18px;
	line-height:27px;
	background-color:#1268a8;
	border:0px ridge #1268a8;
	text-decoration:none;
	font-size:12px;
}

ul#lv li a:hover  {
	background-position:  0 -2px;
	color: #0F0;
}

.zg  {
	color: #ecf2fa;
	display: block;
	height: 30px;
	padding-left: 20px;
	line-height:32px;
	background-color:#1268a8;
	border:1px ridge #ccc;
	font-size:12px;
	cursor:pointer;
}

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

.zg a:hover  {
	color: #0F0;
}


#tel {margin:30px auto; width:66%; text-align:center; font-size:13px; color:#fff; background-color:#0099ff; padding:6px; border:2px ridge #fff; letter-spacing:1px; border-radius:4px; opacity:0.9; text-shadow: 0px 1px 2px #888;}

div.pod {margin:66px auto; text-align:center; font-size:12px; color:#FFF;}
div.pod img {margin:16px auto 0; border:1px outset #FFF;}

.text {
	text-align: justify;
	font-size:13px;
	padding: 16px 2% 60px;
	line-height: 19px;
	border-radius:12px;
	margin:19px 0 18px 0px;
	background-color:#fff;
	background: rgba(255, 255, 255, 0.9);
	border:2px #0099ff solid;
	box-shadow: inset 0 0 2px #888;
}

.text  h1{
	text-align: center;
	font-size:18px;
	padding-bottom:3px;
	color: #0099ff;
}

.text h3 {
	background-color:#0099ff;
	color:#FFF;
	width:288px;
	padding:5px 8px 5px;
	font-size:14px;
	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;
}


.text h5 {
	background-color:#0099ff;
	color:#FFF;
	width:88%;
	padding:5px 8px 5px;
	font-size:14px;
	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;
}

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

.ga6 {
	text-align: center;
	margin:22px -2px 32px;
}

.ga6 div {
	 width:102px; 
	 background-color: #f7fdfe;
	 color:#000;
	 font-size:13px;
	 padding: 6px 2px 7px;;
	 float:left;
	 margin:0 5px 30px;
 	border:1px ridge #FFF;
 	border-radius: 4px;
	overflow:hidden;
}	 

.ga6 img{ 
	border:1px outset #CCC;
	width:92px;
	margin-bottom:4px;
	opacity: 0.85;
}

.ga6 img:hover {opacity: 1.0;}

a[href*="zakaz"] {display:block; margin:34px auto; width:222px;}

div.price2 {
	background-color:#008000;
	background: linear-gradient(to top, #005000, #008000 50%, #007000);
	text-shadow: 1px 1px 2px #bcbcbc;
	width:222px;
	padding:6px 8px;
	font-size:13px;
	border-radius:4px;
	font-weight:normal;
	margin:8px 0 22px 422px;
	text-align:center;
	box-shadow: 2px 2px 6px #444;
}

div.price2 a {color:#fff; text-decoration:none;}
div.price2 a:hover {color:#ff0;}
#te {margin:30px 0 0 22px; text-align:center; font-size:12px; color:#000; line-height:16px}


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

table.tov tr.si {background-color:#1368a8; color:#FFF; text-align:center}
table.tov tr.re {color:#F00;}



.mz {clear:both}

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

.text hr { width:76%; text-align:center; margin:66px auto}


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

.niz {
	background-color:#1368a8;
	 height:44px;
	 margin:0 auto;
	box-shadow: 0 0 32px #fff;
}	 

.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:760px) {

#wrapper{
	background:url(../images/mp2.jpg) no-repeat top #ddf2f6;
	background-size:100% auto;
}

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

#content {
	font-size:0.9em;
}

#content #colLeft ul#lv li a {
	font-size:0.9em;
}

#content #colLeft{
margin-left:1%;
width:98%;
float: right;
}

#content #colRight{
float:left;
	width:94%;
	padding-left:3%;
	text-align:justify;
}

.text table td{ font-size:0.7em !important;}


.top{	display:none;}

#tel2 {margin:30px auto; width:66%; text-align:center; font-size:13px; color:#fff; background-color:#0099ff; padding:6px; border:2px ridge #fff; letter-spacing:1px; border-radius:4px; opacity:0.9; text-shadow: 0px 1px 2px #888; display:block;}

#tel { display:none;}

.nav {display:none;}

.nav2 {
	display:block;
}

.nav2 ul{
    list-style:none;
}  

.nav2 a {
	color: #fff;
	background: #da251c;
	text-decoration:none;
	font-size:0.9em;
	border-radius:4px;
	float: left;
	text-align: center;
	padding:1px 6px;
	margin:0 3px 5px 0;
}

.nav2 a:hover  {
	color: #FFF;
	background: #1368a8;
} 

.niz { background-color:#da251c; }	 
}