@CHARSET "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

html, body, #page { height: 100%; }

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


body {
	background-color: #f0f0f0;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	color: #7c7c7c;
	line-height: 1.3; 
}

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	color: #777; 
	margin-top: 5px;
}

h2 {
	color: #777;
	font-family:  Arial,Helvetica,sans-serif
}


h1 { font-size: 28px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 19px;; margin-bottom: 0.75em; }
h3 { font-size: 18px;; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 15px;; line-height: 1; font-weight: bold; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #3876be; }
a { 
	color: #666; 
	text-decoration: none; 
	outline: none;
}

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

#page {
	margin: 0 auto;
	width: 960px;
}

/*table styles  */

table {
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	border-bottom: none;
}

thead th {
	background: #e2e2e2 none repeat scroll 0 0;
	border-top: 1px #fff solid;
}
thead th {
	border-bottom:1px #bbb solid;
}
th {
	border-bottom: 3px #bbb solid;
	padding-right: 1em;
	text-align: left;
}

td {
	background: #f1f1f1;
	border-top: 1px #fff solid;	
	border-bottom:1px #ccc solid;
	color: #777;
}

tr.even td {
	background: #f8f8f8;
	border-top: 1px #fff solid;	
	border-bottom:1px #ccc solid;
}

td.active {
	background-color: #e4e4e4;
}



/* Useful */
.align_center { text-align:center; }
.align_right { text-align:right; }
.middle { vertical-align: middle; }
.uppercase { text-transform:uppercase; }
.hidden, .collapsed, .block_hidden_only_for_screen { display:none; }
.wrap { white-space: normal; }
.bold { font-weight: bold; }
.strike { text-decoration:line-through; }
.italic { font-style: italic; }
.top { vertical-align: top; }
.span_link { cursor:pointer; }
.span_link:hover { text-decoration:underline; }
.clear { clear:both; height:0; overflow:hidden; }

/* Top Section */

#top {
	height: 129px;
	background: transparent url(/images/header.png) no-repeat 725px 0px;
}
	/* Logo Container */
	#logo {
		width: 424px;
		height: 97px;
		float: left;
	}

	#logo a {
		display: block;
		margin-top: 20px;
	}

	#top-right {
		width: 536px;
		height: 97px;
		float: left;	
		padding-right: 0px;
	}

	#top-right h3 {
		margin: 0;
		color: #458ac7;
	}	
	#top-right span {
		margin: 0;
		color: #aaa;
		font-size: 12px;
		font-weight: bold;
	}

	/* Menu Styles */

	#navmenu-container {
		float: left;
		height: 32px;
		overflow: hidden;
		width: 960px;
	}

		.menu {
			list-style: none;
			float: left;
			padding: 0;
			margin: 0;
			line-height: 1.7;
		}

		.menu li {
			float: left;
		}

		.menu li a{
			display: block;
			padding-left: 22px;
			background: url(/images/nav_left.png) no-repeat left top;
			float: left;
			cursor: pointer;
		}

		.menu li a span {
			background: url(/images/nav_right.png) repeat-x left top;
			float: left;
			padding: 7px 23px 6px 14px;
			color: #c0c0c0;
			font-weight: bold;
		}

		.menu li a.current {
			display: block;
			padding-left: 12px;
			background: url(/images/nav_current_left.png) no-repeat left top;
			float: left;
			cursor: pointer;
			position: relative;
			left: -12px;
			z-index: 99; /* z-index here is for IE6 png fix bug */
		}

		.menu li a.current span {
			background: #f0f0f0 url(/images/nav_current_right.png) repeat-x right top;
			position: relative;
			left: 36px;
			padding-left: 0px;
			padding-right: 47px;
			color: #c6d1db;
			
		}

		.menu li.first a {
			padding-left: 23px;
			background: url(/images/nav_first.png) no-repeat left top;
		}

			.menu li.first a span {
				padding-left: 8px;
			}
			
		.menu li.first a.current {
			padding-left: 7px;
			background: url(/images/nav_first_current_left.png) no-repeat left top;
			position: relative;
			left: 0px;
		}
		.menu li.first a.current span {
				padding-left: 0px;
				background: url(/images/nav_current_right.png) no-repeat right top;
				position: relative;
				left: 24px;
				padding-right: 47px;
			}
			
			.menu li.first a span {
				padding-left: 8px;
			}
			

		.menu li.last a span {
			background: url(/images/nav_last.png) no-repeat right top;
			padding-right: 47px;
		}

			.menu li.last a.current span {
				background: url(/images/nav_last_current_right.png) no-repeat right top;
			}
			
		.menu a:hover {
			text-decoration: underline;
			color: #c0c0c0;
		}	


