body {
 margin: 0px;
 background: #8d8d8d;
 text-align: center;
 font: 14px 'Trebuchet MS', 'Tahoma', 'Verdana', 'Times New Roman';
}

#header {
 width: 100%;
 height: 120px;
 min-width: 960px;
 background: #f5f7f8;
}

#header_block {
 min-width: 960px;
 max-width: 1100px;
 margin: auto;
}

#header_block a {
 color: black;
 text-decoration: none;
}

#header_block a:hover {
 text-decoration: underline;
}

#header_top_left {
 float: left;
 font: 12px 'Trebuchet MS';
}

#header_top_right {
 float: right;
 font: 12px 'Trebuchet MS';
}

#site_logo {
 clear: both;
 font: 40px 'Century Gothic', 'Trebuchet MS', 'Verdana';
 color: #92d503;
 text-align: center;
}

#divider {
 height: 33px;
 width: 100%;
 min-width: 960px;
 text-align: center;
 background: url(/.s/t/795/1.png);
}

#rss {
 vertical-align: middle;
 text-align: center;
 font: 15.5px 'Century Gothic', 'Trebuchet MS', 'Verdana';
}

#rss2 {
 padding-top: 8px;
 height: 25px;
 _height: 33px;
 vertical-align: middle;
 background: url(/.s/t/795/2.png) no-repeat;
 text-align: center;
 width: 430px;
 margin: auto;
}

#rss a {
 color: #000000;
 text-decoration: none;
}

#rss a:hover {
 color: #0f5fc7;
 text-decoration: underline;
}

#rss a:active {
 color: #0f5fc7;
 font-weight: bold;
}

#search {
 padding: 0px;
 padding-top: 9px;
 float: right;
 height: 20px;
 width: 265px;
 outline: none;
}

#container {
 clear: both;
 width: 100%;
 min-width: 960px;
 background: #8d8d8d;
 margin: auto;
 text-align: left;
}

#leftcol {
 width: 265px;
 background: #8d8d8d;
 vertical-align: top;
}

#rightcol {
 width: 265px;
 background: #8d8d8d;
 vertical-align: top;
}

#maincol {
 background: #cecece;
 font: 13px 'Trebuchet MS', 'Arial';
 color: black;
 vertical-align: top;
 padding: 20px;
 text-align: justify;
}

#maincol table {
 font: 13px 'Trebuchet MS', 'Arial';
 color: black;
 text-align: justify;
}

.cMessage, .eText, .eAnswer {
 text-align: justify !important;
}

#maincol a {
 color: #034b78;
}

#maincol a:hover {
 text-decoration: none;
}

.eTitle {
 position: relative;
 background: url(/.s/t/795/3.png) no-repeat;
 padding: 3px 0px 5px 30px;
 width: 90%;
 margin-top: 5px;
 margin-left: -23px;
 font: 20px 'Century Gothic', 'Times New Roman';
 color: #034B78;
 text-transform: uppercase;
}

.eTitle a {
 font: 20px 'Century Gothic', 'Times New Roman';
 text-decoration: none;
 text-transform: uppercase;
}

.eTitle a:hover {
 text-decoration: underline;
}

.eMessage {
 text-align: justify !important;
 padding: 5px;
}

 .eBlock .eDetails, .eBlock .eDetails1 {
 font: 13px 'Arial';
 margin-top: 20px;
 background: #c5c5c5;
 border: 1px dotted #8d8d8d;
 padding: 2px;
}

.block {}

.blocktitle {
 margin-top: 7px;
 text-align: center;
 font: 20px 'Century Gothic', 'Trebuchet MS', 'Verdana';
 color: #c2ff00;
}

.blockcontent {
 margin: 8px 0px 0px 8px;
 width: 249px;
 color: #e2e2e2;
 font: 12px 'Tahoma', 'Arial';
 text-align: left;
}

.blockcontent table {
 color: #e2e2e2;
 font: 12px 'Tahoma', 'Arial';
 text-align: left;
}

.blockcontent a {
 color: #034b78;
}

