@charset "utf-8";

html {font-size: 100%;}
BODY	{margin: 0px; padding: 0px; font: 1.1rem 'PT Sans', Tahoma, sans-serif; color:#313;}

a:link		{text-decoration:none; color:#c36;}
a:visited	{text-decoration:none; color:#c36;}
a:active	{text-decoration:none; color:#f36;}
a:hover 	{text-decoration:none; color:#f36;}

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

INPUT, SELECT, TEXTAREA {font: 1.1rem 'PT Sans', Tahoma, sans-serif; color:#666;}

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

.menudash		{color:#939;}
a.menudash:link	{text-decoration:none; color:#939; border-bottom: 1px dashed #c6c;}
a.menudash:visited	{text-decoration:none; color:#939; border-bottom: 1px dashed #c6c;}
a.menudash:active	{text-decoration:none; color:#c6c; border-bottom: 1px dashed #c6c;}
a.menudash:hover	{text-decoration:none; color:#c6c; border-bottom: 1px dashed #c6c;}

.menu_admin				{color:#000;}
a.menu_admin:link		{text-decoration:none; color:#099;}
a.menu_admin:visited	{text-decoration:none; color:#099;}
a.menu_admin:active		{text-decoration:none; color:#3cc;}
a.menu_admin:hover		{text-decoration:none; color:#3cc;}

.menu_user			{color:#000;}
a.menu_user:link	{text-decoration:none; color:#990;}
a.menu_user:visited	{text-decoration:none; color:#990;}
a.menu_user:active	{text-decoration:none; color:#cc3;}
a.menu_user:hover	{text-decoration:none; color:#cc3;}

.white		{color:#eee;}
a.white:link	{text-decoration:none; color:#fff;}
a.white:visited	{text-decoration:none; color:#fff;}
a.white:active	{text-decoration:none; color:#ede;}
a.white:hover	{text-decoration:none; color:#ede;}

.grey		{color:#999;}
a.grey:link	{text-decoration:none; color:#979;}
a.grey:visited	{text-decoration:none; color:#979;}
a.grey:active	{text-decoration:none; color:#939;}
a.grey:hover	{text-decoration:none; color:#939;}

.dash		{color:#756;}
a.dash:link	{text-decoration:none; color:#c36; border-bottom: 1px dashed;}
a.dash:visited	{text-decoration:none; color:#c36; border-bottom: 1px dashed;}
a.dash:active	{text-decoration:none; color:#f36;}
a.dash:hover	{text-decoration:none; color:#f36;}

.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:#756;}
a.title:link {text-decoration:none; color:#c36;}
a.title:visited	{text-decoration:none; color:#c36;}
a.title:active	{text-decoration:none; color:#f36;}
a.title:hover	{text-decoration:none; color:#f36;}

.user		{color:#000;}
a.user:link	{text-decoration:underline; color:#000;}
a.user:visited	{text-decoration:underline; color:#000;}
a.user:active	{text-decoration:none; color:#222;}
a.user:hover	{text-decoration:none; color:#222;}

.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;}

.content {
	width: 960px;
	background-color:#fff;
	border-radius:10px;
}

/* ############### Выпадающее меню */
.dropdown {
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 100;
	min-width: 150px;
	overflow: auto;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
	border: 1px solid #ccc;
	border-radius: 5px;
	right: 20px;
}

/* ############### Всплывающие подсказки */
.tooltip {
	display: none;
	position: absolute;
	z-index: 99;
	background-color: #fff;
	width: 220px;
	margin: 5px;
	padding: 10px;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
	left: -255px;
	top: -20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: grey;
}

/* ############### Кнопки-ссылки */
a.button0 {
	display: inline-block;
	color: #906;
	background: #fff;
	text-decoration: none;
	padding: 5px 20px;
	outline: none;
	border-radius: 100px;
	transition: 0.2s;
	border: 1px solid #906;
} 
a.button0:hover { background: rgba(255,204,238,.5); }
a.button0:active { background: rgba(255,204,238,.5); }

a.button1 {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #909;
	text-decoration: none;
	padding: 8px 30px;
	outline: none;
	border-radius: 100px;
	transition: 0.2s;
} 
a.button1:hover { background: #a1a; }
a.button1:active { background: rgba(204,51,204,.8); }

a.button2 {
	display: inline-block;
	color: #fff;
	background: #906;
	text-decoration: none;
	padding: 5px 20px;
	outline: none;
	border-radius: 100px;
	transition: 0.2s;
	/*border: 1px solid #906;*/
} 
a.button2:hover { background: rgba(153,0,102,.8); }
a.button2:active { background: rgba(153,0,102,.8); }

a.button3 {
	display: inline-block;
	color: #906;
	background: #fce;
	text-decoration: none;
	padding: 5px 20px;
	outline: none;
	border-radius: 100px;
	transition: 0.2s;
	/*border: 1px solid #eab;*/
} 
a.button3:hover { background: rgba(255,204,238,.5); }
a.button3:active { background: rgba(255,204,238,.5); }

/* ############### Кнопки-кнопки */
.button {
	border: none;
	outline: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-size: 16px;
	padding: 8px 30px;
	border-radius: 100px;
	background: #909;
	color: #fff;
}
.button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #a1a;
}
.button:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #808;
}

/* ############### Элементы форм */
input[type=text] {
    padding:5px;
    border:2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=text]:focus {
    border-color:#333;
}
input[type=password] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=password]:focus {
    border-color:#333;
}
select {
    padding:5px;
    border:2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
select:focus {
    border-color:#333;
}
textarea {
	padding:5px;
	border:2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
textarea:focus {
    border-color:#333;
}
input[type=submit] {
    padding: .5em 2em;
    background: #550055;
	color: #fff;
	font-weight: 700;
    border: 0 none;
	-webkit-border-radius: 5px;
    border-radius: 100px;
	cursor: pointer;
}
input[type=submit]:hover { background: #990099; }
input[type=submit]:active { background: #990099; }	
/* ############### /Элементы форм */

/* ---------------------------------------- Адаптивность --------------------------------------- */
/* Для больших экранов */
#media-big {display: inline;}
#media-small {display: none;}

/* Для устройств с экраном меньше 980px */
@media all and (max-width: 980px) {
	#media-big {display: none;}
	#media-small {display: inline;}
	#media-font-small {font-size: 0.9rem;}
}