﻿html,
body {
	margin: 0;
	padding: 0;
/*	height: 100%;*/
}

body {
	background-color: #fff;
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: .8em;
	color: #333;
	padding: 40px;
}
#Content {}

#Counter {
	position: absolute;
	right: 40px;
	margin-top: -100px;
}



/* Шапка */
#Header {}
#Logotype img {
	position: absolute;
	top: 20px;
	right: 40px;
}
#Phone {
	position: absolute;
	top: 56px;
	right: 190px;
	text-align: right;
	font-size: 1.4em;
}
#Phone small {
	font-size: .6em;
	color: #ccc;
}
/* картинки */
.alignleft  { float: left; width: auto; margin: 10px 20px 10px 0; }
.alignright  { float: right; width: auto; margin: 10px 0 10px 20px; }
.aligncenter  { text-align: center; margin-bottom:10px; }

/* Навигация */
#Navigation {
	margin: 0;
	padding: 40px 0;
	width: 190px;
	float: left;
	list-style-type: none;
	font-family: Arial Narrow;
	font-size: 1.6em;
/*	position: absolute;*/
}
#Navigation li {
	margin: 0 0 .5em 3px;
	padding: 0;
}
#Navigation a:link,
#Navigation a:visited {
	color: #6e6c6c;
}
#Navigation a:hover {
	color: #333;
}
#Navigation .Selected {
	font-weight: bold;
}
#Navigation .Selected a:link,
#Navigation .Selected a:visited {
	color: #999;
}
#Navigation .Selected a:hover {
	color: #000;
}
#Navigation .Selected li {
	font-weight: normal;
}
#Navigation ul {
	margin: .5em 0 1em 1.4em;
	padding: 0;
	list-style-type: none;
	font-family: Arial Narrow;
	font-size: .8em;
}



/* Подвал */
#Footer {
	clear: both;
/*	padding-bottom: 40px;*/
	border: 1px solid #fff;
}
.Copyright {}
.Nikitakozin {
	padding: 0 20px;
	margin-left: -20px;
	background: url(/f/1/i/nikitakozin.gif) no-repeat top left;
	height: 20px;
	color: #7c7c7c;
}

.Nikitakozin a:link,
.Nikitakozin a:visited {
	color: #7c7c7c;
}
.Nikitakozin a:hover,
.Nikitakozin a:focus {
	color: #333;
}



/* Контент */
#Content {
	margin: 0;
	border: 1px solid #fff;
	width: auto;
}
#Canvas {
	margin: 40px 0 40px 350px;
}
#Canvas .Wrapper {
	width: 90%;
	min-width: 60ex;
	max-width: 110ex;
	width: expression( document.body.clientWidth > 1200 ? '110ex' : '90%' );
}
p {
	margin: 0;
	padding: 0 0 1.2em 0;
}
p.Comment {
	color: #999;
	font-style: italic;
	font-size: .9em;
}



/* Логотип */
#Logotype a:link,
#Logotype a:visited {
	font-family: Arial Black;
	font-size: 4em;
	color: #fff;
	background-color: #999;
	text-decoration: none;
	border: 0;

	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}
#Logotype a:hover {
	background-color: #ccc;
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25;
}



/* Таблицы */
table {
	padding: 0;
	border-collapse: collapse;
	font-size: 100%;
	border: 0;
}
table td {
	padding: 0;
	vertical-align: top;
	border: 0;
}

table.Data {
	margin-left: -5px;
	position: relative;
}
table.Data td {
	padding-right: 3em;
	padding-bottom: .5em;
	border: 1px solid #efefef;
	padding: 5px;
	background-color: #fff;
}



/* Скроллер */
.Scroller {
	padding: 1em 0;
	margin-left: -10px;
}
.Scroller a,
.Scroller span {
	padding: 4px 10px;
	background-color: #fff;
}
.Scroller span {
	background-color: #efefef;
}
.Scroller .Selected {
	margin: 0 10px;
}
.Scroller a:link,
.Scroller a:visited {
	text-decoration: underline;
	color: #ccc;
}
.Scroller a:hover,
.Scroller a:active {
	color: #000;
	background-color: #efefef;
	text-decoration: none;
}



/* Контент */
h2, h1 {
	font-family: Arial Narrow, Arial, sans-serif;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-top: -1em;
}
h3 {
	font-weight: normal;
	font-size: 1.2em;
	padding-bottom: 1em;
	color: #000;
}
h3 a:link,
h3 a:visited {
	color: #333;
}
h3 a:hover {
	color: #666;
}
#Canvas ul li,
#Canvas ol li {
	padding: .5em 0;
}
#Canvas ul,
#Canvas ol {
	margin: .5em 0 1em 0;
	padding: 0 0 0 4em;
}
#Canvas ul li {
	list-style-type: none;
	margin-left: -1.7em;
	padding-left: 1.7em;
	background: url(/f/1/i/list-bullet.gif) no-repeat 0 1.1em;
}
hr {
	background-color: #d8d8d8;
	height: 1px;
	border: 0;
	border-top: 1px solid #d8d8d8;
	margin: 3em 0;
	width: 100%;
	text-align: left;
}
.Thumbnail {
	width: 140px;
	height: 140px;
	margin: 10px 10px 0 0;
	overflow: hidden;
	float: left;
}



/* Формы */
.Text {
	border: 1px solid #ccc;
	border-bottom-color: #ddd;
	border-right-color: #eee;
	font-size: 1em;
	font-family: Arial, sans-serif;
	padding: .5em;
	background: #fff url(/f/1/i/input-background.gif) top repeat-x;
}
.Submit {
	padding: .5em;
	width: 20ex;
}



/* Ссылки */
a:link,
a:visited {
	text-decoration: underline;
/*	color: #c0c0c0;*/
	color: #333;
}
a:hover,
a:focus {
	color: #666;
}
a:focus,
a:active {
	outline: none;
}



/* Tool-ссылки */
.Tool {
	color: #333;
	text-decoration: underline;
	cursor: pointer;
	_cursor: hand;
}
.Tool {
	text-decoration: none;
	border-bottom: 1px dashed;
}
.Tool.Hover {
	color: #666;
}
