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

	#googleMap {
		width: 100%; height: 600px;}
		
		.googlePhoto {
			display: none;}
			
			.googlePhotoImage {
				text-align: center;
				width: 530px; height: 350xp;
				background: white;}
			
			.googlePhotoLabel {
				text-align: center; height: 30px; width: 530px;
				background: white; line-height: 1.2em;
				font-weight: bold; color: #3b7e49;
				padding-top: 5px;}
  
/*
 * @section Gallery
 */
		.galleryGroup {
			position: relative; 
			float: left; margin: 0 9px 10px 0; width: 230px;}

			.galleryGroupImage { 
				position: relative;background: #f5f5f5; text-align: center;}
			
				.galleryGroupImage td {
					width: 230px; height: 210px; text-align: center; vertical-align: middle;}
				
			.galleryGroupContent {
				width: 100%;}
				
				.galleryGroupContent td {
					font-family: Verdana; font-weight: bold; vertical-align:middle; text-align: center; 
					padding: 4px; line-height: 1.4em; background: #e1f0e6; height: 60px; }
					
					.galleryGroupContent a {
						text-decoration: none;}

		#photos-list{
			border: 1px solid #e4e9e6;}		
			
			#photos-list td {
				width: 130px; height: 130px; 
				background: #f5f5f5; text-align: center; vertical-align: middle;}
				
		.galleryItemContent {
            position: relative;
            border: 1px solid #e4e9e6;
            background: #f5f5f5;
            width: 519px !important; height: 350px !important; overflow: hidden;
			margin-bottom: 3px; margin-left: 1px;}

                .galleryItemContent a {
                    text-align: center; left: 0; top: 0;
                    width: 520px !important; height: 350px !important;
                    position: absolute; display: block;}  

                #iloader {
                   opacity: .6;
                   text-align: center; left: 50%; top: 50%; margin-top: -20px; margin-left: -45px;
                   width: 50px !important; height: 50px !important;
                   position: absolute; display: block; }
				
		.galleryItemText {
			padding: 0 0 0 10px;
			font-size: 1.1em; color: #666;}
			
		.gallery-label {
			text-align: center; font-weight:bold; color: #1178b1;
			padding: 8px 0; font-size: 1.4em;}
			
/*
 * @section Links
 */
 
	.links-list .item {
		padding-left: 10px;
		font-size: 1.1em; line-height: 1.5em;}
		
		.links-list .item p {
			color: #999;}
			
		.links-list .item a {
			text-decoration: underline !important;}
			
	.info-list .item {
		padding: 10px; background: #f0f0f0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;}
			
	.info-list .item  p {
		color: #333; line-height: 1.5em !important;}
 			
/*
 * @section History
 */
 
	.history .accardeon {
		margin: 0 0 8px;}
		
		.history .bar {
			cursor: pointer; cursor: hand;
			background: #efefef;}
					
			.history .bar td {
				padding: 4px 8px;}
				
			.history .bar .date {
				font-size: 1.8em;
				padding-top: 7px !important;
				font-weight: bold;}
				
			.history .bar .green {
				color: #3572cf}
				
			.history .bar .blue {
				color: #009900}
				
			.history .bar .preview {
				color: #777;}
				
		.history .text-wrapper {
			position: relative;
			display: none; }
			
			* html .history .text-wrapper,
			* html .history .bar {
				height: 1%;}

			
/*
 * @section Peoples
 */
 
	.peoples .galleryGroup {
		width: 170px;}
 
		.peoples .galleryGroupImage td {
			height: 200px;}
			
		.peoples .galleryGroupContent td {
			height: 50px;}
			
/*
 * @section Holidays
 */
 
	.holidays .tabs table {
		width: 100%;}
 
	.holidays .tabs table a  {
		padding: 8px 9px !important;}
		
	.cal .empty {
		float: left; margin: 0 5px 5px 0;
		width: 94px; height: 94px;}
		
	.cal .day {
		float: left; margin: 0 5px 5px 0;
		border: 1px #eee solid;
		width: 92px; height: 92px;}
		
		.cal .day .in {	
			display: block; margin: 5px 0 0 5px; position: relative;
			width: 82px; height: 82px;}
			
		.cal .day .num {
			display: block; position: absolute; top: -5px; right: -3px;
			color: #ddd; font-weight: bold; font-size: 2em;}
			
			.cal .red .num {	
				color: #fdaaa6 !important;}
			
		.cal .day .pic {
			display: block; position: absolute; bottom: -3px; right: -2px; width: 45px; height: 45px;
			opacity: .7; filter: Alpha(opacity=70);
			background-position: bottom right;
			background-repeat: no-repeat !important;}
			
		.cal .day .name {
			width: 60px;
			display: block; position: relative; z-index: 2;
			font-size: 1.1em; font-weight: bold;}
			
			.cal .day .name a {
				font-weight: bold;}
				
		.cal .current .num {
			color: #f81105;}
			
/*
 * @section Documents
 */
	
	.doc-block {
		width: 100%;}

	.file-number {
		padding: 7px 0; width: 41px;
		text-align: center; color: #efefef;
		font-size: 3.2em;}


	.file-catalogue {
		padding-bottom: 15px;}
		
		.file-catalogue p, .file-catalogue h4 {
			margin: 0 !important; padding: 0 !important;}
			
		.file-catalogue h4 {
			font-size: 1.2em !important;}
			
			.file-catalogue h4 a, .file-catalogue h4 a:visited {
				font-weight: bold; } 
				
			.file-catalogue span {
				color: #1f8539;}
				
			.file-catalogue p {
				padding-bottom: 3px;}
				
	.files-image {
		padding: 5px 10px 0;}
		
	.files-content {	
		padding: 0 0 30px 0;}
		
		.files-content div p {
			margin: 0 !important; padding: 0 !important;}
							
			.files-content div p, .files-content div b, .files-content div span {
				color: #999;}
				
		.files-content .info {
			padding: 5px 0 0 0;}
			
		.files-content .html, .files-content .html:visited {
			color: #999;}
			
			.files-content .html:hover {
				color: #48935a;}
				
	.enclousers td{
		padding-bottom: 0px;}
		
		.enclousers td a {
			color: #7a7a7a;}
			
	.files-filter {
		position: relative;
		border: 1px solid #bbbbbb; font-size: 1.2em;
		padding: 10px 15px 2px; margin: 0 0 15px; height: 1%;
		background: #e9e9e9;}
		
		.files-filter #docs-name,
		.files-filter #searchSiteInner,
		.files-filter #orders-name{
			padding: 4px 2px;
			border: 1px #ccc solid; width: 610px;}
			
			.files-filter #orders-name {
				width: 600px;}
			
		.files-filter #docs-number,
		.files-filter #orders-number {
			padding: 3px 2px; font-weight: bold;
			border: 1px #ccc solid; width: 40px;}
			
		.files-filter select {
			padding: 1px 0; width: 230px;
			border: 1px #ccc solid;}
			
		
		.files-filter .checkbox {
			position: relative; top: 2px;}
			
		.files-filter td {
			vertical-align: middle;
			padding: 0 10px 8px 0;}
			
		.files-filter .submit {
			position: relative; top: 8px;}
	
	.enclink, .enclink:visited {
		color: #48935a;}
		
	.enc {
		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: 600px; 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: 640px; margin: 0 auto;}
						
	.shadow-close {
		position: absolute; top: -12px; right: -12px; cursor:pointer;
		background: url(../images/close.png) top left no-repeat; width: 30px; height: 30px;}		

/* 
 *	@subsection Forms
 */
	.form-style {
		margin: 10px 0; width: 500px; padding: 15px;
		background: #f4f4f4; border: #ccc 1px solid;}

	.form-style-table {
		width: 100%;}

	.form-style td{
		padding: 0 12px 0 0;}

	.form-label {
		padding-top: 2px;
		text-align: right; width: 200px;}

	.form-require {
		position: relative; top: 4px;
		font-weight: bold; font-size: 2em; color: #990000;}

	.form-error {
		display: block; height: 15px;
		text-transform: lowercase; font-size: .8em;  line-height: 1em;font-family: Verdana, Arial, sans-serif; color: #990000;}

		.form-input {
			width: 250px; padding: 4px;  background: #fff;
			border: 1px solid #d5d5d5;}
			
		.form-input-small{
			width: 100px; padding: 4px; font-size: 2.4em; background: #fff;
			color: #4e83b9;
			border: 1px solid #d5d5d5;}

		.form-data textarea {
			width: 250px; height: 120px; padding: 4px;  background: #fff;
			font-family: Arial, sans-serif; border: 1px solid #d5d5d5;}
			
		.form-data select {
			border: 1px solid #d5d5d5; background: #fff; width: 200px;}
			
			.form-data select option {
				border: 0;}
				
		.input-checkbox {
			position: relative; top: 3px;}
				
		.form-style .width-100-percent {
			width: 100%; padding: 0 !important;}
			
		.form-style .button {
			font-size: .8em;}

		.codeimageChange, .codeimageChangeDirector {
			display: block; text-align: right;
			font-size: .8em; font-family: Verdana;}
			
/*
 * @section Map
 */			
 
	.site-map {
		float: left; width: 380px; margin: 0 30px 0 0;
		padding: 0 0 0 50px;}
		
		.site-map li {
			line-height: 1.6em;}
			
			.site-map li a, .site-map li a:visited{
				text-decoration: none;}
				
			.site-map li a:hover {
				text-decoration: underline;}
		
		.site-map li li a, .site-map li li a:visited {
			color: #777; font-size: .9em; font-family: Verdana;}
			
		.site-map li li li ul {
			display: none;}
			
/*
 * @section Search
 */			
 	.search-bold {
		background: #c5e2cb;}
		
	.search-item p {
		padding: 0 !important;}
		
		.search-head span {
			color: #999;
			font-size: .9em; font-weight: bold; font-family: Verdana;}
			
/*
 * @section Orders
 */
 
	.order-enclousers {
		width: 50%;}
		
		.order-enclousers .item {
			float: left; margin: 0 5px 5px 0;}
			
	.order-number {
		padding: 0 5px 0 0;}
			
		.order-number b {
			color: #48935a;}
			
	.orders-block .term {
		padding: 0 0 0 30px; color: #ff6666;
		background: url(../images/general/icons/pix-calendar.png) no-repeat 0 3px;}
		
	.orders-block .time {
		padding: 0 0 0 30px;
		background: url(../images/general/icons/pix-clock.gif) no-repeat 0 3px;}
		
	.orders-block .subject {
		color: #3572cf;}
		
	.orders-block .status {
		color: #48935a; margin: 0 !important; font-weight: bold;}
		
	.orders-notes * {
		font-family: Verdana; text-align: justify;}
		
		.orders-notes {
			padding: 15px; font-size: .9em; background: #eee;}
			
.google-icons div {
	float: left; 
	margin: 10px 20px 0 0;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 6px 0 6px 40px;}
