html, body, #supermain {
	height: 100%;
	padding:0px;
	margin: 0px;
	background-color: #fcf9f0;
	background-image: url(./images/main_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 11px;
}

body > #supermain {
	height: auto;
	min-height: 100%;
}

img{ vertical-align: middle; }

#footer a:link { color: #905200; font-weight: bold }
#footer a:hover {color: #be6c00; font-weight: bold;}
#footer a:visited { color: #f68c00; font-weight: bold }
#main {
	padding-bottom: 117px; /* footer height */
}
#footer {
	position: relative;
	margin-top: -117px; /* negative value of footer height */
	height: 117px; /* footer height */
	clear:both;
	background-color: #000000;
	background-image: url(./images/footer_bg.gif);
	background-repeat: repeat-x;
} 
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END setting up footer */

.main_center {
	width: 1000px;
	height:auto;
	margin: auto;
}
#main_top {
	width: inherit;
	height: 205px;
	background-image: url(./images/top.jpg);
}
#main_top_banner {
	width: 468px;
	height:60px;
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
	text-align: center;
}

/* -----------------------------       buttons section --------------------------------------*/
#main_buttons_bg {
	width: inherit;
	height: 93px;
	background-image: url(./images/buttons_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#buttons {
	width: 786px;
	height: 54px;
	margin: auto;
}
#button1 {
	width: 137px;
	height: 54px;
	background: url(./images/buttons.gif) 0px 0px no-repeat;
	float: left;
}
#button1:hover {
	background: url(./images/buttons.gif) 0px -54px no-repeat;
	cursor: pointer;
}
#button2{
	width: 183px;
	height: 54px;
	background: url(./images/buttons.gif) -137px 0px no-repeat;
	float: left;
}
#button2:hover {
	background: url(./images/buttons.gif) -137px -54px;
	cursor: pointer;
}
#button3{
	width: 144px;
	height: 54px;
	background: url(./images/buttons.gif) -320px 0px no-repeat;
	float: left;
}
#button3:hover {
	background: url(./images/buttons.gif) -320px -54px;
	cursor: pointer;
}
#button4{
	width: 90px;
	height: 54px;
	background: url(./images/buttons.gif) -464px 0px no-repeat;
	float: left;
}
#button4:hover {
	background: url(./images/buttons.gif) -464px -54px;
	cursor: pointer;
}
#button5{
	width: 77px;
	height: 54px;
	background: url(./images/buttons.gif) -554px 0px no-repeat;
	float: left;
}
#button5:hover {
	background: url(./images/buttons.gif) -554px -54px;
	cursor: pointer;
}
#button6{
	width: 64px;
	height: 54px;
	background: url(./images/buttons.gif) -631px 0px no-repeat;
	float: left;
}
#button6:hover {
	background: url(./images/buttons.gif) -631px -54px;
	cursor: pointer;
}
#button7{
	width: 91px;
	height: 54px;
	background: url(./images/buttons.gif) -695px 0px no-repeat;
	float: left;
}
#button7:hover {
	background: url(./images/buttons.gif) -695px -54px;
	cursor: pointer;
}
/*-------------------------------------- END of buttons section ----------------------------------------------*/

#main_container {
	width: inherit;
	height: auto;
}
#content_left , #content_right{
	width: 210px;
	height: auto;
	float: left;
	text-align: center;
}
#content_center {
	width: 580px;
	height: auto;
	float: left;
	text-align: center;
}

.main_box {
	width: 200px;
	height: auto;
	margin: auto;
	padding-bottom: 10px;
}
.content_main {
	width: 577px;
	height: auto;
	margin: auto;
	padding-bottom: 10px;
}
.content_inside {
	width: 560px;
	height: auto;
	margin: auto;
	text-align: left;
}
.compare_inside {
	width: 550px;
	height: auto;
	margin: auto;
	text-align: left;
}
/*----------------------------------------------------------------- table main section ------------------------------------------------------------*/

