/* Design by http://www.dreamtemplate.com */
@charset "utf-8";
body {
 margin:0;
 padding:0;
 width:100%;
 color:#6d6d6d;
 font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;


 
}
html, .main {
 padding:0;
 margin:0;
}
.main {
}
.clr {
 clear:both;
 padding:0;
 margin:0;
 width:100%;
 font-size:1.2;
 line-height:0;
 text-align:justify;
}

p {
 margin:8px 0;
 padding:0 0 8px 0;
 text-align: justify;
 font-famaly: dayton;
 color:black;
 font-size: 1.2em;
}

a {
 color:#65c8fd;
 text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
 margin:0;
 padding:0;
}
.header {
 padding:0 0 24px;
 background:#68cafd url(../images/header_bg.gif) repeat-x left bottom;
}
.header_resize {
 margin:0 auto;
 padding:0;
 width:960px;
}
.logo {
 padding:0;
 float:none;
 float:left;
 width:auto;
 height:98px;
}

.slider {
 margin:0 0 20px;
 padding:13px 12px 30px 13px;
 background:url(../images/slider_bg.jpg) no-repeat center top;
}
.rss {
 padding:18px 20px 0 0;
 float:right;
 width:auto;
}
.rss p {
 margin:0;
 padding:0;
 float:right;
 width:auto;
 color:#fff;
 font-size:13px;
 line-height:1.5em;
 font-weight:bold;
}
.rss a {
 color:#fff;
 text-decoration:none;
}
.rss a:hover {
 text-decoration:underline;
}
.rss img {
 margin:-3px 0 -3px 6px;
 border:none;
}
.menu_nav {
 margin:0 auto 16px;
 padding:0;
 float:right;
 height:51px;
}
.menu_nav ul {
 list-style:none;
 padding:32px 0;
 height:51px;
 float:left;
}
.menu_nav ul li {
 margin:0;
 padding:0;
 float:left;
}
.menu_nav ul li a {
 display:block;
 margin:0;
 padding:12px 24px;
 font-size:13px;
 line-height:18px;
 font-weight:normal;
 color:#fff;
 text-decoration:none;
 text-transform:none;
 text-align:center;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
 text-decoration:none;
 color:#65c8fd;
 background-color:#fff;
 border-radius: 100px;
}

.content {
 padding:0;
}
.content_resize {
 margin:0 auto;
 padding:24px 0 40px;
 width:960px;
}
.content .mainbar {
 margin:0;
 padding:0;
 float:right;
 width:760px;
 margin-right:65px;
}
.content .mainbar h2 {
 margin-bottom:0;
 padding-bottom:8px;
 font-size:26px;
 line-height:1.2em;
 color:#212121;
}
.content .mainbar div.img {
 padding:12px 0;
 float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
 margin:0;
}
.content .mainbar .article {
 margin:0 0 8px;
 padding:6px 20px;
}
.content .mainbar .post_content {
 float:right;
 width:460px;
}
.content .mainbar .post_content strong {
 color:#6d6d6d;
}
.content .sidebar {
 padding:0;
 float:left;
 width:18%;
 position: absolute;
 background-size:contain; 
}
.content .sidebar .gadget {
 margin:0;
 padding:12px 20px 0px;
 background:url(../images/gadget.gif) repeat-y center top;
 background-size:contain;
}
.content .sidebar h2 {
 color:#fff;
}
.content .sidebar .g1 {
 padding:12px 0 0;
 background:url(../images/gadget_top.gif) no-repeat center top;
 background-size:contain;
}
.content .sidebar .g2 {
 margin:0 0 16px;
 padding:0 0 12px;
 background:url(../images/gadget_bot.gif) no-repeat center bottom;
 background-size:contain;
 
}
ul.sb_menu, ul.ex_menu {
 margin:0;
 padding:0;
 list-style:none;
 color:#fff;
}
ul.sb_menu li, ul.ex_menu li {
 margin:0;
<!-- border-bottom:1px solid #fb865e;-->
 
 
}
ul.sb_menu li, ul.ex_menu li {
 padding:8px 0;
 width:100%;
 
}
ul.sb_menu li a {
 color:#fff;
 text-decoration:none;
 margin-left:-16px;
 padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
 font-weight:bold;
 color:#fff;
 text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}
