/*   XHTML & CSS & JS by Spika David, spika@atlas.cz   */

body {
	margin: 0;	padding: 0;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
	font-family: 'helvetica ce', 'Trebuchet MS', tahoma, arial, verdana, sans-serif;
	color: #666666;	background: white;
}
a {
	color: #0F449C;
}
a:hover {
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
form, p, img, h1, h2, h3, h4, h5, h6, fieldset, object {
	margin: 0; 	padding: 0;	border: none;
}
input, select, textarea {
	margin: 0;	padding: 0;
	font-family: 'helvetica ce', 'Trebuchet MS', tahoma, arial, verdana, sans-serif;
	font-size: 100%;
	vertical-align: middle;
	color: #666666;	background-color: White;
}
input.text {
	width: 135px;	height: 19px;
	_width: 149px;	_height: 24px;
	padding: 1px 5px 0 5px;
	border: solid #4272C3 2px;
}
input.text.smaller {
	width: 80px;
	_width: 94px;
}
input.text.small {
	width: 30px;
	_width: 44px;
}
input.text.disabled {
	background-color: #eaeaea;
	border-color: #a2a2a2;
}
input.text.hl {
	background-color: #E9F1FF;
}
input.check {
	background-color: transparent;
}
textarea {
	width: 155px;	height: 65px;
	_width: 169px;	_height: 73px;
	overflow: auto;
	padding: 1px 5px 0 5px;
	border: solid #4272C3 2px;
	line-height: 1.3;
}
textarea.disabled {
	background-color: #eaeaea;
	border-color: #a2a2a2;
}
textarea.hl {
	background-color: #E9F1FF;
}
ul {
	margin: 0;	padding: 0 0 10px 25px;
}
table {
	margin: 0;	padding: 0;
	line-height: 1.2;
	font-family: 'helvetica ce', 'Trebuchet MS', tahoma, arial, verdana, sans-serif;
	font-size: 100%;
}
table th, table td {
	margin: 0;	padding: 0;
	text-align: left;
}
.hidden {
	display: none;
}
.cleaner {
	display: block;
	clear: both;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
}
/* ********** */
#form {
	_overflow-x: hidden; 
	_width: 943px;
}
#page {
	position: relative;
	width: 943px;
	margin: 0 auto;
	text-align: left;
}
/* ---------- */
#header {
	float: left;
	width: 943px;	height: 293px;
	background: url('header.jpg') no-repeat center bottom;
}
h1 {
	position: absolute;
	top: 22px;	left: 38px;
	width: 192px;	height: 43px;
	background: url('logo_eurorebus.gif') no-repeat top left;
}
h1 a {
	display: block;
	width: 100%;	height: 100%;
}
span#csas {
	position: absolute;
	top: 15px;	right: 44px;
	width: 72px;	height: 32px;
	background: url('logo_cs.gif') no-repeat top left;
}
span#csas a {
	display: block;
	width: 100%;	height: 100%;
}
p#header-text {
	position: absolute;
	top: 120px;	left: 494px;
	width: 210px;	height: 62px;
	line-height: 1.3;
	color: white;
}
/* ----- 1. uroven menu ----- */
ul#menuList-1 {
	z-index: 10;
	position: absolute;
	top: 240px;	left: 30px;
	width: 800px;	height: 24px;
	margin: 0;	padding: 0;
	list-style: none;
	_right: expression(
		this.onmouseover = IEbugsFixOn,
		this.onmouseout = IEbugsFixOff
	);
}
ul#menuList-1 li {
	float: left;
	position: relative;
	margin: 0 8px 0 0;	padding: 0;
	_right: expression(
		this.onmouseover = new Function("this.className += ' hover'"),
		this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
	);
}
ul#menuList-1 li.hover li {
	_right: expression(
		this.onmouseover = new Function("this.className += ' hover'"),
		this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
	);
}
ul#menuList-1 li a {
	_height: 1px;
	padding: 5px 10px 3px 10px;
	_padding: 8px 10px 5px 10px;
	line-height: 26px;
	_line-height: 1;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: White;
}
ul#menuList-1 li:hover, ul#menuList-1 li.hover {
	background: url('menu_level1.gif') repeat-x top left;
}
/* ----- 2. uroven menu ----- */
ul#menuList-1 li:hover ul, ul#menuList-1 li.hover ul {
	position: absolute;
	top: 24px;	left: 0;
	width: 193px;
	margin: 0;	padding: 9px 0 22px 0;
	list-style: none;
	background: transparent url('menu_level2.png') no-repeat bottom left;
	_background-image: url('menu_level2.gif');
}
ul#menuList-1 li:hover li, ul#menuList-1 li.hover li {
	float: none;	
	_float: left;
	margin: 0;	padding: 0 20px 0 12px;
	background: none;
}
ul#menuList-1 li:hover li.ext, ul#menuList-1 li.hover li.ext {
	background: transparent url('arrow_menu.gif') no-repeat 160px 10px;
}
ul#menuList-1 li:hover li:hover, ul#menuList-1 li.hover li.hover {
	background-color: #78A1E7;
}
ul#menuList-1 li:hover li a, ul#menuList-1 li.hover li a {
	display: block;
	width: 100%;	height: 100%;
	padding: 0;
	line-height: 27px;
	background: transparent url('link_menu_level2.gif') repeat-x top left;
}
ul#menuList-1 li:hover li.first a, ul#menuList-1 li.hover li.first a, ul#menuList-1 li:hover li:hover a, ul#menuList-1 li.hover li.hover a {
	background-image: none;
}
/* ----- 3. uroven menu ----- */
ul#menuList-1 li:hover li:hover ul, ul#menuList-1 li.hover li.hover ul {
	width: 175px;
	top: 0;	left: 193px;
	padding: 0;
	background: #78A1E7;
}
ul#menuList-1 li:hover li:hover li, ul#menuList-1 li.hover li.hover li {
	padding-right: 12px;
}
ul#menuList-1 li:hover li:hover li:hover, ul#menuList-1 li.hover li.hover li.hover {
	background: #94B6F1;
}
ul#menuList-1 li:hover li:hover li a, ul#menuList-1 li.hover li.hover li a {
	background: transparent url('link_menu_level3.gif') repeat-x top left;
}
ul#menuList-1 li:hover li:hover li.first a, ul#menuList-1 li.hover li.hover li.first a, ul#menuList-1 li:hover li:hover li:hover a, ul#menuList-1 li.hover li.hover li.hover a {
	background: none;
}
/* ----- ovladani menu ----- */
ul#menuList-1 ul {
	display: none;
}
ul#menuList-1 li:hover ul, ul#menuList-1 li.hover ul {
	display: block;
}
ul#menuList-1 li:hover li ul, ul#menuList-1 li.hover li ul {
	display: none;
}
ul#menuList-1 li:hover li:hover ul, ul#menuList-1 li.hover li.hover ul {
	display: block;
}
/* ---------- */
#user {
	position: relative;
	float: left;
	width: 943px;	height: 24px;
	_margin-top: -1px;
}
fieldset#user-login {
	position: absolute;
	top: 0;	right: 23px; 
}
fieldset#user-login span {
	_height: 24px;
	margin: 0 3px 0 5px;
	_vertical-align: middle;
}
fieldset#user-login input.text {
	margin: 0 0 0 3px;
}
fieldset#user-login label {
	color: #02245C;
}
/* ---------- */
#main {
	float: left;
	_overflow-x: hidden;
	width: 900px;
	margin: 0 0 0 20px;
	_margin-left: 10px;
}
/* ---------- */
.box {
	float: left;
	width: 190px;
}
div.box.infopanel {
	margin-left: 20px; 
}
.sideBanner {
	float: right;
	width: 190px;	height: 160px;
	margin: 5px 0 5px 0;
}
.sideBanner object {
	margin: 5px;
}
#socialNetBox { display: block; clear: both; margin: 10px 0; }
#socialNetBox p { clear: both; margin-bottom: 5px; }
#socialNetBox a.icon { padding: 2px 0 4px 28px; line-height: 22px; font-size: 14px; }
#socialNetBox a.iconFacebook { background: url('icon_facebook.gif') 0 0 no-repeat; }
#socialNetBox a.iconGoogle { background: url('icon_google.gif') 0 0 no-repeat; }
/* ---------- */
#leftpanel-top {
	float: left;	clear: both;
	width: 190px;	height: 31px;
	background: url('top_leftpanel.jpg') no-repeat top left;
}
#leftpanel-body {
	float: left;
	_overflow-x: hidden;
	width: 190px;	min-height: 207px;	height: auto;
	_height: 207px;
	background: #4272C3 url('body_leftpanel.jpg') no-repeat left bottom;
}
/* ----- 1. uroven submenu ----- */
ul#menuList-2 {
	width: 190px;
	margin: 0;	padding: 6px 0 50px 0;
	list-style: none;
}
ul#menuList-2 li {
	_float: left;
	margin: 0;	padding: 0;
}
ul#menuList-2 li a {
	display: block;
	width: 151px;	height: 27px;
	_width: 190px;
	padding: 0 20px 0 19px;
	line-height: 27px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: White;	background: transparent url('link_leftpanel_level1.gif') no-repeat 19px 0;
}
ul#menuList-2 li a.selected {
	font-weight: bold;
}
ul#menuList-2 li a:hover {
	background: #78A1E7;
}
ul#menuList-2 li.first a {
	background-image: none;
}
/* ----- 2. uroven submenu ----- */
ul#menuList-2 li ul {
	margin: 0;	padding: 0;
	list-style: none;
}
ul#menuList-2 li li a {
	width: 140px;
	_width: 190px;
	padding: 0 20px 0 30px;
	background: #5F8AD5 url('link_leftpanel_level2.gif') no-repeat 30px 0;
}
ul#menuList-2 li li a:hover {
	background: #78A1E7;
}

