@charset "utf-8";

html {font-size: 100%;}
/* BODY	{background-color: #eee; margin: 0px; padding: 0px; font: 1.1rem 'Roboto', Tahoma, sans-serif; color:#333;} */
BODY	{background-color: #eee; margin: 0px; padding: 0px; font: 1.1rem Tahoma, sans-serif; color:#333;}

a:link		{text-decoration:underline; color:#390;}
a:visited	{text-decoration:underline; color:#390;}
a:active	{text-decoration:none; color:#3c0;}
a:hover 	{text-decoration:none; color:#3c0;}

P	{margin: 12px 10px 8px 10px;}
H1	{margin: 20px 10px; color:#777; font-size: 1.4rem; text-shadow: #fff 0 1px 0, #fff 0 1px 0, #fff -1px 0 0px, #fff 0 -1px 0px;}
H2	{margin: 20px 10px; color:#777; font-size: 1.3rem; text-shadow: #fff 0 1px 0, #fff 0 1px 0, #fff -1px 0 0px, #fff 0 -1px 0px;}
H3,H4,H5,H6	{margin: 20px 10px; color:#777; font-size: 1.1rem; text-shadow: #fff 0 1px 0, #fff 0 1px 0, #fff -1px 0 0px, #fff 0 -1px 0px;}
UL	{margin: 0 10px 0 0;}
LI	{margin: 0;}

/* INPUT, SELECT, TEXTAREA {font: 1.1rem 'Roboto', Tahoma, sans-serif; color:#000;} */
INPUT, SELECT, TEXTAREA {font: 1.1rem Tahoma, sans-serif; color:#000;}

.menu		{color:#fff;}
a.menu:link	{text-decoration:none; color:#ccd;}
a.menu:visited	{text-decoration:none; color:#ccd;}
a.menu:active	{text-decoration:none; color:#fff;}
a.menu:hover	{text-decoration:none; color:#fff;}

.white		{color:#cfb;}
a.white:link	{text-decoration:none; color:#fff;}
a.white:visited	{text-decoration:none; color:#fff;}
a.white:active	{text-decoration:none; color:#6f3;}
a.white:hover	{text-decoration:none; color:#6f3;}

.grey		{color:#999;}
a.grey:link	{text-decoration:none; color:#aaa;}
a.grey:visited	{text-decoration:none; color:#aaa;}
a.grey:active	{text-decoration:none; color:#6f3;}
a.grey:hover	{text-decoration:none; color:#6f3;}

.dash		{color:#444;}
a.dash:link	{text-decoration:none; color:#390; border-bottom: 1px dashed;}
a.dash:visited	{text-decoration:none; color:#390; border-bottom: 1px dashed;}
a.dash:active	{text-decoration:none; color:#3c0;}
a.dash:hover	{text-decoration:none; color:#3c0;}

.whitedash		{color:#ffffff;}
a.whitedash:link	{text-decoration:none; color:#ffffff;}
a.whitedash:visited	{text-decoration:none; color:#ffffff;}
a.whitedash:active	{text-decoration:none; color:#ffffff; border-bottom: 1px dotted;}
a.whitedash:hover	{text-decoration:none; color:#ffffff; border-bottom: 1px dotted;}

.title	{color:#685;}
a.title:link {text-decoration:none; color:#796;}
a.title:visited	{text-decoration:none; color:#796;}
a.title:active	{text-decoration:none; color:#3c0;}
a.title:hover	{text-decoration:none; color:#3c0;}

.user		{color:#003;}
a.user:link	{text-decoration:underline; color:#003;}
a.user:visited	{text-decoration:underline; color:#003;}
a.user:active	{text-decoration:none; color:#fff; background:#f60;}
a.user:hover	{text-decoration:none; color:#fff; background:#f60;}

.normal	{font-size: 1.1rem;}
.small	{font-size: 1rem;}
.ssmall	{font-size: 0.9rem;}
.big	{font-size: 1.3rem;}
.sbig	{font-size: 1.4rem;}
.bord	{border-color:#888888;}
.hand {cursor:pointer; cursor:hand;}

blockquote {
	background-color: #f6f6f6;
	border-left: 3px solid #ddd;
	color: #666;
	font-size: 17px;
	padding: 10px;
	margin: 0 10px;
}

.transparent75 {
	filter: alpha(Opacity=75); /* Полупрозрачность для IE */
	opacity: 0.75; /* Полупрозрачность для других браузеров */
}
.transparent50 {
	filter: alpha(Opacity=50);
	opacity: 0.5;
}
.transparent25 {
	filter: alpha(Opacity=25);
	opacity: 0.25;
}

/* ******************** Таблица для новостей */
.tbl {
	background: #fff;
	max-width: 100%;
	margin: 10px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.tbl td {
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 15px;
}
.tbl caption {
    font-weight: 700;
    margin: 10px;
    font-size: 17px;
}
.tbl thead, .tbl th {
    font-weight: 700;
    vertical-align: middle;
	font-size: 15px;
    padding: 5px;
	border: 1px solid #ccc;
	background-color:#eee;
}

/* ******************** Внешний div (оболочка) */
.layout {
	margin: 0 auto; /* Внешние отступы */
	padding: 10px; /* Внутренние отступы */
	min-width: 640px; /* Минимальная ширина */
	max-width: 1200px; /* Максимальная ширина */
	text-align: center;
	background-color: #fff;
	overflow: hidden; /* Отменяем действие float */
}

/* ******************** Для главной страницы */
#media-display {
	display: inline;
}
#media-display-desc {
	display: none;
}
#header-small {
	display: none;
}
#header-big {
	display: inline;
}
#col-left-1 {
	float: left;
	width: 60%;
	text-align: left;
}
#col-right-1 {
	float: left;
	width: 40%;
	text-align: left;
}
#col-left-2 {
	width:200px;
}
#col-left-3 {
	width:20px;
}
/* Для всех устройств с экраном меньше 980px */
@media all and (max-width: 980px) {
#media-hh {font-size: 1.6rem;}
#media-h {font-size: 1.4rem;}
#media-pp {font-size: 1.2rem;}
#media-p {font-size: 1rem;}
#media-display {
	display: none;
}
#header-small {
	display: inline;
}
#header-big {
	display: none;
}
#col-left-1 {
	width: 100%;
	text-align: left;
}
#col-right-1 {
	width: 100%;
	text-align: left;
}
#col-left-2 {
	display: none;
}
#col-left-3 {
	display: none;
}
}