/**

* Main CSS file

* @package News Show Pro GK5

* @Copyright (C) 2009-2013 Gavick.com

* @ All rights reserved

* @ Joomla! is Free Software

* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html

* @version $Revision: GK5 1.0 $

**/



.nsp { 

	position: relative; 

}

img.nspImage {
    width: 222px!important;
    height: 180px!important;
    margin: 0px auto!important;
    float: left;
}

/* Pagination */

.nspBotInterface,

.nspTopInterface { 

	clear: both; 

	float: right;

	margin: 5px 0;

	overflow: hidden; 

}



/* 

	Interface - for different looking Top and Bottom interface use the following classes:  

	.nspTopInterface

	.nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...)

*/

.nspPagination { 

	float: left;

	list-style-type: none!important; 

	margin: 5px 0 0 0!important; 

	padding: 0!important; 

}

.nspPagination li { 

	background: #ccc;

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;

	cursor:pointer; 

	float:left; 

	height: 14px; 

	margin: 1px 4px 0 0!important; 

	width: 14px; 

}

.nspPagination li > a {

	background: transparent;

	-webkit-border-radius: 50%;

	   -moz-border-radius: 50%;

	        border-radius: 50%;

	display: block;

	height: 14px;

	overflow: hidden;

	padding: 0;

	text-indent:-999em; 

	width: 14px;

}



.nspPagination li:hover,

.nspPagination li.active { 

	background-color: #999;

}

.nspNext,

.nspPrev { 

	background: #fff;

	border: 2px solid #ccc;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	cursor: pointer;

	float: left; 

	height: 24px; 

	margin: 0 0 0 4px;

	overflow: hidden;

	text-indent: -999px;

	width: 24px;

}

.nspPrev:before {

	border: 10px solid #ccc;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

	border-left: none;

	content: "";

	display: block;

	float: left;

	margin: 3px 0 0 4px;

}

.nspNext:before {

	border: 10px solid #ccc;

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

	border-right: none;

	content: "";

	display: block;

	float: left;

	margin: 3px 0 0 6px;

}

.nspNext:hover,

.nspPrev:hover { 

	border-color: #999;	

}

.nspPrev:hover:before {

	border-right-color: #999;

}

.nspNext:hover:before {

	border-left-color: #999;

}



/* Articles layout */

.nspArts { 

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden; 

	padding: 3px;

}

.nspArtPage { 

	float: left; 

}

.nspArt { 

	-webkit-box-sizing: border-box; 

	   -moz-box-sizing: border-box;

	        box-sizing: border-box; 

	float:left; 

}

.nspArt div { 

	overflow: hidden; 

}

.nspArt h4.nspHeader { 

	font-size: 14px;

	margin: 0;

	    padding: 10px 0px 15px 60%;

}

.nspArt h4.nspHeader a { 

	text-decoration: none;

}

.nspArt h4.nspHeader a:hover { }

.nspArt img.nspImage { 

	border: none;

	display: block;

}

p.nspText.tleft.fright {

    color: #4C4C4C;

    float: right;

    font-family: Verdana,Arial,Helvetica,sans-serif;

    font-size: 11px;

    line-height: 16px;

    margin: 0;

    padding: 14px 0 0;

    width: 160px;

}

.nspArt .nspImageWrapper {

	display: block;

	position: relative;

}

.nspArt p.nspText { 

	display: block!important;

	margin: 0;

	padding: 0!important;

}

.nspArt p.nspText a { }

.nspArt p.nspText a:hover { }

.nspArt .nspInfo { 

	display: block!important;

	font-size: 90%; 

}

.nspArt .nspInfo a { }

.nspArt .nspInfo a:hover { }

.nspArt .nspInfo > .nsp-stars {

	padding: 0 10px 0 0!important;

}

.nspArt .nsp-star-0:before,

.nspArt .nsp-star-1:before {

	content: "★";

	color: #6c6c6c;

	font-family: Arial, sans-serif;

	font-size: 14px;

}

.nspArt .nsp-star-1:before {

	color: #f7a834;

}

