/**
 * Nucleo (X)HTML/CSS Framework
 *
 * @copyright       Copyright (c) Sergey Gogolev
 * @link            http://css.softprojects.ru/
 * @license    		CC-A-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
 * @version         0.2.3
 */
 
/**
 * @section template
 */
 
	.nxcf-center .nxcf-column {
		margin-right:		316px;}

	.nxcf-right {
		width:				316px; 
		margin-left:   	   -316px;} 
 
	.nxcf-right .nxcf-column {
		padding-left: 16px;}
		
	
		
/**
 * @section styles
 */
 
	 .visual .picture-left {
		background-image: url(../images/index/visual-left.jpg);}
		
	 .visual .picture-right {
		background-image: url(../images/index/visual-right.jpg);}
	
	
/**
 * @section consulting
 */
 
	.consulting {
		padding: 17px 0 18px 14px;
		background: #e1eaf1 url(../images/index/consulting/background.gif) top left repeat-x;}
		
		.consulting td {
			font-size: 1.2em; color: #333;
			padding: 16px 12px 0 0;}
			
		.consulting h3 {
			font-weight: bold;}
			
		.consulting .h3 {
			font-weight: bold;}
			
			.consulting p {
				padding: 5px 0 0 25px;
				background-repeat: no-repeat; background-position: 0 7px;}
				
			.consulting .chat {
				background-image: url(../images/index/consulting/chat.gif);}
				
			.consulting .phone {
				background-image: url(../images/index/consulting/phone.gif);}
				
/**
 * @section massmedia
 */
 
	.massmedia {
		padding: 20px 0 20px 18px;
		background: white url(../images/index/massmedia/background.gif) bottom left repeat-x;}
		
		.massmedia td {
			color: #666666; padding: 15px 12px 0 0;}				
			
			.massmedia td p {
				padding-bottom: 5px;}
				
			.massmedia td a, .massmedia td a:visited {
				color: #666666;}
				
			.massmedia .author {
				color: #999999;}
				
/**
 * @section news
 */
 
	.news {
		padding: 20px 0 32px 14px;}
		
		.news .item {
			color: #333; padding: 15px 15px 0px 0px;}				
			
			.news .item p {
				padding-bottom: 3px;}
				
/**
 * @section products
 */
 
	.products {
		height: 1%;
		padding: 20px 0 0 18px;}
		
		.products .item, .products .item:visited {
			float: left; width: 207px; margin: 20px 13px 0 0;
			background: url(../images/index/products/background.gif) bottom left no-repeat;}	

		.products .item span, .products .item:visited span {
			display: block; padding: 120px 2px 11px; text-align: center; font-size: 1.2em;
			background-position: center top; background-repeat: no-repeat;}

		.products .article {
			margin-bottom:30px;}
						
		.products .article p {
			padding: 5px 0px;}

		.products .article h1 {
			font-size:20px;
			padding: 0px 0px 10px 0px}
			
		.products .article .h1 {
			font-size:20px;
			padding: 0px 0px 10px 0px}

		.products .article h2 {
			font-size:18px;
			font-weight:bold;
			padding: 15px 0px 10px 0px}
			
		.products .article .h2 {
			font-size:18px;
			font-weight:bold;
			padding: 15px 0px 10px 0px}

		.products .article h3 {
			font-size:14px;
			font-weight:bold;
			padding: 10px 0px 5px 0px}
			
		.products .article .h3 {
			font-size:14px;
			font-weight:bold;
			padding: 10px 0px 5px 0px}

		.products .article li {
			list-style:square;
			margin:5px 0px 5px 25px;
			}
		
		.products .article strong {
			font-weight:normal;}


/**
 * @section promo
 */
 
	.promo {
		height: 1%;
		padding: 20px 18px 10px 18px;}
		
		.promo td {
			padding: 0 20px 12px; 
			background: url(../images/general/lines/dotted.gif) top left repeat-y;}
			
			.promo td td {
				padding: 0;
				background: none;}
			
		.promo .first {
			padding-left: 0 !important;
			background: none !important;}
			
		.promo .last {
			padding-right: 0 !important;}
			
		.promo .general {
			padding: 20px 0 0 0;
			background: url(../images/general/lines/dotted.gif) top left repeat-x;}
			
				.promo .general img {
					margin-right: 15px;}
				
		.promo h2 {
			font-size: 1.2em; font-weight: bold; color: #4d4d4d;}
			
		.promo .h2 {
			font-size: 1.2em; font-weight: bold; color: #4d4d4d;}
			
		.promo h2, .promo h1 {
			padding-bottom: 10px;}
			
		.promo .h2, .promo .h1 {
			padding-bottom: 10px;}
			
		.promo p {
			padding-bottom: 8px;}
