/*  
Author URI: http://ferens.ru/
Version: 1.0
*/

body {
    font-family: Arial, Tahoma, sans-serif;
	color: #444;
	line-height: 130%;
	font-size: 14px;
	margin: 0;
	padding: 25px 0;
}

h1, h2 {
    line-height: 120%;
    letter-spacing: normal;
	font-weight: bold;
	color: #909090;
	padding: 0;
	margin: 0 0 10px 0;
}

h1 { font-size: 17px; }

h2 { 
	margin: 0;
	padding: 10px 30px; 
	font-size: 15px; 
	color: #909090;
	text-shadow: 1px 1px 0 #DODODOD;
}

.first-c-b  h2 {
    border-radius: 8px 8px 0 0;
}

.last-c-b  h2 {
    border-radius: 0 0 8px 8px;
}

.last-c-b  h2.toggle-close {
    border-radius: 0;
}

h2:hover, h2.toggle-close { 
    background-position: 0 -30px;
	color: #666;
	text-shadow: 1px 1px 0 #e2e2e2;
}

a { outline: none; color: #50657b; text-decoration: none; }
a:hover { color: #888; text-decoration: underline; }

ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 4px;
}

ul  li {
    background: url(images/list_icon.png) 0 6px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	display: block;
}

ol {
	margin: 0 0 0 4px;
	padding: 0 0 0 21px;
}

ol li {
	margin: 0 0 4px 0;
}

p { margin: 0 0 10px 0; }

br { margin: 0 0 5px 0; }

em { color: #9a5e00; }

/* -------------------- Content -------------------- */

#container {
    background:2px solid #CCCCCC;
	width: 740px;
	margin: 0 auto;
	padding: 15px;
	border: 2px solid #ccc;
	border-radius: 8px;
	box-shadow: 0 0 16px #ccc;
}

#content {
    background: #f7f7f7;
	margin: 0 auto;
	padding: 0;
	border-radius: 8px;
}

#header {
	width: 740px;
	margin: 0 auto 30px auto;
    text-align: center;
	font-size: 18px;
	color: #444;
	text-shadow: 1px 1px 0 #f4f4f4;
}

#header a {
	color: #444;
}

#logo {
	display: block;
    margin: 0 auto 15px auto;
	line-height: 100%;
	font-size: 48px;
}

.con-block {
    margin-bottom: 0;
	text-shadow: 1px 1px 0 #fff;
	position: relative;
	border-top: 1px solid #f6f6f6;
}

.first-c-b{
    border-top: 0;
}

.last-c-b{
    border-bottom: 0;
}

.alert {
    margin-bottom: 10px;
    display: block;
    color: #bd3434;
}

.alert2 {
    color: #bd3434;
}

.title-bl {
    font-weight: bold;
	color: #50657b;
	padding-bottom: 10px;
	border-bottom: 1px solid #dedede;
}

.title-bl-2 {
    font-weight: bold;
}

.title-bl-3 {
    color: #3f8500;
}

.white-bl {
    background: #fff;
	padding: 3px 10px;
	color: #666;
	display: inline-block;
	border-radius: 6px;
}

.arrow {
    color: #888;
}

/* -------------------- Toggle -------------------- */

.toggle{
	position: relative;
}

.toggle-con{
    padding: 15px;
	display: none;
	overflow: hidden;
}

.toggle-open{
    cursor: pointer;
	display: block;
}

.toggle-open span{
    background: url(images/toggle_icons.png) 0 0 no-repeat;
	width: 17px;
	height: 17px;
	display: block;
	position: absolute;
	top: 7px;
	right: 5px;
}

.toggle-open:hover span{
    background-position: 0 -34px;
}

.toggle-close span {
	background-position: 0 -51px;
}

.toggle-close:hover span {
	background-position: 0 -51px;
}

/* -------------------- Footer -------------------- */

#footer {
	width: 740px;
	margin: 25px auto 0 auto;
	padding: 0;
	color: #333;
	text-align: center;
	text-shadow: 1px 1px 0 #fafafa;
}

/* -------------------- Clear -------------------- */

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}