/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	background: #e0e0e0 url("/graphics/bg.png") repeat center top;
/*	background: #e0e0e0 url("http://www.tanecnipodlozky.cz/template/basic/graphics/bg.png") repeat center top; */
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
	
	
/* ___| container |_____________________ */


#container { margin: 0 auto; width: 980px; position: relative; }


/* ___| header |_____________________ */


#header { margin: 54px 0 0 0; width: 980px; height: 180px; background: url("/graphics/bg_header.png") no-repeat; float: left; clear: both; position: relative; }
#header h1 {
	margin: 34px 0 0 30px;
	left: 0;
	top: 0;
	width: 210px;
	height: 108px;
	overflow: hidden;
	background: none;
	float: left;
	display: block;
	position: relative;
	}
#header h1 a {	
	width: 210px;
	height: 108px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h1 a span {
	left: 0;
	top: 0;
	width: 210px;
	height: 108px;
	background: url("/graphics/ddr.png") no-repeat;
	display: block;
	position: absolute;
	}
ul#sub_menu { margin: 0; padding: 0; position: absolute; top: 25px; right: 0; width: 118px; float: right; }
ul#sub_menu li { margin: 0 4px; list-style: none; display: inline; }
ul#sub_menu li a img { margin: 0; }
	
	
/* ___| main |_____________________ */


#main { margin: 0; width: 946px; padding: 10px 17px; min-height: 180px; background: url("/graphics/bg_main.png") repeat-y; float: left; clear: both; }
p#path { margin: 0 0 10px 0; width: 946px; padding-bottom: 23px; background: url("/graphics/bg_path.png") repeat-x bottom; }
p#path a { color: #838383; padding: 0 12px 0 19px; background: url("/graphics/arr.png") no-repeat 3px 1px; text-decoration: none; }
p#path a strong { color: #a92727; }
ul#flg_menu { margin: 0; padding: 0; position: absolute; top: 244px; right: 0; width: 100px; float: right; }
ul#flg_menu li { margin: 0 1px; list-style: none; display: inline; }
ul#flg_menu li a img { margin: 0; border: 1px solid #0a0a0a; }

ul#facebook { margin: 0; padding: 0; position: absolute; top: 241px; right: 0; width: 318px; float: right; }
ul#facebook li { margin: 0 1px; list-style: none; display: inline; }
ul#facebook li a img { margin: 0; border: 0px solid #0a0a0a; }

/* ___| menu |_____________________ */


