/* CSS Document */

@import url('../css/common_use.css');



/**[RULES: Layout/Positioning ]-------*/

html, body 
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #1c1c1c;
	}

html
	{
	height: 100%; 
	}

body
	{
	position: relative;
	width: 100%;
	text-align: center;
	background: #1f4044 url(../img/bg/mn_bg.gif) left 0px repeat-x;
	}

span.starter
	{
	float: left; clear: left;
	margin-top: -20px;
	visibility: hidden;
	}

div#Body
	{
	position: relative;
	width: 100%;
	min-height: 100%; _height: 100%;
	margin: 0px auto;
	background: url(../img/bg/mn_bg_tail.gif) no-repeat;
	background-position: center 471px;
	*background-position: center 470px;
	}

div#Body div#PnMn
	{
	width: 990px;
	display: table;
	height: 100%;
	padding: 45px 0px 140px 0px;
	margin: 0px auto;
	text-align: left;
	}

div#Body div#PnMn div#PnRow
	{
	display: table-row;
	height: 100%;
	}

div#Body div#PnTop
	{
	height: 44px;
	width: 100%; _width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 100000000;
	background: url(../img/bg/top_bg.gif) right top no-repeat;
	}

div#Body div#PnTop div.menu
	{
	height: 100%;
	width: 990px;
	text-align: left;
	margin: 0px auto;
	font-size: 14px;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	padding: 15px 0px 0px 95px;
	background: #0f3439 url(../img/bg/menu_corn.gif) right top no-repeat;
	}

div#Body div#PnTop div.menu a
	{
	display: inline;
	padding-bottom: 10px;
	}

div#Body div#PnTop a
	{
	color: #79c0c4;
	}

div#Body div#PnTop div.menu span
	{
	color: #79c0c4;
	margin: 0px 15px;
	}

div#Body div#PnMn div#PnMnLf
	{
	width: 250px;
	height: 100%;
	padding: 40px 0px 30px 35px;
	float: left;
	display: table-cell;
	position: relative;
	margin: 0px;
	}

div#Body div#PnMn div#PnMnLf div.top
	{
	margin-bottom: 45px;
	padding: 0px 0px 0px 13px;
	}

	div#Body div#PnMn div#PnMnLf div.top a.logo
		{
		display: block;
		margin-right: 40px;
		margin-bottom: 50px;
		}
	
	div#Body div#PnMn div#PnMnLf div.top div.adress
		{
		color: #7bcdda;
		font-family: Tahoma, Helvetica, sans-serif;
		}
		
		div#Body div#PnMn div#PnMnLf div.top div.adress span
			{
			display: -moz-inline-box; _display: inline-block;
			margin: 5px 0px 0px 0px;
			font-size: 14px;
			font-weight: bold;
			}

	div#Body div#PnTop div.dropDown
		{
		display: none;
		position: absolute;
		margin: 0px 0px 0px -15px;
		padding: 18px 20px 0px 20px;
		background: #0f3439;
		border: 1px solid #1f6670;
		}

		div#Body div#PnTop div.dropDown span.starter
			{
			margin: -20px 0px 0px 0px;
			}

		div#Body div#PnTop div.dropDown a
			{
			float: left; clear: left; _padding-right: 15px;
			margin-bottom: 0px;
			font-size: 11px;
			color: #7bcdda;
			}
	
		div#Body div#PnTop div.dropDown a:hover
			{
			color: #ffffff;
			text-decoration: none;
			}

div#Body div#PnMn div#PnMnLf div.vual_block
	{
	position: relative;/*static*/
	width: 100%;
	padding: 20px 13px 5px 20px;
	margin-bottom: 25px;
	border: 1px solid #1f6670;
	background-color: #1B4D53;
/*
	background: url(../img/bg/proj_bg.png) repeat;
	*background: none;
	*filter: expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src="_design/img/bg/proj_bg.png", sizingMethod="scale")');
*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

div#Body div#PnMn div#PnMnLf div.vual_block a
	{
	/*position: relative;*/
	}

div#Body div#PnMn div#PnMnLf div.vual_block h1
	{
	margin: 0px 0px 10px -17px;
	color: #ffffff;
	}