/* ---------- */
#infopanel-top {
	float: left;
	width: 190px;	height: 31px;
	background: url('top_infopanel.jpg') no-repeat top left;
}
#infopanel-body {
	position: relative;
	float: left;
	_overflow-x: hidden;
	width: 151px;
	_width: 190px;
	min-height: 245px;	height: auto;
	_height: 308px;
	padding: 8px 20px 55px 19px;
	background: #FC2525 url('body_infopanel.jpg') no-repeat bottom left;
	color: White;
}
.infopanel h2 {
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}
.infopanel h3 {
	padding-top: 12px;
	font-size: 14px;
}
.infopanel p {
	clear: both;
	padding: 7px 0 3px 0;
}
.infopanel p span {
	position: absolute;
	right: 20px;
}
.infopanel p.text {
	line-height: 1.4;
	font-size: 11px;
	padding-bottom: 10px;
}
#infopanel-line {
	clear: both;
	overflow: hidden;
	height: 1px;
	margin: 0px 0 0px 0;
	background: url('link_infopanel.gif') repeat-x top left;
}
.infopanel ol {
	clear: both;
	margin: 0;	padding: 7px 0 3px 20px;
}
.infopanel ol li {
	height: 14px;
	_height: auto;
	margin: 0;	padding: 0;
}
.infopanel span.more {
	float: right;
	padding-bottom: 8px;
}
.infopanel span.more a {
	font-weight: bold;
	color: White;
}
/* ---------- */
.content {
	position: relative;
	float: left;
	_overflow-x: hidden;
	width: 480px;
	margin-left: 20px;
}
div.content.no-infopanel {
	width: 690px;
}
.content h2 {
	padding: 10px 0 10px 0;
	font-size: 23px;
	font-weight: normal;
	color: #64AA01;
}
.content h2 a {
	color: #64AA01;
}
.content p {
	line-height: 1.4;
}
.content p.hl {
	font-size: 15px;
	color: #4272C3;
}
.content span.hl2, .content strong.hl2 {
	color: #F52020;
}
.content span.hl3, .content strong.hl3 {
	color: #64AA01;
}
h2.group-header {
	padding-bottom: 0;
}
p.group-years {
	margin-bottom: 3px;	padding: 5px 0 15px 0;
	font-size: 11px;
	border-bottom: solid #B6CEF7 1px;
}
p.group-years a.sel {
	color: #666666;
	font-weight: bold;
}

