/**
 * 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 styles
 */
 
	 .visual .picture-left {
		background-image: url(../images/models/01/visual-left.jpg);}
		
	 .visual .picture-right {
		background-image: url(../images/models/01/visual-right.jpg);}
		

			
	/**
	 * @section beacons
	 */
		
		.positions  {
			padding: 20px 40px; height: 1%;}
	 
			.positions .item {
				padding: 15px 20px; border: 1px white solid;
				float: left; border-right: 1px solid #d0d0d0;}
				
				.positions .item td {
					width: 160px; height: 120px;
					text-align: center; vertical-align: middle;}
					
				.positions .item h3, .positions .item h3 * {
					font-weight: bold}
					
					.positions .item h3 {
						padding-bottom: 4px;
						font-size: 1.2em; text-align: center;}
						
					.positions .item p {
						font-size: 1.8em; text-align: center;}
						
			.positions .active {
				border: 1px solid #d0d0d0;}
				
				
	.position  {
		padding: 20px 40px;}
		
		.position .text {
			padding: 20px 30px;
			border: #f2f2f2 10px solid;}
			
		.position .text .in {
			padding-bottom: 10px;}
			
			.position .text .in p {
				padding-bottom: 1em;}
				
			.position .text .in h2 {
				font-size: 1.2em; font-weight: bold;
				padding-bottom: 1em;}
			
			.position .text .in .h2 {
				font-size: 1.2em; font-weight: bold;
				padding-bottom: 1em;}
				
		.position .sections {
			width: 200px; }
				
			.position .sections a, .position .sections a:visited {
				display: block; padding: 10px 10px; font-size: 1.2em;
				border-bottom: #f2f2f2 1px solid;	}
				
			.position .sections .active {
				background: #f2f2f2 !important; color: black !important;}