p.spec {
 padding:0 0 16px;
}
p.infopost {
 margin:0 0 8px;
 padding:20px 12px;
 color:#fff;
 background:url(../images/infopost.gif) no-repeat center top;
}
p.infopost a {
 padding:0 2px;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
}
p.infopost a:hover {
 text-decoration:underline;
}
p.infopost span.date {
 color:#fff;
}
.article a.com {
 float:right;
 margin:-6px -12px 0 0;
 padding:4px 12px;
 font-size:15px;
 font-weight:normal;
 text-decoration:none;
 text-align:center;
 color:#fff;
}
.article a.com:hover {
 text-decoration:none;
}
.article a.com span {
 padding:0 24px 0 0;
 font-weight:normal;
 font-size:33px;
}
.post_content a.rm {
 display:block;
 float:left;
 margin:0 0 16px;
 padding:12px 0;
 font-size:13px;
 line-height:16px;
 font-weight:normal;
 text-transform:none;
 color:#65c8fd;
 text-decoration:none;
 text-align:center;
}
.post_content a.rm:hover {
 text-decoration:underline;
}
.content p.pages {
 margin:0;
 padding:24px 20px;
 font-size:11px;
 color:#6e6e6e;
 text-align:left;
}
.content p.pages span, .content p.pages a {
 display:block;
 float:left;
 margin:0 4px 0 0;
 padding:8px 14px;
 text-decoration:none;
 text-align:center;
 background:url(../images/page_p.gif) no-repeat center center;
}
.content p.pages span, .content p.pages a:hover {
 color:#fff;
 background:url(../images/page_a.gif) no-repeat center center;
}
.content p.pages a {
 color:#fff;
 border:none;
}
.content p.pages small {
 font-size:12px;
 float:right;
}
.content .mainbar .comment {
 margin:0;
 padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
 border:1px solid #dedede;
 margin:10px 16px 0 0;
 padding:0;
 float:left;
}
.subpage .mainbar .sb_menu li {
 border-bottom:none;
}
.subpage .mainbar .sb_menu li a {
 color:#6d6d6d;
}
.subpage .mainbar .sb_menu li a:hover {
 color:#fb865e;
 text-decoration:underline;
}
.fbg {
 padding:0;
 background:#68cafd url(../images/footer_bg.gif) repeat-x left top;
 border-bottom:1px solid #5db4e1;
}
.fbg_resize {
 margin:0 auto;
 width:920px;
 padding:40px 20px 16px;
 color:#fff;
}
.fbg h2 {
 color:#fff;
 padding-bottom:24px;
 font-size:24px;
}
.fbg img.gal {
 margin:0 8px 8px 0;
 padding:0;
 border:4px solid #ece7e7;
}
.fbg .col {
 margin:0;
 float:left;
}
.fbg .c1 {
 padding:0 16px 0 0;
 width:280px;
}
.fbg .c2 {
 padding:0 36px 0 16px;
 width:280px;
}
.fbg .c3 {
 padding:0 0 0 16px;
 width:274px;
}
.fbg .fbg_ul {
 margin:0;
 padding:0;
 list-style:none;
}
.fbg .fbg_ul li {
 margin:0;
 padding:0;
 list-style:none;
}
.fbg .fbg_ul li a {
 display:block;
 margin:0;
 padding:2px 0 2px 12px;
 color:#fff;
 text-decoration:none;
 background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
 color:#fff;
 text-decoration:underline;
}
.fbg p.contact_info {
 line-height:1.8em;
}
.fbg p.contact_info a {
 color:#fff;
 text-decoration:underline;
 font-weight:normal;
}
.fbg p.contact_info span {
 display:block;
 float:left;
 width:74px;
 font-weight:bold;
}
ol {
 list-style:none;
}
ol li {
 display:block;
 clear:both;
}
ol li label {
 display:block;
 margin:0;
 padding:16px 0 0 0;
}
ol li input.text {
 width:480px;
 border:1px solid #c0c0c0;
 margin:0;
 padding:5px 2px;
 height:16px;
 background-color:#fff;
}
ol li textarea {
 width:480px;
 border:1px solid #c0c0c0;
 margin:0;
 padding:2px;
 background-color:#fff;
}
ol li .send {
 margin:16px 0 0 0;
}
.searchform {
 padding:0 0 16px;
 float:left;
}


.footer {
 border-top:1px solid #8ad8fe;
 background:#68cafd;
}
.footer_resize {
 margin:0 auto;
 padding:0 20px;
 width:920px;
 line-height:1.5em;
 color:#fff;
}
.footer_resize p {
 margin:24px 0;
 padding:0;
 line-height:normal;
 white-space:nowrap;
 text-indent:inherit;
}
.footer_resize a {
 color:#fff;
 font-weight:normal;
 margin:0;
 padding:0;
 border:none;
 text-decoration:underline;
 background-color:transparent;
}
.footer_resize a:hover {
 background-color:transparent;
 text-decoration:none;
}
.footer_resize .lf {
 float:left;
 padding-left: 320px;
}

a {
 outline:none;
}


