/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

@import "/templates/tdblog/css/fonts/stylesheet.css";


body {
color:#222;
/* background: #faf8e6; */
background:#FAFAFA url('/templates/tdblog/images/bg_n.jpg') repeat;
line-height:1.3;
font-family: 'Open Sans', sans-serif !important;
}

img{max-width:none; }

.all-wrap{
width:1020px;
margin: 0px auto;
box-shadow: 0 0 15px #D6D6D6;
padding: 5px;
background:#fff;

}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 4px;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
}

dl {
margin-bottom: 2px;
    margin-top: 4px;
}

/********* меню *************/

#topmenu_holder {
    background: none;
}

.yjsgmenu {
    background-color: #eee;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.08) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.08) 100%);
}

ul.yjsgmenu li.level0 a:after {
    display: inline-block;
    height: 48px;
    width: 0px;
    border-right: #fcfcfc 1px solid;
    border-left: #d1d1d1 1px solid;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
}

ul.yjsgmenu li.level0 a:hover {
    text-decoration: underline;
    overflow: hidden;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.08) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.08) 100%);
}

ul.yjsgmenu li.level0 a {
    z-index: 780;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    cursor: pointer;
    position: relative;
    font-weight: bold;
    font-family: Arial;
}

.yjsgmenu li a {
    color:#fff;
	font-size:17px;
	font-weight:100;
	height: 48px !important;
}

.ie10 .yjsgmenu li a {
	font-size:15px;
	padding: 0px 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .yjsgmenu li a {
	font-size:15px;
	padding: 0px 15px;
}
}

.yjsgmenu li a:hover {
   text-decoration:underline;
}
.yjsgmenu li:hover a {
   text-decoration:underline;
}

.yjsgmenu a.activepath, .yjsgmenu a:focus {
background: transparent;
color:#fff;
   text-decoration:underline;
}
.yjsgmenu a:hover  {
background: transparent;
color:#fff;
   text-decoration:underline;
}
.yjsgmenu a:active {
color:#fff;
   text-decoration:underline;
}

ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 22px;
	/* -ms-padding: 0px 16px; */

}
.china_title{font-size: 24px;
padding: 0px 0px 0px 5px;}
.china_title a:hover span{
	color:#003580;
}
.label-info[href], .badge-info[href] {
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
}
.label, .badge {
    padding: 3px 6px;
    font-size: 13px;
    font-weight: normal;
}
/********* элементы  *************/

#logo {margin-bottom:5px !important;margin-top:5px;}
#head_adv{float:right;}
.page-header {
    margin: 0px;
	padding-bottom: 2px;
}

.titlesplit0 {color: #222;}
.titlesplit1 {color: #0384a9;}
.titlesplit2 {color: #0384a9;}
.titlesplit3 {color: #0384a9;}

.yjsquare {background:#FAFAFA; border:1px solid #eee; padding:5px 10px 5px 10px;}
.module_title {border-bottom:1px solid #ddd; padding:5px; font-size:24px;}

.podelitsa{float:right; background:none; border:none; padding: 19px 0px 0px 10px;}

.newsitem_info span.createdby, .newsitem_info span.newsitem_hits {
    float: none;

}
.newsitem_info span.details {
    display: inline-block;
}

.rtih_entry {width:180px !important; text-align:center; padding: 5px;}
.rtih_img { float: none; }

.rtih_entry:hover {
background:#eee;
}


.footer_out {
    background: #ddd;
	padding:20px;
}

.footefmenu {
float:right;}

ul.stats-module {list-style-type: none;}

.holders {
    padding: 10px 0;
}

div.inside-container {
    padding-left: 5px;
    padding-right: 5px;
}

.article-info dt {font-weight:normal; display:inline-block; font-size:14px; margin-bottom:5px;}
.article-info dd {font-weight:normal; display:inline-block; font-size:14px;}
.newsitem_tools {
    margin: 0 0 10px 0;
}

.adv_mobile{display:none;}
.adv_wide{display:block;}

h4.ns2-title {
    font-size: 100%;
    font-weight: normal;
}

.yjsgarticle{border-bottom: 1px dashed #e5e5e5; padding-bottom:10px;}
.item-page a{color: #0062a6;}
.item-page a:hover{color: #858f97;}
.yjsquare_in a{color: #0062a6;}
.yjsquare_in a:hover{color: #858f97;}
.bt-cs .bt-inner .bt-title {
    clear: both;
    color: #0062a6;
    text-transform: none;
    display: inline-block;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    font-family: Arial;
    height: auto !important;
    margin-bottom: 4px;
}
.bt-cs .bt-inner .bt-title:hover {
   color: #858f97;
}

.bt-cs .bt-inner .bt-introtext{color: #858f97;font-size: 13px;}

.slides_container .bt-inner .bt-center{text-align:left;}

ul.yjsgmenu li:nth-child(1) {
width: 250px;
}
ul.yjsgmenu li:nth-child(2) {
width: 260px;
}
ul.yjsgmenu li:nth-child(3) {
width: 120px;
}
ul.yjsgmenu li:nth-child(4) {
width: 260px;
}
ul.yjsgmenu li:nth-child(5) {
width: 110px;
}

h4.ns2-title a{
    color: #0062a6;
    text-transform: none;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    font-family: Arial;
}
h4.ns2-title a:hover {
   color: #858f97;
}

.fortags{width:100%;}
.fortags ul  {}

/********* для мобильных  *************/
@media screen and (max-width: 980px) {

.all-wrap{
width:100%;
margin:3px;
box-shadow: none;
padding:10px;
}
	
.adv_mobile{display:block;}
.adv_wide{display:none;}

}

@media screen and (max-width: 460px) {
div#mmenu_holder {
margin-bottom: 10px;
}
.top_menu{display:none;}
.item-page img {width:100%; height:auto;}

}
#footmod p{float:left;}
/*
     */
/*
*/