html, body 
{
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #FFF;
	font-family: Arial, Tahoma;
	font-size: 12px;
}

li {padding-bottom:10px;}

img { border: none }

#main
{
	width: 758px;
	height: 100%;
	background: url('../../pix/bg.png') repeat-x;
	margin: 0px auto;
	border-collapse: collapse;
}

.top
{
	padding: 15px 0px 30px 0px;
	vertical-align: top;
}

.bottom
{
	height: 32px;
	border-top: solid 1px #325a76;
	vertical-align: middle;
	padding: 0px 2px;
}

.logo
{
	width: 100%;
	height: 115px;
	text-align: center;
	color: #363636;
}

.logo a img
{
	width: 200px;
	height: 115px;
}

.menu_block
{
	width: 100%;
	height: 29px;
	border-width: 0px;
	margin-top: 15px;
	background: url('../../pix/menu_bg.png') repeat-x #ffbb2c;
	border-collapse: collapse;
}

.menu_block td { padding: 0px }

div.menu_l, div.menu, div.menu_r
{
	float: left;
	background-color: #ffbb2c;
	height: 29px;
	margin-top: 15px;
}

.menu_l  { width: 7px; background: url('../../pix/menu_l.png') no-repeat; }

.menu_r  { width: 7px; background: url('../../pix/menu_r.png') no-repeat top right; }

.menu
{
	vertical-align: middle;
	text-align: center;
	cursor: default;
	font-size: 13px;
}

.menu span.active
{
	font-weight: bold;
	margin: 0px 5px;
}

.menu a
{ 
	color: #032a45;
	text-decoration: none;
	margin: 0px 5px;
}

.menu a:hover { text-decoration: underline }

#reklama
{
	width: 160px;
	float: right;
	margin: 15px 10px 0px 0px;
	/*border: solid 1px #bcbcbc;
	height: 500px;*/
}

.ad1 {width:538px;margin-top:20px;text-align:center;}
.ad2 {margin-bottom:20px;text-align:center;}

#content
{
	margin: 15px 0px 0px 10px;
	padding-right: 20px;
	color: #000;
	font-size: 12px;
	overflow: hidden;
}

.page_header
{
	margin: 5px 0px 15px 10px;
	font-size: 24px;
	color: #480307;
	clear: both;
}

#quest_header
{
	margin: 5px 0px 15px 10px;
	font-size: 24px;
	color: #480307;
	clear: both;
}

a { text-decoration: underline; color: #000}

a.btn_start
{
	width: 121px;
	height: 29px;
	line-height: 27px;
	display: block;
	text-decoration: none;
	background: url('../../pix/btn_start.png') no-repeat #274e68;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	margin: 0px auto;
	margin-top: 30px;
}

a.link_blue { color: #032a45; font-weight: bold }

#question
{
	color: #000;
	font-size: 12px;
	overflow: hidden;
	padding-right: 30px;
}

#control
{
	width: 160px;
	float: right;
}

.quest_list
{
	border-collapse: separate;
	border-spacing: 4px;
	margin: 0px auto;
}

.quest_list div
{
	width: 29px;
	height: 21px;
	line-height: 21px;
}

.quest_list td
{
	text-align: center;
	vertical-align: middle;
	color: #032a45;
	cursor: pointer;
	background: url('../../pix/btn_quest_bg.png') repeat-x #ffd13c;
	border: solid 1px #ffab23;
	font-weight: bold;
	padding: 0px;
	cursor: pointer;
}

.quest_list td.active
{
	color: #FFF;
	background: url('../../pix/btn_quest_active_bg.gif') repeat-x #476e88;
	border: solid 1px #39607b;
}

.timer
{
	border-collapse: collapse;
	margin: 35px auto 0px auto;
}

.timer td
{
	width: 124px;
	height: 124px;
	background: url('../../pix/timer_bg.png') no-repeat #ffc533;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	color: #032a45;
}

#time
{
	color: #480307;
	font-weight: bold;
	font-size: 30px;
}

#quest_img
{
	display: block;
	margin: 0px 80px;
}

#answer
{
	border-top: solid 1px #bcbcbc;
	padding-top: 20px;
	margin-top: 20px;
}

.answer_header
{
	margin-left: 10px;
	width: 70px;
	font-size: 18px;
	color: #480307;
	float: left;
}

#answer_img
{
	display: block;
	position: relative;
	overflow: hidden;
}

#answers_list
{
	margin: 5px 0px 0px 80px;
	padding: 0px;
	display: block;
	float: left;
}

#answers_list table { border-collapse: collapse }

#answers_list table td
{
	padding: 0px 10px 0px 0px;
	color: #480307;
	font-size: 18px;
}

#answers_list input
{
	height: 15px;
	margin-right: 5px;
}

#writeanswer
{
	width: 200px;
	height: 21px;
	color: #032a45;
	font-weight: bold;
	padding: 4px 0px 4px 6px;
	border: solid 1px #c2c2c2;
	font-size: 16px;
	margin-right: 5px;
	float: left;
}

a.btn_ok
{
	width: 49px;
	height: 29px;
	line-height: 27px;
	display: block;
	text-decoration: none;
	background: url('../../pix/btn_ok.png') no-repeat #274e68;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	float: left;
}

.rate
{
	margin: 15px 0px;
	text-align: center;
	font-size: 24px;
}

.rate .head { color: #032a45 }

.rate #iq
{
	color: #480307;
	font-weight: bold;
	font-size: 30px;
}

.rate #floor
{
	color: #480307;
	font-size: 12px;
}

.smaller_header
{
	margin-left: 10px;
	font-size: 18px;
	color: #480307;
}

#save_form
{
	margin: 10px auto 0px auto;
	border-collapse: separate;
	border-spacing: 15px;
}

#save_form td
{
	padding: 0px;
	text-align: right;
	vertical-align: middle;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#save_form input
{
	width: 200px;
	height: 21px;
	color: #032a45;
	font-weight: bold;
	padding: 4px 0px 4px 6px;
	border: solid 1px #c2c2c2;
	font-size: 16px;
}

#save_form select { width: 100% }

.left_align { text-align: left }

.top_list
{
	width: 100%;
	border-collapse: collapse;
	margin-left: 5px;
}

.top_list .tbl_header td
{
	height: 25px;
	background: #e0e7ef;
	color: #325a76;
}

.top_list td
{
	padding: 0px 10px;
	height: 29px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	border: solid 1px #325a76;
}

.strong { font-weight: bold }

.copyright {float:left;}

.counter
{
	float:right
}