body a {color: #034b78;}

.blockcontent a:hover {
 text-decoration: none;
}

.uMenuH li {float:left;padding: 0 5px;list-style:none;}

.blockcontent ul {
 margin: 0px;
 padding: 0px;
 padding-left: 20px;
}

.blockcontent li {
 list-style-image: url(/.s/t/795/4.png);
 margin: 0px;
 padding: 0px;
 margin-left: 50px;
}

.blockcontent li a {
 color: #dbdbdb;
 font: 13px 'Tahoma';
 text-decoration: none;
 line-height: 24px;
}

.blockcontent li a:hover {
 color: #c2ff00;
}

.blockcontent li:active {
 list-style-image: url(/.s/t/795/5.png);
}

.uMenuV .uMenuArrow {
 position: absolute;
 height: 7px;
 width: 4px;
 top: 6px;
 right: 0px;
 background: url(/.s/t/795/12.gif) no-repeat;
}

.catsTable {
 text-align: left;
}

.block_bottom {
 width: 265px;
 height: 33px;
 background: url(/.s/t/795/6.png);
 clear: both;
}

#footer {
 clear: both;
 margin-top: 0px;
 height: 90px;
 width: 100%;
 min-width: 960px;
 font: 10px 'Verdana';
 color: #ffffff;
 background: url(/.s/t/795/7.png) repeat-x;
}

#copyright {
 margin: auto;
 min-width: 960px;
 padding-top: 40px;
}

#copyright a {
 color: #034b78;
}

#copyright a:hover {
 text-decoration: none;
}

.queryField {
 float: left;
 background: url(/.s/t/795/8.png) no-repeat transparent;
 border: none;
 padding: 0px 3px 0px 2px;
 font: 12px 'Arial';
 width: 184px !important;
 height: 22px;
 line-height: 22px;
}

.searchSbmFl {
 background: url(/.s/t/795/9.png) no-repeat transparent;
 width: 20px;
 height: 20px;
 float: left;
 border: 0px;
 margin-left: 5px;
}

.searchSbmFl:hover {
 background-position: 0px -20px;
 outline: none;
}

.searchSbmFl:active {
 background-position: 0px -40px;
 outline: none; 
}

.cBlock1 {
 background: #ffffff;
}

.cBlock2 {
 background: #c7c6c6;
}


/*------------------------ forum_start ------------------------*/

.forumContent {
 background: #8d8d8d;
 margin-left: 50px;
 margin-right: 50px;
}

.forumContent a {
 color: #034b78;
}

.forumContent a:hover {
 text-decoration: none;
}

.forumContent table {
 font: 13px 'Tahoma', 'Arial' !important;
}

.gTable, .postTable{
 width: 100% !important;
 border-collapse: collapse;
 background: #f8f8f8;
}

.gTable td, .postTable td {
 border: 1px solid #d2d2d2;
 padding: 2px;
 border-collapse: collapse;
}

.postBottom table td {
 border: 0px;
}

.gTableTop {
 height: 22px;
 background: url(/.s/t/795/10.png);
 color: #7b7b7b;
 font-weight: bold;
 padding-left: 5px;
}

.gTableTop a {
 color: #7b7b7b !important;
 font-weight: bold;
 text-decoration: none !important;
}

.gTableTop a:hover {
 color: #7b7b7b !important;
 font-weight: bold;
 text-decoration: underline !important;
}

a.threadLink {
 font-weight: bold;
 font-size: 14px !important;
}

.postSeparator {
 height: 2px;
 background: #cacaca;
 padding: 0px;
}

a.postUser {
 font-weight: bold;
}

.postTdTop, .postTdInfo, .postBottom {
 font-size: 11px;
 color: #747373;
}

.posttdMesaage {
 text-align: justify;
}

/*------------------------ forum_end ------------------------*/

/*------------------------ users start ------------------------*/

.userinfotable {
 font-family: 'Trebuchet MS', 'Tahoma', 'Verdana', 'Arial', 'sans-serif';
 font-size: 12px;
}

.userinfotable input {
 font-family: 'Trebuchet MS', 'Tahoma', 'Verdana', 'Arial', 'sans-serif';
 font-size: 12px;
}