/* Header Styles */

#header {
	background-color: #336faa;

}

	#header-top {
		background: #f0f0f0 url(/images/header_top_right.png) no-repeat right top;
		height: 11px;
		width: 12px;
		float: right;
		overflow: hidden;
	}


	#header-content {
		background: url(/images/header_bg.png) repeat-x right bottom;
		float: left;
		width: 100%;
	}

		#header-description {
			float: left;
			padding: 20px;
			color: #e4edf6;
			width: 339px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
		}
		
			#header-description ul {
				margin-bottom: 0;
			}
				
			#header-description h1 {
				color: #fff;
				font-size: 23px;
				padding-bottom: 10px;
				margin: 0;
			}
		
		
		#header-slideshow {
			float: left;
			color: #fff;
		}
		
		#header-slideshow {
			float: left;
			width: 556px;
			height: 256px;
			background: url(/images/header_image_container.png) no-repeat left top;
			z-index: 0;
		}
		
		#header-slideshow .padding {
			padding: 22px 7px;
		}

	#header-content-small {
		background: url(/images/header_bg_small.png) repeat-x right bottom;
		padding: 10px 20px 10px 20px;
	}
	#header-content-small h1 {
		margin: 0;
		padding: 0;
		color: #d8e2ee;
		font-size: 20px;
		font-family: verdana, sans-serif;
	}
	#header-content-small p {
		line-height: 1.2;
		margin: 1em 0.5em 0em;
		color: #D8E2EE;
	}

	#header-bottom {
		background: #f0f0f0 url(/images/header_bottom.png) no-repeat right top;
		height: 11px;
		width: 960px;
		overflow: hidden;
	}

	#header-shadow {
		background-color: #f0f0f0;
		height: 14px;
		width: 960px;
		overflow: hidden;
	}

.corner-l-t, .corner-r-t, .corner-l-b, .corner-r-b {
	background-image:url(/images/bg-corners.png);
	display:block;
	height:7px;
	overflow:hidden;
	position:absolute;
	width:7px;
}
.corner-l-t {
	background-position:left top;
	left:0;
	top:0;
}
.corner-r-t {
	background-position:right top;
	right:0;
	top:0;
}
.corner-l-b {
	background-image:url(/images/bg-corners-bottom.png);
	background-position:left top;
	bottom:0;
	left:0;
}
.corner-r-b {
	background-image:url(/images/bg-corners-bottom.png);
	background-position:right top;
	bottom:0;
	right:0;
}
	
#content-container {
	position:relative;
	padding: 2px;
}

#content {
	position:relative;
	background: #ffffff url(/images/content-bg.png) repeat-y top left;
	border-left:1px solid #4289ce;
	border-right:1px solid #4289ce;
}

	#content h2 {
		background: url(/images/dotted_border_h.gif) repeat-x right bottom;
		color: #4c81bd;
	}
	
	#content h3 {
		background: url(/images/dotted_border_h.gif) repeat-x right bottom;
		color: #777;
		padding-bottom: 5px;
	}


	#content h5 {
		color: #4c81bd;
		margin-bottom: 5px;
	}


	#content h2 span {
		background: url(/images/arrow.png) no-repeat left 4px;
		padding-left: 15px;
		
	}
	
	#content p {
		padding-bottom: 15px;
		margin: 0;
		clear: both;

	}

	#content .item {
		padding-bottom: 10px;
		float: left;
		
	}


#breadcrumb {
	font-size:92%;
	padding:12px 22px 9px;
	background-color: #4289ce;
	margin:0;
	border-bottom:1px solid #D0CCD0;
	margin-bottom:6px;
}

#footer {
	background-color: #4289ce;
	color: #D8E2EE;
	padding:12px 18px;
	border-top:1px solid #D0CCD0;
}
#footer p { margin:0; padding:0; }

