@CHARSET "UTF-8";

@media screen {
	body {
		background-color: #f7f5f1;
		margin: 0; padding: 0;
		
		font-family: Verdana, sans-serif;
		font-size: 12px;
	}
	
	/* === HEADER ======================================================= */
	/* ================================================================== */
	#header {
		position: relative;
	}
	/*#header h1, #header h2 {
		display: inline;
		position: relative;
		top: 1.7em;
	}
	#header h2 {
		font-size: 140%;
		border-left: 1px solid #55493c;
		margin-left: 0.5em;
		padding: 0 0 0.1em 0.5em;
		font-weight: normal;
	}
	#header h2, #header h3 {
		color: #55493c;
		vertical-align: bottom;
	}
	#header h3 {
		margin: 0;
		left: 0px; top: 0px;
		position: absolute;
		display: block;
		width: 746px;
		font-size: 90%;
		font-weight: normal;
		padding-top: 1em;
		border-top: 8px solid #e3dcd0;
	}*/
	
	#header h1 {
		margin: 0;
		padding: 0;
		position : relative;
	}
	#header .title {
		display: block;
		margin: 0;
		padding: 0;
		width: 746px;
		height: 89px;
		position: relative;
		cursor: display;	
	}
	#header .title span {
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;
		z-index: 1;
		background: url('images/title.gif') left top no-repeat;
	}
	#header .title * {
		margin: 0; padding: 0;
	}
	
	#header .csas {
		display: block;
		position: absolute;
		width: 140px;
		height: 70px;
		background: url('images/csas.gif') left top no-repeat;
		right: 10px;
		top: 10px;
		cursor: pointer;
	}
	
	div.top_banner {
		width : 230px;
		height : 138px;
		background : url('images/top_banner.jpg');
		position : absolute;
		right : -10px;
		bottom : 29px;
		z-index : 10;
	}
	div.top_banner h3 { font-size : 16px;font-weight : bold !important;text-transform : uppercase;position : absolute;left : 30px;top : 15px;color : black; }
	div.top_banner p { font-size : 12px;position : absolute;left : 30px;top : 49px;line-height : 16px; }
	div.top_banner a { font-size : 12px;position : absolute;left : 30px;top : 105px;color : #CA0011;text-decoration : none; }
	div.top_banner a span { color : black; }
	div.top_banner a:hover { text-decoration : underline; }
	
	div.top_info {
		width : 217px;
		height : 136px;
		background : url('images/remain_block.jpg');
		position : absolute;
		right : 0;
		bottom : 29px;
		z-index : 10;
	}
	div.top_info span.num { display : block;width : 28px;height : 42px;position : absolute;left : 32px;top : 56px; }
	div.top_info span.num_slot_a {  }
	div.top_info span.num_slot_b { left : 65px; }
	div.top_info span.num_slot_c { left : 98px; }
	div.top_info span.num_0 { background : url('images/num_0.gif'); }
	div.top_info span.num_1 { background : url('images/num_1.gif'); }
	div.top_info span.num_2 { background : url('images/num_2.gif'); }
	div.top_info span.num_3 { background : url('images/num_3.gif'); }
	div.top_info span.num_4 { background : url('images/num_4.gif'); }
	div.top_info span.num_5 { background : url('images/num_5.gif'); }
	div.top_info span.num_6 { background : url('images/num_6.gif'); }
	div.top_info span.num_7 { background : url('images/num_7.gif'); }
	div.top_info span.num_8 { background : url('images/num_8.gif'); }
	div.top_info span.num_9 { background : url('images/num_9.gif'); }
	
	/* === HEADER.menu ================================================== */
	/* ================================================================== */
	#header .menu {
		position: relative;
		
		background: url('images/header_bg.jpg') left top no-repeat;
		padding-top: 188px;
	}
	
	#header .menu a {
		color: white;
	}
	
	#header .menu span.link {
		position: absolute;
		left: 0; top: 0;
		display: block;
		width: 950px;
		height: 180px;
		cursor: pointer;
	}
	
	#header .menu ul {
		display: block;
		position: relative;
		margin: 0; padding: 0;
		list-style-type: none;
		background: url('images/menu_bg.gif') left 5px repeat-x;
		height: 34px;
		padding-left: 15px;
	}
	#header .menu li {
		float: left;
		height: 34px;
		padding-left: 10px;
	}
	#header .menu li a {
		position: relative;
		top: 5px;
		display: block;
		line-height: 26px;
	}
	
	#header .menu li span {
		float: left;
		height: 34px;
	}
	#header .menu li span.left, #header .menu li span.right {
		width: 11px;
	}
	#header .menu li.active span {
		background: white;
	}
	#header .menu li.active a {
		color: #ca0011;
		font-weight: 900;
	}
	#header .menu li.active span.left {
		background: transparent url('images/menu_item_left.gif') left top no-repeat;
	}
	#header .menu li.active span.right {
		background: transparent url('images/menu_item_right.gif') left top no-repeat;
	}
	
}