.userinfotable a {
 color: #034b78;
}

.userinfo {
 background: url(/.s/t/795/11.png) !important;
 background-position: bottom center;
}

/*------------------------ users end ------------------------*/
/* Правильный счетчик материалов 
 ------------------------------------------*/ 
 .informer-materials { 
 float:left; 
 width:200px; 
 background: #fff; 
 border: 1px solid #CAD3DA; 
 border-radius:5px; 
 overflow: hidden; 
 margin-right: 20px; 
 } 

 .informer-materials-title { 
 float:left; 
 width:202px; 
 padding: 7px 0px; 
 background: #376fb9 ; 
 margin: -1px -1px 0px -1px; 
 
 font:11px Verdana,Arial,Helvetica, sans-serif; 
 text-shadow: 1px 1px 1px #093a7b; 
 text-align:center; 
 font-weight: bold; 
 color:#fff; 
 } 

 .informer-materials ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
 } 

 .informer-materials li{ 
 float:left; 
 width:170px; 
 padding: 5px 0px; 
 margin: 0px 15px; 
 border-top: 1px dotted #CAD3DA; 
 } 

 .informer-materials li div{ 
 float:left; 
 width:150px; 
 padding-right: 10px; 
 text-align:right; 
 } 

 .informer-materials li div{ 
 float:left; 
 width:120px; 
 text-align:right; 
 } 

 .informer-materials li:nth-child(1){ 
 border-top: none; 
 } 

 .informer-materials li span{ 
 padding: 2px 7px; 
 background: #9EA5A8; 
 border-radius:3px; 
 
 font:9px Verdana,Arial,Helvetica, sans-serif; 
 text-shadow: 1px 1px 1px #777; 
 font-weight: bold; 
 color:#fff; 
 }
