/**
 * 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.1.5
 */

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

	a:visited {
		color: #2d9cdc;}

	a:hover, a:active {
		color: #2b1257;}

	.hovered, .tab-hovered, .link-hovered {
		color: #2b1257 !important;}
		
		
/**
 * @section headers
 */	
 
	.headers {
		height: 1%; padding: 0 0 0 27px;
		font-family: Verdana; font-size: 1.8em;
		text-transform: uppercase; color: #2b1257;
		background: url(../images/headers.gif) no-repeat 0 4px;}

		
/*
 * @section round
 */ 
 
	.roundborder {	
		margin: 12px 0 20px;
		border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
				
	.roundborder .inside {
		padding: 0 10px; height: 1%;
		border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
		
	.roundborder .t, .roundborder .b {
		position:relative; height:12px;}
		
	.roundborder .t div, .roundborder .b div {
		position:absolute; width:16px; height:13px; padding:0; margin:0;}

	.roundborder .t .l {
		top:-1px; left:0; 
		background:#fff no-repeat url(../images/angle.gif) top left;}

	.roundborder .t .r {
		top:-1px; right:0; 
		background:#fff no-repeat url(../images/angle.gif) top right;}
		
	.roundborder .b .l {
		background:#fff no-repeat url(../images/angle.gif) bottom left;
		bottom:-1px; left:0;}

	.roundborder .b .r {
		background:#fff no-repeat url(../images/angle.gif) bottom right;
		bottom:-1px; right:0;}
		
/**
 * @section backgrounds
 */ 
	.page {
		background: #2d9cdc; overflow: hidden;}
		
		.page-bg {
			position: absolute; bottom: 0; left: 0; height: 10000px; width: 100%;}
			
			.page-bg div {
				 height: 100%; margin: 0 4px; background: white;}
	
/**
 * @section footer
 */
 	.footer-inside {
		height: 125px; padding: 0 4px;
		font-family: Verdana; color: white; font-size: 1.2em; line-height: 1.5em;
		background: #2d9cdc;}
		
		.footer-repeat {
			height: 125px;
			background: url(../images/footer-repeat.gif) top left repeat-x;}
		
		.footer-left {
			height: 125px;
			background: url(../images/footer-left.gif) top left no-repeat;}
			
		.footer-right {
			height: 125px;
			background: url(../images/footer-right.gif) top right no-repeat;}
			
			.footer .contacts {	
				position:absolute; top: 55px; left: 15px;}
				
			.footer .phones {	
				position:absolute; top: 55px; left: 315px;}
				
				.footer .phones a, .footer .phones a:visited {
					color: white;}
		
			.footer .titansoft {
				position: absolute; top: 55px; right: 45px;}
				
				.footer .titansoft p {
					 text-align: center;}
				
				.footer .titansoft a, .footer .titansoft a:visited {
					text-decoration:none; color: white;}
				
			.footer .counters {
				position: absolute; top: 58px; left: 520px; width: 300px;}
		
				.footer .counter {
					position: relative !important; float: left; margin: 0 10px 0 0;}	
	
/**
 * @section header
 */	
 
	.header {
		height: 373px;
		background: #2d9cdc;}
		
		.header .clocks {
			position: absolute; top: 15px; left: 15px}
			
		.services {
			position: absolute; top: 15px; right: 21px; width: 146px; height: 37px;
			background: white url(../images/services/bg.gif) top left no-repeat;}

			.services-item {
				position: relative; float: left; height: 11px; margin: 13px 0 0 28px;}
				
				* html .services-item  {
					display: inline;}
			
				.services-item a, .services-item a:visited {
					display: block; height: 11px; background: #191919; color: white;}

				.services-item a:hover{
					background: #2d9cdc;}

				.services-item span{
					display: block; height: 11px; background: #ccc; color: black;}
					
					* html .services-item a, * html .services-item a:visited, * html .services-item span {
						height: auto;}

/**
 * @section visual
 */	 
	
	.visual {
		position: relative;
		padding: 65px 210px 0 7px;}
		
		.logotypes {
			position: absolute; top: 0; right: 0; width: 270px; height: 371px;
			background: url(../images/logotypes.jpg) top right no-repeat;} 
			
			.ugmk {
				position: absolute; top: 82px; right: 32px;}
				
			.rr {
				position: absolute; top: 240px; right: 40px;}
				
				
		.visual-picture {
			background: url(../images/visual/picture.jpg) repeat-x 6px 6px;}
			
		.visual-repeat {
			background: url(../images/visual/repeat.gif) top left repeat-x;}
			
		.visual-left {
			background: url(../images/visual/left.gif) top left no-repeat;}
			
		.visual-right {
			height: 298px; position: relative;
			background: url(../images/visual/right.gif) top right no-repeat;}
			
			.visual .logotype {
				position: absolute; top: 30px; left: 40px;
				background: url(../images/visual/logotype.png) top left no-repeat;}
				
			* html .visual .logotype  {
				background: none; 
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='templates/default/images/visual/logotype.png', sizingMethod='noscale');}
				
			.visual .label {
				position: absolute; top: 95px; right: 6px;
				padding: 3px 90px 3px 35px;
				background: white;}
				
				.visual .label h2 {
					font-size: 2em; color: #2b1257; font-family: Arial;}
					
				.visual .label h3 {
					font-size: 1.6em; color: #2f9ddc; font-family: 'Arial Black';}
		
	
		
/**
 * @section menu
 */
 
	.menu {
		position: relative; z-index: 5; height: 55px; padding: 0 4px;
		background: #2d9cdc;}		

	.menu-repeat {
		position: relative; height: 55px; 
		background: #0b7eca url(../images/menu-repeat.gif) top left repeat-x;}
		
	.menu-left {
		position: relative; height: 55px; 
		background: url(../images/menu-left.gif) top left no-repeat;}
		
	.menu-right {
		position: relative; height: 55px; text-align: center; padding: 0 50px 0 70px;
		background: url(../images/menu-right.gif) top right no-repeat;}
				
		.menu-table {
			margin: 0 auto; height: 55px;}
			
			.menu-table td {
				padding: 0 1px;
				background: url(../images/menu-delimiter.gif) top left no-repeat;}
				
				.bgn {
					background: none !important;}
				
			.menu-item, .menu-item:visited {
				display: block; position: relative; height: 55px; color: white;
				text-decoration: none; text-transform: uppercase;}
				
				.menu-item:hover, .menu-hovered {
					color: white !important;  text-decoration: none !important;
					background: #2c5598 url(../images/menu-hover-left.gif) top left no-repeat !important;}
					
				.menu-item span, .menu-item:visited span {
					display: block; position: relative; height: 42px; padding: 13px 25px 0; 
					text-align: center;
					font-size: 1.2em;}
					
					.menu-item:hover span, .menu-hovered span {
						right: -5px !important; padding: 13px 30px 0 20px !important; 
						background: url(../images/menu-hover-right.gif) top right no-repeat !important;}
					
					
		/**
		 * @subsection submenu
		 */	
				.submenu .inner-box, .submenu  b {
					background: #2c5598 url(../images/submenu.gif) top left repeat-y;}
					
				.submenu-wrapper { 
					position: relative; height: 0; }
					
					.submenu {
						display: none;
						position: absolute; top: 0px; left: 9px; width: 100%;
						}
						
					.submenu .inner-box {
						padding: 5px 0;}
						
						.submenu a, .submenu a:visited {
							display: block; padding: 6px 12px 6px 30px;
							text-decoration: none;
							color: #fff; font-size: 1.2em;
							background: url(../images/menu-bullet.gif) no-repeat 10px 10px ;}

						.submenu a:hover {
							color: white; background-color: #148dd3;}
							
							
/**
 * @section main
 */	
 
	.main-top {
		background: url(../images/main-left.gif) top left no-repeat;}

		.main-top div {
			height: 14px;
			background: url(../images/main-right.gif) top right no-repeat;}
			
	.left-in {
		padding: 0 14px 0 7px;}	

		.left-block {
			padding-bottom: 3px;}
	
/**
 * @section search
 */	
 
	.search-block {
		height: 41px; font-size: 1.2em; padding: 0 0 0 10px;
		background: url(../images/left-search.gif) top left no-repeat;}
		
		.search-block table {
			width: 100%;}
		
		.search-block td {
			height: 41px; vertical-align: middle; padding: 0 5px;}
			
		.search-block #searchSite {
			color: #2c5598;}
			
		.search-button {
			width: 25px; padding-top: 2px !important;}
			
/**
 * @section news
 */				
 
	.news-block {
		padding: 15px 0 0 10px;}
		
		.news-block .news {
			padding-top: 15px; font-size: 1.2em; }
			
		.news-block .news a {	
			line-height: 1.6em; text-decoration: underline;}
			
		.newsFilters {
			position: relative; font-family: Verdana; 
			font-size: 1em; background: #e9e9e9; padding: 5px 10px; margin-bottom: 10px;}			
			
			.newsFilters  .types {
				padding-bottom: 5px;}
	
			
	/* Pages */
		.pages { padding: 7px 0 10px 4px;}

		.pages a, .pages b, .pages a:visited, .pages span{
			display: block; float: left; margin-right: 5px; padding: 3px 0; width: 25px; height: 1%;
			font-size: 1em; text-align: center; color: white !important; font-weight: bold;
			background: #aaa; text-decoration: none;}

			.pages a:hover { background: #888; }

		.pages b { background: #2d5ea1 !important;}


	
			
/**
 * @section cat
 */	
 
	.catitem {
		float: left; height: 80px; width: 210px; margin-bottom: 10px;
		background-position: left center; background-repeat: no-repeat;}
		
		.catitem  span {
			display: block; height: 70px; padding: 10px 10px 0 80px;
			text-transform: uppercase; font-size: 1.1em;text-decoration: underline;}
			
		* html .catitem  span {
			height: 80px;}
			
		.catitem:hover span {
			background: url(../images/cat-hover.gif) bottom left no-repeat;}
			
/**
 * @section faq
 */	
 
	.faqControl { position: relative; font-size: .9em; background: #ecedee; padding: 12px 10px;}

	.faqFormControl {
		position: absolute;	top: 10px; right: 0; z-index: 10;}
		.faqFormControlToggle a {
			position: relative; display: block; float: right;}
		.faqFormControlToggle a span {
			display: block; padding: 3px 10px 3px 10px;
			background: url(../images/button-right.gif) 100% center no-repeat;}

			.faqFormControlToggle a, .faqFormControlToggle a:visited,
			.faqFormControlToggle a span, .faqFormControlToggle a:visited span { color: white; text-decoration: none;}

			.faqFormControlToggle a:hover, .faqFormControlToggle a:hover span { text-decoration: underline;}


	.faqForm { position: relative; float: right; padding: 5px 0; width: 420px; background: white; border: 1px #aab0b4 solid;}
		.faqSubmit { cursor: pointer;}

		.faqForm p { padding: 0 5px; margin: 0; color: #cf521a; font-weight: bold;}

	.faq-text { padding: 10px 0 0 0;}
	.faq-text p { padding: 0 0 0 20px;}			
			
/**
 * @section gallery
 */	
	
	.gallery-picture { position: relative; padding-bottom: 10px; padding-right: 10px;}	
	.gallery-data { position: relative; width: 100%; padding-bottom: 10px;}
	
		.gallery-data-date { font-weight: bold; color: #BABABA;}
			.gallery-data-date a, .news-data-date a:visited { color: #BABABA; text-decoration: none;}
			.gallery-data-date a:hover, .news-data-date a:active { color: #5FADE8;} 
			
		.gallery-data-size {
			padding-left: 5px; font-family: verdana; font-size: .8em; color: #777; font-weight: normal;}
		
		.gallery-data-topic { font-weight: bold; font-size: 1.1em;}
		.gallery-data-preview { color: #5F2800;}
		
	.gallery-positions-top { 
		margin-top: 10px; border-top: 1px dashed #c4c4c4; padding-top: 20px;}		
		
	.gallery-video-player {
		position: relative; padding-bottom: 30px;}
		
	.search-bold {
		font-weight: bold;}
		
	.search-item { color: #4c4c4c;}
	
	.search-item li {
		padding: 2px 10px; margin-bottom: 10px; //height: 1%;}

	.search-item li a {
		line-height: 1.2em;}

	.search-item li p {
		margin: 0 !important; font-size: 1em; text-transform: lowercase; 
		font-weight: normal;}

	.search-item li {
		padding-bottom: 5px;
		padding-bottom: 13px;}


	.search-head span {
		color: #777;
		font-family: Verdana !important; font-size: .9em !important;}

	.search-item strong {
		font-weight: normal; color: #ff8f25;}
	}