/**
 * 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 remove unnessary elements
 */		
 
	.links-backgrounds {
		display: none;}
 
/**
 * @section backgrounds
 */		
	.nxcf-page {
		background: #fff;}
		
		.shadows {
			position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
			text-align: center; overflow: hidden;}
			
			* html .shadows {
				height:expression(document.body.clientHeight);}
			
			.shadows .inside {
				position: relative; width: 1010px; height: 100%; margin: 0 auto;}
				
				.shadows .inside div {
					position: absolute; width: 7px;}
			
			.shadows .left {
				top: 0; left: 0; height: 100%;
				background: url(../../images/update/shadow-left.gif) top left repeat-y;}
				
			.shadows .right {
				top: 0; right: 0; height: 100%;
				background: url(../../images/update/shadow-right.gif) top right repeat-y;}
			
		
/**
 * @section links
 */				
	span.link {
		cursor: default;}
		
	.links {
		border-bottom: none;}
		
/**
 * @section footer
 */	
 
	.footer .nxcf-inside {
		padding: 0 40px;}
		
/**
 * @section right column
 */
 
	.nxcf-right .nxcf-column {
		padding-right: 12px !important;}
 
		.consulting, .massmedia, .news {
			padding-left: 12px;}
			
/**
 * @section visual
 */	
			
	.visual .points {
		position: absolute; top: 20px; right: 20px;}
		
		.visual .points a, .visual .points a:visited {
			float: left; width: 12px; height: 12px; margin: 0 0 0 10px;
			background: url(../../images/update/points/unactive.gif) top left no-repeat;}
			
		.visual .points .active, .visual .points a:hover {
			background-image: url(../../images/update/points/active.gif);}
/**
 * @section struct
 */	
 
	.block-without-styles {
		border: 0; background: 0; padding: 0;}
		
	.nxcf-row {
		padding-top: 5px;}
		
		.products {
			padding-top: 10px;}
		
		.products .preview {
			padding: 10px 0 20px;}
			
		.products .item span, .products .item:visited span {
			padding-top: 130px;}
			
		.promo td, .promo .general {
			background: none;}
			
		.links {
			margin-top: 0;}
			
	.visual {
		height: 350px; margin-top: 0; margin-bottom: 10px;
		background: url(../../images/update/visual.png) top left repeat-x;}
		
		.visual .picture-left {
			height: 350px;}
			
	.visual-inside {
		height: 230px;
		background: url(../../images/update/pages/repeat.png) bottom left repeat-x;}
		
		.visual-inside .picture-left {
			height: 230px;
			background: url(../../images/update/pages/auto.jpg) bottom left no-repeat;}

		.visual-inside .picture-left-business {
			height: 230px;
			background: url(../../images/update/pages/business.jpg) bottom left no-repeat;}

		.visual-inside .picture-left-family {
			height: 230px;
			background: url(../../images/update/pages/family.jpg) bottom left no-repeat;}

		.visual-inside .picture-left-pet {
			height: 230px;
			background: url(../../images/update/pages/pet.jpg) bottom left no-repeat;}
			
		.visual-inside .picture-left-x8 {
			height: 230px;
			background: url(../../images/update/pages/x8.jpg) bottom left no-repeat;}

	.content-grey {
		background: white;}
			
/**
 * @section header
 */	
	.header {
		height: 126px; z-index: 5; padding: 0 0 5px 240px;}
	
	.header .logotype {
		top: 15px;}
 
	.header .label {
		position: absolute; top: 80px; left: 25px;
		font-family: Georgia; color: #666; font-size: 1.4em; font-style: italic;}
		
	/* actions */
	
		.header .actions {
			top: 15px; z-index: 6; border: 0;}
			
			.header .actions .list a, .header .actions .list a:visited {
				padding: 0px 20px 0px 20px;
				background: none !important;}
				
			.header .actions .list .first {
				border: 0 !important;}
				
	/* contacts */
				
			.header .contacts  {
				position: absolute; top: 10px; left: 60px; padding: 0 12px 0 0;
				background: white;}		
				
			.header .contacts p {
				color: #666; padding-left: 25px; padding-bottom: 3px;}
				
				.header .contacts p b {
					font-size: 1.8em; color: #333;}
				
				.header .contacts .phone {
					background: url(../../images/update/phone.gif) no-repeat 0 6px;}
					
					* html .header .contacts .phone  {
						background-position: 0 3px;}
					
				.header .contacts .icq, .header .contacts .icq:visited {
					display: block; padding: 0 0 0 17px; margin: 6px 0 0 10px;
					color: #56a800; font-size: 1.2em; height: 1%; cursor: hand;
					text-decoration: none;
					background: url(../../images/update/icq.gif) no-repeat 0 1px;}
					
				.header .contacts .icq span, .header .contacts .icq:visited span {
					display: block;
					border-bottom: dotted 1px #56a800;}
					
/**
 * @section new menu
 */	
 
	.drop-menu {
		position: absolute; z-index: 4; top: 100px; right: 12px; width: 970px;  
		background: url(../../images/update/menubar2.jpg) bottom left no-repeat;}
		
		.drop-menu .item {
			float: left; position: relative;}
			
			.drop-menu .item .link, .drop-menu .item .link:visited {
				background: url(../../images/update/points/menu_down.gif) top left no-repeat;
				font-weight: bold; font-size: 1.2em;
				display: block; padding: 0px 25px 10px 25px;
				text-align: center; color: #333333;
				}

			.drop-menu .item .link:hover {
				text-align: center; color: #007fd4;
				}				
				
		.drop-menu .item .drop {
			position: absolute; top: 26px; display: none;}
			
			.drop-menu .item .drop .in {
				padding: 5px 0 0;
				border: solid; border-width: 0 1px;}
				
				.drop-menu .item .drop .in .white {
					padding: 25px 20px 10px; background: white;}
				
			.drop-menu .item .drop b i {
				background: white;}
				
			.drop-menu .item .drop a, .drop-menu .item .drop a:visited {
				display: block;
				width: 350px; text-align: left;
				text-decoration: none;
				color:#666666;}
				
			.drop-menu .item .drop a:hover {
				color:#007fd4;}
				
				.drop-menu .item .drop a span {
					text-align: left;
					height:54px;
					display: block;
					padding: 0px 5px 0 100px;
					margin: 5px;}

				.drop-menu .item .drop strong {
					font-weight:bold;
					font-size:1.2em;
					margin-top:10px;}

								
		.drop-menu .auto .drop {
			left: 4px;}
			
			.drop-menu .auto .drop .in {
				color: #63b40e;}
					
				.drop-menu .auto .drop b {
					background: #63b40e}	
					
			.drop-menu .family .drop .in {
				color: #007ed5;}
					
				.drop-menu .family .drop b {
					background: #007ed5}	
				
		.drop-menu .house .drop {
			right: 4px;}
				
			.drop-menu .house .drop .in {
				color: #851597;}
					
				.drop-menu .house .drop b {
					background: #851597}
			
/**
 * @section small popups
 */			

	.small-popup {
		position: absolute; z-index: 999; height: 1%; display: none;}

		.small-popup .top {
			position:relative; z-index: 3; height: 8px; padding: 0 10px 0 5px;}
			
			.small-popup .top .left {
				position: absolute; top: 0; left: 0; width: 5px; height: 8px;
				background: url(../../images/update/popup/t-l.png) no-repeat 0 0;}
				
			.small-popup .top .right {
				position: absolute; top: 0; right: 0; width: 10px; height: 8px;
				background: url(../../images/update/popup/t-r.png) no-repeat 0 0;}
				
			.small-popup .top .center {
				height: 8px; font-size: 0;
				background: url(../../images/update/popup/t.png) repeat-x 0 0;}
		
		.small-popup .bottom {
			position:relative; height: 12px; padding: 0 8px 0 5px;}
			
			.small-popup .bottom .left {
				position: absolute; top: 0; left: 0; width: 5px; height: 12px;
				background: url(../../images/update/popup/b-l.png) no-repeat 0 0;}
				
			.small-popup .bottom .right {
				position: absolute; top: 0; right: 0; width: 8px; height: 12px;
				background: url(../../images/update/popup/b-r.png) no-repeat 0 0;}
				
			.small-popup .bottom .center {
				height: 12px;
				background: url(../../images/update/popup/b.png) repeat-x 0 0;}
				
		.small-popup .middle {
			position: relative; z-index: 2; padding: 0 6px 0 2px; overflow: hidden;}
			
			* html .small-popup .middle  {
				 display: inline-block;}
			
			.small-popup .middle .left {
				position: absolute; top: 0; left: 0; width: 2px; height: 1000px;
				background: url(../../images/update/popup/m-l.png) repeat-y 0 0;}
				
			.small-popup .middle .right {
				position: absolute; top: 0; right: 0; width: 6px; height: 1000px;
				background: url(../../images/update/popup/m-r.png) repeat-y 0 0;}
				
			.small-popup .middle .center {
				padding: 8px 15px;
				background: #fff url(../../images/update/popup/m.png) repeat-x 0 0;}
		
		* html .small-popup .bottom div,
		* html .small-popup .top div,
		* html .small-popup .middle .right {
			background: none !important;}	
			
			* html .small-popup .bottom .center {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/b.png', sizingMethod='scale');}	
	
			* html .small-popup .bottom .left {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/b-l.png', sizingMethod='image');}
				
			* html .small-popup .bottom .right {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/b-r.png', sizingMethod='image');}
				
			* html .small-popup .top .center {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/t.png', sizingMethod='scale');}	
	
			* html .small-popup .top .left {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/t-l.png', sizingMethod='image');}
				
			* html .small-popup .top .right {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/t-r.png', sizingMethod='image');}
				
			* html .small-popup .middle .right {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/update/popup/m-r.png', sizingMethod='scale');}
		
		.small-popup p {
			padding-bottom: 7px;}
			
			.small-popup .text {
				padding: 3px; width: 160px;
				color: #b2b2b2; 
				border: #ccc 1px solid;}
				
			.small-popup textarea {
				padding: 3px; width: 90%; height: 70px;
				color: #b2b2b2;
				border: #ccc 1px solid;}
				
			.small-popup .icon {
				display: block; padding: 0 0 0 10px; height: 1%;
				background-repeat: no-repeat; background-position: 0 3px;}
				
				.small-popup .i-quest {
					background-image: url(../../images/update/icons/quest.gif);}
					
				.small-popup .i-link {
					background-image: url(../../images/update/icons/link.gif);}
					
				.small-popup .link-grey {
					color: #333 !important;}
					
		.small-popup .tab {
			float: left; width: 49%; position: relative;
			background-repeat: no-repeat; background-position: 2px 5px;}
			
			.small-popup .tab-line {
				position: absolute; top:0; left: 49%; height: 50px;
				border-left: 1px #ddd solid;}
			
			.small-popup .tab span {
				display: block;
				padding: 6px 0px 16px 25px;}
				
			.small-popup .t-icq {
				background-image: url(../../images/update/icons/icq.gif);
				color: #56a800 !important;}
				
			.small-popup .t-skype {
				background-position: 20px 5px;
				background-image: url(../../images/update/icons/skype.gif);
				color: #0099ff !important;}
				
				.small-popup .t-skype span {
					padding-left: 38px;}
					
		/* popups */
		
			.small-popup-auth {
				top: 25px; right: 20px; width: 210px;}
				
			.small-popup-chat {
				top: 45px; left: 270px; width: 330px;}
				
				.small-popup-chat .text {
					width: 262px;}
						
/**
 * @sections sections list and info
 */						
 
	.sections-list {
		padding: 10px 0 0 260px;}
		
		* html .sections-list  {
			padding-left: 230px;}
		
		.sections-list .item {
			float: left; width: 190px; margin-left: 40px;
			text-align: center;}
			
			.sections-list .item td {
				text-align: center; vertical-align: middle;
				width: 190px; height: 150px;}
				
			.sections-list .item h4 {
				padding-top: 6px;
				text-align: center;}
			
		.sections-info .h {
			font-size: 1.8em; color: #333333;}
			
			.sections-info .h-wrapper {
				text-align: left !important;}
				
		.sections-info p {
			padding-bottom: 14px;}
			
		.sections-info .last {
			padding-top: 25px;}
			
						
/**
 * @sections sections gallery
 */					
 
	.gallery {
		padding-top: 15px;}
		
		.gallery p {
			text-align: center;
			padding-bottom: 5px;}
		
		.gallery img {
			border: 1px #ccc solid;}
			
		.gallery .active img {
			border: 1px #ff6600 solid;}
			
/**
 * @sections position info
 */				
	.position  {
		padding: 20px 40px;}
		
		.position .text {
			padding: 0px 30px;
			border: 0;
			border-left: #269bea 1px dotted;}
			
		.position .text .in {
			padding-bottom: 0;}
			
			.position .text .in p {
				line-height: 1.6em;}
				
			.position .text .in h2 {
				font-size: 1.2em; font-weight: bold;
				padding-bottom: 1em;}

			.position .sections a, .position .sections a:visited {
				border-bottom: #f2f2f2 1px solid;	}
				
			.position .sections .active {
				background: #269bea !important; color: #fff !important; font-weight: bold;}
				
/**
 * @section position tabs
 */				
 
	.position-tabs {
		height: 30px; margin: 10px 40px;
		background: url(../../images/update/tabs/repeat.gif) bottom left repeat-x;}
		
			.position-tabs a, .position-tabs a:visited {
				float: left; height: 30px; color: black; margin-right: 4px;
				background: url(../../images/update/tabs/center.gif) top left repeat-x;}
				
				.position-tabs a span, .position-tabs a:visited span {
					float: left;
					background: url(../../images/update/tabs/left.gif) top left no-repeat;}
					
					.position-tabs a span span, .position-tabs a:visited span span{
						height: 24px; font-size: 1.2em;
						background: url(../../images/update/tabs/right.gif) top right no-repeat;
						display: block; padding: 6px 20px 0;}
		
				.position-tabs a:hover {
					color: #007fd4;
					text-decoration: none;}
					
				.position-tabs .active {
					text-decoration: none; color: #333 !important;
					background: #fff url(../../images/update/tabs/center-h.gif) top left repeat-x !important;}
					
					.position-tabs .active span {
						background: url(../../images/update/tabs/left-h.gif) top left no-repeat !important;}
						
						.position-tabs .active span span {
							font-weight: bold !important;
							background: url(../../images/update/tabs/right-h.gif) top right no-repeat !important;}				
							
							
	.prosto ul {
	 list-style:square;
	}