@charset "utf-8";

/*--------разметка-------*/
html, body { height: 100%; margin: 0; padding: 0; }
.page-wrapper { min-height: 100%; margin-bottom: -50px; }
* html .page-wrapper { height: 100%; }
.page-buffer { height: 50px; }
/*--------/разметка-------*/

body { text-align:center; background:#efefef; font-size:17px; color:#000; font-family: Segoe, Segoe UI, Arial, Tahoma, Helvetica; }
.page-wrapper { background:url(/img/fon_setka.png) no-repeat top center; }
.page-footer { background:#b2b2b2; color:#fff; height: 50px;} 

a { color:#038303; text-decoration:none; }
a:hover {color:#fa0; }

h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }

img { border: 0px; }
img.design { display: block; }

td { vertical-align:top; }

.l {text-align: left !important;}
.r {text-align: right !important;}
.c {text-align: center !important;}
.j {text-align: justify !important;}
.b {font-weight: bolder;}

.vt {vertical-align: top;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom;}
.nowrap {white-space: nowrap;}
.cpcs { border-collapse:collapse; border-spacing:0 !important;}
.cpcs td { padding:0; }

.clear { clear:both; }

.star { font-weight:bold; color:#CC3300; }
.copy { font-size:12px; }

.bg_w { background:#fff; }

.share { position:relative; height:40px; }
.ya-share2 { position:absolute; bottom:5px; left:130px;}


.txt { text-align:left; padding:20px; }
.img_l, .img_r { display:block; border-radius:5px; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; }
.img_l { float:left; padding:0 30px 20px 0; }
.img_r { float:right; padding:20px 0 0 30px; }
.img_l img, .img_r img { display:block; border-radius:5px; margin:5px 0 0 0; }

.shad_txt1 { text-shadow:1px -1px 2px #666; }
.shad_txt2 { text-shadow:1px -1px 2px #999; }

a.attach {font-weight:normal;}

.error { padding:15px; border:1px #CC3300 solid; color:#CC3300; font-weight:bold; background:#ffffcc; box-shadow:0px 0px 5px #54679f; }
.message { color:#0099FF; font-weight:bold; padding:15px; border:1px #0099FF solid; background:#fff; box-shadow:0px 0px 5px #54679f; }
.attention {color:#CC3300!important; font-weight:bold!important; background:#ffffcc!important; font-size:14pt!important;}

.paging { text-align:center; width:100%; padding:20px 0; font-family:Arial, Helvetica, sans-serif; }
.paging a { color:#666; font-size:15px; }

.orange { color:#ff6600 !important; }
.green { color:#3fb101 !important; }

/*-----------------------------------------------------------*/
.up_li, .mobile_v { border:none!important; padding:0 0 0 20px; }
.up_li:hover, .mobile_v:hover { background:none!important; }
.up { width:0; height:0; cursor:pointer; display:block; }
.mobile_v { cursor:pointer; display:block; position:absolute; top:0; right:10px; }
.mobile_v img { display:block; }

.p_title { margin:0 0 15px 0; padding:0; color:#666; }
.p_title2 { margin:0; padding:20px; text-align:left; }

.header, .content { min-width:930px; max-width:1150px; width:90%; }
.header { margin:0 auto; padding:35px 0 0 0; position:relative; }
.content { margin:10px auto 30px auto; }

.header h1 { margin:0; padding:10px 0 0 0; }
.header h1 a, .header h1 img { display:block; }

.header h2 { position:absolute; margin:0; padding:0; font-weight:normal; right:0; top:40px; color:#5f7676; font-size:18px; }
.header h2 div { color:#3fb101; font-family:Arial, Helvetica, sans-serif; }


/* slides */

.slide { color:#444; background:#fff; width:100%; text-align:left; }
.slide .sl_div h2 { margin:0 0 15px 0; padding:0; font-size:26px; color:#666; }
.sl_div { float:left; width:55%; padding:20px 0px 0px 20px;  }
.sl_img { display: block; float:right; width:40%  }

.sl_menu { background:#6cbb53; padding:10px; }
.sl_menu h2 { display:inline; margin:0; padding: 0px 37px 0px 20px; font-size:18px; background:url(/img/more.png) no-repeat right 13px; cursor:pointer; color:#fff; text-align:left; white-space:normal; }

.price, .links { padding:10px 20px;  }
.free { padding:20px 0; }
.links h1 { margin:0; padding:0 0 20px 0; color:#777; }


.list, .list2 { margin:0px 0; padding:0; list-style:none; }
.list li, .list2 li { margin:7px 0; }
.list li { padding:0 0 0 15px; background:url(/img/point.png) no-repeat 0px 7px;  }
.list2 li {padding:0 0 0 20px;  background:url(/img/point2.png) no-repeat 0px 8px;  }

.content { flex:1; }

/* about */

.about { text-align:left; padding:20px 0 0 0; width:100%; }
.ab_i { display:block; width:20%; float:left;  }


.com_add { margin:10px 0; text-align:center; border-top:1px #999 dashed; }
.com_add form { display:block; width:710px; margin:0 auto;  text-align:left; }
.com_add input, textarea {border:1px #999 solid; border-radius:5px; font-size:17px; }
.com_add input#author, input#name, textarea { display:block; margin:2px 0; width:700px;}
.com_add input#captcha { width:150px;}
.com_add .sub { width:710px; text-align:center; }
.com_add .sub input { cursor:pointer; width:100px; margin:0 auto; color:#fff; font-weight:bold; background:#6cbb53; padding:5px; }

.cmnt_count, .cmnt_add { position:absolute; bottom:5px; }
.cmnt_count img, .cmnt_add img { vertical-align:middle; }
.cmnt_count a { color:#6cbb53 !important; font-weight:bold; font-size:16px; }
.cmnt_count { left:5px; }
.cmnt_add {left:70px; }

.comments { border:1px #999 dashed; margin:20px 0 0 0; position:relative; }
.cmnt_h1 { margin:10px 20px 20px 20px; padding:0; color:#6cbb53; }
.cmnt_add_b { position:absolute; right:0; top:0; width:auto; height:30px; padding:5px 10px; display:block; vertical-align:middle; background:#fff; }
.cmnt_add_b img { vertical-align:middle; }

.comment { text-align:left; background:#f4f4f4; padding:10px 20px 20px 20px; }
.comment:nth-child(even) { background:#fff;}
.cmnt_date { font-style:italic; color:#666; font-size:16px; padding: 0px 0px 15px 0px; margin:0; font-weight:normal; }

.cmnt_author { margin:0; padding: 0px 0px 5px 0px; }

/*------------------------------------------------------------*/
.faq, .faq_h { text-align:left; width:100%; }
.faq { color:#333;  background:linear-gradient(to top, #ffffff, #efefef); }
.faq_h { width:100%; }
.faq_h2 { float:left; width:75%; padding:20px 0 20px 20px; margin:0; font-size:18px; color:#444; }
.add_q { display:block; background:#fa0; color:#fff; font-size:20px; padding:20px; float:right; width:15%; text-align:center; }
.add_q:hover { color:#000; }
.faq h2.author { display:inline; color:#6cbb53; padding:0 20px 0 0px; }
.quest { padding:10px 0px 0 20px; float:left; width:40%; }
.answer {padding:10px 20px 0 0px; color:#260; float:right; width:55%;}
.date { font-style:italic; text-align:right; font-size:11px; color:#666; margin:10px 20px 20px 0px; }

/* для скрипта раскрывающихся с фиксированной высоты блоков */
.it4_cnt_more { display:block; margin:0px auto 12px auto; cursor:pointer; }
.it4_cnt_more IMG { display:block; }

.it4_exp { overflow: hidden; }
.it4_grad { width:100%; position:absolute; z-index:2; bottom:25px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
.it4_exp_img { width:100%; text-align:center; }


.article_outer { display:flex; flex-wrap:wrap; justify-content:center;  }
.article { position:relative; width:350px; background:#fff; border:1px solid #ccc; margin:0 15px 30px 15px; position:relative; text-align:left; color:#444; border-radius:5px; padding:0 0 45px 0; }
.article a { display:block; color:#444; }
.article a:hover { color:#038303; }
.a_heading { font-size:14px; color:#000; padding:0; margin:0 0 7px 0; font-weight:normal; text-align:left; }
.a_heading a { display:inline; color:#090; }

.a_hs { padding:0 0 10px 0; margin:0; text-align:left; background:linear-gradient(to top, #efefef, #fefefe); border-radius:5px 5px 0 0;  }
.a_hs h2 { display:inline; padding:0 10px; font-weight:normal; border-right:1px #ddd solid; font-size:17px; }
.a_hs h2.sel a { color:#fa0; }
.a_hs h2 a { display:inline; font-weight:normal; }

.a_img { display:block; width:100%; border-radius:5px 5px 0 0; }
.a_div { padding:10px;}
.a_div h2 { margin:0; padding:0 0 5px 0; }
.a_date { position:absolute; bottom:5px; right:10px; font-style:italic; text-align:right; font-size:14px; color:#666; }

.sources {}
.sources h3 { margin:0 0 7px 0; padding:0; font-size:14px; font-weight:normal; }

/*-------------------- верхнее выпадающее меню-------------------*/
.menu { background:#b2b2b2; height:32px; color:#fff; position:fixed; z-index:99999999; width:100%;  }

#nav { margin:0; padding:0; list-style:none; height:32px; font-size:18px; text-align:center; }
#nav A, #nav DIV { text-decoration:none; color:#fff; cursor:pointer; display:block; padding:0px 10px; }
#nav A:hover, #nav DIV:hover { background:#fff; color:#ffaa00; }
#nav LI { display: inline-block; position:relative; vertical-align:middle; line-height:32px; border-left:1px solid #fff; }
#nav LI:first-child { border:none; }

#nav LI:hover A, #nav LI:hover DIV { color:#fa0; }
#nav LI:hover UL LI A, #nav LI:hover UL LI DIV { color:#333; }
#nav LI:hover UL LI:hover A, #nav LI:hover UL LI:hover DIV { color:#fa0!important; }

#nav LI.sel A, #nav LI.sel DIV { color:#fa0; !important; }
#nav LI.sel UL LI { background:#fff;}
#nav LI.sel UL LI A, #nav LI.sel UL LI DIV { color:#000 !important; }
#nav LI.sel UL LI A.sel, #nav LI.sel UL LI DIV.sel { text-decoration:underline!important; }

#nav LI UL { list-style:none; display:none; position: absolute; padding: 0px; margin:0; left:0px; top:32px; font-size:16px; text-transform:none; }

#nav LI UL LI { display: block; height:auto; line-height:normal; text-align:left; padding:1px!important; background:#efefef; border-left:1px #bbb solid!important; border-right:1px #bbb solid!important; border-bottom:1px #bbb solid!important;}
#nav LI UL LI:first-child  {  border-top:1px #bbb solid!important; }

#nav LI:hover, #nav LI UL LI:hover, #nav LI.sel {  background:#fff; }

#nav LI LI A { width:200px; }

#nav LI:hover LI:hover UL { display: block; }

#nav LI:hover UL { display: block; }
/*------------------/nav-----------------------*/