.nspArt .nspBadge {

	background: #fff;

	position: absolute;

	top: 29px;

	left: 20px;

	text-transform: uppercase;

	font-size: 10px;

	line-height: 12px;

	padding: 2px 10px;

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.nspArt .tleft { 

	text-align: left; 

}

.nspArt .tright { 

	text-align: right; 

}

.nspArt .tcenter { 

	text-align: center;

}

.nspArt .tjustify { 

	text-align: justify; 

}



.nspArt .fright { 

	float: right; 

}

.nspArt .fnone { 

	clear: both; 

	float: none;

	width: 100%; 

}

.readon.left,

.readon.right,

.readon.center { 

	clear: both; 

}

.readon.left { 

	float: left; 

}

.readon.right { 

	float: right; 

}

.readon.center { 

	display: inline; 

	float: none; 

}

.nspAvatar { }



/* Links layout */

.nspLinks { 

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 3px;

}

.nspList { 

	float: left; 

}

.nspList > li > .nspImageWrapper {

	float: left;

}

.nspList > li > .nspImageWrapperRight {

	float: right;

}

.nspList > li .nspImage {

	height: auto!important;

	max-width: 100%;

}

.nspLinks ul { 

	list-style-type: none!important; 

	padding: 0!important; 

}

.nspLinks .nspLinkScroll1 ul li { 

	background: #fff;

	border-top: 1px solid #eee;

	margin: 0!important;

	padding: 10px 3px;

}

.nspLinks .nspLinkScroll1 ul li:first-child {

	border-top: none;

}

.nspLinks ul li:hover { }

.nspLinks ul li h4 { }

.nspLinks ul li h4 a { 

	text-decoration: none; 

}

.nspLinks ul li h4 a:hover { }

.nspLinks ul li p { }



/* positioning */

.nspArts.left { 

	float: right; 

}

.nspLinksWrap.left { 

	float: left;

}

.nspArts.right { 

	float: left; 

}

.nspLinksWrap.right { 

	float: right; 

}



/* make element unvisible */

.nspMain .unvisible {  

	left: -9999px;  

	position: absolute; 

	top: auto; 

}



/* Responsive layout */

.gkResponsive img.nspImage,

img.nspImage.gkResponsive { 

	height: auto;

	width: 100%!important; 

}

.nspArt img.nspImage { 

	max-width: 100%; 

}

.nspArtScroll1,

.nspLinkScroll1 { 

	clear: both;

	width: 100%; 

}

.nspPages1 { width: 100%; }

.nspPages2 { width: 200%; }

.nspPages3 { width: 300%; }

.nspPages4 { width: 400%; }

.nspPages5 { width: 500%; }

.nspPages6 { width: 600%; }

.nspPages7 { width: 700%; }

.nspPages8 { width: 800%; }

.nspPages9 { width: 900%; }

.nspPages10 { width: 1000%; }

.nspPages11 { width: 1100%; }

.nspPages12 { width: 1200%; }

.nspPages13 { width: 1300%; }

.nspPages14 { width: 1400%; }

.nspPages15 { width: 1500%; }

.nspPages16 { width: 1600%; }

.nspPages17 { width: 1700%; }

.nspPages18 { width: 1800%; }

.nspPages19 { width: 1900%; }

.nspPages20 { width: 2000%; }

.nspCol1 { width: 100%; }

.nspCol2 { width: 50%; }

.nspCol3 { width: 33.333333%; }

.nspCol4 { width: 25%; }

.nspCol5 { width: 20%; }

.nspCol6 { width: 16.666666%; }

.nspCol7 { width: 14.285714%; }

.nspCol8 { width: 12.5%; }

.nspCol9 { width: 11.111111%; }

.nspCol10 { width: 10%; }

.nspCol11 { width: 9.090909%; }

.nspCol12 { width: 8.333333%; }

.nspCol13 { width: 7.692307%; }

.nspCol14 { width: 7.142857%; }

.nspCol15 { width: 6.666666%; }

.nspCol16 { width: 6.25%; }

.nspCol17 { width: 5.882352%; }

.nspCol18 { width: 5.555555%; }

.nspCol19 { width: 5.263157%; }

.nspCol20 { width: 5%; }



/* Animation */

.nspList,

.nspArtPage { 

	opacity: 0; filter: alpha(opacity=0);

	-webkit-transition: opacity 0.5s ease-out; 

	   -moz-transition: opacity 0.5s ease-out; 

	    -ms-transition: opacity 0.5s ease-out; 

      	 -o-transition: opacity 0.5s ease-out; 

	        transition: opacity 0.5s ease-out;

	visibility: hidden;

}

.nspList.active,

.nspArtPage.active { 

	opacity: 1; filter: alpha(opacity=100);

	visibility: visible;

}



/* Suffix neutral */

.neutral {

	color: #999;

	font-size: 13px;

}

.neutral a {

	color: #333;

	text-decoration: none;

}

.neutral a:active,

.neutral a:focus,

.neutral a:hover {

	color: #777;

}

.neutral .nspHeader{

	font-size: 18px;

	font-weight: 400;

}

.neutral .nspInfo a {

	padding-right: 5px;

}

.neutral .readon {

	background: #333;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

	        border-radius: 3px;

	color: #fff;

	padding: 6px 10px;

}

.neutral .readon:active,

.neutral .readon:focus,

.neutral .readon:hover {

	background: #999;

	color: #fff;

}

.neutral .nspLinks ul li h4 {

	font-size: 15px;

	margin: 0 0 10px 0;

}



/* K2Store styles */

.nspK2StoreCartForm {

	padding: 10px 0;

	text-align: center;

}

.nspK2StoreCartForm .k2store-notification {

	background: #fff;

	border: 1px solid #e5e5e5;

	font-size: 12px;

	margin: 10px 0;

	padding: 10px;

	position: relative;

}

.nspK2StoreCartForm .cart_dialogue_close {

	position: absolute;

	right: 10px;

	top: 5px;

}



.nspK2StorePrice {

	color: #111;

	display: block;

	font-size: 14px;

	padding: 10px 0;

	text-align: center;

}

.nspK2StorePrice strike {

	color: #ccc;

	display: block;

}



/* HikaShop styles */

.nspHikashopBlock {

	text-align: center;

}

.nspHikashopBlock span {

	display: block;

}

.nspHikashopBlock .button {

	display: inline-block;

	float: none;

	margin-top: 30px;

}

.nspHikashopBlock .hikashop_product_stock_count {

	color: #999!important;

	font-size: 11px!important;

	padding: 10px 0!important;

}



/* Mobile */

@media (max-width: 800px) {

	.nspArts,

	.nspLinksWrap {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		overflow: hidden;

		padding: 0 32px;

		position: relative;

	}

	

	.nspPrev,

	.nspNext {

		left: 0;

		position: absolute;

		top: 20%;

		z-index: 101;

	}

	

	.nspNext {

		left: auto;

		right: 0;

	}

	

	.nspPagination {

		display: none;

	}

}



@media (max-width: 600px) {

	.nspArt {

		width: 100%;

	}

	

	.nspArt img.nspImage { 

    		max-width: 100%;

	}



	.nspImageWrapper {

		margin: 0 0 20px 0!important;

		width: 100%;

	}



	.gkArtContentWrap {

		width: 100%;

	}

}



/* EOF */