html, body
{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
}
*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/**
  *         ШАПКА
  */
/* ШАПКА */
#header
{
	border-left: 35px solid black;
	background-color: #c0bebf;
	border-bottom: 1px solid #6c6c6c;
	text-align: center;
}
#header-top
{
	height: 40px;
	border-bottom: 1px solid black;
}
#header-cont
{
	width: 100%;
}
#logo
{
	float: left;
	margin-left: -35px;
	width: 35px;
	margin-top: 2px;
}
.header-adv
{
	border-right: 1px solid black;
	width: 38%;
	float: left;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	font-family: Tahoma;
	font-size: 13px;
	vertical-align: middle;
}
.header-adv a
{
	font-weight: bold;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #f66900;
}
.header-adv a:hover
{
	border-bottom: 0;
}


#logbox
{
	height: 100%;
	float: left;
	width: 24%;
	background-color: #cf7c4f;
	color: #fee8ac;
	vertical-align: middle;
	font-size: 14px;
}
#logbox a
{
	color: #fee8ac;
	text-decoration: none;
}
#logbox b a, #logbox a b
{
	color: #fff;
}
#logbox a:hover
{
	border-bottom: 0;
	text-decoration: underline;
}
#logbox-overflow input
{
	height: 14px;
	font-size: 10px;
}


#logbox-overflow div
{
	display: none;
	height: 100%;
}
.logbox-off #logbox-off, .logbox-on #logbox-on
{
	display: block;
}
.logbox-off span#logbox-hide, .logbox-on span#logbox-hide
{
	display: none;
}


/* ОСНОВНЫЕ РАЗДЕЛЫ */
#top-creo, #top-soc, #top-init, #top-home
{
	float: right;
	border: 1px solid #e4e4e4;
	width: 25%;
	padding: 10px;
	font-size: 24px;
	font-family: Verdana;
}
#top-home
{
	background-color: #c0bebf;
	border-color: #c0bebf;
}
#top-creo, #top-soc, #top-init
{
	border-left: 1px solid #6c6c6c;
	background-color: #e4e4e4;
}
#top-creo a, #top-soc a, #top-init a, #top-home a
{
	padding-left: 12px;
	border-left: 5px solid #e4e4e4;
}
#top-creo:hover a, #top-soc:hover a, #top-init:hover a, #top-home:hover a
{
	color: #000;
}
#top-creo a:hover, #top-soc a:hover, #top-init a:hover, #top-home a:hover
{
	text-decoration: none;
}
/* HOME */
#top-home a
{
	color: #cf0101;
	border-color: #e17e7e;
}
#top-home:hover
{
	border-color: #e61d02;
	background-color: #fee9e5;
}
#top-home a:hover
{
	border-color: #c81801;
}
/* CREO */
#top-creo a
{
	color: #000cfe;
	border-color: #a0a4fb;
}
#top-creo:hover
{
	border-color: #242eff;
	background-color: #daddfe;
}
#top-creo a:hover
{
	border-color: #000cfe;
}
/* SOC */
#top-soc a
{
	color: #02982c;
	border-color: #afdcbb;
}
#top-soc:hover
{
	border-color: #01992c;
	background-color: #e7ffed;
}
#top-soc a:hover
{
	border-color: #02982c;
}
/* INIT */
#top-init a
{
	color: #fe6c01;
	border-color: #fed0ae;
}
#top-init:hover
{
	border-color: #f66900;
	background-color: #fedcc1;
}
#top-init a:hover
{
	border-color: #f66900;
}


/**
  *			СТРОЧКА СООБЩЕСТВА
  */
#page-comm
{
	text-align: left;
	border-top: 1px solid #6c6c6c;
	background-color: #f4f4f4;
	font-family: Tahoma;
	font-size: 13px;
	margin-bottom: 1px;
	border-bottom: 1px solid #6c6c6c;
}
#page-comm a
{
	color: black;
	text-decoration: none;
}
#page-comm a:hover
{
	text-decoration: underline;
}
#page-comm span
{
	margin: 0 1em;
}
#p-comm-link a
{
	font-weight: bold;
}








/**
  *           ГЛАВНОЕ МЕНЮ
  */
ul#main-menu
{
	padding: 0;
	margin: 0;
}
ul#main-menu li
{
	display: inline;
}
ul#main-menu a:hover
{
	text-decoration: none;
}

#mm-banner
{
	float: right;
	width: 20%;
	text-align: right;
	color: #300;
	font-size: 11px;
	font-family: Tahoma;
	padding: 3px;
}
#mm-banner a
{
	color: black;
	text-decoration: none;
	border-bottom: 1px solid e61d02;
	font-size: 13px;
	font-weight: bold;
}
#mm-banner a:hover
{
	border-bottom: 0;
}

.mm-home a
{
	color: #e17e7e;
}
.mm-creo a
{
	color: #a0a4fb;
}
.mm-init a
{
	color: #fed0ae;
}
.mm-soc a
{
	color: #afdcbb;
}
.mm-home a:hover
{
	color: #cf0101;
}
.mm-creo a:hover
{
	color: #000cfe;
}
.mm-init a:hover
{
	color: #fe6c01;
}
.mm-soc a:hover
{
	color: #02982c;
}

/**
  *    ПОДВАЛ
  */
div#footer
{
	clear:left;
	width:100%;
	border-top: 2px solid darkred;
	background: white;
	color: black;
	padding: 4px 0;
	text-align: center;
	display: block;
}
div#footer a
{
	color: black;
	text-decoration: none;
}
div#footer a:hover
{
	text-decoration: underline;
	color: navy;
}

div#content
{
	padding-top: 13px;
	padding-bottom: 14px;
	padding-left: 30px;
	padding-right: 30px;
}

/**
 *	Выплывающая слева хрень (хрени)
 */
#float-online, #float-chat
{
	position: absolute;
	left: 0;
	height: 400px;
	width: 14px;
	padding: 5px;
}
#float-online
{
	top: 223px;
	border: 1px dashed gray;
	white-space: nowrap;
	padding-left: 14px;
	background-color: #f2f2f2;
}
#float-chat
{
	top: 203px;
	padding-left: 20px;
	background-color: #ffedc6;
	border: 1px dotted gray;
	padding-top: 10px;
	padding-bottom: 16px;
	font-size: 14px;
}
#float-chat a, #float-chat a:link
{
	color: #1332b7 !important;
}
.float-show
{
	overflow: auto;
}
.float-hide
{
	overflow: hidden;
	padding: 0;
	cursor: hand;
}
.float-hide *
{
	display: none;
}