body { 
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #1c5164;
	margin: 0 auto;
	background: #e3f7fb;
}

body img { 
	border: 0px;
}

/***************************  top  ***********************************/

div.all {
	width: 1002px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 0;
	background: url('images/bg.gif') repeat-y;
}

#bg { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 50%; 
	height: 300px; 
	background-position: right; 
	background: url('images/bgl.gif') repeat-x;
}

#bg2 { 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 50%; 
	height: 300px; 
	background-position: left; 
	background: url('images/bgr.gif') repeat-x;
}

#left {
	width: 751px;
	float: left;
}

#right {
	width: 250px;
	float: left;
}

#top1 {
	width: 246px;
	height: 95px;
	float: left;
	background: url('images/poradnikbukmacherski_01.gif') no-repeat;
}

a.logo {
	width: 246px;
	height: 95px;
	float: left;
}

#top2 {
	width: 202px;
	height: 95px;
	float: left;
	background: url('images/poradnikbukmacherski_02.gif') no-repeat;
}

#menu {
	width: 553px;
	height: 95px;
	float: left;
	background: #ffffff;
}

a.menu1 {
	width: 124px;
	height: 95px;
	float: left;
	background: url('images/menu1.gif') no-repeat;
}

a.menu2 {
	width: 161px;
	height: 95px;
	float: left;
	background: url('images/menu2.gif') no-repeat;
}

a.menu3 {
	width: 97px;
	height: 95px;
	float: left;
	background: url('images/menu3.gif') no-repeat;
}

a.menu4 {
	width: 86px;
	height: 95px;
	float: left;
	background: url('images/menu4.gif') no-repeat;
}

a.menu5 {
	width: 85px;
	height: 95px;
	float: left;
	background: url('images/menu5.gif') no-repeat;
}

a.menu1:hover, a.menu2:hover, a.menu3:hover, a.menu4:hover, a.menu5:hover {
	background-position: 0px -95px;
	border-left: 1px solid #2e9cb1;
	border-right: 1px solid #2e9cb1;
	margin: 0px -1px 0px -1px;
}

a.menulast:hover {
	background-position: 0px -95px;
	border-left: 1px solid #2e9cb1;
	border-right: none;
	margin: 0px -1px 0px -1px;
}

#top3 {
	width: 750px;
	height: 110px;
	float: left;
	background: url('images/poradnikbukmacherski_03.gif') repeat-x;
	padding: 12px 0px 0px 1px;
}

#top4 {
	width: 212px;
	height: 140px;
	float: left;
	background: url('images/poradnikbukmacherski_04.gif') repeat-x;
	padding: 60px 19px 0px 19px;
	line-height: 18px;
	color: #ffffff;
}


fieldset.newsletter { 
	width: 210px; 
	margin: 0px 0px 0px 0px; 
	float: left; 
	padding: 0; 
	border: none;
}

input.newsletter { 
	width: 171px;	
	height: 22px;	
	float: left; 
	color: #76abb5;	
	font-size: 12px; 
	padding: 5px 4px 0px 6px; 
	margin: 14px 0px 0px 0px;
	font-family: Arial, sans-serif;
	border: none;
	background: none;
}

input.newsletter_button {	 
	height: 26px; 
	width: 28px;
	border: 0px;	
	margin: 14px 0px 0px 0px;	
	float: left;
	cursor: pointer;
	background: none;
}

#top5 {
	width: 751px;
	height: 104px;
	float: left;
	background: url('images/poradnikbukmacherski_05.gif') repeat-x;
}

img.bl {
	float: left;
	margin: 0px 22px 0px 0px;
	width: 1px;
	height: 104px;
}

a.b1 {
	width: 78px;
	height: 104px;
	float: left;
	background: url('images/b1.gif') repeat-x;
	margin: 0px 12px 0px 0px;
}

a.b2 {
	background: url('images/b2.gif') repeat-x;
}

a.b3 {
	background: url('images/b3.gif') repeat-x;
}

a.b4 {
	background: url('images/b4.gif') repeat-x;
}

a.b5 {
	background: url('images/b5.gif') repeat-x;
}

a.b6 {
	background: url('images/b6.gif') repeat-x;
}

a.b7 {
	background: url('images/b7.gif') repeat-x;
}

a.b8 {
	background: url('images/b8.gif') repeat-x;
}

a.b1:hover {
	background-position: 0px -104px;
}

#top6 {
	width: 751px;
	height: 28px;
	float: left;
	background: url('images/poradnikbukmacherski_06.gif') repeat-x;
}

/***************************  content  ********************************/

#leftleft {
	width: 425px;
	float: left;
}

#leftright {
	width: 316px;
	float: left;
	padding: 0px 0px 0px 10px;
}

