/**
 * 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: #366ba1;}

	a:visited {
		color: #366ba1;}

	a:hover, a:active {
		color: #8fc400;}

	.hovered, .link-hovered, .tab-hovered  {
		color: #8fc400 !important;}

/**
 * @section header
 */
	.header {
		position: relative; height: 217px;
		background: url(../images/header-bg.jpg) top left no-repeat;}
		
		.header-logotype {
			position: absolute; top: 40px; left: 40px;}
			
		.header-label {
			position: absolute; top: 53px; left: 270px;}
			
		.links-order {
			position: absolute; top: 11px; right: 53px;}
		
		.links-contacts {
			position: absolute; top: 69px; right: 130px;}
			
		.phone {
			position: absolute; top: 125px; right: 35px;
			color: #6f8d94; font-family: Georgia; font-size: 2.2em;}
		
/**
 * @section footer
 */
	 .footer {
		background: url(../images/footer-bg.jpg) bottom left no-repeat;}
		
		.counters { 
			position: absolute; top: 45px; right: 40px; width: 600px;}
			
			.counter {
				position: relative; float: right; padding: 0 0 12px 12px;}
				
		.copyright {
			position: absolute; top: 45px; left: 40px;
			font-size: 1.1em;}
			
				.print, .print:visited {
			position: absolute; top: -20px; right: 45px;
			font-size: 1.1em; font-family: Verdana;
			display: block; padding:  0px 0 3px 23px;
			background: url(../images/icon-print.gif) no-repeat 0 2px;}

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

/**
 * @section menu
 */
	
	.menu {
		padding: 0 25px 0 35px;
		background: url(../images/menu-bg.gif) top left repeat-x;}
		
		.menu table {
			}
			
			.menu td {
				padding: 0 15px;}
				
				.menu td a, .menu td a:visited {
					display: block; padding-bottom: 20px; height: 1%;
					color: #749298; font-weight: bold; text-transform: uppercase; text-decoration: none;}
					
				.menu td a:hover {
					color: #1a4a55; padding-bottom: 17px;
					border-bottom: 3px solid #8fc400;}

	/**
	 * @section submenu
	 */
	 
		.submenu {
			padding-bottom: 25px;}
	 
		.submenu h2 {
			position: relative; padding: 10px 5px 10px 10px; margin-bottom: 15px;
			background: #366ba1; height: 1%;
			color: white; text-transform: uppercase; font-size: 1.4em;}
			
			.submenu h2 b {
				position: absolute; bottom: -10px; left: 10px;
				font-size: 0; line-height: 0; height: 0;
				border-top: 5px #366ba1 solid; 
				border-bottom: 5px  white solid;
				border-left: 5px #366ba1 solid; 
				border-right: 5px white solid;}
				
		.submenu a, .submenu a:visited {
			display: block; padding: 0 0 0 15px; margin:  0 0 10px 10px;
			text-transform: uppercase; text-decoration: none;
			background: url(../images/bullet.gif) no-repeat 0 4px;}
			
		.submenu a:hover, .submenu-item-hover {
			text-decoration: underline !important; color: #8fc400 !important;}
				
					
			
/**
 * @section main
 */
	
	.left-in {
		padding: 0 20px 0 35px;}

	.main {
		padding-top: 15px;}
		
/**
 * @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: -12px; right: -12px; cursor:pointer;}

/* Side */
		
	.side-wrapper h2 {
			background: #abbcc2;}
			
			.side-wrapper h2 b {
				border-top: 5px #abbcc2 solid; 
				border-left: 5px #abbcc2 solid;}
				
	.sideblock {
		font-size: 1.1em; padding: 10px;}