.menu a { 
 text-decoration: none; 
 color: #fff; 
 text-shadow: 0 1px #2b6a83; 
 font-weight: bold; 
 float: left; 
 display: block; 
} 
.menu a:hover { color: #276a85; text-shadow: 0 1px #e1eff5; } 
.drop-down a { 
 float: none; 
 min-width: 90px; 
} 

.menu a { 
 display: block; 
 padding: 10px 15px; 
} 

.drop-down-menu { 
 float: left; 
 display: block; 
} 

.menu-title { 
 cursor: default; 
 padding: 10px 15px; 
} 

.activate { 
 display: none; 

 position: absolute; 
 cursor: pointer; 
 width: 100%; 
 height: 40px; 
 margin: 0 0 0 -15px; 
 opacity: 0; 
} 

@media only screen and (min-width: 800px) { 

 .drop-down-menu:hover .drop-down { 
 display: block; 
 } 

 .drop-down { 
 position: absolute; 
 } 

} 

@media only screen and (max-width: 799px) { 

 .menu a, .drop-down-menu { 
 float: none; 
 } 

 .activate { 
 display: block; 
 } 

} 

/* Skin */ 

.menu a, .drop-down-menu { 
 background: #44a7cf; 
 background: -webkit-gradient(linear, left top, left bottom, from(#44a7cf), to(#317794)); 
 background: -moz-linear-gradient(top, #44a7cf, #317794); 
} 

.menu a:hover, .drop-down-menu:hover { 
 background: #5a6470; 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#a2cfe0)); 
 background: -moz-linear-gradient(top, #feffff 0%, #a2cfe0 100%); 
} 

.drop-down a { 
 background: #222; 
} 

.drop-down a:hover { 
 background: #111; 
} 

@media only screen and (min-width: 800px) { 

 .first { 
 border-top-left-radius: 8px; 
 border-bottom-left-radius: 8px; 
 } 

 .last { 
 border-top-right-radius: 8px; 
 border-bottom-right-radius: 8px; 
 } 

 .drop-down .last { 
 border-radius: 0; 
 border-bottom-left-radius: 8px; 
 border-bottom-right-radius: 8px; 
 } 

} 

@media only screen and (max-width: 799px) { 

 .menu { 
 background: #44a7cf; 
 background: -webkit-gradient(linear, left top, left bottom, from(#44a7cf), to(#317794)); 
 background: -moz-linear-gradient(top, #44a7cf, #317794); 
} 
 :checked ~ .menu-title { 
 background: #495261; 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495261), color-stop(100%,#38404b)); 
 background: -moz-linear-gradient(top, #495261 0%, #38404b 100%); 
 } 

 .menu a, .drop-down-menu { 
 background: none; 
 } 

 .drop-down a { 
 background: #222; 
 } 

} 

/* IE */ 

.ie8 .drop-down-menu:hover .drop-down { display: block; } 
.ie8 .drop-down { position: absolute; } 

.drop-down { 
 max-height: 0; 
 overflow: hidden; 
} 

.ie8 .drop-down-menu:hover .drop-down { 
 max-height: 200px; 
} 

@media only screen and (min-width: 800px) { 

 .drop-down-menu:hover .drop-down { 
 max-height: 200px; 
 } 

} 

@media only screen and (max-width: 799px) { 

 .activate:checked ~ .drop-down { 
 max-height: 200px; 
 } 

} 

.drop-down, .menu a, .drop-down-menu { 
 -webkit-transform: translateZ(0); 
 -webkit-transition: all 0.3s; 
 -moz-transition: all 0.3s; 
 -o-transition: all 0.3s; 
 transition: all 0.3s; 
}
.social { 
 position: relative; 
 } 

 .social li { 
 float: left; 
 } 

 .social li a{ 
 width: 36px; 
 height: 30px; 
 margin: 0 2px; 
 display: block; 
 } 

 .submenu { 
 position: absolute; 
 width: 193px; 
 top: 37px; 
 left: 3px; 
 background: rgb(66,67,67); 
 background: -moz-linear-gradient(top, rgba(66,67,67,1) 0%, rgba(45,45,45,1) 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,67,67,1)), color-stop(100%,rgba(45,45,45,1))); 
 background: -webkit-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); 
 background: -o-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); 
 background: -ms-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); 
 background: linear-gradient(to bottom, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424343', endColorstr='#2d2d2d',GradientType=0 ); 
 padding: 0 10px 10px 10px; 

 border-radius: 5px; 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 

 box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38); 
 -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38); 
 -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38); 

 opacity: 0; 
 
 -webkit-transition:opacity .3s ease .2s; 
 -moz-transition:opacity .3s ease .2s; 
 -o-transition:opacity .3s ease .2s; 
 transition:opacity .3s ease .2s; 
 } 

 .link:hover > div { 
 opacity: 1; 
 } 

 .submenu:after{ 
 bottom: 100%; 
 border: solid transparent; 
 content: " "; 
 height: 0; 
 width: 0; 
 position: absolute; 
 pointer-events: none; 
 } 

 .submenu:after { 
 border-bottom-color: rgb(66,67,67); 
 border-width: 7px; 
 right: 4%; 
 margin-left: -7px; 
 } 

 .submenu label { 
 margin-top: 4px; 
 font: 14px Calibri; 
 display: block; 
 color: #7e7e7e; 
 text-shadow: 1px 0 1px rgba(0,0,0,.44); 
 } 

 .submenu input[type="text"] { 
 width: 100%; 
 font-family: Tahoma; 
 color: #fff; 
 background: #323232; 
 padding: 5px; 
 border: 1px solid #1b1b1b; 
 cursor: text; 

 border-radius: 4px; 
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 

 box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); 
 -moz-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); 
 -webkit-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); 
 } 

 .google { 
 background: url('http://webo4ka.ru/Ucoz7/podpicatci/google.png'); 
 } 

 .facebook { 
 background: url('http://webo4ka.ru/Ucoz7/podpicatci/facebook.png'); 
 } 

 .vk { 
 background: url('http://webo4ka.ru/Ucoz7/podpicatci/vk.png'); 
 } 

 .twitter { 
 background: url('http://webo4ka.ru/Ucoz7/podpicatci/twitter.png'); 
 } 

 .link { 
 background: url('http://webo4ka.ru/Ucoz7/podpicatci/link.png'); 
 }
