/*
Author:			redissx (ICQ: 275116000 or E-mail: redissx@gmail.com or Website: webrambo.ru ) 

/* sbros i obshee
----------------------------------------------- */

html,body,div,span,object,iframe,frame,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,textarea,select,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	
   background: transparent;margin:0;padding:0;outline:none;border: 0;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}
input, label, button, form {background: transparent;margin:0;padding:0;outline:none;border: 0;}
   
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}

a {
	-webkit-transition: background-color .6s, box-shadow .6s, border-color .6s, margin .6s, color .6s;
	-o-transition: background-color .6s, box-shadow .6s, border-color .6s, margin .6s, color .6s;
	-ms-transition: background-color .6s, box-shadow .6s, border-color .6s, margin .6s, color .6s;
	transition: background-color .6s, box-shadow .6s, border-color .6s, margin .6s, color .6s;
}
p, input, b, h2, h3, :before, :after {-webkit-transition: all .6s;-o-transition: all .6s;-ms-transition: all .6s;transition: all .6s;}
.slaider-big-img img {-webkit-transition: transform .6s;-o-transition: transform .6s;-ms-transition: transform .6s;transition: transform .6s;}
.slide-title{-webkit-transition: bottom .6s;-o-transition: bottom .6s;-ms-transition: bottom .6s;transition: bottom .6s;}
body {
          font: 12px Arial;
          line-height:normal;
          padding:0;
          margin:0;        
          color: #000;
          background: #fff;
          height:100%;
          width:100%;         
}

img {max-width: 100%;}
.clr {clear: both;height: 1px;min-height: 1px;}

