@import "/library/default.css";

body {
	text-align:center;
	background-color:#ffffff;
}

div#wrap {
	width:950px;
	text-align:left;
	margin:auto;
}

/*---------------------------*/

div.intro {
	position:relative;
	width:640px;
	height:519px;
	margin:0 0 15px 0;
}

div.intro div.bg {
	position:absolute;
	z-index:1;
}

div.intro div.topics_link {
	position:absolute;
	top:25px;
	left:300px;
	z-index:2;
}


div.intro div.coment {
	position:absolute;
	top:190px;
	left:100px;
	z-index:3;
	width:525px;
	background-image:url(../image/bg_coment.png);
	background-repeat:repeat;
	background-position:left top;
	font-size:12px;
	color:#000000;
}

div.container {
	margin:18px;
}

/*---------------------------*/

div.topics div.basic {
	width:300px;
	float:left;
}

div.topics div.attention h3 {
	margin:0 0 10px 0;
	padding:10px 0 8px 10px;
	font-size:16px;
	background-color:#cc0000;
	color:#ffffff;
}

div.topics div.attention ul {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

div.topics div.attention ul li {
	margin:0 0 5px 0;
	padding:0 0 0 17px;
	list-style:none;
	background-image:url(../image/list_attention.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/*---------------------------*/

div.topics div.info {
	width:640px;
	float:right;
}

div.topics div.info h2 {
	margin:0 0 10px 0;
	padding:10px 0 8px 10px;
	font-size:16px;
	background-color:#0E4896;
	color:#ffffff;
}

div.topics div.info ul {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

div.topics div.info ul li {
	margin:0 0 5px 0;
	padding:0 0 0 17px;
	list-style:none;
	background-image:url(../image/list_topics.gif);
	background-repeat:no-repeat;
	background-position:left top;
}