/*	The most common styles for site																				*/
*{margin: 0; padding: 0;}							/*	Remove all the paddings and margins						*/

img{border:	0}										/*	Remove all the paddings and margins						*/

ul{list-style:	none}								/*	Remove all the bullets of the lists						*/


span.capital{letter-spacing:	0.15em}				/*	Class for words written with capital letters			*/

span.symbol{margin: 0.2em;}						/*	Class for isolated symbol							*/


div.clr{clear:	both}								/*	Wrapper													*/

.nowrap{white-space:	nowrap}						/*	Instead tag <nobr>										*/

a:hover{color:	#e13e07}							/*	Hovered links color										*/


	/*Типографика*/

	.t-slaquo {margin-right:.5em}
	.t-laquo {margin-left:-.5em;position:relative;//zoom:1}
	.t-letter-spacing {letter-spacing:.15em;}
	.t-capitals {font-size:100%}
		/*.t-capitals {font-size:87.5%}*/
	.t-plus {left: -.6em; position: absolute;}
	.t-phone-plus {margin-left:-.3em;bottom:0}

	/*/Типографика*/

.pseudo-link{border-bottom:1px dashed;cursor:pointer;cursor:hand}

span.s-laquo{margin-right: 0.5em}

span.s-bracket{margin-right: 0.44em}

span.laquo{margin-left: -0.5em !important}

span.bracket{margin-left: -0.35em !important}

.hidden{display:	none !important}

.opacity-40{
	opacity: 0.4;
	//filter:		alpha(opacity=40);
	}


#c{margin-left:	-1.54em;}


/*	0. Grid																										*/
	#grid{
		display:	none;
		height:		300%;
		position:	absolute;
		width:		100%;
		z-index:	100;
		}

		.grid-odd, .grid-even{
			float:		left;
			height:		100%;
			opacity:	0.25;
			filter:		alpha(opacity=25);
			position:	relative;
			width:		2%;
			}

		.grid-odd{background-color:	#b48acf;}

		.grid-even{background-color:	#d2c4da;}





/*	1. Body																										*/
	body{
		background:		#020100 url("../i/gradient.png") repeat-x;
		min-width:		1000px; 
		font-family:	"trebuchet ms", "arial", "tahoma"; 
		text-align:		center;
		}


/*	2. Header																									*/
	#header{	
		height:			120px;
		margin-left:	0;
		position:		relative;
		text-align:		left;
		z-index:		50;
		}
	

		#logo{
			color:			#fff;
			font-family:	"georgia";
			font-size:		48px;
			height:			62px;
			left:			4%;
			margin:			20px 0 0 -10px;
			overflow:		hidden;
			position:		absolute;
			width:			346px;
			z-index:		51;
			}

			a:hover #logo{color:		orange}


		#phones{
			background:		url("/i/interface/phone.png") 0 8px no-repeat;
			color:			#f8dcd2;
			font-size:		80%;
			line-height:	32px;
			padding-left:	36px;
			position:		absolute;
			right:			2%;
			text-align:		left;
			top:			16px;
			z-index:		51;
			}


			#phones strong{
				font-size:	180%;
				font-style:	normal;
				left:		-0.2em;
				position:	relative
				}


			#lang{
				color:			#f3c3b2;
				float:			left;
				font-size:		87.5%;
				margin-right:	2em;
				position:		relative;
				z-index:		3;
				}


				#lang a{color:	#fad112;}

						#lang a:hover{color:	#f8dcd2;}	


			#enter, #logout{
				cursor:			pointer;
				cursor:			hand;
				float:			left;
				font-size:		91.666%;
				height:			21px;
				line-height:	21px;
				overflow:		hidden;				
				position:		absolute;
				margin-top:		7px;
				z-index:		52;
				}


				#enter{
					background:		url("/i/enter.gif") no-repeat right 5px;
					left:			136px;
					padding-right:	20px;
					}


				#logout{left:	136px;}


					#enter:hover{background-position:	right -21px;}


					#enter span, #logout span{
						border-bottom:	1px dotted #fad112;
						color:			#fad112;
						font-size:		91.666%;
						height:			21px;
						line-height:	21px;
						}


						#enter:hover span, #logout:hover span{
							border-bottom:	1px dotted #f8dcd2;
							color:			#f8dcd2;
							}



	#login-window{
		background:		url("/i/interface/login-window.png") no-repeat 0 0;
		height:			200px;
		left:			36px;
		position:		absolute;
		top:			4em;
		width:			310px;
		z-index:		55;
		}


		#login-window h4{
			color:		#000;
			font-size:	93.755%;
			left:		3em;
			position:	absolute;
			top:		1em;
			}


		#x{
			color:		#55799a;
			cursor:		pointer;
			cursor:		hand;
			font-size:	150%;
			position: 	absolute;
			right:		30px;
			top:		10px;
			z-index:	56;
			}

			#x:hover{color:	#d43a06}


		#login-window form{
			float:			left;
			font-size:		93.755%;
			margin:			4em 0 0 0;
			position:		relative;
			padding-bottom:	1.5em;
			}


			#login-window label, #login-input, #password-input{float:			left;}


			#login-window label{
				color:			#000;
				margin-left:	3em;
				position:		relative;
				top:			-0.5em;
				}


			#login-input, #password-input{
				height:			1.5em;
				left:			100px;
				margin:			0 0 0.5em 0;
				position:		absolute;
				width:			12em;
				}


			#login-window .button{
				bottom:			0;
				left:			100px;
				padding:		0.1em 0.2em;
				position:		absolute;
				}