/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/
.coin-slider {
 padding:0;
 overflow:hidden;
 zoom:1;
 position:relative;
 float:right;
}
.coin-slider a {
 text-decoration:none;
 outline:none;
 border:none;
}
/* buttons for switching */
.cs-buttons {
 margin:-32px 0 0;
 padding:0;
 font-size:0;
 float:left;
}
.cs-buttons a {
 margin:0 2px;
 width:20px;
 height:20px;
 float:left;
 color:#fff;
 text-indent:-10000px;
 background:url(../images/slide_p.png) no-repeat center center;
}
.cs-buttons a.cs-active {
 color:#fff;
 background-image:url(../images/slide_a.png);
}
/* text in slider */
.cs-title {
 display:none;
 padding:16px 60px 16px 24px;
 width:876px;
 color:#fff;
 font-size:15px;
 line-height:1.5em;
 background:url(../images/overlay.png) repeat left top;
}
.cs-title big {
 font-size:20px;
}
/* buttons Next and Prew */
.cs-prev, .cs-next {
 background:url(../images/overlay.png) repeat left top;
 color:#fff;
 padding:0 10px;
}
.couter1{
position: absolute;
top: 780px;
left: 80px;
}
.couter2{
position: absolute; 
 top: 900px;
 left: 35px;
 border: 1px solid black;
 padding:2px;
 opacity: 0.5;
width: 13%;
}
.topbutton {
width:75px;
border:2px solid #ccc;
background:#f7f7f7;
text-align:center;
text-decoration: none;
opacity: 0.6;
padding:10px;
position:fixed;
bottom:10px;
right:45px;
cursor:pointer;
color:#333;
font-family:verdana;
font-size:12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
#vk_groups1{
visibility:hidden;
}
#vk_groups{
width:200px;
height: 300px;

background: white;
text-align:center;
text-decoration: none;
visibility: visible;
padding:0;
position:fixed;
bottom:90px;
right:10px;
cursor:pointer;
color:#1874CD;
font-family:verdana;
font-size:12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.ya-share2{

padding:0;
position:absolute;
top:750px;
left:55px;
cursor:pointer;
color:#1874CD;
font-family:verdana;
font-size:12px;

}

.Zona{
 border: 1px solid black; 
 font-size:15px;
 border-color:red; 
 color:red;padding:5px;
 position: absolute;
 top: 100px;
 right: 20px;
 -webkit-transform: rotate(330deg);
}
.Stata{
border: 2px solid #009ACD; 
 padding:10px;
 border-radius: 20px;
 background-color:#fffbc4;
}
.imagy{
  margin-left: 25%;
width:60%;
height: 50%;
cursor: pointer;
}
.imagy1{
  margin-left: 40%;
width:30%;
height: 40%;
}
img.imagy:hover{
-webkit-transform: scale(1.15,1.10);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.15,1.10);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
}
img.imagy1:hover{
-webkit-transform: scale(1.12,1.10);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.12,1.10);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;
}
.Next{
 background-image: url(http://experience.moy.su/images/search_mbg1.jpg);
 float:left; 
 margin-left: 450px;
 padding:3px; 
 padding-right:10px;
 padding-left:2px;
}
.MEnu{
 color: white;
 text-align: center;
 font-size: 1.1em; 
}





.vyplaty{
	float: right;
        clear:right;
	border: 3px solid lightgray;
	padding: 5px;
text-align: center;
background-color: #CAFF70;
border-radius: 5px;
position: absolute;
top: 32%;
right:0;
height:70%;
width:15%;
 overflow : scroll;
}
.plat{
	float:right; 
	clear:right;
	border: 3px solid lightgray;
	padding: 5px;
	width: 15%;
	height: 22%;
	background-color: #CAFF70;
        position: absolute;
        top: 104%;
        right:0;
}

.design{
  margin-left: 43%;
  display: inline-block; /* Строчно-блочный элемент */
  padding: 5px 20px; /* Добавляем поля */
  text-decoration: none; /* Убираем подчёркивание у ссылки */
  cursor: pointer; /* Курсор в виде руки */
  background: #4876FF; /* Фон для браузеров, не поддерживающих градиент */
  border-radius: 10px;
  color: white;

  
}
.design:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.5);
text-decoration: underline;
}



/*блок меню*/
.vert_menu{
  margin: 0;
  padding: 0;
  float: right;
        clear:right;
position: absolute;
top: 32%;
right:0;
height:70%;
width:15%;

}

ul.nav li {
  background: #FF7F24;
  border: 1px solid lightgrey;
  list-style: none;
  width: 150px;
 border-radius: 5px;

}
ul.nav li a {
  text-decoration: none;
  display: block;
  padding: 5px 5px 5px 15px;
}
ul.nav li ul {
  display: none;	/*скрываем вложенные пункты*/
}
 
/*Выпадающее меню*/
 
ul.nav li:hover {
  position: relative;
  background: #C0FF3E;
}
ul.nav li:hover > ul {
  display: block;
}
ul.nav li:hover ul{
  position: absolute;
  top: 0;
  right: 100%; /*меню раскрывается вправо*/
}
.comanda{
margin-left: 20%;
}