/**=====================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template Khalilan Media Framework FTM             ||
|| ===================================================================  ||
|| # Copyright (C)2008-2013  Khalilan Khoram CO. All Rights Reserved.   ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # for more information visit http://www.khalilan.com                 ||
|| # websites - http://www.khalilan.com                                 ||
|| # Production Date 1392/03/10 Coincided 2013/06/01                    ||
|| #################################################################### ||
\*=====================================================================**/ 
/**=====================================================================*\
|| Framework FTM Version 2.0                                            ||
|| The new structural framework Tiam, working Powered by Khalilan Media || 
\*=====================================================================**/
 
/* Base elements and classes */
html {
	border-bottom: 1px solid transparent;
	min-height: 100%;
}
body > div > footer,
body > div > header,
body > div > section,
body > footer,
body > header,
body > section {
	/* class used in the full template-width containers */
	clear: both;
	margin: 0 auto;
}
section#khPageTop {
	overflow: visible; /* Necessary to make menu working */
	width: 100%; /* Necessary to achieve full background width */
}
#khTop1,
#khTop2,
#khBottom2,
#khBottom1 {
	/* Positions blocks -clearing */
	clear: both;
	overflow: hidden;
}

#khTop1 + #khBreadcrumb,
#khTop2 + #khBreadcrumb {
	margin-top: 10px;
}

/* clearfix */
#khPageContent::after,
#khContent::after,
#khSidebar::after,
footer::after,
header::after,
section::after,
aside::after,
article::after,
.box::after,
.itemSocialSharing::after,
#khTopMenu::after,
article header ul::after,
#khTop1 > div::after,
#khTop2 > div::after {
	clear: both;
	content: "";
	display: table;
}

/* Columns */
section#khMainbody,
section#khMainbodyTop,
section#khMainbodyBottom{
	margin-top:10px;
}
#khSidebar,
#khContentWrap,
#khInset{
	margin-top:0px;
}
section#khContent,
section#khComponentWrap,
aside#khSidebar {
	/* Main columns */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
direction:rtl;
}

#khSidebar {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 10px;
}
#khContent.khColumnLeft {
	float: right;
}
#khContent.khColumnLeft + #khSidebar {
	float: left;
	padding-right: 10px;
	padding-left: 0!important;
}

#khSidebar > div > .box {
	margin-top: 16px;
}
#khSidebar > div > .box:first-child {
	margin-top: 0;
}
#khContentWrap {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	padding-right: 10px;
}
#khContentWrap + #khInset {
	float: left;
}
#khContentWrap.khInsetLeft {
	float: right;
	padding-right: 0px!important;
	padding-left: 10px;
}
#khContentWrap.khInsetLeft + #khInset {
	float: left;
}

#khMainbody > div {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
#khInnerInset {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
#khMainbody > div + #khInnerInset {
	float: left;
	padding-left: 10px;
}
#khMainbody > div.khInnerInsetLeft {
	float: right;
}
#khMainbody > div.khInnerInsetLeft + #khInnerInset {
	float: left;
	padding-right: 10px;
	padding-left: 0!important;
}

#khMainbody .box {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
}

/* Module groups */
#khTop1 + #khTop2{
	margin-top:10px;
}
#khTop1 .box,
#khTop2 .box,
#khBottom2 .box,
#khBottom1 .box {
	/* Columns in the positions blocks */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
/* Joomla columns */
.cols-2 .column-1,
.cols-2 .column-2 {
	width: 50%;
}
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 {
	float: left;
	width: 33.3%;
}
.column-1,
.column-2,
.column-3 {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
/*
Layout calculations
 */
#khMainbody .box {
	margin-bottom: 0px;
} 

/* base spaces */
body > footer:first-child,
body > header:first-child,
body > section:first-child,
section#khPage > section:first-child,
section#khContent > section:first-child,
section#khComponentWrap > section:first-child {
	margin-top: 0;
}
/* Joomla columns */
.cols-2 .column-1,
.cols-3 .column-1 {
	padding-right: 10px;
}
.cols-2 .column-2,
.cols-3 .column-3 {
	padding-left: 10px;
}
.cols-3 .column-2 {
	padding-left: 10px;
	padding-right: 10px;
}
/* top/bottom modules */