h2.article-header {
	padding-bottom: 0;
}
h3.article-dateAuthor {
	margin-bottom: 10px;	padding: 5px 0 15px 0;
	font-weight: normal;
	font-size: 10px;
	border-bottom: solid #B6CEF7 1px;
	color: #999999;
}
h3.article-dateAuthor a {
	color: #4272C3;
}
.article-maintext { /* WYSIWYG obsah */
	margin: 0 0 10px 0;
}
.article-maintext h3 {
	padding: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	color: #64AA01;
}
.article-maintext h4 {
	padding: 0 0 10px 0;
	color: #4272C3;
	font-weight: normal;
	font-size: 18px;
}
img.imgStyle1 {
	border: 1px solid #BBB;
}
div.divStyle1 {
	padding-bottom: 15px;
	font-style: italic;
	color: #333333;
}
ul.listOfLinks {
	padding-left: 10px;
	list-style: none;
}
ul.listOfLinks li {
	height: 21px;
	line-height: 21px;
	padding-left: 25px;
	font-size: 11px;
	color: #999999;	background: url('icon_list.gif') no-repeat 0 1px;
	_background-position: 0 2px;
}
ul.listOfLinks li a {
	color: #4272C3;
}

p.group-navigation, p.article-navigation {
	clear: both;
	position: relative;
	margin-top: 15px;
	bottom: 0;	left: 0;
	width: 100%;	height: 40px;
}
p.group-navigation {
	border-top: solid #B6CEF7 1px;
	height: 39px;
	_height: 40px;
}
p.group-navigation a.back, p.article-navigation a.back {
	float: right;
	width: 84px;	height: 25px;
	margin: 5px 0 0 10px;
	background: url('button_back.gif') no-repeat top left;
}
p.group-navigation a.up, p.article-navigation a.up {
	float: right;
	width: 84px;	height: 25px;
	margin: 5px 0 0 10px;
	background: url('button_up.gif') no-repeat top left;
}
p.sortBar {
	float: right;
	width: 50%;
	position: relative;
	text-align: right;
}
p.sortBar select {
	margin-right: 42px;
}
p.sortBar a.asc {
	display: block;
	position: absolute;
	top: 4px;	right: 18px;
	width: 13px;	height: 12px;
	background: url('arrow_up.gif') no-repeat left top;
}
p.sortBar a.desc {
	display: block;
	position: absolute;
	top: 4px;	right: 3px;
	width: 13px;	height: 12px;
	background: url('arrow_down.gif') no-repeat left top;
}
.pagesBar {
	clear: both;
	position: relative;
	width: 100%;	height: 25px;
	margin: 11px 0 7px 0;
}
.pagesBar.bottom {
	height: 35px;
	margin: 20px 0 0 0;
}
.pagesBar p {
	margin-right: 220px;
	line-height: 25px;
	text-align: right;
}
.pagesBar a.page {
	text-decoration: none;
}
.pagesBar a.page.sel {
	font-weight: bold;
}
.pagesBar a.previous {
	display: block;
	position: absolute;
	top: 0;	right: 94px;
	width: 111px;	height: 25px;
	background: url('button_previous.gif') no-repeat left top;
}
.pagesBar a.next {
	display: block;
	position: absolute;
	top: 0;	right: 0;
	width: 84px;	height: 25px;
	background: url('button_next.gif') no-repeat left top;
}
.pagesBar a.disabled {
	filter: alpha(opacity=40, finishopacity=20, style=3);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	cursor: not-allowed;
}
.content object, img#ctl00_bottomBanner_img, img#ctl00_topBanner_img {
	width: 468px;	height: 60px;
	margin: 15px 0 10px 6px;
}
div.content.no-infopanel object, div.content.no-infopanel img#ctl00_bottomBanner_img,
div.content.no-infopanel img#ctl00_topBanner_img {
	margin-left: 111px;
}
.content object#flashContent {
	width: 690px;	height: 431px;
	margin: 15px 0 10px 0;
}
/* ---------- */
.center {
	text-align: center;
}
p.msg {
	width: 438px;
	_width: 480px;
	margin-top: 50px;	padding: 20px;
	border: solid #CDDFFF 1px;
	font-size: 14px;
	color: #4272C3;	background-color: #E5EEFD;
}
p.msg strong {
	color: #F52020;
}
/* ---------- */
h2#detail-header {
}
#detail-text { /* WYSIWYG obsah */
	_overflow-x: hidden;
	float: left;
	width: 255px;
	padding: 10px 0 0 0;
	line-height: 1.4;
}
img.detail-image {
	float: right;
	width: 190px;
	margin-right: 12px;
}
p.detail-price {
	position: relative;
	float: right;	clear: right;
	width: 213px;	height: 65px;
	_width: 215px;	_height: 67px;
	margin: 17px 0 0 0;
	border: solid #F62121 1px;
	text-align: center;
}
p.detail-price.alt {
	border-color: #4272C3;
}
p.detail-price span {
	position: absolute;
	display: block;
	width: 107px;	height: 32px;
	_height: 33px;
	top: 0;	left: 0;
	line-height: 32px;
	border-bottom: solid #F62121 1px;
	font-size: 17px;
	color: #F62121;
}
p.detail-price.alt span {
	border-bottom-color: #4272C3;
	color: #4272C3;
}
p.detail-price span.estimated {
	left: 107px;
	color: White;	background-color: #F62121;
}
p.detail-price.alt span.estimated {
	background-color: #4272C3;
}
p.detail-price strong {
	position: absolute;
	display: block;
	width: 215px;	height: 33px;
	bottom: 0;	left: 0;
	line-height: 33px;
	font-size: 13px;
}
a.detail-offer {
	display: block;
	width: 109px;	height: 24px;
	margin: 17px 0 0 318px;
	background: url('button_offer_price.gif') no-repeat left top;
}
/* ---------- */
p#detail-price-2 {
	float: right;
	width: 188px;	height: 32px;
	_width: 190px;	_height: 34px;
	margin: 17px 0 0 0;
	line-height: 32px;
	border: solid #F62121 1px;
	text-align: center;
	font-size: 17px;
	color: #F62121;
}
p#detail-price-2.alt {
	border-color: #4272C3;
	color: #4272C3;
}