#table_main_desc { width: 560px; }
.table_main_header {
	height: 20px;
	background: url(./images/table_main_header.gif);
	background-color: #d6b383;
	background-repeat: repeat-x;
}
.table_main_tr1 { background-color: #fff3e5; }
.table_main_tr2 { background-color: #ffe6c7; }
.table_main_tr1:hover , .table_main_tr2:hover{ background-color: #ffffff; }

.table_logo , .table_bonus , .table_desc , .table_link{
	text-align: center;
	border: 1px solid #a6a289;
}
.table_logo { width: 80px; }
.table_bonus { width: 80px; }
.table_link { width: 80px; }

/*----------------------------------------------------------------- box sections ------------------------------------------------------------*/

#box_bukmacherzy , #box_polecamy, #compare_head{
	width: inherit;
	height: 49px;
}

#box_bukmacherzy { background-image: url(./images/box_bukmacherzy.png);}
#box_polecamy { background-image: url(./images/box_polecamy.png);}
#compare_head { background-image: url(./images/compare_head.png);}

.box_polecamy_banner {
	width: 160px;
	height: 600px;
	margin: auto;
}

.content_header {
	width: inherit;
	height: 49px;
	line-height: 40px;
	font-weight: bold;
	font-style: italic;
	background-image: url(./images/content_top.png);
	color: #faf5e2;
	text-align: center;
}
.box_middle , .content_middle , .compare_middle{
	width: inherit;
	height: auto;
	background-repeat: repeat-y;
	word-wrap: break-word;
	padding-bottom: 5px;
	padding-top: 5px;
}
.box_middle {background-image: url(./images/box_center.gif);}
.content_middle {background-image: url(./images/content_center.gif);}
.compare_middle {background-image: url(./images/compare_center.gif);}
.box_bottom  , .content_bottom , .compare_bottom{
	width: inherit;
	height: 10px;
}
.box_bottom  {background-image: url(./images/box_bottom.png);}
.content_bottom  {background-image: url(./images/content_bottom.png);}
.compare_bottom  {background-image: url(./images/compare_bottom.png);}

/* ------------------------------------------------------- table bukmacherzy -------------------------------------------------- */

#table_bukmacherzy {
	width: 190px;
	color: #860001;
	margin: auto;
	text-align: left;
}
.table_bukmacherzy_row { padding-left: 5px; }
.table_bukmacherzy_title {
	text-decoration: underline;
	font-weight: bold;
}
.table_bukmacherzy_detail { margin-left: 20px; }
.table_bukmacherzy_link { color: #860001; }
.table_bukmacherzy_link:hover { font-weight: bold }
.bukmacherzy_list_position { margin: 0px; padding: 0px; }

/* ------------------------------------------------------- table comparison -------------------------------------------------- */
#table_compare {
	margin: auto;
	width: 550px;
}
.table_compare_row1 {
	height: 20px;
	background: url(./images/table_main_header.gif);
	background-color: #d6b383;
	background-repeat: repeat-x;
}
.table_compare_row { background-color: #ffecd5; }
.table_compare_header { 
	text-align: center;
	width: 100px;
	border: 1px solid #a6a289;
}
.table_compare_col1 { width: 270px; }
.table_compare_cell { text-align: center ;}
.table_compare_category {
	font-weight: bold;
	line-height: 25px;
}
/* button rejestracja */
.button-rejestracja {
	height: 18px;
	width: 85px;
	display: block;
	margin: auto;
	background: url(./images/rejestracja.gif) 0px 0px;
}
.button-rejestracja:hover {
	background: url(./images/rejestracja.gif) 0px -18px;
}

/* style concerning TD TR hover */
td.table_compare_hover, .table_compare_row:hover {
	background-color: #abc;
}
/* ----------------------------------------------------- buttons next prev ----------------------------------------------------*/
#button_prev , #button_prev2{
	width: 151px;
	height: 23px;
	background: url(./images/prev-next.gif) no-repeat 0px 0px;
	border: 0px;
}
#button_prev:hover, #button_prev2:hover { background: url(./images/prev-next.gif) no-repeat -151px 0px; }
#button_next, #button_next2 {
	width: 151px;
	height: 23px;
	background: url(./images/prev-next.gif) no-repeat 0px -23px;
	border: 0px;
}
#button_next:hover, #button_next2:hover { background: url(./images/prev-next.gif) no-repeat -151px -23px; }