/* 3-column layout */
.khCols3 .box.khmod-1,
.khCols3 .box.khmod-2,
.khCols3 .box.khmod-3,
.khCols3 .box.khmod-more {
	float: left;
	padding: 0 5px;
}
.khCols3 .box.khmod-1 {
	width: 100%;	
}
.khCols3 .box.khmod-2 {
	width: 50%;
}
.khCols3 .box.khmod-3,
.khCols3 .box.khmod-more {
	width: 33.3%;
}
.khCols3 .box.khmod-more:nth-child(3n+1) {
	clear: both;
}
.khCols3 .box.khmod-more.khmod-last-1:last-child {
	width: 100%!important;
}
.khCols3 .box.khmod-more.khmod-last-2:last-child,
.khCols3 .box.khmod-more.khmod-last-2:nth-last-child(2) {
	width: 50%!important;
}

/* 4-column layout */
.khCols4 .box.khmod-1,
.khCols4 .box.khmod-2,
.khCols4 .box.khmod-3,
.khCols4 .box.khmod-4,
.khCols4 .box.khmod-more {
	float: left;
	padding: 0 5px;	
}
.khCols4 .box.khmod-1 {
	width: 100%;	
}
.khCols4 .box.khmod-2 {
	width: 50%;
}
.khCols4 .box.khmod-3 {
	width: 33.3%;
}
.khCols4 .box.khmod-4,
.khCols4 .box.khmod-more {
	width: 25%;
}
.khCols4 .box.khmod-more:nth-child(4n+1) {
	clear: both;
}
.khCols4 .box.khmod-more.khmod-last-1:last-child {
	width: 100%!important;
}
.khCols4 .box.khmod-more.khmod-last-2:last-child,
.khCols4 .box.khmod-more.khmod-last-2:nth-last-child(2) {
	width: 50%!important;
}
.khCols4 .box.khmod-more.khmod-last-3:last-child,
.khCols4 .box.khmod-more.khmod-last-3:nth-last-child(2),
.khCols4 .box.khmod-more.khmod-last-3:nth-last-child(3) {
	width: 33.3%!important;
}

/* 6-column layout */
.khCols6 .box.khmod-1,
.khCols6 .box.khmod-2,
.khCols6 .box.khmod-3,
.khCols6 .box.khmod-4,
.khCols6 .box.khmod-5,
.khCols6 .box.khmod-6,
.khCols6 .box.khmod-more {
	float: left;
	padding-right:10px;
}
.khCols6 .box.khmod-1:last-child,
.khCols6 .box.khmod-2:last-child,
.khCols6 .box.khmod-3:last-child,
.khCols6 .box.khmod-4:last-child,
.khCols6 .box.khmod-5:last-child,
.khCols6 .box.khmod-6:last-child,
.khCols6 .box.khmod-more {
	padding-right:0px;
}
.khCols6 .box.khmod-1 {
	width: 100%;	
}
.khCols6 .box.khmod-2 {
	width: 50%;
}
.khCols6 .box.khmod-3 {
	width: 33.3%;
}
.khCols6 .box.khmod-4,
.khCols6 .box.khmod-more {
	width: 25%;
}
.khCols6 .box.khmod-5,
.khCols6 .box.khmod-more {
	width: 20%;
}
.khCols6 .box.khmod-6,
.khCols6 .box.khmod-more {
	width: 16.6%;
}
.khCols6 .box.khmod-more:nth-child(6n+1) {
	clear: both;
}
.khCols6 .box.khmod-more.khmod-last-1:last-child {
	width: 100%!important;
}
.khCols6 .box.khmod-more.khmod-last-2:last-child,
.khCols6 .box.khmod-more.khmod-last-2:nth-last-child(2) {
	width: 50%!important;
}
.khCols6 .box.khmod-more.khmod-last-3:last-child,
.khCols6 .box.khmod-more.khmod-last-3:nth-last-child(2),
.khCols6 .box.khmod-more.khmod-last-3:nth-last-child(3) {
	width: 33.3%!important;
}
.khCols6 .box.khmod-more.khmod-last-4:last-child,
.khCols6 .box.khmod-more.khmod-last-4:nth-last-child(2),
.khCols6 .box.khmod-more.khmod-last-4:nth-last-child(3),
.khCols6 .box.khmod-more.khmod-last-4:nth-last-child(4) {
	width: 20%!important;
}
.khCols6 .box.khmod-more.khmod-last-5:last-child,
.khCols6 .box.khmod-more.khmod-last-5:nth-last-child(2),
.khCols6 .box.khmod-more.khmod-last-5:nth-last-child(3),
.khCols6 .box.khmod-more.khmod-last-5:nth-last-child(4),
.khCols6 .box.khmod-more.khmod-last-5:nth-last-child(5) {
	width: 16.6%!important;
}