/* (C) WWW.VUDMURTII.RU   v1.1 */
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} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body {word-wrap: break-word; background: #ffffff;}
body, select, textarea, button, input {font: 14px/1.45 Helvetica, Arial, sans-serif; color: #2a2a2a; outline: none;}
a {outline: none; color: #ee4923; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0 none;}
a > img {vertical-align: bottom;}
h1, h2, h3 {font-weight: normal;}
p,ul,ol {margin-bottom: 20px;}
strong, b {font-weight: bold;}
em, cite, i {font-style: italic;}
h1, h2, h3 {font-size: 22px; line-height: 26px;}
.fbg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url(/fon.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;z-index: -10;filter: brightness(0.8);}
.header {position: fixed;top: 0;left: 0;right: 0;height: 50px;width: 100%;margin: 0 auto;overflow: hidden;z-index: 1;background-color: #64b5f6;}
.header .head{width: 790px;line-height: 50px;margin: 0 auto;}
.header .head a{color: #fff;font-size: 16px;font-family: 'Roboto';font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-left: 10px;}
.header .head .sam{float: right;margin-right: 10px;}
.header .head .sam:hover{color:#00BCD4;}
.pad{height: 60px;overflow: hidden;}
.main{width: 790px;margin: 0 auto;overflow: hidden;}
.main .left{width: 230px;float: left;}
.main .right{width: 540px;float: left;background: #fff;border: solid 1px #64b5f6;margin-left:18px;}
.main .right .speedbar{background: #64b5f6;line-height: 40px;padding: 0 20px;font-size: 16px;color: #fff;overflow: hidden;}
.main .right .content{padding:10px 20px;overflow: hidden;}
.nav{width: 230px;background: #fff;margin-bottom: 20px; overflow: hidden;}
.nav .tix{border: 0;display: block;background: #333;color: #ffffff;line-height: 40px;font-size: 13px;font-family: Roboto;padding-left: 10px;}
.nav .tix i{width: 20px;font-size: 14px;text-align: left;}
.nav ul{list-style:none;margin:0;padding:0;}
.nav ul li{font-size:1.0em;}
.nav ul li a{border: 0;display: block;color: #333;line-height: 40px;font-size: 13px;font-family: Roboto;padding-left: 10px;}
.nav ul li a:hover{background: #64b5f6;color:#fff;text-decoration:none;}
.nav ul li a i {width: 25px;font-size: 14px;text-align: left;}
.nav hr {border-top: solid 1px #cfd8dc;border-bottom: 0;border-left: 0;border-right: 0;margin: 2px 0;width: 90%;} 
.copyright {line-height: 30px;font-size: 11px;color: #333;text-align: center;overflow: hidden;}

/* Top Menu */
.menu-btn {cursor: pointer; float: right; width: 17px; padding: 0 20px; height: 55px; position: relative}
.bars {top: 25px;}
.bars:after {bottom: -3px; }
.bars:before, .bars:after, .bars {background:#000;content: "";display: block;height:3px;left:0;position:relative;width:17px;}
.bars:before {top: -6px;}
.menu-head {display: none;}
.menu-head.open {display: block;}
.menu-head a {background: #353535;border-top: 1px solid #222; display: block; height: 1%; padding: 10px 20px; color: #fff;}
.menu-head a:hover {background: #2196f3; text-decoration: none;}
.mt {margin-top:55px;}
.wep {min-width:330px; max-width:900px; margin:0 auto; overflow:hidden;}

/* = Content = */
.post {border-bottom: solid 1px #ECEFF1;margin-top: 10px;overflow: hidden;}
.post .uin{position: relative;overflow: hidden;}
.post .uin .uf{width: 40px;height: 40px;background: #000000 url(/az.png);background-size: cover;border-radius: 40px;}
.post .uin .nam{position: absolute;top:0;left: 50px;}
.post .uin .nam a{color: #333;font-family: 'ROBOTO';font-size: 14px;font-weight: 700;text-transform: uppercase;}
.post .uin .data{position: absolute;top: 24px;left: 50px;font-size: 12px;font-family: 'ROBOTO';color: #AAA;}
.post .pin h3 a{font-weight: 500;color: #14ba88;text-decoration: none;font-size: 16px;margin: 10px 10px 10px 0;overflow: hidden;}
.post .block{margin-top: 5px;font-size: 13px;color: #727272;overflow: hidden;}
.post .block img{margin: 5px 0; max-width: 100%;}
	

.iauthor:before { width: 8px; height: 10px; background-position: -43px 0 }
.idate:before { width: 10px; height: 10px; background-position: -60px 0 }
.iviews:before { width: 10px; height: 11px; background-position: -70px 0 }
.icat:before { position: absolute; margin: 4px 5px 0 -14px; width: 9px; height: 10px; background-position: -51px 0 }
.icat {border-top: 1px solid #e7e7e7; position: relative; padding: 5px 0 15px 0;}
.com-num, .more a, .pager * { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.more a {padding: 8px 20px; float: left; text-shadow: 0 -1px 0 #000; }
.more a, a .pprev, a .pnext {background-color: #353535; color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);transition: opacity .4s ease; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; -moz-transition: opacity .4s ease;}
.more a:hover, a:hover .pprev, a:hover .pnext { text-decoration: none; opacity: .9; }
.com-num { color: #ee4923; float: right; padding: 8px 10px; background: #f6f2ee; }
.com-num:before { float: none; vertical-align: middle; display: inline-block; width: 13px; height: 13px; margin-right: 4px; background-position: -80px 0; }


/* (C) WWW.VUDMURTII.RU */