div#Body div#PnMn div#PnMnLf div.vual_block h1.title 
	{
	position: relative;
	/*width: auto;*/
	padding: 0 10px 10px 17px;
	background-color: rgb(27, 77, 83);
	background-image: url('../img/bg/h1_bg.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	}

div#Body div#PnMn div#PnMnLf div.vual_block h1 a
	{
	padding: 0px 10px 10px 17px;
	background: url(../img/bg/h1_bg.gif) left bottom no-repeat;
	}

div#Body div#PnMn div#PnMnLf div.vual_block h1.title a
	{
	padding: 0px 0px 0px 0px;
	/*background-color: transparent;*/
	background-image: none;

/*BACKGROUND-COLOR: RED;*/

	}

	div#Body div#PnMn div#PnMnLf div.vual_block div.unit
		{
		width: 100%;
		overflow: hidden; _overflow: none;
		margin-bottom: 5px;
		padding-bottom: 10px;
		border-bottom: 2px dotted #1f6670;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.last
		{
		border-bottom: none;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.unit img
		{
		float: left;
		margin: 0px 5px 5px 0px;
		border: 1px solid #1F6670;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.unit p
		{
		padding: 10px 0px 0px 0px;
		margin: 0px;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.unit p a
		{
		color: #7bcdda;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.feedback p
		{
		color: #7bcdda;
		margin-bottom: 10px;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.feedback p.answer
		{
		color: #ffffff;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.feedback a.more
		{
		width: 13px;
		display: -moz-inline-box; _display: inline-block;
		}

	div#Body div#PnMn div#PnMnLf div.vual_block div.feedback a.more img
		{
		vertical-align: middle;
		}
	
div#Body div#PnMn div#PnMnRt
	{
	width: 740px;
	height:100%;
	float: left;
	display: table-cell;
	padding: 5px 25px 0px 10px;
	background: url(../img/bg/man.jpg) right 0px no-repeat;
	position: relative;
	}
	
	div#Body div#PnMn div#PnMnRt div.chapters
		{
		position: relative;
		min-height: 630px; _height: 630px;
		}
	
	div#Body div#PnMn div#PnMnRt div.chapters div.unit
		{
		position: absolute;
		}
	
	div#Body div#PnMn div#PnMnRt div.chapters div.u1
		{
		width: 225px;
		top: 27px;
		left: 0px;
		z-index: 1000100;
		}
	
	div#Body div#PnMn div#PnMnRt div.chapters div.u2
		{
		width: 257px;
		top: 234px;
		left: 15px;
		z-index: 1000080;
		}
	
	div#Body div#PnMn div#PnMnRt div.chapters div.u3
		{
		width: 256px;
		top: 366px;
		left: 188px;
		z-index: 1000060;
		}
	
	div#Body div#PnMn div#PnMnRt div.chapters div.u4
		{
		width: 224px; _width: 226px;
		top: 392px;
		left: 445px;
		z-index: 1000040;
		}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.unit div.thumb
			{
			width: 180px;
			float: right;
			height: 180px;
			position: relative;
			text-align: right;
			overflow: hidden;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.unit div.thumb div.frame
			{
			height: 180px;
			width: 180px;
			position: absolute;
			right: 0px;
			top: 0px;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u1 div.thumb div.frame
			{
			background: url(../img/frames/bg_1.png) right top no-repeat;
			*background: none;
			*filter: expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src="_design/img/frames/bg_1.png", sizingMethod="scale")');
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u2 div.thumb div.frame
			{
			background: url(../img/frames/bg_2.png) right top no-repeat;
			*background: none;
			*filter: expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src="_design/img/frames/bg_2.png", sizingMethod="scale")');
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u3 div.thumb div.frame
			{
			background: url(../img/frames/bg_3.png) right top no-repeat;
			*background: none;
			*filter: expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src="_design/img/frames/bg_3.png", sizingMethod="scale")');
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u4 div.thumb div.frame
			{
			background: url(../img/frames/bg_4.png) right top no-repeat;
			*background: none;
			*filter: expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src="_design/img/frames/bg_4.png", sizingMethod="scale")');
			}
		
			div#Body div#PnMn div#PnMnRt div.chapters div.unit div.thumb a
				{
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background: url(../img/spacer.gif);
				}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.unit div.title
			{
			overflow: hidden;
			text-align: right;
			position: relative;
			clear: both;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.unit div.title a
			{
			float: right;
			padding: 0px 3px 0px 0px;
			border-right: 1px solid #1f6670;
			border-bottom: 1px solid #1f6670;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u1 div.title
			{
			width: 137px;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u1 div.title a
			{
			border-right: 1px solid #42909b;
			border-bottom: 1px solid #42909b;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u2 div.title
			{
			width: 167px;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u3 div.title
			{
			width: 168px;
			}
		
		div#Body div#PnMn div#PnMnRt div.chapters div.u4 div.title
			{
			width: 133px; _width: 135px;
			}
		
	div#Body div#PnMn div#PnMnRt div.news-block
		{
		padding: 30px 0px 40px 95px;
		}
		
	div#Body div#PnMn div#PnMnRt div.news-block h1
		{
		margin: 0px 0px 10px -17px;
		color: #ffffff;
		}
	
	div#Body div#PnMn div#PnMnRt div.news-block h1 a
		{
		/*display: inline-block; display: -moz-inline-box; _display: inline-block;*/
		padding: 0px 10px 10px 17px;
		background: url(../img/bg/h1_bg.gif) left bottom no-repeat;
		}
		
	div#Body div#PnMn div#PnMnRt div.news-block div.unit
		{
		clear: both;
		margin-bottom: 8px;
		}
		
	div#Body div#PnMn div#PnMnRt div.news-block span.date
		{
		float: left; margin-right: 10px;
		color: #ffffff;
		}
		
	div#Body div#PnMn div#PnMnRt div.news-block div.unit a
		{
		color: #7bcdda;
		}
		
div#Body div#PnBot
	{
	width: 100%;
	height: 140px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	background: #0b2c31 url(../img/bg/bot_bg.gif) left bottom no-repeat;
	}

	div#Body div#PnBot div.bot
		{
		width: 990px;
		height: 100%;
		margin: 0px auto;
		padding: 0px 50px 0px 50px;
		background: #0b2c31 url(../img/bg/bot_corn.gif) left top no-repeat;
		}
	
	div#Body div#PnBot div.partners
		{
		height: 90px;
		text-align: right;
		margin-bottom: 20px;
		}
	
		div#Body div#PnBot div.partners div.logos
			{
			height: 47px;
			overflow: hidden;
			}
		
		div#Body div#PnBot div.partners h1
			{
			margin: 0px 0px 16px 0px;
			}
		
		div#Body div#PnBot div.partners h1 a
			{
			color: #18444a;
			font-size: 24px;
			text-transform: uppercase;
			}
		
		div#Body div#PnBot div.partners div.logos img
			{
			cursor: pointer;
			}
		
			div#Body div#PnBot div.partners div.logos div
				{
				float: right;
				position: relative;
				overflow: hidden;
				margin-left: 5px;
				}
			
			div#Body div#PnBot div.partners div.logos div img
				{
				margin: 0px;
				}
			
			div#Body div#PnBot div.partners div.logos a.vual
				{
				height: 45px;
				width: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				background: #1B4D53;
				opacity: 0.70;
				*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				}
	
			div#Body div#PnBot div.partners div.logos a.vual:hover
				{
				opacity: 0.01;
				*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
				}
	
	div#Body div#PnBot div.footer
		{
		overflow: hidden;
		text-align: right;
		color: #264a4e;
		font-size: 11px;
		}
	
	div#Body div#PnBot div.footer p.copy
		{
		float: left;
		}
			
	div#Body div#PnBot div.footer p.copy a
		{
		color: #264a4e;
		}

div.pagination
	{
	width: 100%;
	margin: 0px 0px 4px 0px;
	text-align: right;
	cursor: default;
	}

div.pagination a
	{
	color: #7BCDDA;
	}

div.pagination a,
div.pagination a:visited,
div.pagination a:hover
	{
	padding: 0px 3px 1px 3px;
	text-decoration: none;
	}
				
div.pagination a:hover
	{
	color: #ffffff;
	}
			
div.pagination a.number:hover
	{
	background-color: #1f6670;
	}
			
div.pagination a.number,
div.pagination a.number:visited,
div.pagination a.number:hover
	{
	margin: 0px 1px 0px 1px;
	}
			
div.pagination a.current,
div.pagination a.current:visited,
div.pagination a.current:hover
	{
	margin: 0px 1px 0px 1px;
	background-color: #1f6670;
	color: #ffffff;
	font-weight: bold;
	}