/* ---------- */
h2#detail2-header {
}
#detail2-text { /* WYSIWYG obsah */
	_overflow-x: hidden;
	float: left;
	width: 280px;
	padding: 10px 0 0 0;
	line-height: 1.4;
}
#detail2-block {
	float: right;
	width: 185px;
	padding: 13px 0 0 0;
}
#detail2-block p {
	margin-top: 1px;	padding: 0 10px;
	line-height: 2;
	font-weight: bold;
	font-size: 13px;
	border-top: solid #B6CEF7 1px;
	border-bottom: solid #B6CEF7 1px;
	color: #0F449C;	background-color: #CDDFFF;
}
#detail2-block p strong {
	color: #F72222;
}
#detail2-block .raw {
	height: 30px;
	_height: 31px;
	line-height: 30px;
	border-bottom: solid #B6CEF7 1px;
}
#detail2-block .raw img {
	float: left;
	margin: 2px 7px 0 5px;
}
.detail2-image {
	display: block;
	width: 185px;	height: 80px;
	background-repeat: no-repeat;
	background-position: top left;
}
a.detail2-execute {
	display: block;
	width: 109px;	height: 24px;
	margin: 20px 0 0 295px;
	background: url('button_execute_test.gif') no-repeat left top;
}
/* ---------- */
#video, .video {
	width: 320px;	height: 313px;
	_width: 350px;	_height: 343px;
	margin: 12px 0 8px 65px;	padding: 15px;
	background-color: #E0EBFE;
}
#video object, .video object {
	width: 320px;	height: 313px;
	margin: 0;
}
.fotogalerie-item {
	position: relative;
	float: left;
	_overflow-x: hidden;
	width: 220px;	min-height: 188px;	height: auto;	
	_height: 188px;
	margin: 12px 0 8px 40px; 
	background-color: #E0EBFE;
}
div.fotogalerie-item.left {
	margin-left: 0;
}
.fotogalerie-item img {
	width: 190px;	height: 127px;
	margin: 15px 15px 13px 15px;
	_margin-bottom: 8px;
}
.fotogalerie-item div.description {
	width: 190px;
	margin: 0 15px 13px 15px;
	font-size: 13px;
	color: #4272C3;
}
.fotogalerie-item div.description p {
	line-height: 1.3;
}
/* ---------- */
h2#katalog-header {
	padding-bottom: 0;
}
.katalog-item {
	position: relative;
	float: left;
	_overflow-x: hidden;
	width: 215px;	min-height: 150px;	height: auto;	
	_height: 150px;
	margin: 12px 0 15px 50px; 
}
div.katalog-item.left {
	margin-left: 0;
}
.katalog-item h3 {
	padding-bottom: 10px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0F449C;	
}
.katalog-text {
	float: left;
	_overflow-x: hidden;
	width: 110px;	min-height: 77px;	height: auto;
	_height: 77px;
	font-size: 11px;
	line-height: 1.2;
}
img.katalog-image {
	float: right;	clear: right;
	width: 95px;
	_margin-right: -3px;
}
p.katalog-price {
	position: relative;
	float: left;	clear: both;
	width: 213px;	height: 33px;
	_width: 215px;	_height: 35px;
	margin-top: 10px;
	border: solid #F62121 1px;
	text-align: center;
}
p.katalog-price.alt {
	border-color: #4272C3;
}
p.katalog-price span {
	position: absolute;
	display: block;
	width: 106px;	height: 33px;
	top: 0;	left: 0;
	line-height: 33px;
	font-size: 17px;
	color: #F62121;
}
p.katalog-price.alt span {
	color: #4272C3;
}
p.katalog-price span.estimated {
	left: 107px;
	color: White;	background-color: #F62121;
}
p.katalog-price.alt span.estimated {
	background-color: #4272C3;
}
/* ---------- */
h2#katalog2-header {
	padding-bottom: 0;
}
.katalog2-column {
	float: left;
	_overflow-x: hidden;
	width: 145px;
	margin: 12px 0 10px 0;
	margin-left: 22px;
}
div.katalog2-column.first {
	margin-left: 0;
}
.katalog2-image {
	display: block;
	width: 145px;	height: 58px;
	background-repeat: no-repeat;
	background-position: top left;
}
.katalog2-column h3 {
	padding-bottom: 8px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0F449C;	
}
.katalog2-column p.max {
	margin-top: 1px;	padding: 0 4px;
	line-height: 2;
	font-weight: bold;
	border-top: solid #B6CEF7 1px;
	border-bottom: solid #B6CEF7 1px;
	color: #0F449C;	background-color: #CDDFFF;
}
.katalog2-column p.max strong {
	color: #F72222;
}
.katalog2-column p.type {
	height: 30px;
	_height: 31px;
	line-height: 30px;
	border-bottom: solid #B6CEF7 1px;
	font-size: 11px;
}
.katalog2-column p.type img {
	float: left;
	margin: 2px 5px 0 3px;
}
.katalog2-column p.text {
	margin-top: 5px;
	font-size: 11px;
}
/* ---------- */
#soutez-header {
	padding-bottom: 0;
}
.soutez-block { /* WYSIWYG obsah */
	margin-top: 15px;	padding-top: 15px;
	border-top: solid #B6CEF7 1px;
}
.soutez-block div.image {
	float: left;
	clear: left;
	margin-top: 12px;
}
.soutez-block .image img {
border: solid black 1px;
}
.soutez-block .answers {
	float: left;
	width: 310px;
	margin-left: 10px;
	overflow: hidden;
}
.soutez-block .answer {
	position: relative;
	padding: 12px 0 0 0;
}
/*.soutez-block .answer span.check {
	padding-left: 30px;
}*/
.soutez-block .answer span.check input {
	margin-right: 6px;
	_margin-right: 3px;
}
.soutez-block span.red {
	color: Red;
}
#soutez-footer {
	position: relative;
	clear: both;
	width: 480px;
	margin: 15px 0 0 0;	padding: 15px 0 0 0;
	border-top: solid #B6CEF7 1px;
}
#soutez-footer input {
	float: left;
	margin-right: 10px;
}
a.soutez-start {
	display: block;
	width: 73px;	height: 24px;
	background: url('button_start.gif') no-repeat left top;
}
a.soutez-clear {
	float: left;	
	margin-right: 10px;
	width: 78px;	height: 24px;
	background: url('button_clear_small2.gif') no-repeat left top;
}
/* ---------- */
h2#konto-header {
}
p#konto-info {
	float: left;
	width: 50%;
	font-size: 15px;
	color: #4272C3;
}
table.konto-tab {
	position: relative;
	width: 100%;
	top: 6px;
}
table.konto-tab thead th, table.konto-tab thead td {
	padding: 7px 10px;
	border-top: solid #B6CEF7 1px;
	border-bottom: solid #B6CEF7 1px;
	color: #4272C3;	background-color: #CDDFFF;
}
table.konto-tab tbody td, table.konto-tab tbody th {
	padding: 7px 10px;
	line-height: 1.4;
	border-top: solid white 1px;
	border-bottom: solid #B6CEF7 1px;
}
table.konto-tab tbody tr.hl td, table.konto-tab tbody tr.hl th {
	background-color: #f2f2f2;
}
/* ---------- */
h2#results-header {
}
h3#results-info {
	padding: 5px 0 15px 0;
	font-weight: normal;
	font-size: 15px;
	color: #4272C3;
}
/* ---------- */
h2#board-header {
}
p.board-text {
	font-size: 13px;
}
textarea.board-textarea {
	width: 480px;
	width: 466px;
	_width: 480px;
	margin: 10px 0 0 0;
}
#progressBar {
	width: 0;	height: 7px;
	overflow: hidden;
	margin: 2px 0 7px 0;
	background-color: #4272C3;
}
p.board-buttons {
	float: left;	clear: both;
	width: 200px;	height: 24px;
	margin-bottom: 7px;
}
p.board-buttons input {
	float: left;
	margin-right: 10px;
}
p.board-buttons a.board-clear {
	float: left;	
	margin-right: 10px;
	width: 78px;	height: 24px;
	background: url('button_clear_small2.gif') no-repeat left top;
}
.board-colors {
	float: right;
	overflow: hidden;
	width: 220px;	height: 24px;
	margin-bottom: 10px;
	line-height: 24px;
}
.board-colors label {
	float: left;
	width: 85px;	height: 24px;
}
.board-colors span {
	float: left;
	width: 22px;	height: 22px;
	_width: 24px;	_height: 24px;
	margin-left: 13px; 
	border: solid #999999 1px; 
}
.board-colors span.first {
	margin-left: 0;
}
.board-colors span.yellow, .board-colors span.yellow input {
	background-color: #FCF8BD;
}
.board-colors span.red, .board-colors span.red input {
	background-color: #FCBBBB;
}
.board-colors span.blue, .board-colors span.blue input {
	background-color: #BBDBFC;
}
.board-colors span.green, .board-colors span.green input {
	background-color: #BBFCC9;
}
.board-colors input {
	margin: 4px 0 0 4px;
	_margin: 0 0 0 0;
}
.board {
	float: right;
	width: 231px;
	_overflow-x: hidden;
	margin: 5px 0 10px 0;
}
div.board.board-first {
	float: left;
}
div.board.board-yellow {
	color: #807100;	background: #FCF8BD url('body_board_yellow.gif') repeat-y left top;
}
div.board.board-red {
	color: #800700;	background: #FCBBBB url('body_board_red.gif') repeat-y left top;
}
div.board.board-blue {
	color: #39659D;	background: #BBDBFC url('body_board_blue.gif') repeat-y left top;
}
div.board.board-green {
	color: #098000;	background: #BBFCC9 url('body_board_green.gif') repeat-y left top;
}
.board-top {
	float: left;
	width: 231px;	height: 23px;
}
div.board.board-yellow .board-top {
	background: transparent url('top_board_yellow.gif') no-repeat left top;
}
div.board.board-red .board-top {
	background: transparent url('top_board_red.gif') no-repeat left top;
}
div.board.board-blue .board-top {
	background: transparent url('top_board_blue.gif') no-repeat left top;
}
div.board.board-green .board-top {
	background: transparent url('top_board_green.gif') no-repeat left top;
}
.board-body {
	float: left;
	position: relative;
	width: 231px;	min-height: 138px;	height: auto;
	_height: 173px;
	padding-bottom: 35px;
 	font-family: 'helvetica ce', 'Comic Sans MS', tahoma, arial, verdana, sans-serif;
}
div.board.board-yellow .board-body {
	background: transparent url('bottom_board_yellow.jpg') no-repeat left bottom;
}
div.board.board-red .board-body {
	background: transparent url('bottom_board_red.jpg') no-repeat left bottom;
}
div.board.board-blue .board-body {
	background: transparent url('bottom_board_blue.jpg') no-repeat left bottom;
}
div.board.board-green .board-body {
	background: transparent url('bottom_board_green.jpg') no-repeat left bottom;
}
.board-body h4 {
	padding: 1px 15px 7px 15px;
	font-size: 12px;
}
.board-body p {
	width: 201px;
	_width: 231px;
	overflow: hidden;
	padding: 0 15px 3px 15px;
	line-height: 1.2;
	_word-wrap: break-word;
}
.board-body strong.author {
	position: absolute;
	right: 20px;	bottom: 13px;
	font-size: 15px;
}
/* ---------- */
h2#news-header {
	width: 480px;	height: 148px;
	padding: 0;
	background: url('head_news.jpg') no-repeat top left;
}
div.content.no-infopanel h2#news-header {
	width: 690px;
	background: url('head_news_big.jpg') no-repeat top left;
}
.news-column {
	float: left;
	_overflow-x: hidden;
	width: 145px;
	margin: 12px 0 10px 0;
	margin-left: 22px;
}
div.content.no-infopanel .news-column {
	margin-left: 36px;
}
div.news-column.first {
	margin-left: 0;
}
div.content.no-infopanel div.news-column.first {
	margin-left: 0;
}
.news-image {
	display: block;
	width: 145px;	height: 58px;
	background-repeat: no-repeat;
	background-position: top left;
}
.news-column h3 {
	padding-top: 5px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #0F449C;	
}
.news-column h3 span {
	line-height: 1.4;
	font-size: 10px;
	color: #999999;
}
.news-column .text { /* WYSIWYG obsah */
	margin-top: 10px;
	font-size: 11px;
}
/* ---------- */
h3.regForm-header {
	clear: both;
	width: 480px;
	margin: 15px 0 0 0;	padding: 12px 0 0 0;
	border-top: solid #B6CEF7 1px;
	font-size: 17px;
	font-weight: normal;
	color: #B6CEF7;
}
p.regForm-p {
	width: 480px;
	padding-top: 10px;
}
.regForm-errMsg {
	width: 458px;
	_width: 480px;
	line-height: 1.4;
	margin: 10px 0 0 0;	padding: 10px;
	border: solid 1px #F6AAAA;
	color: #F52020;	background-color: #FFE9E9;
}
span.errMsg {
	color: #F52020;
}
span.x {
	font-weight: bold;
}
.regForm-left {
	width: 240px;
	padding-top: 15px;
	float: left;
}
.regForm-left p {
	width: 215px;
}
.regForm-left span.regForm-label {
	float: left;	clear: left;
	width: 60px;	height: 33px;
	line-height: 24px;
}
.regForm-left input.text {
	float: left;
}

