﻿

* {
	margin: 0;
	padding: 0;
}




body {
	background: #E8ECD3 url(img/bg3.jpg);
	color: #444;
	
font: normal 62.5% "Lucida Sans",sans-serif; min-width: 1250px;
	margin: 0;
}

p,blockquote,ul 
{margin-bottom: 1.2em;}

h1 {font: normal 1.6em serif;}

h2 {
	
font: bold 2em Verdana,serif;
	margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

blockquote 
{
	background: url(img/quote.gif) no-repeat;
	color: #555;
	
font: normal 1.4em serif;
	padding-left: 22px;
}

blockquote p {padding: 6px;}

/* misc */
.clearer 
{
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}
pre {
font-family: sans-serif; line-height: 1.5em;  white-space: pre-wrap; word-wrap: break-word; text-align:left; width: 100%; padding-left: 0%;
  
}
.left 
{float: left;}
.right {float: right;}

img.left {margin: 0 18px 6px 0;}

.divider 
{
	background: url(img/divider.png) no-repeat;
	height: 20px;
	
margin: 24px 195px;


}

/* structure */
.container {
	background: url(img/bgcontainer.png) 
repeat-y center top;
	margin: auto;
	width: 950px;
}



.top {
	
background: url(img/bgcontent2.png) no-repeat 0 -1%;
	float: none;
margin: 0 50px;
	
text-align: center;
font-size: 1.5em;
	width: 850px;
}


.header {
	background: #E8ECD3 url(img/header6.jpg) no-repeat;
	color: #FFC;

	
font-size: 0.9em;
	height: 232px;
	padding-right: 0px;
}


.header h1 {
	font: normal 3.2em serif,sans-serif;
	padding: 62px 0 34px 0;
}


.pattern {
	background: #334127 url(img/pattern.png) repeat-x;
	clear: both;
	height: 12px;
}


/* navigation */
.navigation {margin: 0 24px;}

.navigation a {
	color: #6C7151;
	font: normal 1.3em serif;
	
line-height: 50px;
	margin: 0 16px;
	
}
li a {
	color: #6C7151;
	font: normal 1.3em serif;
	
line-height: 50px;
	margin: 0 16px;
	
}
.navigation a:hover,.navigation #selected 
{
	color: #2C3111;
}

/* content */
.content {
	background: url(img/bgcontent2.png) 
no-repeat;
	clear: both;
	font-size: 1.6em;
	margin: 0 50px;
	padding: 0 38px 12px;
}





.content .spacer {
	height: 42px;
}

/* content item */
.item {clear: both;}

.item img {border: 1px dashed #8A6;}


.item .title {
	color: #445044;
	font: normal 2em serif;
}

.item .title:first-letter 
{
	display: block;
	float: left;
	font-size: 2.4em;
}

.item .metadata 
{
	color: #666;
	font-size: 0.9em;
	float: left;
	padding: 0 0 6px 4px;
}


.item .body {
	clear: both;
}


/* footer */
.footer {
	background: url(img/bgfooter.png) 
no-repeat;
	color: #666;
	font-size: 1.1em;
	
line-height: 47px; 
	margin: 0 auto;
	text-align: center;
	width: 850px;
}

.footer .left {padding-left: 40px;}

.footer .right {padding-right: 40px;}
.left {padding-left: 40px; width: 250px; text-align: left;}
.right {padding-left: 40px; width: 250px; font-size: 0.9em; line-height:70%; text-align: right;}

.footer a {
	color: #666;
	text-decoration: none;
}

.footer a:hover,.footer .right a:hover {
	color: #333;
	text-decoration: underline;
}

.footer .right, .footer .right a {color: #ACAF9B;}

/* свойства вкладок */
.block_inset { position:relative; height:0px; width:100%; }
.inset_pole { overflow:hidden; width:100%; height:300px; position:absolute; left:0px; top:0px; }
.inset_num { position:absolute; background:#999966; width:500px; height:0px;
top: 0px; }
.inset_header { position:absolute; bottom:0px; left:10%; width:100px;  
cursor:pointer; text-align:center; background:#999966; height:30px; }
.inset_header div { padding:0px; }
.inset_kontent { padding:0px; height:0%; background:#999966; color:#eee; }


/* вкладки */
#inset_num1 { position:fixed; left:10px; top:50%; margin-top: -300px; height:600px; width:160px; }
#inset_num2 { position:absolute; right:0px; top:0px; height:90%; width:120px; }
@media(max-width: 1250px) { 
	body{ min-width: 1100px;
	}
	#inset_num1{ left:0px;
	
	}
	.container { float: right; 
	}
}
@media(max-width: 1100px) { 
	body{ min-width: 1100px;
	}
	#inset_num1{
		position: absolute; margin-top: 20px; top: 0;
		 
	}
	.container { float: right;
	}
}
@media(max-height: 600px) { 
	
	#inset_num1{
		position: absolute;
		margin-top: 20px; top: 0;
	}
	
}