<!-- BEGIN Авторизация через ВКонтакте --> 
 <script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js"></script> 
 <script type="text/javascript" src="/uAuth-min-ob.js"></script> 
 <!-- END Авторизация через ВКонтакте --> 

 <div id="vk_auth"></div> 

 <script type="text/javascript"> 
 VK.Widgets.Auth("vk_auth", {width: "100px", onAuth: function(data) { 
 onLogin(); 
 }}); 
 </script>
#pricing-table {
 margin: 100px auto;
 text-align: center;
 width: 928px;
/* total computed width */
 zoom: 1;
}
#pricing-table:before, #pricing-table:after {
 content:"";
 display: table
}
#pricing-table:after {
 clear: both
}
/* --------------- */
#pricing-table .plan {
 font: 13px'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
 background: #fff;
 border: 1px solid #ddd;
 color: #333;
 padding: 20px;
 width: 180px;
float: left;
 _display: inline;
/* IE6 double margin fix */
 position: relative;
 margin: 0 5px;
-moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .3);
 box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .3);
}
#pricing-table .plan:after {
 z-index: -1;
 position: absolute;
 content:"";
 bottom: 10px;
 right: 4px;
 width: 80%;
 top: 80%;
-webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
 box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
 transform: rotate(3deg);
}
#pricing-table .popular-plan {
 top: -20px;
 padding: 40px 20px;
}
/* --------------- */
#pricing-table .header {
 position: relative;
 font-size: 20px;
 font-weight: normal;
 text-transform: uppercase;
 padding: 40px;
 margin: -20px -20px 20px -20px;
 border-bottom: 8px solid;
 background-color: #eee;
 background-image: -moz-linear-gradient(#fff, #eee);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
 background-image: -webkit-linear-gradient(#fff, #eee);
 background-image: -o-linear-gradient(#fff, #eee);
 background-image: -ms-linear-gradient(#fff, #eee);
 background-image: linear-gradient(#fff, #eee);
}
#pricing-table .header:after {
 position: absolute;
 bottom: -8px;
 left: 0;
 height: 3px;
 width: 100%;
 content:'';
 background-image: url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAAcAAAADCAYAAABfwxXFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGOEE3MTBFRDVCQ0NFMTExODcxMEJBRjhFNUY2ODdCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMjQxOTc0MUNFNUUxMUUxQjczN0Q4QzY3MDc4MjkxOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMjQxOTc0MENFNUUxMUUxQjczN0Q4QzY3MDc4MjkxOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDMxQTYxREVCQ0RFMTExQUI1NjlDMTg5OTUyMzNDNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOEE3MTBFRDVCQ0NFMTExODcxMEJBRjhFNUY2ODdCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqOCuVUAAAArSURBVHjaYvj//z8DFPMA8UkoDRZjQJJs/w8B7eiSKkD8Eyr5E8pnAAgwAIiWROlhTpC8AAAAAElFTkSuQmCC);
}
#pricing-table .popular-plan .header {
 margin-top: -40px;
 padding-top: 60px;
}
#pricing-table .plan1 .header {
 border-bottom-color: #B3E03F;
}
#pricing-table .plan2 .header {
 border-bottom-color: #7BD553;
}
#pricing-table .plan3 .header {
 border-bottom-color: #3AD5A0;
}
#pricing-table .plan4 .header {
 border-bottom-color: #45D0DA;
}
/* --------------- */
#pricing-table .price {
 font-size: 45px;
}
#pricing-table .monthly {
 font-size: 13px;
 margin-bottom: 20px;
 text-transform: uppercase;
 color: #999;
}
/* --------------- */
#pricing-table ul {
 margin: 20px 0;
 padding: 0;
 list-style: none;
}
#pricing-table li {
 padding: 10px 0;
}
/* --------------- */
#pricing-table .signup {
 position: relative;
 padding: 10px 20px;
 color: #fff;
 font: bold 14px Arial, Helvetica;
 text-transform: uppercase;
 text-decoration: none;
 display: inline-block;
 background-color: #72ce3f;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
 border-radius: 3px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
 opacity: .9;
}
#pricing-table .signup:hover {
 opacity: 1;
}
#pricing-table .signup:active {
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .3) inset;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3) inset;
 box-shadow: 0 2px 2px rgba(0, 0, 0, .3) inset;
}
#pricing-table .plan1 .signup {
 background: #B3E03F;
}
#pricing-table .plan2 .signup {
 background: #7BD553;
}
#pricing-table .plan3 .signup {
 background: #3AD5A0;
}
#pricing-table .plan4 .signup {
 background: #45D0DA;
}
/* --------------- */
#about {
 text-align: center;
 color: #444;
 font: normal small Arial, Helvetica;
}
#about a {
 color: #777;
}
.menu ul, .menu li, .menu-title { 
margin:0; 
padding:0; 
border:0; 
outline:0; 
font:inherit; 
vertical-align:baseline; 
} 
.menu { 
font-size:13px; 
font-family:arial 
} 
.menu a { 
text-decoration: none; 
color: #fff; 
font-weight: bold; 
float: left; 
display: block; 
padding: 10px 15px; 
} 
.menu a:hover { 
color: #ddd; 
} 
.drop-down a { 
float: none; 
min-width: 90px; 
} 
.drop-down-menu { 
float: left; 
display: block; 
} 
.menu-title { 
cursor: default; 
padding: 10px 15px; 
} 
.activate { 
display: none; 
position: absolute; 
cursor: pointer; 
width: 100%; 
height: 40px; 
margin: 0 0 0 -15px; 
opacity: 0; 
} 
@media only screen and (min-width: 800px) { 
.drop-down-menu:hover .drop-down { 
display: block; 
} 
.drop-down { 
position: absolute; 
} 
} 
@media only screen and (max-width: 799px) { 
.menu a, .drop-down-menu { 
float: none; 
} 
.activate { 
display: block; 
} 
} 
/* Skin */ 
.menu a, .drop-down-menu { 
background: #3d6d99; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5796d0), color-stop(100%, #3d6d99)); 
background: -moz-linear-gradient(top, #5796d0 0%, #3d6d99 100%); 
} 
.menu a:hover, .drop-down-menu:hover { 
background: #5a6470; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #495261), color-stop(100%, #38404b)); 
background: -moz-linear-gradient(top, #495261 0%, #38404b 100%); 
} 
.drop-down a { 
background: #222; 
} 
.drop-down a:hover { 
background: #111; 
} 
@media only screen and (min-width: 800px) { 
.first { 
border-top-left-radius: 8px; 
border-bottom-left-radius: 8px; 
} 
.last { 
border-top-right-radius: 8px; 
border-bottom-right-radius: 8px; 
} 
.drop-down .last { 
border-radius: 0; 
border-bottom-left-radius: 8px; 
border-bottom-right-radius: 8px; 
} 
} 
@media only screen and (max-width: 799px) { 
.menu { 
background: #3d6d99; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5796d0), color-stop(100%, #3d6d99)); 
background: -moz-linear-gradient(top, #5796d0 0%, #3d6d99 100%); 
} 
:checked ~ .menu-title { 
background: #495261; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #495261), color-stop(100%, #38404b)); 
background: -moz-linear-gradient(top, #495261 0%, #38404b 100%); 
} 
.menu a, .drop-down-menu { 
background: none; 
} 
.drop-down a { 
background: #222; 
} 
} 
/* IE */ 
.ie8 .drop-down-menu:hover .drop-down { 
display: block; 
} 
.ie8 .drop-down { 
position: absolute; 
} 
.drop-down { 
max-height: 0; 
overflow: hidden; 
} 
.ie8 .drop-down-menu:hover .drop-down { 
max-height: 200px; 
} 
@media only screen and (min-width: 800px) { 
.drop-down-menu:hover .drop-down { 
max-height: 200px; 
} 
} 
@media only screen and (max-width: 799px) { 
.activate:checked ~ .drop-down { 
max-height: 200px; 
} 
} 
.drop-down, .menu a, .drop-down-menu { 
-webkit-transform: translateZ(0); 
-webkit-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-o-transition: all 0.3s; 
transition: all 0.3s; 
}
<!-- <Кнопка Вверх> --> 
 <script type="text/javascript"> 
 $(document).ready(function(){ 

 
 $("#back-top").hide(); 
 
 $(function () { 
 $(window).scroll(function () { 
 
 if ($(this).scrollTop() > 125) { 
 $('#back-top').fadeIn(); 
 
 
 
 } else { 
 $('#back-top').fadeOut(); 
 
 } 
 
 
 }); 

 
 $('#backop').click(function () { 
 $('body,html').animate({ 
 scrollTop: 0 
 }, 800); 
 return false; 
 }); 
 }); 

 }); 
 </script> 

 <script type="text/javascript"> 
 $(window).scroll(function(){ 
 var s = $(window).scrollTop(); 
 var f = $(document).height()-$(window).height(); 

 var d=s/f*100; 
 var p=Math.round(d); 

 $("#pix").text(p); 

 }); 
 </script> 

 <div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; right: 10px; top: 90%; background: transparent; " id="layer2"> 
 <center><a title="Вверх" id="backop" href="#top"><img src="http://webo4ka.ru/Ucoz7/up_knopka_vverx.png" onmouseover="this.src='http://webuilder.info/ucoz/up1_knopka_vverx.png'" onmouseout="this.src='http://webuilder.info/ucoz/up_knopka_vverx.png'"></a></center> 
 <center><font color="#000000" size="3"> 
 <span id="pix"></span>%</font></center> 
 </div> 
 <!-- </Конец> -->
<div style="display:none;" id="feedback">$MFORM_1$</div> 
<script> 
function opensvaz(){ 
 new _uWnd('svaz','Обратная связь',700,500,{align:'center',shadow:1,header:1,resize:0,autosize:1},$('#feedback').html()); 
 }; 
</script>
/* Каркас обратной связи 
 ------------------------------------------*/ 
.cell_feedback { 
 float:left; 
 color:#555; 
 width:660px; 
 padding: 20px ; 
} 

.feedback_left { 
 float:left; 
 text-align:left; 
 width:330px; 
} 

.feedback_right { 
 float:right; 
 width:310px; 
 margin-left: 20px; 
} 

/* Поля обратной связи 
 ------------------------------------------*/ 
.feedback_left input, 
.feedback_left textarea{ 
 padding: 5px 10px!important; 
 font:11px Verdana,Arial,Helvetica, sans-serif!important; 
} 

.feedback_pole { 
 width:308px; 
 color:#666; 
 margin: 3px 0px 10px 0px; 
 background:#f9f9f9!important; 
 border: 1px solid #CAD1DB!important; 
} 

#fCode_svaz:focus, 
.feedback_pole:focus { 
 box-shadow:inset 0px 0px 3px #ccc!important; 
 -webkit-box-shadow:inset 0px 0px 3px #ccc!important; 
 -moz-box-shadow:inset 0px 0px 3px #ccc!important; 
} 

.red {color:#d20000;} 

/* Капча обратной связи 
 ------------------------------------------*/ 
#svaz_cod { 
 margin: 0px 0px 3px 0px; 
} 

#fCode_svaz { 
 width:35px!important; 
 height:25px!important; 
 cursor:text!important; 
 display:inline!important; 
 background:#f9f9f9!important; 
 border: 1px solid #CAD1DB!important; 
 border-left:none!important; 
} 

#secuImgM { 
 float:left; 
 margin:0!important; 
 display:inline!important; 
 border: 1px solid #CAD1DB!important; 
} 

/* Кнопка отправить обратной связи 
 ------------------------------------------*/ 
.kn_svaz { 
 float:right; 
 cursor:pointer; 
 height:37px!important; 
 border:1px solid #72b837!important; 
 color:#236114!important; text-shadow:1px 1px 1px #d7ffb6!important; 
 background: #9aeb56!important; 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9aeb56), color-stop(1, #7ecb3d))!important; 
 background: -moz-linear-gradient(top, #9aeb56 1%, #7ecb3d 100%)!important; 
 background: -o-linear-gradient(#9aeb56, #7ecb3d)!important; 
} 

.kn_svaz:active {box-shadow:inset 0px 0px 3px #5b9728!important; -webkit-box-shadow:inset 0px 0px 3px #5b9728!important; -moz-box-shadow:inset 0px 0px 3px #5b9728!important;} 

.kn_svaz:hover {background:#aff278!important;} 

/* Правая сторона обратной связи 
 ------------------------------------------*/ 
.feedback_ico { 
 text-align:center; 
} 

.feedback_ico a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); 
 -moz-opacity: 0.7; 
 opacity: 0.7; 
 filter: alpha(opacity=85); 
} 

.feedback_ico img { 
 margin: 5px 5px 20px 5px; 
} 

.feedback_right h2 { 
 text-align:left; 
 font:120%/1.5 Verdana,Arial,Helvetica, sans-serif; 
 font-weight: bold; 
 } 

 .feedback_right p { 
 font:115%/1.5 Verdana,Arial,Helvetica, sans-serif; 
 text-align:justify; 
}
/* Вид новостей для uCoz Minimalism 
 ------------------------------------------*/ 
 .view-news{ 
 float:left; 
 width:358px; 
 overflow: hidden; 
 position: relative; 
 background: #fff; 
 margin: 0px 0px 15px 0px; 
 border: 1px solid #B6C0CD; 
 border-radius:5px; 
 } 

 .view-news a {text-decoration:none; outline:none} 

 .view-news-img img{ 
 width:358px; 
 height:218px; 
 margin: 0px 0px 7px 0px; 
 border-radius:5px 5px 0px 0px; 
 } 

 .view-news h2 { 
 float:left; 
 width:328px; 
 padding-bottom: 5px; 
 margin:0px 15px 10px 15px; 
 border-bottom: 1px solid #D6D6D6; 
 font: 125% Verdana,Arial,Helvetica, sans-serif; 
 font-weight: 700; 
 } 

 .view-news p { 
 float:left; 
 width:328px; 
 padding-bottom: 10px; 
 margin:0px 15px 10px 15px; 
 border-bottom: 1px solid #D6D6D6; 
 font:115%/1.5 Verdana,Arial,Helvetica, sans-serif; 
 text-align:justify; 
 } 

 .view-news-statistics{ 
 float:left; 
 margin:0px 0px 10px 15px; 
 font:9px Verdana,Arial,Helvetica, sans-serif; 
 color:#999; 
 } 

 .read-more{ 
 float:right; 
 font-weight: 700; 
 margin:0px 15px 10px 0px; 
 } 

 .view-news-moder{ 
 float:left; 
 position: absolute; 
 top: 0px; 
 right:0px; 
 padding: 5px; 
 background: #fff; 
 }
/* Функция Кто Онлайн для uCoz в стиле минимализм 
 ------------------------------------------*/ 
 .statistics-user { 
 float:left; 
 width:230px; 
 padding: 5px 10px; 
 background: #fff; 
 border: 1px solid #CAD3DA; 
 border-radius:5px; 
 } 

 .statistics-user-l { 
 float:left; 
 width:90px; 
 } 

 .statistics-user-l b, 
 .statistics-user-l div{ 
 float:left; 
 width:90px; 
 } 

 .statistics-user-l b { 
 padding-bottom: 3px; 
 border-bottom: 1px solid #CAD3DA; 
 font-size:14px; 
 color:#666; 
 } 

 .statistics-user-l div{ 
 color:#999; 
 height:37px; 
 padding: 3px 0px 0px 37px; 
 display:block; 
 background: url(http://webo4ka.ru/Ucoz7/statistics-user.png) no-repeat; 
 } 

 #onl1 {background-position:0px 0px;} 
 #onl2 {background-position:0px -35px;} 
 #onl3 {background-position:0px -69px;} 
 #onl3 b {border-bottom:none } 

 .statistics-user-r{ 
 float:right; 
 width:88px; 
 padding: 5px 0px 0px 7px; 
 border-left: 1px solid #CAD3DA; 
 } 

 .statistics-user-r img{ 
 margin-bottom: 5px; 
 } 

 .statistics-user a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opac.k84apomenu {