.regForm-left select.dropdown
{
	float:left;
	width: 149px;	height: 24px;
}

.regForm-left textarea.text
{
	float:left;
	margin-bottom:10px;
	
}

.regForm-right {
	width: 209px;
	_width: 240px;
	padding: 15px 0 0 31px;
	float: left;
}
.regForm-right span.regForm-label {
	float: left;	clear: left;
	width: 60px;	height: 33px;
	line-height: 24px;
}
.regForm-right input.text {
	float: left;
}
div.regForm-right.wild {
	width: 240px;
	padding-left: 0;
}
div.regForm-right.wild span.regForm-label, div.regForm-left.wild span.regForm-label {
	width: 91px;
}
.regForm-right.wild input.text.small, .regForm-left.wild input.text.small {
	float: right;
}
.regForm-left.wild input.right, .regForm-right.wild input.right {
	float: right;
	margin: 0;
}
a#selectSchool {
	float: right;
	width: 107px;	height: 26px;
	margin-top: 10px;
	background: url('button_select.gif') no-repeat top left;
}
#regForm-footer {
	position: relative;
	clear: both;
	width: 480px;
	margin: 15px 0 0 0;	padding: 20px 0 0 0;
	border-top: solid #B6CEF7 1px;
}
a.regForm-back {
	float: left;
	width: 56px;	height: 26px;
	margin-right: 10px;
	background: url('button_back3.gif') left top no-repeat;
}
#regForm-footer input {
	float: left;
	margin-right: 10px;
}
#regForm-footer span.check input {
	float: none;
	margin-right: 6px;
	_margin-right: 3px;
}
#regForm-footer input.regForm-submit {
	float: none;
	position: absolute;
	right: 110px;	top: 18px;
}
a#regForm-reset {
	position: absolute;
	right: 0;	top: 18px;
	width: 107px;	height: 26px;
	background: url('button_clear.gif') no-repeat top left;
}
/* ---------- */
a.passForm-switch {
	line-height: 1.8;
}
a.passForm-switch.sel {
	text-decoration: none;
	font-weight: bold;
}
/* ---------- */
#partners {
	float: left;	clear: both;
	width: 900px;
	margin: 20px 0 0 20px;
	_margin-left: 10px;
}
#partners .article-maintext {
	margin: 0;
}
#partners p.article-navigation {
	display: none;
}
/* ---------- */
#footer {
	float: left;	clear: both;
	width: 900px;	height: 60px;
	margin: 3px 0 0 20px;
	_margin-left: 10px;
}
#footer p {
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
}