/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
 height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
 display: block;
}
body {
 width: 100%;
 height: 100%;
 background: url(/img/bg.png) #DDEBEE;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 13px;
 line-height: 21px;
 color: #333;
 color: #6f6f6f;
}
.wrapper {
 background-color:#fff;
 width: 980px;
 margin:54px auto 0;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}
#fll {float:left}
#flr {float:right}
a {color:#0099ab;text-decoration:none;}
a:hover {text-decoration:underline;}
b, strong {font-weight:400; color:#000;}
hr{color:rgba(162,204,209,0.3);background-color:rgba(162,204,209,0.3);border:0 none;height:1px;clear:both}
/* Header
-----------------------------------------------------------------------------*/
.headline {
 width:100%;
 padding: 15px 0px;
 margin:0;
 background-color:#189c93;
 color:#fff;
 position: fixed;
 z-index: 9999;
}
.headlnwp{width:980px;margin:0 auto;}
.logo {width: 130px;
 display: inline-block;
 font-size:17px;
 float:left;}
a.logo {color:#fff;text-decoration:none}
.search {height:24px;background:#FFF;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;float:right}
.search_text {border:0px !important;padding:0 0 0 6px!important;margin:4px 0 0 5px!important;width:200px;color: #777}
.search_text:focus{outline:none}
.search_submit {float:right;padding:4px !important;opacity:0.7}
.search_submit:hover {opacity:1}
.headli a {
 padding: 0 3px;
 color:#fff;
}
.headli a:hover {color:#fff;text-decoration:none;}
.header {
 width: 890px;
 height: 100px;
 margin:0 50px;
 padding:24px 0;
 border-bottom: 1px dashed #ccc;
}


/* Middle
-----------------------------------------------------------------------------*/
.middle {
 margin: 0 20px;
 padding: 54px 0 100px;
 position: relative;
}
.middle:after {
 display: table;
 clear: both;
 content: '';
}
.container {
 width: 100%;
 float: left;
 overflow: hidden;
}
.content {
 padding: 0 260px 0 0;
}
.content-wp{padding:20px 20px 20px 0}
/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
 float: left;
 width: 240px;
 margin-left: -260px;
 position: relative;
 border-left: 1px solid #dedede;
 padding-left:19px
}

.mtr {padding:20px 20px 20px 0;display:table} 
.mtr .article_counters {margin-bottom:10px;}
.mtr .article_counters a{color:#8c8c8c}
.mtr .im {background:#FFFFFF;padding-right:15px;display:table-cell;vertical-align:top} 
.mtr_td {display:table-cell;vertical-align:top} 
.mtr .inim {width:300px;height:132px;overflow:hidden} 
.mtr_descr {margin:0;position:absolute;top:-9000px} 
.name_mtr {margin-bottom:7px;font-size:16px} 
.article_counters {margin-bottom:14px;font-size:13px;color:#8c8c8c} 
.article_counters span {display:inline-block;margin-right:10px} 
.article_counters .dats {background:url('/img/1/time.png') 0px 2px no-repeat;padding-left:18px} 
.article_counters .catalog {background:url('/img/1/cat.png') 0px 2px no-repeat;padding-left:18px}
.article_counters .like {background:url('/img/1/like.png') 0px 2px no-repeat;padding-left:18px} 
.mtr_d {margin:4px 0 7px 0;padding:0;}

input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
select,input[type="text"],textarea{padding:3px 5px;border:1px solid #D3D3D3;font-size:13px!important}
select:focus,input[type="text"]:focus,textarea:focus{outline:none;border:1px solid #a2ccd1}
input[type="button"],.manTdText input[type="button"],#iplus input,input[type="submit"],.manFlRst,.myBtnCenter a{display:inline-block;width:auto!important;margin:0;cursor:pointer;background:#88bbc1;border:1px solid #4b9fa9;color:#fff;text-align:center}
input[type="button"],input[type="submit"],.manFlRst,.myBtnCenter a{padding:5px 10px}
.manTdText input[type="button"],#iplus input[type="button"]{padding:3px 6px}
input[type="button"]:active,#iplus input[type="button"]:active,.manFlRst:active, #addcBut:hover{background:#4b9fa9}
input{outline:none}
.myBtnLeft, .myBtnCenter, .myBtnRight{background:none!important}
.commTd2 input{margin-top:15px}
#fln1{width:233px!important;}
.manTd2 input[type="text"]{padding: 3px;}

.comment_over {margin-top:20px;padding-bottom:15px;border-bottom:1px solid #dedede} 
.comment {display:table;width:100%;} 
.comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:15px} 
.comment_message {display:table-cell;vertical-align:top;text-align:left} 
.comment_rate {display:table-cell;vertical-align:top;text-align:center;width:80px} 
.comment_top {padding-top:2px;padding-bottom:7px;font-size:17px;line-height:20px} 
.comment_top a {text-decoration:none;color:#6c6c6c} 
.comment_top .comm_time {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:10px} 
.comment_message_in {font-size:15px} 
.comment_over:hover .comment_answer_button a {display:inline-block} 
.comment_over:hover .c_rate_plus a, .comment_over:hover .c_rate_minus a {display:block} 
.comment_answer_button {margin-top:10px;height:24px} 
.comment_answer_button a {display:none;color:#666;font-size:13px;text-decoration:none;background:#efefef;padding:3px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.comment_answer_button a:hover {color:#1d1d1d;text-decoration:none;background:#eaeaea;} 
.c_minus, .c_ziro, .c_plus {width:38px;padding:3px 0px;font-size:13px;text-align:center;font-weight:bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px} 
.c_minus {background:#ffcccc;color:#cc0000} 
.c_ziro {background:#cccccc;color:#FFF} 
.c_plus {background:#ccffcc;color:#009900} 
.c_rate_t {display:table;height:24px} 
.c_rate_plus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_minus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_count {display:table-cell;vertical-align:top;width:46px;padding-left:3px;text-align:center} 
.c_rate_plus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/like.png');margin-top:3px;opacity:0.5;position:absolute} 
.c_rate_minus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/unlike.png');margin-top:3px;margin-left:-5px;opacity:0.5;position:absolute} 
.c_rate_plus a:hover, .c_rate_minus a:hover {opacity:1}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
 width: 980px;
 margin: -100px auto 0;
 height: 100px;
 position: relative;
}