a {color: #000;text-decoration: none;}
a:hover, a:focus {color: #da3b44;text-decoration: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:18px;}

.left {float:left}
.right {float:right;}
.border3 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.border5 {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.border20 {border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }

.graddark {background: #184e71;
background: -moz-linear-gradient(top,  #184e71 0%, #0c4165 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#184e71), color-stop(100%,#0c4165));
background: -webkit-linear-gradient(top,  #184e71 0%,#0c4165 100%);
background: -o-linear-gradient(top,  #184e71 0%,#0c4165 100%);
background: -ms-linear-gradient(top,  #184e71 0%,#0c4165 100%);
background: linear-gradient(to bottom,  #184e71 0%,#0c4165 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184e71', endColorstr='#0c4165',GradientType=0 );
}

.gradgrey {background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dcdcdc 100%);
background: -o-linear-gradient(top,  #f2f2f2 0%,#dcdcdc 100%);
background: -ms-linear-gradient(top,  #f2f2f2 0%,#dcdcdc 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dcdcdc',GradientType=0 );
}

.gradblue {background: #4b94c9;
background: -moz-linear-gradient(top,  #4b94c9 0%, #3274a5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b94c9), color-stop(100%,#3274a5));
background: -webkit-linear-gradient(top,  #4b94c9 0%,#3274a5 100%);
background: -o-linear-gradient(top,  #4b94c9 0%,#3274a5 100%);
background: -ms-linear-gradient(top,  #4b94c9 0%,#3274a5 100%);
background: linear-gradient(to bottom,  #4b94c9 0%,#3274a5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b94c9', endColorstr='#3274a5',GradientType=0 );
}

.gradred {background: #fc4664;
background: -moz-linear-gradient(top,  #fc4664 0%, #da3b44 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc4664), color-stop(100%,#da3b44));
background: -webkit-linear-gradient(top,  #fc4664 0%,#da3b44 100%);
background: -o-linear-gradient(top,  #fc4664 0%,#da3b44 100%);
background: -ms-linear-gradient(top,  #fc4664 0%,#da3b44 100%);
background: linear-gradient(to bottom,  #fc4664 0%,#da3b44 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4664', endColorstr='#da3b44',GradientType=0 );
}

button.searchbut, .videoimg:after, li.sdata, li.sview, li.scom {background:url(../images/sprites.png) no-repeat;}


/* HEADER
----------------------------------------------- */
.toplinewrp {width:100%; height:auto;}
#topline {height:36px; color:#FFF; position:relative; width:1020px; margin:0 auto;}
ul.topmenu li {display:inline; line-height:36px; margin-right:10px; border-right:1px solid #fff; padding-right:10px;}
ul.topmenu li a {color:#FFF; text-decoration:underline;}
ul.topmenu li a:hover {text-decoration:none;}
ul.topmenu li:last-child {border:0;}

#headerwrp {background:#fcfcfd url(../images/topbg.png) bottom repeat-x; width:100%; }
#header {width:1020px; margin:0 auto; position:relative }
.logo {height:130px; display:block;}
.logo img {padding: 40px 10px 0px 0px; width: 300px;}
.banner {width:468px; height:70px; border:5px solid #FFF; position:absolute; left:300px; top: 30px;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.reglog {position:absolute; right:0; top:50px; width: auto;}
a.reg, a.log {display: inline-block; padding:5px 10px;}
a.log {color:#FFF; margin-bottom:10px;}
a.reg {border-bottom:1px dashed #000; padding:5px 0; margin:0 0 0 5px;}


/* GLAV MENU
----------------------------------------------- */
#mainmenuwrp {background-color:#347fb7; border-top:2px solid #e8e8e8; width:100%;position:relative; z-index:20;}
#mainmenu {width:1020px; margin:0 auto;}
ul#menuin  li {left:50%; float:left; position:relative;}
ul#menuin  li a {display:block; color:#fff;  padding: 2px 15px; font-family: 'Roboto', sans-serif; font-size: 15px;line-height:40px; }
ul#menuin a:hover, ul#menuin  li:hover {color:#333333; background-color:#f2f2f2; border-color:#347fb7}
ul#menuin {margin:-2px 0 0 0; position:relative;clear:left;right:50%;float:right;text-align:center;}
ul#menuin  li ul {background:#f2f2f2; margin:0; height:  auto; padding-left:  0px; position:absolute; top:45px; left: 0px;
 display:none; z-index: 5; width:200px;
 box-shadow: 0 20px 50px 0 rgba(0,0,0,0.22);
  -moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.22);}
ul#menuin  li ul li { display: block; float: none;position:relative; left:0; text-align:left; border-top:0;}
ul#menuin  li ul  li a {display:block; float: none; color:#333333; line-height: 34px; padding: 2px 10px;  font-family: 'Roboto', sans-serif; 
font-size: 15px; border-bottom:1px solid #e8e8e8; border-top:0;}
ul#menuin li ul li a:hover {background-color:#347fb7; border-bottom:1px solid #e8e8e8; color:#fff}


/* BISTRIY POISK
----------------------------------------------- */
.searchbox {position: absolute; top:3px; right: 0px; z-index:10; color:#000; font-weight:bold;}
.searchbox form#quicksearch {position:absolute; margin:0 !important;}
button.searchbut { width:30px; height:30px; border:0 !important; background-position:5px -174px;
position:absolute; top:-1px; right:0px;}
button.searchbut:active {background:url(../images/sprites.png) 5px -174px no-repeat !important;}
.searchbox input { color: #9a9898; padding: 5px 10px; width: 250px; height: 30px; background: #fff; border:1px solid #e5e5e5; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left:10px;
box-shadow:none !important;}
.searchbox input:focus { color: #000; box-shadow:none !important; }


/* KARKAS KONTENTA
----------------------------------------------- */
#wrapper {width:1020px; margin:0 auto; background-color:#FFF; min-height:100%;}
#contwrapper {background-color:#FFF; min-height:100%; padding:15px 0; position:relative}
.content {width:750px; background-color:#FFF}
.sidebar {width:250px; position:relative; z-index:10;}
#contwrapper:before {content:" "; position:absolute; top:15px; left:0; width:250px; height:100%; z-index:5; background-color:#f9f9f9;
box-shadow:inset 10px 0 20px -10px rgba(0,0,0,0.1); border-right:1px solid #CCC }
#articlewrapper {margin-right:15px;}

.bannermain {margin:15px 15px 0 0;}


/* OBSHEE KASTOM
----------------------------------------------- */

.slider-wrp {background-color:#fff; position:relative; padding:0 500px 0 0; height:370px; z-index:10;}
.slide-t, .slide-link {background-color:#1A7BAD; color:#FFF; font-size:15px; font-family: 'Roboto', sans-serif; display:block;
height:50px; line-height:50px; padding:0 15px; width:100%; border-radius:5px 0 0 0;}
.slaider-mini {float:left; height:60px; padding:15px 15px; font-size:14px; width:100%;
background-color: #f6f6f6; border-bottom:1px solid #f0f0f0; cursor:pointer; border-left:5px solid transparent;}
.mini-activ {border-left:5px solid #EF0808;}
.slaider-mini p {overflow:hidden; height:30px; font-size: 13px; font-family: 'Roboto', sans-serif;}
.slaider-big {width:500px; height:350px; position:absolute; top:0px; right:0px; display:none;}
.slaider-big-img {width: 100%; height: 100%; overflow: hidden; position:relative; border:5px solid #1A7BAD; border-radius:0 5px 5px 0;}
.slaider-big-img img {width: 100%; min-height: 100%;}
.slide-title {position:absolute; background-color:rgba(0,0,0,0.6); color:#FFF !important; font-family: 'Roboto', sans-serif;
display:block; padding:15px; line-height:16px; bottom:0; left:0; right:0;}
.slide-title h3 {font-size:24px; margin-bottom:15px; line-height:22px;}
.slaider-big:hover .slide-title{ bottom:-200px;}
.slaider-big:hover .slaider-big-img img {transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.slaider-mini:hover { background-color: #f0f0f0;}

.last-rkl {width:250px; min-height:360px; margin-bottom:15px; background-color:#f6f6f6;}
.last-wrap {width:485px;}
.cust-title {border-bottom:1px solid #CCC; margin:-10px 0px 20px 0;}
.cust-title h2 {font-size:17px;  font-family: 'Roboto', sans-serif; display:inline-block; padding:0 10px 0 0; background-color:#fff;
position:relative; bottom:-10px;}
.lastitem {padding-left:130px; margin-bottom:10px;}
.lastimgb {width:120px; margin-left:-130px;}
.lastimg {height:90px; overflow:hidden;}
.lastimg img {width:100%; min-height:100%;}
.lasttext {width:100%;}
.lasttext h3 {font-size:14px; font-weight:bold; margin-bottom:10px;}
.lasttext h3:hover a {text-decoration:underline;}

.daysdate {float: left; color: #ef0808;padding-right:10px;}

.tabs-wrp {box-shadow:0 0 0 10px #f0f0f0; position:relative; margin:10px 10px 30px 10px;
-moz-box-shadow:0 0 0 10px #f0f0f0; -webkit-box-shadow:0 0 0 10px #f0f0f0;}
.tabs-wrp:before, .full-story:before {display:block; content:" "; width:100%; height:23px; background:url(../images/tabs-b-shad.png) center top no-repeat;
position:absolute; bottom:-33px; left:0; background-size:100% auto;}
ul.tabs {display:block; height:48px; line-height:48px;}
ul.tabs li {display:inline-block; padding:0 15px; font-weight:bold; color:#ffffff; cursor:pointer;
text-transform:uppercase; font-size:14px;}
ul.tabs li.current { background-color:#FFF; color:#000;}
ul.tabs li:hover { text-decoration:underline;}
.box {display:none;}
.box.visible {display:block;}
.tabs-item {display:block; float:left; width:164px; margin:15px 0 15px 15px;}
.tabs-item:nth-child(4n) {margin-right:0;}
.tabs-img {height:110px; overflow:hidden;}
.tabs-img img {width:100%; min-height:100%;}
.tabs-item h3, .tabs-item p {font-size:12px; color:#028ac2; text-decoration:underline; margin:5px 0; overflow:hidden;}
.tabs-info {color:#e3270e; height:25px; line-height:25px;}
.tabs-item:hover h3, .tabs-item:hover p {text-decoration:none;}
.tabs-info ul li {display:inline-block; float:right; margin-left:5px;}
.tabs-info ul li.scom {background-position:0 -115px !important;}
.tabs-info ul li.sview {background-position:0 -77px !important;}



.lentahead, .mainhead, .mozhead, .strokahead, .raznhead, .videohead, .sideboxtitle {height:50px; line-height:50px; padding:0 15px; font-size:15px; font-family: 'Roboto', sans-serif;}
.lentahead h2, .mainhead h2, .mozhead h2, .strokahead h2, .raznhead h2 {font-size:14px; font-weight:bold; display:inline-block}
.mainhead a, .mozhead a { float:right; text-decoration:underline; font-size:12px;; font-weight:normal; color:#FFF}
.mozhead a {color:#000;}
.mainhead a:hover, .mozhead a:hover {text-decoration:none;}

.mainimg img, .mozimg img, .raznimg img, .videoimg img, .relimg img {width:100%; min-height:100%;}

.mainimg:before, .raznimg:before, .relimg:before {content:" "; position:absolute; opacity:0;
width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:10;}
.mainitem:hover .mainimg:before, .raznitem:hover .raznimg:before, .relitem:hover .relimg:before {opacity:1;}


/* LENTA KASTOM
----------------------------------------------- */
.lentawrp {width:250px; background-color:#f0f0f0}
.lentaitem {display:block; border-bottom:1px solid #fff; padding:15px; font-size:12px; font-weight:bold}
.lentainfo {font:11px 'Roboto', sans-serif; margin-bottom:10px; color:#e82803}
.lentainfo span {color:#999; margin-right:10px; font-weight:bold}
.lentaitem:nth-child(2n) .lentainfo {color:#4b94c9;}
.lentawrapper :last-child {border-bottom:0;}
.lentaitem:hover { background-color:#f9f9f9;}


/* GLAV NEWS KASTOM
----------------------------------------------- */
.mainhead {color:#FFF; margin-right:0px;}
.mainnews {width:485px; margin-left:15px;}
.mainitem {width:146px; margin:15px 15px 0 0; height:240px; overflow:hidden; display:block;}
.mainimg {width:100%; height:100px; overflow:hidden; position:relative; margin-bottom:10px;}
.maincat {position:absolute; left:0; top:0; background-color:rgba(218,59,68,0.8); color:#FFF; font-weight:bold; font-size:10px;
padding:5px 10px; display:inline-block; z-index:5;}
.mainitem h3 {font-size:12px; font-weight:bold; line-height:normal; display:block;}
.maintext {margin-top:10px; color:#000;}
.mainnews .mainitem:nth-child(2) {width:485px; height:400px;}
.mainnews .mainitem:nth-child(2) .mainimg{ height:300px}
.mainnews .mainitem:nth-child(2) h3 { font-size:18px;}
.mainnews .mainitem:nth-child(2) .mainimg .maincat { position:absolute; bottom:0; top:auto; font-size:14px; padding:15px;
 background-color:rgba(252,192,0,0.8);}
.mainnews .mainitem:nth-child(2) .maintext { font-size:14px;}


/* NEDEL NEWS KASTOM
----------------------------------------------- */
.mozwrp {background-color:#fff; margin:15px 0 15px 0; border:1px solid #CCC; padding-bottom:15px;}
.mozhead {border-bottom:1px solid #ccc;}
.mozaik { width:660px; margin:20px 10px 0 0;}
.mozaik h2 {display:block; padding:10px; font-size:22px; text-align:center; background-color:#f9f9f9; border-bottom:1px solid #CCC;
margin-bottom:10px }
.mozaikitem {padding:10px 10px 10px 100px; float:left; width:50%; height:140px;}
.mozimg {margin-left:-90px; width: 80px; height:60px; overflow:hidden;
border:3px solid #000;}
.moztext {}
.moztext h3 a { margin-bottom:5px; font-size:14px; font-weight:bold;; line-height:normal; display:block;}
.mozfix { margin:60px 0 0 -90px; width:80px;}
.mozfix ul li.scom { position:relative; top:-15px;}


/* STROKA KASTOM
----------------------------------------------- */
.strokawrp {border:1px solid #CCC; width:250px; margin:0 0 0 15px;}
.strokahead {border-bottom:1px solid #CCC;}
.rlentaitem {margin:10px; padding-left:40px;font-family: 'Roboto', sans-serif;}
.rlentaitem span {display:block; height:100%; float:left; width:auto; font-size:10px; color:#e82803; margin-left:-40px;}
.rlentaitem a { font-size:13px; }


/* INTERES KASTOM
----------------------------------------------- */
.raznwrp {width:485px; border:1px solid #CCC; padding-bottom:15px;}
.raznhead {color:#FFF;}
.raznitem {margin:15px 0 0 15px; width:220px; height:190px;}
.raznimg {height:120px; overflow:hidden; position:relative;}
.razncat {position:absolute; left:0; bottom:0; background-color:rgba(218,59,68,0.8); color:#FFF; font-weight:bold; font-size:10px;
padding:5px 10px; display:inline-block; z-index:5;}
.raznitem h3 {height:30px; overflow:hidden; margin:10px 0 0 0; display:block; font-size:12px; font-weight:bold;}


/* FOOTER
----------------------------------------------- */
#footwrp {background-color:#1F5A84; width:100%; position:relative; z-index:5; height:auto; }
#footer {margin:0 auto; width:1020px; color:#FFF; background:url(../images/footer.jpg) top center no-repeat;
position:relative; z-index:10; padding-top:20px;}
#footwrp:after {content:" "; position:absolute; left:0; bottom:0; height:50px; width:100%; background-color:#133954; z-index:5;}
.copyr {background-color:#133954; height:50px; line-height:50px; color:#ccc; margin-top:20px;}
.copyr p {width:750px;}
.counts {width:210px; margin:10px 0 0 0; display:block; height:31px; overflow:hidden}
.counts li {display:inline-block; width:88px; height:31px; background: #e6e6e7; margin-left:10px;}
.foottext {width:80%; padding-right:20px; line-height:18px;}
.footmenu {display:block; width:20%; line-height:18px;}
.footmenu li a {color: #fcc000; text-decoration:underline;}
.footmenu li a:hover {text-decoration: underline; color:#6abcf9;}
.logofoot {width:250px; height:77px; display:block; background:url(../images/logofoot.png) no-repeat;}


/* VIDEO REPORT KASTOM
----------------------------------------------- */
.videowrp {background-color:#090909;}
.videohead {color:#FFF; border-bottom:2px solid #fcc000}
.topwrp {background-color:#5f6b87; color:#FFF; margin-bottom:0;}
.toptitle {background-color:#455270; border-bottom:2px solid #35405a; padding:5px 10px; font:bold 18px Cuprum;}
.topitem {padding:10px !important; display:block; border-bottom:2px solid #464646;}
.videoimg {height:140px; overflow:hidden; position:relative;}
.videoimg:after {content:" "; position:absolute; opacity:0.8; width:40px; height:40px; top:55px; left:100px; 
background-position:0 -220px; z-index:10}
p.topcat {color:#fcc000 !important; margin:5px 0; font-size:11px !important;}
.topitem p {font-size:12px; font-weight:bold; color:#FFF;}
.topitem:hover {background-color:#464646; border-bottom-color:#fcc000;}
.topitem:hover .videoimg:after {opacity:1;}

/* SIDE BLOK
----------------------------------------------- */
.sideboxwrp {margin:20px 0;}
.sideboxtitle {border:1px solid #ccc; }
.sidebox {padding:10px;}


/* TOP NEWS
----------------------------------------------- */
.topnews-b {border-bottom:1px solid #e7e7e7; padding: 10px 10px; display:block; line-height:normal; margin-right:1px;}
.topnews-date {color:#da3b44; font-size:12px; font-weight:bold; margin-bottom:5px;}
.topnews-b:hover {background-color:#FFF;}
.topnews-b:nth-child(2n) .topnews-date {color:#4b94c9;}


/* KONTENT SPEEDBAR
----------------------------------------------- */
.speedbar {margin-bottom:15px;}
.speedbar a {color:#347fb7; text-decoration:underline;}
.speedbar a:hover {text-decoration:none;}


/* SHORT STORY
----------------------------------------------- */
.shortstory {padding:15px 15px 15px 200px; margin-bottom:15px; background-color:#f9f9f9; border:1px solid #ccc;}
.shortimg { width:170px; margin-left:-185px;}
.shortimg img {width:100%;}	
.shorttext {width:100%;}
.shorttitle { margin-bottom:0px; width:100%;}
.shorttitle h2 a {display:block; font-size:18px; line-height:18px; color:#347fb7;}
.shorttitle h2 a:hover { text-decoration:underline;} 
.shortfix {width:100%; margin-bottom:10px;}


/* FULL STORY
----------------------------------------------- */
.fullarticle { border-top:2px solid #f9f9f9; padding:5px 0 20px 0;}
.fulltitle {}

.articleinfo {position:relative;}
.articleinfo ul li {display:inline-block; line-height:30px; margin-right:20px; color:#a8a8a8; font-weight:bold; font-size:11px;}
li.sdata {background-position:0 -292px; padding-left:20px;}
li.sview {background-position: 0 -333px; padding-left:22px;}
li.scom {background-position: 0 -370px; padding-left:22px;}
.articleinfo ul li a {color:#347fb7; font-weight:bold; text-decoration:underline;}
.articleinfo ul li a:hover {text-decoration:none;}

.articlesocial {position:absolute; top:0; right:150px; width:200px;}
.articlerating {position:absolute; right:0; top:5px;}

.addfavorit { opacity: 0.6; position:absolute; right:100px; top:5px;}
.addfavorit:hover { opacity: 1 }
.iedit { position:absolute; top:5px; right:130px}
.iedit * { cursor: pointer; height: 17px; width: 17px;}
.iedit .thd { background-image: url("../dleimages/editstore.png")}

.articletext {margin:20px 0; line-height:20px; font-size:14px;}
.articletext img {margin:0 10px 10px 0;}
.articletext a {text-decoration:underline; color:#347fb7;}
.articletext a:hover {text-decoration:none;}
.articletext ul li {list-style:disc; margin-left:40px;}

/* POHOZHIE
----------------------------------------------- */
.articlerelated {border-top:3px solid #347fb7; padding:0 15px; margin:0; border-bottom:1px solid #CCC; background-color:#f9f9f9;}
.relatedheader {font-size:18px; padding:20px 0;}

.relitem {width:50%; position:relative; margin-bottom:15px; display:block;}
.relimg {width:100px; height:70px; overflow:hidden;}
.reltext {position:absolute; top:0; left:110px; width:230px; font-family: 'Roboto', sans-serif;color:#347fb7; z-index:15;}
.reltext p {color:#000; font-size:14px; margin-bottom:10px}
.relitem:hover .reltext p {text-decoration:underline;}
.relitem:nth-child(2) .relimg {width:340px; height:240px;}
.relitem:nth-child(2) .reltext {width:340px; height:auto; padding:10px; color:#FFF; background-color:rgba(52,127,183,0.7);
position:absolute; left:0; bottom:0; top:auto}
.relitem:nth-child(2) .reltext p {color:#FFF; font-size:16px;}
.relimg:before {width:100px; height:70px;}
.relitem:nth-child(2) .relimg:before {width:340px; height:240px;}

 /* KOMMENTARIY
----------------------------------------------- */
.articlecomments {margin:20px 0;}
.combox {padding:0 0 0 80px; background-color:#f9f9f9; border:1px solid #CCC; margin-bottom:15px}
.comava {width:70px; margin: 20px 0 0 -70px; height:70px; border:3px solid #fff;  background-color:#000; box-shadow: 0 0 0 1px #ccc}
.comava img {width:70px; max-height:70px;}
.combody {min-height:110px; padding:20px; width:100%;}
.cominfo {padding:5px 0; margin:-20px -20px 5px 0; border-bottom:1px solid #CCC;
line-height:30px}
.cominfo ul {margin:0;}
.cominfo ul li, .comedit ul li {float:left; margin-right:20px;}
.cominfo ul li b, .cominfo ul li b a {color:#34495e; font-size:14px;}
.cominfo ul li.reply {float:right; display:inline-block; padding:5px 10px; color:#FFF; margin:4px 15px 0 0; line-height:normal;
background-color:#347fb7;}
.cominfo ul li.reply a {display:block; color:#FFF;}
.comedit {margin:20px 0 10px 0;}
.comedit ul {float:right}


.signature { border-top: 1px dashed #d5d5d5; padding: 14px 0; font-size: 11px; color: #828282; font-style:italic; }
.mass_comments_action { height: 1%; text-align: right; padding: 12px 14px 12px 14px; margin: 0 0 47px 0; background-color: #f9f9f9;
 -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.mass_comments_action .bbcodes { margin-bottom: 0 }

.addcom-btn {display:inline-block; font-size:12px;  padding:10px; color:#FFF;cursor:pointer;
margin-bottom:0px; background-color:#347fb7; font-weight:bold;}
.addcom-btn:hover {background: #133954; color:#FFF}
#addcform {background-color: #f9f9f9; padding:15px;}
.comline {background-color:#f9f9f9; margin-top:20px}
.comnum {display:inline-block; padding:10px; font-weight:bold;}

/* LOGIN
----------------------------------------------- */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 8888;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
#loginbox { background: #fff; padding: 40px; width: 350px; margin-left: -170px; min-height: 150px;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal;  cursor: auto;
}
	.logfix {height:70px; background-position:0 -40px;}
	li.lfchek input, li.lfchek label {display:inline-block !important;}
	.submitline {background-color:#f0f0f0; margin:0 -40px -40px -40px; padding:10px 0 10px 110px;}
#loginbox.logged { background: #fff;}

.not-logged .f_input { font-size: 1.2em; padding: 10px; width: 100%; height: 40px;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	#loginbox form { margin: 0 }
	.not-logged li { margin-bottom: 1em }
	.not-logged li label { display: block; margin-bottom:0; }
	.submitline .rcol { line-height: 30px }
	.signbox { padding: 0 0 0 110px; }
	.signbox .lcol { margin-left: -110px; }
	.signbox .rcol { width: 100% }
	.rcol h3 {color:#34495e; font-size:18px; font-weight:bold;}
	.signbox ul { margin: 0 }
	.signbox ul li a { display: block; color: #595959; padding:5px; }
	.signbox ul li a:hover { color: #fff; background-color:#1295D8}
	.lg-out { display: block; position:relative; left:10px; top:100px; color:#fff; background-color:#1295D8; padding:5px 16px; font-weight:bold;}
	.lg-out:hover {color:#fff; }
	.avatar { display: block; width: 80px;  }
	.avatar img { width: 100%;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.22);
		-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.22);
		-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.22); border:5px solid #FFF;}
.overlay-close { background-color: #b5b5b5; cursor: pointer; margin: 3px; position: absolute; right: 0; top: 0; 
width: 23px; height: 23px; background-position: 0 -427px;}
	.overlay-close:hover { background-color: #fb643c }

.sociallogin {height:auto;}
.sociallogin a { float:left;}
	


/*--- obshee knopki polya---*/

textarea { overflow: auto; vertical-align: top }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear; color:#fff;
   border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  font-weight: bold; border: 1px solid #d9d9d9; display: inline-block; padding: 10px 10px; cursor: pointer;
 background-color: #3274a5; font-size:12px}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
button[disabled], input[disabled] { cursor: default }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #F4F9FA }
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background: #455270;
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1)
}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button { font-weight: normal; font-size: .8em; height: 32px; padding: 4px 14px;}

dl,dd,pre,ol,blockquote,address,table,fieldset,form { margin-bottom: 25px }

blockquote { margin-left: 20px; padding: 0 20px; font-style: italic; border-left: 6px solid #1295D8; color: #737373 }
strong, b { font-weight: bold }
em, cite { font-style: italic }
caption { text-align: left }
th,td { vertical-align: middle }
small, .small { font-size: 12px }

table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0 }
.thd, .ui-icon, .overlay-close { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; background-image: url("../images/sprites.png") }
.lcol { float: left; display: inline }
.rcol { float: right; display: inline }

/* Content-other */
#pollbox { border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px }
	#dle-poll-list, #searchtable, .pm_status { padding: 25px; background: #E9F0FC; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }

/* Navigation */
.storenumber { clear: both; font-weight: bold; }
	.basenavi { font-size: 1.1em; margin: 20px 0; text-align: center; clear: both; line-height: 34px; height: 34px; }
	.navigation { margin: 0 auto; }
	.navigation a, .navigation span { margin-left: -2px; padding: 3px 8px 3px 8px; }
	.navigation a:hover { color: #fff; background: #347fb7;}
	.navigation span.nav_ext { background: none; }
.pnext, .pprev { font-size:24px; margin:0 20px;}
.navigation span {background-color:#347fb7; color:#FFF;}


/* errors */
.berrors { background: #E9F0FC; color: #000; margin: 20px 0 47px 0; padding: 13px 20px; height: 1%; }
	.boxfull .berrors { margin-right: 27px }
	.berrors a { color: #347fb7; text-decoration:underline; }
/* Votes */
	.votenum { color: #717171 }
	.vlist { margin-bottom: 25px }
	.vfoot { margin-bottom: .8em }
.vresult {
    border: 0 none;
    background: none;
    cursor: pointer;
    margin-top: 3px;
    font-size: 11px;
    color: #717171;
    float: right;
    width: 96px;
    height: 20px;
    padding: 0;
    background: url("../images/vresult.png") no-repeat 100% 0 !important;
}

.vresult span {
    padding: 3px 25px 5px 5px;
    display: block;
}

#votes h4 { float: left;}

.vtitle { background-color:#090909; position:relative;
    color: #fcc000; font-size:14px; margin: -10px -10px 20px -10px; padding:10px 5px; text-align:center;}
.vtitle:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
	 pointer-events: none; border-color: rgba(9, 9, 9, 0); border-top-color: #090909; border-width: 10px; margin-left: -10px; }
.dpad {color:#717171; line-height:20px; margin-bottom:-30px;}
a.vres {color:#000; margin-left:20px; display:inline-block; padding:5px 0; border-bottom:1px dashed #000;}
.votebuts {background-color:#f0f0f0; padding:5px 10px 5px 25px; margin:0 -9px;}


/* forms */
#addcoment-dialog form { margin: 0 }
.statbox { margin-bottom: 47px }
.statbox h1 { margin-bottom: .6em }

.tableform { width: 100%; }
	.tableform td, .tableform th { border-top: 1px dotted #ebebeb; padding: 10px 0; text-align: left; }
		.tableform tr:first-child td, .tableform tr:first-child th { border: 0 none; }
		.tableform th, .tableform .label, .tableform .addnews { width: 25%; font-weight: normal; vertical-align: top; padding-right: 10px; padding-top: 8px; }
		.imp::after { color: #e46950; content: "*"; font-weight: bold; }

	.recipient select { width: 298px; }

	.checkbox { color: #787878; padding: 4px 0; line-height: 1em; }
	.checkbox input { margin-top: -2px; vertical-align: middle; }

	/*captcha*/
	.c-captcha { position: relative; height: 70px }
	.c-captcha #dle-captcha, .c-captcha .f_input { float: left; margin-right: 5px }
	.c-captcha #dle-captcha a { display: block; clear: both }
	.c-captcha .f_input { position: absolute; left: 125px; font-size: 20px; height: 30px; padding: 9px; width: 100px }

.f_input, .xfields input, .xprofile input { width: 288px; }
.logg {width:230px;}
textarea { resize: vertical; }
.f_textarea, textarea.ui-corner-all { width: 96.7%; }
#category { width: 300px !important; }
.f_input { height: 16px; }
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, .editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .bbeditor select, .textin, select.rating { padding: 4px; background: #f2f2f2; border: 1px solid #cecece;
}
.xfields textarea { width: 96.7%; }
.editor_button select { padding: 0; }
.fieldtr select:focus, .pm select:focus, .textin:focus, .f_textarea:focus, .f_input:focus, .xfields textarea:focus, .xprofile textarea:focus, .editor input[type="text"]:focus, #category:focus, textarea.ui-corner-all:focus,  .tdfield select:focus, .lfield input:focus,
.xfields input:focus, .xprofile input:focus, .xfields select:focus, .xprofile select:focus, .mass_comments_action select:focus, .bbeditor select:focus { background: #fff; border-color: #78afbe;
	box-shadow: 0 0 10px 0 #96BEFB;
	-moz-box-shadow: 0 0 20px 0 #96BEFB;
    -webkit-box-shadow: 0 0 20px 0 #96BEFB;}

/* search */
.searchstyle { width: 480px }
	.search { padding: 0 }
	#searchtable, #searchtable td { vertical-align: top; text-align: left }
	#searchtable fieldset { font-size: 11px; border: 1px solid #d7d7d7; padding: 10px; text-align: left; margin: 0 4px 4px 0 !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	#searchtable table, #searchtable form { margin: 0 }
	#searchtable select { background-color: #fff }

	fieldset legend { font-size: 11px; font-weight: bold; color: #696969; }
	#searchuser, #searchinput { width: 90% !important; }

.searchresult { border-bottom: 1px solid #E3E3E3; padding: 0 100px 25px 0; margin-bottom: 25px; height: 1%; overflow: hidden; position: relative }
	.snum { font-weight: bold; text-align: right; font-size: 55px; border-radius: 25px; text-align: center; color: #E3E3E3; position: absolute; right: 24px; bottom: 6px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; -moz-transition: color 0.3s linear }
	.searchresult:hover .snum { color: #2cb6dc }
	.sr-info { font-size: 11px; color: #8c8c8c; margin: 0 }

.searchresult.linedark { background: #fff; }

/* Userinfo */
.userinfo { padding-left: 110px }
	.userinfo .lcol { margin-left: -110px; width: 110px }
	.userinfo .lcol .avatar { margin-bottom: 1em }
	.userinfo .rcol { margin: 0; width: 100% }

	.umenu a { text-decoration: none !important; display: block; height: 1%; line-height: normal; padding: 6px 10px 5px 10px; color: #262626 }
	.umenu a:hover { border-radius: 6px; background: #9fba51; color: #fff }

	.usinf li, .userinfo  ul.rcol li { padding: 5px 0; border-top: 1px dotted #D9D9D9 }
	.usinf li:first-child, .userinfo  ul.rcol li:first-child { border: 0 none }
	.uibtn { font-size: 11px }
	.ussep { padding-top: 1.2em }
	.offline, .online { text-align: center; width: 70px; padding: 3px 5px; font-size: 11px; font-weight: bold; color: #fff; background-color: #626262; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.online { background: #99ce1b }

/* statistics */
.statistics { padding-bottom: 1em }
	.statistics ul.lcol { min-height: 71px; margin-left: -1px; width: 33.3% }
	.statistics ul.lcol li { clear: both; padding: 0 15px 0 1px; margin-bottom: 2px }
	.statistics h4 { font-weight: bold; border-bottom: 1px solid #E2E2E2; margin-bottom: .5em; padding-bottom: .6em }
	.statsbox li { border-top: 1px dotted #ebebeb; padding: 8px 0 }
	.statsbox li:first-child { border-top: 0 none }

.lines { border: 1px dotted #ebebeb; padding: 10px; }
	.lines li { margin-bottom: 0.2em; }

/* PM */
.tabcont { display: none }
.pm_menu, .tabbsmenu { margin-bottom: 10px; height: 42px; border-bottom: 1px solid #78ADCC }
	.pm_menu *, .tabbsmenu * { float: left }
	.pm_menu a, .tabbsmenu a { text-decoration: none !important; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0 15px; background: #E9F0FC; color: #2b2b2b; margin-right: 2px; height: 41px; line-height: 40px; border: 1px solid #fff6e5; border-bottom-width: 0;  }
	.pm_menu a:hover, .tabbsmenu a:hover { position: relative; background: #fff; height: 42px; color: #f86801 }

.pm_status { margin-bottom: 47px }
	.pm_status_head { border-bottom: 1px solid #E3E3E3; font-size: 0.9em; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e }

.pm_progress_bar { border-radius: 4px; border: 1px solid #d8d8d8; background-color: #fff; padding: 4px; margin-top: 10px; margin-bottom: 10px }
	.pm_progress_bar span { border-radius: 2px; background: #fb643c; font-size: 0; text-indent: -2000em; height: 10px; display: block; overflow: hidden }

/* gotop */
.gotop{position:fixed;width:40px;height:40px;left:10px;bottom:50px;
    background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}

.mia-full {
	height: 30px;
	background: linear-gradient(to left, #104569 50%, #3e9dd3 50%);
}
.mia {
	height: 30px;
	width:900px;
    background: #104569;
}
.mia a {
	color:#fff;
	line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-right: 70px;
}
.mia a:hover {
	color:#f00;
}
.miaa {
	float: left;
    width: 120px;
    height: 30px;
    padding: 0 15px;
    background: #3e9dd3;
    color: #fff;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}