/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/base.css);


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #444;
}

a { color: #48b; }

a:hover,
em, code { color: #d50; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
	border: 1px solid #ddd;
	background: #fafafa;
}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

a:not([class]):active,
a:not([class]):focus {
	position: relative;
	top: 1px;
}

a:not([class]):active > *,
a:not([class]):focus > * {
	position: relative;
	top: -1px;
}

/*=======================================================*/

.gkTab { position: relative; }
.gkTabWrap { margin: 0 auto; }
ul.gkTabs { height:33px; border-bottom: 3px solid #eee; }
ul.gkTabs li { border: none; height: 33px; line-height: 33px; float: left; margin-right: 12px; padding: 0 3px; color: #555; font-size: 13px; text-transform: uppercase }
ul.gkTabs li span { display: block; line-height: 35px; height: 33px; }
ul.gkTabs li.active,
ul.gkTabs li:hover { border-bottom: 3px solid #333; color: #222;  cursor: pointer; }
.gkTabContainer0 { clear: both; margin: 0 -10px; }
.gkTabContainer1 { overflow: hidden; }
.gkTabItem { float: left; overflow: hidden; padding: 0; }
.gkTabButtonNext,
.gkTabButtonPrev { display: none; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }
.gkTabItemSpace { padding: 20px 16px 16px; }

.tab1 ul.gkTabs li.active,
.tab1 ul.gkTabs li:hover { border-bottom: 3px solid #7397C3;  color: #5778a1; cursor: pointer; }

.tab2 ul.gkTabs li.active,
.tab2 ul.gkTabs li:hover { border-bottom: 3px solid #EE9218; color: #E78A0B;  cursor: pointer; }


 
.module.nsp { position:relative;
border: 0 !important; /*padding: 30px 0 15px !important;*/
}
.nsp > div > h3 { margin-bottom: 8px !important;}
.nspMain { overflow:hidden; }
/* interface */
.nspBotInterface,
.nspTopInterface { overflow:hidden; width:auto; margin: 0; }
.nspBotInterface { margin:0; padding: 0; }
.nspTopInterface div { position: absolute; right: 4px; top: 18px; padding:0 3px; }
.nspBotInterface div { float: right; }
/* pagination */
.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { display:block;  float:left; border:none !important; width: 6px; height: 12px; margin: 0 0 0 5px;  padding:0 !important;  background: url('../images/nsp_interface.png') no-repeat 0 0!important; text-indent: -999em!important;cursor:pointer; }
.nspBotInterface .nspPagination li:hover,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li:hover,
.nspTopInterface .nspPagination li.active { background-position: -8px 0!important; cursor:pointer; }
.nspTopInterface .nspPagination,
.nspBotInterface .nspPagination { border:none !important; float:left; width:auto; padding: 1px 8px 0 8px !important; list-style-type:none; margin:0; }
.nspBotInterface .nspCounter,
.nspTopInterface .nspCounter { padding:4px 8px!important; font-size:10px; font-weight:normal !important; height:10px; line-height:10px; background:transparent; color:#ccc !important; cursor:pointer; float:left; margin: 0 0 0 8px !important; }
.nspBotInterface .nspCounter span,
.nspTopInterface .nspCounter span { color:#85837F !important; }
/* buttons: prev & next */
.nspBotInterface, 
.nspTopInterface  { margin: 0!important; }
.nspBotInterface div, 
.nspTopInterface div { top: 14px!important;  }
.nspTopInterface div
.nspBotInterface div, 
.nspTopInterface div { top: 14px!important; }
.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { display: block; float:left; border:none !important; height: 11px;  width: 12px; margin: 0 0 0 2px; background: transparent url('../images/nsp_interface.png') no-repeat -16px 0; cursor:pointer; text-indent:-999em; padding:0 !important; }
.nspBotInterface .nspPrev:hover,
.nspTopInterface .nspPrev:hover { background-position: -42px 0; }
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-position: -29px 0; }
.nspBotInterface .nspNext:hover,
.nspTopInterface .nspNext:hover { background-position: -55px 0; }
/* interface image and position in the different suffixes */
.dark .nspBotInterface .nspPagination li,
.dark .nspTopInterface .nspPagination li,
.dark .nspBotInterface .nspPagination li.active,
.dark .nspTopInterface .nspPagination li.active,
.dark .nspBotInterface .nspPrev,
.dark .nspTopInterface .nspPrev,
.dark .nspBotInterface .nspNext,
.dark .nspTopInterface .nspNext { background-image: url('../images/nsp_interface_dark.png'); }
.border .nspTopInterface div,
.dark .nspTopInterface div,
.color3 .nspTopInterface div,
.color4 .nspTopInterface div,
.color5 .nspTopInterface div { right: 24px; top: 28px!important; }
.box.dark .nspLinks ul li { border-top-color: #555!important; }

/* article layout */
.nspArts { overflow:hidden; }
.nspArt > div { overflow:hidden; padding:0 10px; }
.nspArt h4.nspHeader,
.nspArt h4.nspHeader a { 
font-size: 11px;
text-transform: uppercase; 
/*text-align: center; */
padding-top: 5px; 
}
.nspArt h4.nspHeader { line-height:16px; margin-bottom: 6px; margin-top: 5px }
#nsp-nsp_102 .nspArt img { padding: 0; border:5px solid #DCDCDC; border-radius:4px }
.nspLinks h4 a { }
.nspLinks h4 a:hover,
.nspArt h4.nspHeader a:hover { }
.nspArt p.nspText { margin-top: 0!important; font-size: 12px; line-height: 1.7; }
.nspArt p.nspInfo { font-size:85%; margin:6px 0; }
.nspArt .tleft { text-align:left; }
.nspArt .tright { text-align:right; }
.nspArt .tcenter { text-align:center; }
.nspArt .tjustify { text-align:justify; }
.nspArt .fleft { float:left; }

.nspArt .fright, .k2ReadMore {
float:right;
height:24px;
padding-left:19px;
line-height:24px;
color:#666;
background-position:0 0;
text-shadow:0 1px 0 rgba(255,255,255,0.3);
display:inline-block;
background: url('../images/radion-right.png')no-repeat;
}

a.fright:hover, .k2ReadMore:hover{color: #666;}

.nspArt .fright:hover, .k2ReadMore:hover{background-position:0 -30px;}

.nspArt .fnone { clear:both; width:100%; float:none; }
.nspArt { float:left; }
.nspReadon_class.left,
.nspReadon_class.right,
.nspReadon_class.center { clear:both; }
.nspReadon_class.left { float:left; }
.nspReadon_class.right { float:right; }
.nspReadon_class.center { display:inline; float:none; }
.box .nspLinks ul li { border-top: 1px solid #e0e0e0!important; list-style-type: none!important; background: none!important; padding-left: 0!important; margin: 0!important; }
.nspLinks ul li:first-child { border-top: none!important; padding-top: 0px }
.nspLinks ul li h4 { font-size:12px; line-height:1.2!important; font-weight: bold; font-family: Arial, Verdana, sans-serif; margin-bottom: 4px; }
.nspLinks ul li p { margin:0; font-size:12px;  line-height: 130% }
.nspLinks ul li { margin:0; padding:11px 0 12px; height:auto; border-bottom:none; }
.nspLinks ul { padding:0; margin:0; list-style-type:none!important; clear:none!important; }
.nspArts.left { float:right; }
.nspLinksWrap.left { float:left; }
.nspArts.right { float:left; }
.nspLinksWrap.right { float:right; }
.nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.nspAvatar { margin-bottom:-5px; }
.nspArt .nspReadon { margin-top: 14px; }
.nspText .readon { display: inline!important; float: none!important; }
a.nspComments { }

/* NSP gallery suffix */
.gallery .nspArt > div { position: relative; }
.gallery .nspArt > div > .nspContainer { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.0; filter: alpha(opacity=0); }
.gallery .nspArt > div > .nspContainer > div { padding: 0; height: 100%; width: 100%; background: #000 url('../images/nsp_bg.png') no-repeat -400% -400%; position: relative; }
.gallery .nspArt > div > .nspHeader,
.gallery .nspArt > div > .nspInfo,
.gallery .nspArt > div > .nspText,
.gallery .nspArt > div > .readon { /*position: absolute; left: -999px;*/}
.gallery .nspArt > div > .nspContainer { -webkit-transition:opacity 0.5s ease-in; -moz-transition:opacity 0.5s ease-in; -o-transition:opacity 0.5s ease-in; transition:opacity 0.5s ease-in; }
.gallery .nspArt > div > .nspContainer > div { -webkit-transition:background-position 0.35s ease-in-out; -moz-transition:background-position 0.35s ease-in-out; -o-transition:background-position 0.35s ease-in-out; transition:background-position 0.35s ease-in-out; cursor: pointer; }
.gallery .nspArtPage .nspArt:hover > div > .nspContainer { opacity: 1.0; filter: alpha(opacity=100); }
.gallery .nspArt:hover > div > .nspContainer > div { background-position: 100% 100%; }

.gallery .nspArt .nspContainer { text-align: center; }
.gallery .nspArt .nspContainer .nspHeader { display: inline-block; cursor: pointer; margin: 50% auto 0 auto; padding: 10px 13px; line-height: 10px!important; text-transform: uppercase; font-weight: bold!important; text-align: center; width: auto; background: #272727; position: relative; top: -15px; font-size: 10px!important; color: #fff!important; font-family: Arial, Verdana, sans-serif!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gallery .nspArt .nspContainer .nspHeader a { line-height: 10px!important; font-size: 10px!important; color: #fff!important; font-family: Arial, Verdana, sans-serif!important; font-weight: bold!important; }



/*Для К2
******************************************************************************/
div.itemHeader h2.itemTitle {font-size:24px;}