div.newsbox {
	width: 379px;
	border: 1px solid #b0d1d6;
	padding: 16px 22px 16px 22px;
	margin: 0px 0px 10px 0px;
	float: left;
	background: #ffffff url('images/dotts.gif') no-repeat;
	line-height: 18px;
}

div.newsboxwide {
	width: 688px;
	border: 1px solid #b0d1d6;
	padding: 16px 20px 16px 22px;
	margin: 0px 0px 10px 0px;
	float: left;
	background: #ffffff url('images/dotts2.gif') no-repeat;
	line-height: 18px;
}

div.pager {
	width: 688px;
	float: left;
	text-align: center;
	margin: 18px 0px 0px 0px;
}

a.page {
	padding: 5px 7px 5px 7px;
	border: 1px solid #b0d1d6;
	background: #e3f7fb;
	font-size: 14px;
	font-weight: bold;
	color: #1c5164;
	text-decoration: none;
	margin: 0px 3px 0px 0px;
}

a.page:hover {
	background: #d3e9ee;
	border: 1px solid #b0d1d6;
}

a.pageactive {
	padding: 5px 7px 5px 7px;
	border: 1px solid #b90e30;
	background: #f21a43;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px 3px 0px 0px;
}

div.newsboxlast {
	margin: 0px 0px 0px 0px;
}

h1.title {
	color: #1a4d5d;
	font-size: 18px;
	font-weight: bold;
	width: 378px;
	margin: 0px 0px 24px 0px;
	padding: 0;
}

h2.title {
	color: #1a4d5d;
	font-size: 15px;
	font-weight: bold;
	width: 378px;
	margin: 0px 0px 4px 0px;
	padding: 0;
}

a.readmore {
	color: #f21a43;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
}

a.readmore:hover {
	background: #f21a43;
	color: #ffffff;
}

div.bookbox {
	width: 302px;
	float: left;
	background: #ffffff;
	border-left: 1px solid #b0d1d6;
	border-bottom: 1px solid #b0d1d6;
	border-top: 1px solid #b0d1d6;
	padding: 13px 0px 5px 13px;
}

a.bbox {
	width: 245px;
	height: 97px;
	float: left;
	margin: 0px 0px 8px 0px;
	padding: 46px 25px 0px 11px;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
}

a.bboxwide {
	width: 658px;
	height: 97px;
	float: left;
	margin: 0px 0px 8px 0px;
	padding: 46px 25px 0px 11px;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
}

a.betathome {	background: url('images/buttons/betathome.gif') no-repeat;}
a.betsson {	background: url('images/buttons/betsson.gif') no-repeat;}
a.bwin {	background: url('images/buttons/bwin.gif') no-repeat;}
a.bet365 {	background: url('images/buttons/bet365.gif') no-repeat;}

a.betathomewide {	background: url('images/buttons/betathomewide.gif') no-repeat;}
a.betssonwide {	background: url('images/buttons/betssonwide.gif') no-repeat;}
a.bwinwide {	background: url('images/buttons/bwinwide.gif') no-repeat;}
a.bet365wide {	background: url('images/buttons/bet365wide.gif') no-repeat;}

div.bannerbox {
	float: left;
	width: 225px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

div.choose {
	width: 230px;
	height: 259px;
	float: left;
	color: #ffffff;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url('images/choose.gif') no-repeat;
}

ul.choose {
	width: 214px;
	float: left;
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	list-style-type: square;
}

ul.choose li {
	width: 214px;
	height: 18px;
}


/***************************  footer  *********************************/

div.footer {
	width: 1002px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}

div.foot {
	width: 999px;
	float: left;
	border: 1px solid #a7d5dc;
	background: #d6ebef;
}

div.copy {
	width: 600px;
	padding: 17px 0px 0px 21px;
	float: left;
	height: 32px; 
}

div.design {
	padding: 17px 21px 0px 0px;
	float: right;
	height: 32px;
}

a.blue {
	color: #189bc9;
	text-decoration: none;
}

a.design {
	color: #222222;
	text-decoration: none;
}

a.design:hover, a.blue:hover {
	text-decoration: underline;
}

span.blue {
	color: #189bc9;
	font-weight: bold;
}

div.footlinks {
	width: 957px;
	padding: 10px 21px 10px 21px;
	margin: 10px 0px 0px 0px;
	float: left;
	color: #2b697e;
	border: 1px solid #bee2e8;
	background: #dff6fa;
	font-size: 11px;
	line-height: 15px;
}

a.footlink {
	color: #3f6674;
	text-decoration: none;
}

a.footlink:hover {
	text-decoration: underline;
}

div.foot2 {
	width: 999px;
	float: left;
	border: 1px solid #a7d5dc;
	background: #d6ebef;
	margin: 10px 0px 0px 0px;
}

div.foot2cont {
	width: 950px;
	float: left;
	padding: 12px 0px 12px 21px;
}