menu { margin: 0; padding: 0; position: absolute; top: 32px; right: 15px; clear: both; }
menu li { margin: 0 2px 0 0; list-style: none; float: left; font-weight: bold; position: relative; background: transparent url("/graphics/bg_menu_r.png") no-repeat right top; padding: 0 4px 0 0; }
menu li a { margin: 0; display: block; float: left; height: 28px; line-height: 28px; vertical-align: middle; text-align: center; color: #fff; text-decoration: none; background: transparent url("/graphics/bg_menu_l.png") no-repeat left top; padding: 0 0 0  4px; }
menu li a span { display: block; margin: 0; white-space: nowrap; height: 28px; line-height: 28px; padding: 0 15px; background: #282832 url("/graphics/bg_menu.png") repeat-x center top; }
menu li:hover, menu li.now { background-position: bottom right; }
menu li a:hover, menu li.now a:hover, menu li.now a { background-position: bottom left; color: #a92727; }
menu li a:hover span, menu li.now a:hover span, menu li.now a span { background-position: bottom center; color: #a92727; }
menu li.submenu,menu li.submenu:hover { visibility: hidden; position: absolute; left: 0px; margin: 0; background: none; }
menu li.submenu a, menu li.submenu a:hover { background: url("/graphics/bg_submenu.png") repeat-x; }
menu li.submenu a span, menu li.submenu a:hover span { width: 110px; text-align: left; overflow: hidden; background: none; }

/* ___| columns |_____________________ */


#col_left { margin: 0; padding-bottom: 200px; width: 178px; float: left; background: url("/graphics/bg_corl.jpg") no-repeat left bottom; }
#col_right { margin: 0; width: 178px; float: left; }
#content { margin: 0 27px; padding-top: 8px; width: 534px; float: left; }
.box { margin: 0 0 7px 0; width: 170px; border: 4px solid #e9e9e9; background: #e9e9e9; float: left; clear: both; }
.box_in { margin-left: 9px; padding: 7px 0; width: 152px; float: left; clear: both; }
.box_in h4 { margin-bottom: 3px; width: 140px; float: left; clear: both; padding-right: 12px; background: url("/graphics/bg_tit_r.png") no-repeat right 3px; color: #000; font-size: 110%; }
.box_in h4 a { color: #000; text-decoration: underline; }
.box_in h4 a:hover { text-decoration: none; }
.box_in p { width: 152px; line-height: 140%; float: left; clear: both; margin-bottom: 4px; }
.box_in p.date { margin-bottom: 1px; }
.box_in p.more { margin-bottom: 12px; }
.box_in p.more a { display: block; width: 40px; height: 17px; font-weight: bold; font-size: 90%; padding: 0 0 0 6px; background: #000 url("/graphics/btn_more.png") no-repeat left; color: #fff; text-decoration: none; }
.box_in p.arch { margin-bottom: 4px; }
.box_in p.arch a { display: block; width: 53px; height: 17px; font-weight: bold; font-size: 90%; padding: 0 0 0 6px; background: #000 url("/graphics/btn_arch.png") no-repeat left; color: #fff; text-decoration: none; }
.box h3.box_tit { margin: 0 0 4px 0; padding-left: 10px; width: 160px; height: 27px; line-height: 27px; vertical-align: middle; font-size: 110%; color: #fff; background: #db0506 url("/graphics/bg_tit.png") no-repeat; }
.h-line { margin: 3px 0 12px 0; width: 100%; float: left; clear: both; height: 2px; font-size: 0; background: url("/graphics/bg_line.png") repeat-x; }
.box_in ul#list { margin: 0; padding: 0; }
.box_in ul#list li { margin: 0 0 3px 0; list-style: none; background: url("/graphics/arr_menu.png") no-repeat left 6px; line-height: 140%; padding-left: 14px; }
.box_in ul#list li a { color: #000; text-decoration: underline; }
.box_in ul#list li a:hover { text-decoration: none; }

.box_in_dark { margin: 0; padding: 13px 0 3px 0; width: 170px; background: #292933; float: left; clear: both; }
.box_in_dark fieldset { margin: 0 0 2px 0; padding: 0 9px 10px 9px; width: 152px; border: none; float: left; clear: both; border-bottom: 1px solid #e9e9e9; }
.box_in_dark label { margin: 2px 3px 0 0; width: 45px; font-size: 110%; color: #b0b0b0; display: block; float: left; }
.box_in_dark input { margin: 0 0 8px 0; font-family: Verdana; font-size: 95%; padding: 2px; width: 97px; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; float: left; background: #f5f5f5 url("/graphics/bg_input.png") no-repeat left top; }
.box_in_dark button { float: right; font-family: Verdana; font-size: 100%; border: none; display: block; width: 79px; height: 17px; font-weight: bold; font-size: 90%; padding: 0 6px 3px 0; color: #fff; background: #000 url("/graphics/btn_login.png") no-repeat left; color: #fff; }
.box_in_dark p { margin: 0 0 0 9px; width: 152px; float: left; clear: both; line-height: 250%; color: #ff0002; background: url("/graphics/bg_lined.png") repeat-x 0 29px; }
.box_in_dark a, .box_in_dark span{ color: #fff; font-weight: bold; text-decoration: none; }
.box_in_dark a:hover { text-decoration: underline; }

ul#submenu { margin: 7px 0 7px 8px; padding: 0; width: 152px; }
ul#submenu li { margin: 0; padding: 4px 4px 6px 4px; background: url("/graphics/bg_lin.png") repeat-x bottom; list-style: none; clear: both; font-weight: bold; }
ul#submenu li a { padding-left: 15px; background: url("/graphics/arr_menu.png") no-repeat left 4px; display: block; width: 144px; text-decoration: none; color: #000; }
ul#submenu li a:hover { color: #777; }

button.find { margin: 2px 0 0 0; padding: 0; width: 13px; height: 13px; float: left; background: none; border: none; }
input.in_text { margin: 0 5px 10px 0; font-family: Verdana; font-size: 95%; padding: 2px; width: 126px; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; float: left; background: #f5f5f5 url("/graphics/bg_input.png") no-repeat left top; }
input.in_rad { margin: 0 5px 2px 0; float: left; }
label { margin: 0; float: left; }

#content h2 { margin-bottom: 12px; color: #c91616; font-size: 110%; }
#content h3 { margin-bottom: 6px; color: #000; font-size: 100%; }
#content p { margin-bottom: 16px; line-height: 150%; text-align: justify; }
#content a { color: #000; text-decoration: underline; }
#content a:hover { text-decoration: none; }
	
	
/* ___| footer |_____________________ */


#footer { margin: 0; padding: 18px 26px 0 26px; width: 928px; height: 38px; background: url("/graphics/bg_footer.png") no-repeat; float: none; clear: both; }
#footer p { float: left; color: #969696; position: relative; }
#footer p#fr { float: right; color: #969696; }
#footer p#fr a { font-weight: bold; }
#footer p strong { color: #fff; }
#footer p a { text-decoration: none; color: #969696; }
#footer p a:hover { text-decoration: underline; }
p#foot { margin: 16px 0 0 28px; padding-bottom: 40px; color: #282832; line-height: 150%; width: 930px; float: left; clear: both; }
p#foot a { color: #282832; text-decoration: none; }
p#foot a:hover { text-decoration: underline; }

/* progress bar */
.progressbar {
    width: 200px;
    background: url(/images/progressbar.png) no-repeat 0 -32px;
}
.progressbar-completed {
    height: 16px;
    margin-left: -1px;
    background: url(/images/progressbar.png) no-repeat 1px 0;
}
.progressbar-completed div {
    float: right;
    width: 50%;
    height: 16px;
    margin-right: -1px;
    background: url(/images/progressbar.png) no-repeat 100% 0;
    display: inline; /* IE 6 double float bug */
}
td.tdfl{
	padding-left:6px;
	padding-right:6px;
}
td.head{
	padding-left:6px;
	padding-right:6px;

	font-weight:bold;
}
tr.light{
	background-color:#F8F8F8;
}
tr.dark{
	background-color:#EAEAEA;
}