/**
 * Nucleo (X)HTML/CSS Framework
 *
 * @copyright       Copyright (c) 2008, Sergey Gogolev
 * @link            http://softprojects.ru/
 * @license         CC-A 3.0 (http://creativecommons.org/licenses/by/3.0/)
 * @version         0.1.5
 */

/**
 * @section links
 */
	a {
		color: #E63025;}

	a:visited {
		color: #E63025;}

	a:hover, a:active {
		color: #464545;}

	.hovered, .tab-hovered {
		color: #464545 !important;}
		
	.small-link {
		font-family: Verdana; font-size: .8em;}


/**
 * @section backgrounds
 */
	.page {
		background: white url(../images/page-bg.jpg) repeat-x 0 281px;}
 
	

/**
 * @section header
 */
	.header {
		height: 386px;}
		
		.header-services, .header-logotype, .header-label {
			position: absolute;}
		
		.header-services {
			top: 97px; right: 0;
			font-size: 1.2em; color: #aaa;}
			
			.header-services a, .header-services a:visited{
				color: #555;}
				
			.header-services a:hover{
				color: #E63025;}
				
		.header-logotype {
			top: 22px; left: -20px;}
			
		.header-label {
			top: 40px; left: 183px;
			font-family: Georgia; font-size: 2em; font-weight: bold; color: #333;}
			
		.header-picture {
			position: absolute; z-index: 1; top: 181px; left: 70px;}
			
	/**
	 * @section menu
	 */
		.menu {
			position: absolute; z-index: 2; top: 122px; left: 270px;}
			
			.menu td {
				padding-right: 7px;}
				
				.menu-item, .menu-item:visited {
					display: block; height: 53px;
					border-top: 4px solid #DA251D;
					text-decoration: none;
					background: #e3e4e4 url(../images/menu.png) top left repeat-x;}
					
				.menu-item:hover, .menu-item-hovered {
					background: #E63025 !important;}
					
					.menu-item span, .menu-item:visited span {
						display: block; margin: 2px 0 0 2px; padding-top: 10px; height: 40px; width: 122px;
						border: white solid; border-width: 1px 0 0 1px;
						color: #333; font-size: 1.4em; font-family: Arial; text-align: center; text-transform: uppercase;}
						
						.menu-item:hover span, .menu-item-hovered span {
							color: white!important; margin: 3px 0 0 3px !important;	border: none !important}
							
		/**
		 * @subsection submenu
		 */	
				.submenu-wrapper {
					position: relative; height: 0;}
					
					.submenu {
						position: absolute; top: 1px; left: 0; width: 210px; 
						background: #b8b9bb; padding: 3px 0;
						display: none;}
						
		
						.submenu a, .submenu a:visited {
							display: block; margin: 0 3px; padding: 12px 12px 12px 30px;
							text-decoration: none;
							background: url(../images/bullet.gif) no-repeat 10px 15px;
							color: #111; font-size: 1.3em; border-top: 1px solid #d8d8d9;}
							
						.submenu a:hover {
							color: white; background: #7e7e7f;}
							
						.submenu .first, .submenu .first:visited {
							border: none;}

				
/**
 * @section footer
 */
	 .footer-inside {
		position: relative; height: 98px; color: #7e7e7e;
		border-top: 2px solid #E63025;}
		
		.contact-information, .developers {
			position: absolute; top: 20px; 
			font-size: 1.2em;}
		
		.contact-information {
			right: 0; padding: 0 0 0 75px;
			background: url(../images/footer-contact-information.gif) top left no-repeat;}
			
			.contact-information p, .developers p {
				padding: 0 0 5px 0;}
				
				.contact-information p span, .developers span{
					color: #E63025;}
					
		.counters { 
			position: absolute; top: 20px; right: 450px; width: 200px;}
			
			.counter {
				position: relative; float: right; padding: 0 0 5px 5px;}
				
		.developers {
			left: 0;}
			

		.print, .print:visited {
			position: absolute; top: -25px; right: 0px;
			font-size: 1.1em; font-family: Verdana;
			display: block; padding:  0px 0 3px 23px;
			background: url(../images/icon-print-hover.gif) no-repeat 0 2px;}

			.print:hover {
				background: url(../images/icon-print.gif) no-repeat 0 2px;}

		
/**
 * @section main
 */
 
	.main {
		padding-top: 45px;}

	.left-in {
		padding-right: 40px;}
		
/* 
 *	@sections interfaces
 */
 
	.advantages {
		margin: 25px 0; width: 100%;}
		
		.advantages td {
			padding: 0 0 15px 0; vertical-align: middle;}
		
		.advantages .num {
			width: 35px; text-align: center;
			color: #DA251D; font-size: 2.4em; font-family: Georgia;}
			
		.advantages .text {
			font-size: 1.2em;}
			
	.order-link {
		padding-top: 25px;
		border-top: 2px solid #E63025;}
		
		.order-link a, .order-link a:visited {
			display: block; padding: 10px 25px 10px 75px;
			color: white; font-size: 1.6em; text-transform: uppercase; text-decoration: none; font-weight: bold;
			background: #E63025 url(../images/order-link.gif) no-repeat 5px 5px;}
	
	.catalogue {
		position: relative;}
		
		.catalogue .item, .catalogue .item:visited {
			position: relative; float: left; margin: 0 20px 20px 0;
			width: 197px; height: 76px; border-top: 4px solid #DA251D;
			text-decoration: none;
			background: #fff;}
			
			.catalogue .item:hover {
				background: #DA251D;}
				
			.catalogue .item q, .catalogue .item:visited q{
				position: absolute; bottom: 8px; right: 8px;
				width: 21px; height: 26px;
				background: url(../images/ok.gif) top left no-repeat;}
				
				.catalogue .item:hover q {
					display: none;}
			
			.catalogue .item span, .catalogue .item:visited span {
				position: relative; width: 184px; padding: 0 5px; height: 73px; margin: 0 2px 2px 0;
				border:#B8B9BB solid; border-width: 0 1px 1px 0;
				display: table-cell; vertical-align: middle;  text-align: center;}
				
				.catalogue .item:hover span {
					border: 0; margin: 0 3px 3px 0;}
				
				.catalogue .item span b, .catalogue .item:visited span b{
					display: inline; position: relative;
					font-size: 1.6em; font-weight: bold; color: #989696; text-align: center;}
					
					.catalogue .item:hover span b{	
						color:#fff; font-weight:bold;}

				.catalogue .item span i, .catalogue .item:visited span i{
					display: none;}	
					
/**
 * @section effects
 */

	.shadow, .middle {
		display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
		background: #000; text-align: center; z-index: 5000;}
		
	.middle {
		background: none; z-index: 5001;  height: 0;}

		.shadow-form {
			position: relative; background: white !important;
			width: 460px; padding: 20px !important; }
			
			.middle-0 {
				display: table; height: 100%; width: 100%; text-align: left;}
				
				.middle-1 {
					display: table-cell; vertical-align: middle; text-align: center; width: 100%;}
	
					.middle-2 {
						width: 500px; margin: 0 auto;}
						
	.shadow-close {
		position: absolute; top: 10px; right: 10px; cursor:pointer;}