@media screen, print {
	h1, h2, h3 {
		font-family: Verdana, sans-serif;
		font-weight: bold;
	}
	h1 {
		font-size: 150%;
	}
	h2 {
		font-size: 105%;
	}
	
	h3 {
		color: #ca0011;
		font-size: 105%;
		font-weight: bold;
	}
	h3 span {
		font-weight: normal;
	}
	
	h4 {
		font-size: 100%;
	}
	
	dt {
		float: left;
		display: inline;
	}
	dd {
		display: block;
		position: relative;
		margin-left: 15em;
	}
	
	div {
		margin: 0;
		padding: 0;
	}
	
	a {
		text-decoration: none;
	}
	
	
	hr.cleaner {
		clear: both;
		height: 1px;
		margin: -1px 0 0 0; padding:0;
		border: none;
		visibility: hidden;
	}
	div.cleaner {
		clear: both;
		border: none;
		margin: 0; padding: 0;
	}
	span.cleaner {
		display: block;
		clear: both;
		border: none;
		margin: 0; padding: 0;
	}
	
	
	.wrapper {
		position: relative;
	}
	
	
	
	#forum {
		margin-top: 40px;
	}
	
	#forum table, #main table {
		
	}
	#forum table em { color : #7C7C7C; }
	#forum table td.nowrap {
		white-space : nowrap;
	}
	#forum table.form-layout td, #main table.form-layout td{
		border: none;
		padding-right: 0.5em;
	}
	
	#forum table th.first, #forum table td.first {
		width: 30%;
	}
	#forum table th.third, #forum table td.third {
		width: 100px;
		padding-right : 20px;
	}
	#forum table th.fourth, #forum table td.fourth {
		width: 120px;
	}
	
	
	ul.forum_list { list-style-type : none;margin : 0 !important;padding : 0 !important;position : relative;top : -85px; }
	ul.forum_list li { float : left;font-size : 11px; }
	ul.forum_list li.last { float : left;padding-right : 15px; }
	ul.forum_list li.next { float : right;padding-left : 15px; }
	ul.forum_list li.num { padding : 0 5px 0 5px; } 
	
	
	table td {
		vertical-align: top;
	}
	
	
	#container {
		margin: auto;
		width: 950px;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}

	
	
	/* === MAIN ========================================================= */
	/* ================================================================== */
	#main {
		clear: both;
		
	}
	
	#main a {
		color: #ca0011;
	}
	
	
	/* === CONTENT ====================================================== */
	/* ================================================================== */
	#content {
		min-height: 500px;
		_height: 500px;
		
		display: inline;
		margin: 0; padding: 0;
		float: left;
		width: 746px;
		background: white url('images/content_bg.gif') left bottom no-repeat;
	}
	#content.long {
		width: 950px;
	}
	
	#content .wrapper {
		padding: 20px;
	}
	
	#content h2, #sidebar h2 {
		border-left: 3px solid #ca0011;
		padding: 0 0 0 0.7em;
		font-size: 140%;
		font-weight: 900;
		margin-top: 0.5em;		
	}
	

	#content .submenu {
		font-size: 90%;
	}
	#content .submenu a {
		color: #ca0011;
		text-decoration: underline;
	}
	#content div.left, #content img.left {
		float: left;
	}
	#content div.right {
		float: right;
	}
	
	
	
	
	
	#content .submenu ul {
		margin: 0; padding: 0;
		list-style-type: none;
	}
	#content .submenu li {
		display: inline;
		padding: 0 0 0 2.0em;
	}
	
	
	
	
	
	#content .menu {
		display: block;
		position: relative;
		padding: 2em 0 2em 0;
		margin-bottom: 1em;
		width: 100%;
		border-bottom: 1px solid #f1ede7;
	}
	#content .menu * {
		margin: 0; padding: 0;
		display: block;
	}
	#content .menu .button {
		position: relative;
		float: left;
		width: 24.9%;
		text-align: center;
	}
	#content .menu .button a {
		display: block;
		cursor: pointer;
	}
	#content .menu .wrapper {
		margin: auto; padding: 0;
		position: relative;
		width: 159px;
		text-align: left;
		height: 113px;
		background: url('images/button_bg.png') center top no-repeat;
	}
	#content .menu .button p.desc {
		padding-right: 15px;
	}
	
	#content .menu .button.first {
		text-align: left;
	}
	#content .menu .button.first .wrapper{
		margin: 0;
	}
	#content .menu .button.last .wrapper {
		position: absolute;
		right: 0;
	}
	
	#content .menu p.title {
		position: relative;
		padding-right: 70px;
		left: 10px;
		top: 10px;
	}
	#content .menu p.desc {
		position: relative;
		padding-right: 10px;
		left: 10px;
		top: 30px;
		font-size: 90%;
	}
	#content .menu span.img {
		position: absolute;
		display: block;
		left: 102px;
		top: -10px;
		width: 60px;
		height: 60px;
	}

	#content .menu a {
		font-weight: bold;
	}
		
	
	.signup span.img {
		background: url('images/button_pencil.gif') left top no-repeat;
	}
	.info span.img {
		background: url('images/button_paper.gif') left top no-repeat;
	}
	.inline span.img {
		background: url('images/button_inline.gif') left top no-repeat;
	}
	.results span.img {
		background: url('images/button_results.gif') left top no-repeat;
	}
	
	
	
	#content .header, #content .footer {
		font-size: 90%;
	}
	#content .header {
		border-bottom: 1px solid #f1ede7;
		padding-bottom: 1.6em;
		margin: 0;
	}
	#content .footer {
		margin-top: 2em;
		padding-top: 1.6em;
		border-top: 1px solid #f1ede7;
	}
	
	#content h3 a {
		text-decoration: underline;
	}
	
	
	/* === SIDEBAR ====================================================== */
	/* ================================================================== */
	
	#sidebar {
		float: left;
		width: 204px;
		background: url('images/sidebar_bg.jpg') left top repeat-x;
	}
	#sidebar .wrapper {
		padding: 5px 5px 5px 20px;
	}
	#sidebar h2 {
		margin-bottom: 1em;
	}

	
	#sidebar ul.menu {
		border-top: 1px solid white;
		margin: 0; padding: 1em 0 0 0.5em;		
		color: #ca0011;
	}
	#sidebar ul.menu ul {
		padding-left: 1em;
		margin: 0;
	}
	#sidebar ul.menu a {
		color: #ca0011;
		text-decoration: underline;
	}
	#sidebar ul.menu li {
		margin: 0.6em 0 0.6em 0; padding: 0;
		list-style-type: none;
		font-weight: bold;
	}
	#sidebar ul.menu li ul li {
		font-weight: normal;
	}

	
	#sidebar .menu {
		border-top: 1px solid white;
	}
	
	
	#footer {
		clear: both;
		width: 746px;
		position: relative;
	}
	
	
	div.news {
		padding-bottom: 1.0em;
		border-bottom: 1px solid #e3dcd0;
	}
	
	div.news h3 a {
		color: #ca0011;
		font-size: 12px;		
		text-decoration: underline;
	}
	div.news p.date {
		padding: 0;
		margin: 0;
		font-weight: bold;
	}
	div.news p {
		margin: 0;
	}
	

	/* === PARTNERS ===================================================== */
	/* ================================================================== */
	#partners {
		clear: both;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#partners h2 {
		position: relative;
		color: #aa9e88;
		font-size: 10px;
		font-weight: normal;
		
		padding-top: 0.5em;
		margin-top: 2em;
	}
	
	#footer p.signature {
		text-align: center;
		font-size: 80%;
		width: 100%;
		display: block;
		position: absolute;
		top: 110px;
		padding-bottom : 40px;
	}
	#footer p.signature a {
		color: #ca0011;
		text-decoration: underline;
	}
	
	div.partner {
		float: left;
		text-align: center;
		margin-bottom: 1em;
		margin-right : 42px;

	}
	div.partner_first { margin-left : 10px; }
	div.partner_leaf { margin-right : 0; }
	div.partner span {
		display: none;
	}
	div.partner img {
		border: none;
	}
	
	/* === FORUM ======================================================== */
	/* ================================================================== */
	#forum {
		position: relative;
		
	}
	#forum a {
		color: #ca0011;
		text-decoration: underline;
	}
	#forum table {
		position: relative;
		margin: 20px 0 100px 0; padding: 0;
		border-spacing: 0;
		width: 100%;
	}
	#forum th {
		
		color: #ca0011;
		font-size: 120%;
		padding-bottom: 20px;
		border-bottom: 1px solid #f1ede7;
	}
	#forum td {
		font-size: 90%;
		padding: 5px 0 5px 0;
		border-bottom: 1px solid #f1ede7;
	}
	
	#forum .footer {
		display: block;
		border-top: 1px solid #f1ede7;
		padding: 10px 0 10px 0;
	}
	
	span.red { color : #B00000; }
	
	.error-box {
		/*background: pink;
		border: 2px solid red;
		margin: 1em 0 1em 0;
		padding: 1em;*/
		color: #ca0011;
		margin-bottom: 1em;
	}
	
	.error-box p {
		margin: 0; padding: 0;
	}
	.error-box .main {
		font-weight: bold;
	}
	
	.success-box {
		color: green;
		margin: 1em 0 1em 0;
		
		font-weight: bold;	
	}
	
	
	img.center {
		display: block;
		margin: auto;
	}
	
	div.section {
		padding-bottom: 1em;
		margin-bottom: 2em;
	}
	
	
	img.right {
		padding: 1em 0 3em 1em;
		float: right;
	}
	a img {
		border: none;
	}
	

	
	.formular.box {
		margin: 10px 0 30px 0;
		
		position: relative;
		background: #fbfaf8;
		 
	}
	.formular.box div.content {
		margin: 0 70px 0 70px;
	}
	.box .top .left {
		background: url('images/form_tl.gif') left top no-repeat;
	}
	.box .top .right {
		background: url('images/form_tr.gif') left top no-repeat;
	}
	.box .bottom .left {
		background: url('images/form_bl.gif') left top no-repeat;
	}
	.box .bottom .right {
		background: url('images/form_br.gif') left top no-repeat;
	}
	.formular form {
		margin-bottom: 40px;
	}
	
	input.textInput, select.textInput, textarea.textInput {
		margin: 0;
		padding: 0;
		border: 1px solid #bcbcbc;
		background: white;
		margin: 2px 0 2px 0;
	}
	
	table.form-layout label {
		display: block;
		padding-top: 3px;
		width: 10em;
	}
	
	tr.req label {
		font-weight: bold;
	}
	
	p.note {
		margin: 0 0 2em 0; padding: 0;
		font-style: italic;
		font-size: 90%;
	}
	
	div.confirmation {
		position: relative;
		margin: 1em 0 1em 20px;
		
	}
	div.confirmation p {
		text-align: justify;
	}
	div.confirmation input {
		position: absolute;
		left: -20px; top: -2px;
	}

	
	div.important {
		position: relative;
		background: #ca0011;		
		color: white; 
	}
	div.important div.content {
		padding: 0 2em 0 2em;
	}
	div.important h5 {
		margin: 0; padding: 0;
		font-size: 140%;
	}
	div.important p {
		margin: 5px 0 0 0; padding: 0;
	}
	div.important p.note {
		color: #ffffff
		margin: 10px 0 0 0;
	}
	div.important .top .left {
		background: url('images/imp_tl.gif') left top no-repeat;
	}
	div.important .top .right {
		background: url('images/imp_tr.gif') left top no-repeat;
	}
	div.important .bottom .left {
		background: url('images/imp_bl.gif') left top no-repeat;
	}
	div.important .bottom .right {
		background: url('images/imp_br.gif') left top no-repeat;
	}
	
	
	p.important {
		color: #ca0011;
	}
	
	
	div.top {
		position: relative;
		left: 0; top: 0;
		width: 100%;
	}
	div.bottom {
		position: relative;
		width: 100%;
	}
	div.top span.left, div.bottom span.left {
		display: block;
		width: 15px; height: 15px;
	}
	div.top span.right, div.bottom span.right {
		display: block;
		position: absolute;
		top: 0; right: 0;
		width: 15px; height: 15px;
	}
	
	img.map {
		/* margin-left: 140px; */
	}
	
	
	
	div.box {
		display: block;
		background: #fbfaf8;
		margin: 0 0 20px 0;
	}
	div.box .content {
		padding: 0 1em 0 2em;
	}
	div.box h3 {
		font-size: 120%;
	}
	div.box.search {
		padding: 0;
		margin: 0 0 20px 0;
	}
	div.box.search .content {
		padding: 0;
		margin-left: 2em;
	}
	
	
	
	input.submit {
		border: none;
		background: transparent;
		font-weight: bold;
		font-size: 120%;
		color: white;
		margin-top: 20px;
	}
	input.submit.small {
		background: url('images/button_small.gif') left top no-repeat;
		height: 26px;
		width: 113px;
	}
	input.submit.large {
		background: url('images/button_large.gif') left top no-repeat;
		height: 26px;
		width: 177px;
	}
	
	
	
	table.results {
		width: 100%;
		
	}
	table.results thead th {
		background: #ca0011;
		height: 2em;
		color: white;
		font-size : 11px;
		white-space : nowrap;
	}
	table.results thead th.first {
		background: #ca0011 url('images/imp_tl.gif') left top no-repeat;
		text-align : left;
		padding-left : 3em;
	}
	table.results thead th.last {
		background: #ca0011 url('images/imp_tr.gif') right top no-repeat;
	}
	
	table.results tbody td {
		height: 2em;
		line-height: 2em;
		font-size : 11px;
		padding-left : 2px;
		padding-right : 2px;
	}
	table.results tbody tr td.first {
		padding-left : 3em;
	}
	table.results tbody tr td.brd {
		border-right : 1px solid #9e9e9e;
	}
	table.results tbody tr.even td {
		background: #f7f5f1;
	}
	
	table.results td.center {
		text-align: center;
	}
	table.results th.center {
		text-align: center;
	}
	table td.left, table th.left {
		text-align: left;
	}
	table td.right, table th.right {
		text-align: right;
	}

	table.results td.important {
		font-weight: bold;
	}
	
	table.results tfoot td {
		height: 2em;
	}
	table.results tfoot td.first {
		background: #e1dacd url('images/corner_bl.gif') left bottom no-repeat;
	}
	table.results tfoot td.last {
		background: #e1dacd url('images/corner_br.gif') right bottom no-repeat;
	}
	
	
	div.section.gallery img {
		float: left;
		padding: 0 10px 10px 10px;
	}
	div.section.gallery {
		display: block;
		width: 100%;
		border: none;
		border-top: 1px solid #f1ede7;
		padding: 10px 0 10px 0;
		margin: 0;
		clear: both;
	}
	div.section.gallery p, div.section.gallery h3 {
		margin: 0 0 0 190px;
		padding: 0;
	}
	div.section.gallery h3 {
		padding-bottom: 10px;
	}
	
	div#gallery {
		margin-top: 20px;
	}
	

	
	div.image {
		float: left;
		width: 170px;
		height: 110px;
		text-align: center;
	}
	div.image p {
		margin: 5px 0 0 0; align: 0;
	}
	
	
	.forum-message {
		border-top: 1px solid #f1ede7;
	}
	.forum-message p.desc, #forum-message p.reply {
		margin: 0; padding: 0;
	}
	.forum-message p.reply {
		text-align: right;
	}
	.forum-message.root h3 {
		font-size: 140%;
		margin: 0; padding: 0;
	}
	.forum-message.root {
		border-top: none;
	}

	table.antispam { width : 300px !important;margin : 0 !important; }
	table.antispam td { padding : 0; }
	table.antispam td.first { padding-top : 4px; }
	table.antispam td.sec {}
	
	.statistika th, .statistika td {
		padding: 4px;
		}
	
	.statistika tr.strong td {
		font-weight: bold;
		}
	
	.statistika tr.italic td {
		font-style: italic;
		}
	
	.textcenter {
		text-align: center;
		}
		
	.pdf_download {
		height : 50px;
		padding-left : 60px;
		line-height : 50px;
		margin-left : 20px;
		background : url('/gfx/default/images/ico_pdf.gif');
		background-repeat : no-repeat;
	}
	
	ul.pay_ul li { margin-bottom : 20px; }
	
	div.postpaper { display : none;width : 1000px;background-color : silver;position : absolute;top : 35px;left : -30px;border : 1px solid black;z-index : 50;font-weight : bold;font-size : 14px;line-height : 24px;cursor : pointer; }
	div.postpaper a { display : block;text-align : center;padding : 5px 0 5px 0;background-color : #CA0011;color : white !important;font-weight : bold;font-size : 11px;text-transform : uppercase;text-decoration : underline; }
	div.postpaper a:hover { text-decoration : none; }
	div.postpaper div.main { width : 1000px;height : 469px;background : url('/gfx/default/images/slozenka_final.gif'); }
	div.postpaper div.big { font-size : 23px;font-family : Courier New;letter-spacing : 10px;line-height : 32px; }
	div.postpaper div.ucel_platby { position : absolute;left : 5px;top : 135px; }
	div.postpaper div.kc { position : absolute;left : 5px;top : 163px; }
	div.postpaper div.h { position : absolute;left : 235px;top : 163px; }
	div.postpaper div.kc_word { position : absolute;left : 35px;top : 195px; }
	div.postpaper div.majitel { position : absolute;left : 5px;top : 248px; }
	div.postpaper div.ucet { position : absolute;left : 75px;top : 318px; }
	div.postpaper div.vsymbol { position : absolute;left : 75px;top : 340px; }
	div.postpaper div.odesilatel { position : absolute;left : 5px;top : 390px;width : 200px; }
	div.postpaper div.majitel2 { position : absolute;left : 296px;top : 168px; }
	div.postpaper div.castka { position : absolute;left : 680px;top : 30px; }
	div.postpaper div.halere { position : absolute;left : 775px;top : 30px; }
	div.postpaper div.prospech_uctu { position : absolute;left : 582px;top : 68px; }
	div.postpaper div.kod_banky { position : absolute;left : 582px;top : 112px; }
	div.postpaper div.vsymbol2 { position : absolute;left : 728px;top : 112px; }
	div.postpaper div.jmeno { position : absolute;left : 582px;top : 220px; }
	div.postpaper div.prijmeni { position : absolute;left : 582px;top : 253px; }
	div.postpaper div.adresa { position : absolute;left : 582px;top : 288px;width : 400px; }
}


@media print {
	#header .menu, #content .header, #content .footer {
		display: none;
	}
	
	a.print, #sidebar, #footer, #content .menu {
		display: none;
	}
	
	#content {
		width: auto;
	}
	#content .wrapper {
		padding: 0; margin: 0;
	}
	
	.submenu {
		display: none;
	}
}