#col_left {
	float: left;
	width: 240px;
	padding: 5px;
}

#col_right {
	float: right;
	width: 690px;
	padding: 5px;
}

/* box style */


.box {
	width: 100%;
	margin-bottom: 15px;
	float: left;	
	
}
		
.top {
	width:100%;
	height:12px;
	background:url(/images/top.png) no-repeat left top;
}
		
.top span {
	width: 13px;
	height:12px;
	background: #fafafa url(/images/top-right.png) no-repeat right top;
	float: right;
	overflow: hidden;
}

.box-content {
	background: url(/images/leftside.png) repeat-y right top;
	width: 100%;
	float: left;
	background-color: #f0f0f0;
		
}
		
.box-content2 {
	background: url(/images/leftside.png) repeat-y left top;
	width: 100%;
	float: left;			
}

.bottom {
	width:100%;
	height:12px;
	background:url(/images/bottom.png) no-repeat left top;
	float: left;
}
		
.bottom span {
	width: 13px;
	height:12px;
	background: #fafafa url(/images/bottom-right.png) no-repeat right top;
	float: right;
	overflow: hidden;
}
		
.box p {
	margin:5px 0 10px 0;
	padding-bottom: 5px;
	clear: both;
}
		
.box-padding {
	padding: 0px 15px 10px 15px;
}

#content .box-padding  p{
	padding-bottom: 10px;
}


.box-padding h2 {
	padding-top: 0px;
	margin-top: 0;

}
.box-padding h3 {
	padding-top: 0;
	margin-top: 10px;

}

/* bet styles */
.bet-item {
	clear: both;
	float: left;
}
ul.bullet-list {
	list-style: none;
	margin: 0;
}
ul.bullet-list li {
	padding: 2px 0px 2px 25px;
	background: url(/images/bullet.png) no-repeat left;
	font-weight: bold;
}


.bet-image, .bet-desc {
	float: left;
}

.bet-image {
	width: 270px;
	text-align: center;
}
.bet-desc {
	width: 390px;
}


/* Vertical List */

.vertical-list {
	list-style: none;
	
	margin: 0 0 20px;
	padding: 0;
}
.vertical-list li {
	width: 100%;
    padding: 0;
	margin: 0;
}

.vertical-list a {
	display:block;
	text-decoration:none;
	padding: 8px 10px;
	background: #f5f5f5 url(/images/menu_bg.gif) repeat-x right bottom;
	overflow: hidden;
	font-size: 14px;
}

.vertical-list a:hover {
	background: #fafafa url(/images/menu_bg_hover.gif) repeat-x right bottom
}

.vertical-list a img.minilogo {
	float: right;
	height: 20px;
}

/* CSS sliding doors button */

a.button, a.button-color, a.button-header {
	background: url('../images/button.png') no-repeat scroll top left; 
	float: left;
	height: 27px;
	padding-left: 0px;
	margin-right: 20px;
	margin-left: 5px;
}
.bet-image a.button-color { margin-left: 85px; margin-top: 10px; }

a.button span, a.button-color span, a.button-header span  {
	background: url('../images/button.png') no-repeat scroll top right; 
	float: left;
	height: 22px;
	position: relative;
	left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
}

a.button:hover span {
	color: #666;
}

a.button-color {
	background: url('/images/button_color.png') no-repeat scroll top left; 
}

a.button-color span {
	background: url('/images/button_color.png') no-repeat scroll top right; 
	color: #fff;
}

a.button-header {
	background: url('/images/button_header.png') no-repeat scroll top left; 
}

a.button-header span {
	background: url('/images/button_header.png') no-repeat scroll top right; 
	color: #d6e4f4;
}

a.button:hover, a.button-color:hover, a.button-header:hover  {
	background-position: left -155px;
}

a.button:hover span, a.button-color:hover span, a.button-header:hover span {
	background-position: right -155px;
}

table.bonus-table a {
	text-decoration: underline;
	background: transparent url('/images/arrow-color.png') no-repeat 0px 2px;
	padding-left: 16px;
}

table.hodnoceni-table td {
	font-weight: bold;
	font-size: 16px;
}
table.hodnoceni-table td small {
	font-weight: normal;
	font-size: 12px;
}