/*	3. Navigation																						*/
	#nav-container{
		padding: 	0 4% 0 4%;
		position:	relative;
		z-index:	20;
		}


	#alt-nav{
		color:			#f8dcd2;
		overflow:		hidden;
		padding:		0;
		position:		relative;
		text-align:		center;
		width:			100%;
		}


/*		3.1 Main navigation	item																			*/
		.branch{
			clear:			right;			/*	This property allows float block to stay on the line in IE	*/
			float:			left;
			font-size:		125%;
			padding:		0.5em 22px 1em 22px;
			position:		relative;
			}


			#previous-branch{margin-bottom: 1em;}


			#last-branch{width: 26%;}



/*			3.1.1 Main navigation current item																*/
			#current-branch{
				background-color:	#c43606;
				}


/*			3.1.2 Main navigation links																		*/
			.branch a{
				color:		#ede80a; 
				position:	relative;
				z-index:	6;
				}


/*			3.1.3 Main navigation	links																	*/
			.branch span{
				position:	relative;
				z-index:	6;
				}

				.branch a:hover{color:	#f8dcd2;}







/*		3.3	Rounded corners in navigation																*/
		#nav-lt-corner, #nav-rt-corner{
			font-size:	1px;
			height:		5px;
			position:	absolute;
			width:		5px;
			z-index:	7;
			}


			#nav-lt-corner, #nav-rt-corner{background:	url("../i/nav-corners.png") no-repeat}


			#nav-lt-corner{left:	0px; top:	0px;}


			#nav-rt-corner{
				background-position:	100% 0%;
				margin-left:			100%;
				right:					0px; 
				top:					0px; 
				}



			#bread-crumbs{
				font-weight:	normal;
				left:			0;
				line-height:	1.5em;
			   _line-height:	2em;
				margin-left:	0 !important;
				position:		absolute;
				top:			0;
				}


						#home{
							background-color:	#55799a; 
							display:			inline-block;
							height:				19px;
						   _margin-right:		5px;
							overflow:			hidden;
							position:			relative; 
							top:				3px;
						   _top:				-1px;
							width:				19px;
							}

							#bread-crumbs img{
								color:				#fff;
								font-size:			8px;
								height:				19px;
								position:			relative;
								width:				19px;
								}

								#home:hover{background-color:	#d43a06 !important}


							#bread-crumbs a{color:	#55799a; position:	relative;}

							#bread-crumbs a:hover{color:	#d43a06}


						#page-name{
							display:		inline;
							font-size:		140%; 
							font-weight:	normal; 
							position:		relative; 
							top:			3px
							}


						.item-name{
							margin-left:	45px;
							position:		relative;
							top:			0.25em;
							}


/*	4. Main content																					*/
	#main-table{
		border-collapse:	collapse;
		margin:				0 auto;
		position:			relative;
		table-layout:		fixed;
		text-align:			center;
		width:				96%;
		z-index:			3;
		}


/*		4.1 Rounded corners																			*/
		#lt_corner, #rt_corner, #lb_corner, #rb_corner{
			background:	url("../i/rounds.png") no-repeat;
			height:		10px;
			}


		#lt_corner{background-position:	0 0;}
		#rt_corner{background-position:	100% 0;}
		#lb_corner{background-position:	0 100%;}
		#rb_corner{background-position:	100% 100%;}


		#top_border, #bottom_border{background-color: #fff}



/*		4.2 Main content table cell																	*/
		td#main{
			overflow:	hidden;
			position:	relative;
			z-index:	3;
			}


/*			4.2.1 Div into main content table cell														*/
			#td{
				overflow:		hidden;
				padding-top:	2em;
				position:		relative;
				text-align:		left;
				width:			100%;
				z-index:		3;
				}


/*				4.2.1.1 Transparent background															*/
				#transparent-main{
					background-color:	#fff;
					height:				100%;
					_height:			5000px;
					left:				0px;
					margin:				0 !important;
					position:			absolute;
					top:				0;
					width:				100%;
					_width:				5000px;
					z-index:			4;
					}


				#transparent-main, #lt_corner, #rt_corner, #lb_corner, #rb_corner, #top_border, #bottom_border{
					opacity:	1;
					//filter: alpha(opacity=95);
					}



			#content-block{
				clear:			right;
				float:			left;
				left:			4%;
				margin-left:	-2.4em;
				position:		relative;
				width:			82%;
				_width:			82%;
				z-index:		9;
				}


						#item-content{
							font-size:		87.5%;
							line-height:	160%;
							margin:			0 0 7em 1.9em;
							overflow:		hidden;
							padding-bottom:	3em;
							padding-left:	19px;
						   _padding-left:	20px;
							position:		relative;
							top:			5em;
							z-index:		9;
							zoom:			1;
							}


							#item-content p, #item-content ul{
								margin-bottom:	1em;
								max-width:		52em;
								}


							#item-content li{padding: 0.05em 0}


							#item-content a{color: #55799A}

								#item-content a:hover{color: #D43A06}


/*	5. Footer																						*/
	#footer{
		height:		100px;
		margin-top:	50px;
		position:	relative;
		}


		#copyright{
			color:			#f8dcd2;
			font-size:		80%;
			left:			30%;
			margin-left:	-1.54em;
			padding-left:	1.54em;
			position:		absolute;
			text-align:		left;
			z-index:		4;
			}


			#copyright a{color:	#fad112;}


				#copyright a:hover{color:	#f8dcd2;}


		#madeby{
			color:		#f8dcd2;
			font-size:	80%;
			left:		6%;
			position:	absolute;
			text-align:	left;
			z-index:	4;
			}

			#madeby a{color:	#fad112;}
				#madeby a:hover{color:	#f8dcd2;}