/* general */
body, h1, h2, h3, h4, h5, hr, ul, ol, li, blockquote, form, p, fieldset, legend, dd, dl, dt { padding: 0px; margin: 0px }
body, form, input, select, textarea, option, table { font: normal 11px arial, verdana, tahoma; color: #555555; background-color: #FFFFFF }
body { text-align: center }

/* filter */
#formSearch label, #formSearch select, #formSearch input { float: left }
#formSearch label { margin: 3px 2px 0px 0px }
#formSearch select, #formSearch input { margin-right: 5px }
#formSearch input.sbmt { margin-right: 0px }
#formSearch select { width: 100px }

/* page listing */
.sep { clear: both; height: 7px; line-height: 0px; font-size: 0px }
.listing { clear: both }
.listing div { float: left }
.listing div.pages { line-height: 15px; color: #F97405 }
.listing div.pages { width: 16px; height: 14px; border: 1px solid #999999; text-align: center }
.listing div.pages a { display: block; width: 16px; height: 16px; font-weight: bold }
.start, .prev, .next, .end { width: 16px; height: 16px; background-repeat: no-repeat; background-position: top left; overflow: hidden }
.start, .prev, .next, .end, .pages { margin-right: 5px }
.start { background-image: url('design/listing_start_no.png') }
.prev { background-image: url('design/listing_prev_no.png') }
.next { background-image: url('design/listing_next_no.png') }
.end { background-image: url('design/listing_end_no.png') }
.start span, .prev span, .next span, .end span { display: none; visibility: hidden }
.start a, .prev a, .next a, .end a { display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: top left }
.start a { background-image: url('design/listing_start_act.png') }
.prev a { background-image: url('design/listing_prev_act.png') }
.next a { background-image: url('design/listing_next_act.png') }
.end a { background-image: url('design/listing_end_act.png') }

/* single item */
.single-item { float: left; border: 1px solid #DEDEDE; padding: 10px; line-height: 14px; background-color: #F5F5F5; margin: 5px; width: 106px }
.single-item img { display: block }
.single-item h3 { color: #0053A2; margin: 4px 0px 3px 0px }
.single-item div  { font-size: 10px }
.single-item div.torture { float: right; width: 10px; height: 10px; background: url('design/star.png') no-repeat; margin: 5px 15px 0px 0px }
single-item img { display: block }
a.cheer { display: block; padding: 2px 0px; background-color: #0053A2; color: #FFFFFF; font-weight: bold; font-size: 11px; text-align: center }
a.cheer { margin-top: 2px; border: 1px solid #CCCCCC }
.ico { width: 12px; height: 12px; float: right; margin: 5px 0px 0px 2px }
.pntr { cursor: pointer }

#EDT { border: 1px solid #666; background-color: #EFEFEF; position: absolute; z-index: 2; visibility: hidden; width: 200px; padding: 10px; top: 10px; left: 10px }

/* legend */
div.legend { float: right; margin-bottom: 3px }
/* div.legend img { width: 10px; height: 10px; margin-right: 5px; vertical-align: middle } */

/* cheer form */
#regForm { float: right; background-color: #EFEFEF; border: 1px solid #CCCCCC; margin-top: 5px }
#regForm div.fieldset { margin: 10px }
#regForm div.fieldset img { float: left; margin-left: 5px }
#regForm br { clear: left }
#regForm label, #regForm input, #regForm select { float: left }
#regForm label.err { color: #F97405 }
#regForm select { margin-bottom: 4px }
#regForm label { width: 120px; text-align: right; margin: 2px 10px 0px 0px }
#regForm .errors { margin-bottom: 10px; color: #F97405 }

/* classic tags */
blockquote { margin-left: 20px }
h1, h2 { margin-bottom: 10px }
h1 { font-size: 16px; color: #F97405 }
h2 { font-size: 14px; color: #0053A2 }
h3 { font-size: 11px; color: #F97405; margin-bottom: 5px }
ul li { list-style-type: none }
a { color: #0053A2; text-decoration: none }
a img { border: 0px }

/* form elements */
fieldset { border: 0px }
input, option, textarea { padding-left: 2px }
input, textarea { border: 1px solid #CCCCCC; margin-bottom: 5px }
textarea { overflow: auto }
input.sbmt { padding: 1px 10px; cursor: pointer; background-color: #0053A2; color: #FFFFFF; font-weight: bold }
img.captchaimg { border-left: 3px solid #0053A2; border-right: 2px solid #0053A2; margin: 0px 9px }
label { font-weight: bold }
label.captchalabel { position: relative; top: -3px }
span.req { color: #FF0000; font-weight: normal }
#mailformmeno, #mailformemail, #mailformtelefon { width: 240px }
#mailformsprava { width: 480px }

/* site elements */
div.clr { clear: both; height: 1px; line-height: 1px; font-size: 0px }
div.totop { text-align: right; margin-top: 10px }
div.totop a { background: url('design/totop.png') 0px 3px no-repeat; padding-left: 15px }
.csc-textpic-caption { font-style: italic }
.banner { margin: 15px 0px 10px 185px }

/* logo */
a#logo { float: left; width: 132px; height: 75px; margin: 14px 0px 0px 20px }
a#logo span { display: none; visibility: hidden }

/* act langauge */
#lang { float: left; margin: 14px 0px 0px 40px }
#lang span  { display: none; visibility: hidden }
.lang-no, .lang-act { display: block; width: 85px; height: 11px; margin-bottom: 5px }
.lang-act { background: url('design/lang-act.png') 0px 3px no-repeat }

/* quick links */
#ql { float: right; width: 590px; margin-top: 20px; text-align: left }
#ql a { float: left; width: 132px; height: 64px; margin-right: 16px }
#ql a.lst { margin-right: 0px }
#ql span { display: none; visibility: hidden }

/* homepage news */
.homepage-news h3 { margin-bottom: 0px }

/* columns */
#lc, #rc { width: 170px }
#lc { float: left }
#rc { float: right }
.col-R-border, .col-L-border { background-repeat: no-repeat; height: 4px; font-size: 0px; line-height: 0px }
.col-L-border { background-image: url('design/col_L_border.png') }
.col-R-border { background-image: url('design/col_R_border.png') }
.col-L, .col-R { background-repeat: repeat-y; padding: 7px 10px }
.col-L { background-image: url('design/col_L.png') }
.col-R { background-image: url('design/col_R.png') }
.T { background-position: top left }
.B { background-position: bottom left }
#lc p.bodytext a, #rc p.bodytext a { padding-right: 14px; background: url('design/a_more.png') right center no-repeat }
#lc p.bodytext br, #rc p.bodytext br { line-height: 5px }

/* main parts */
#top { width: 760px; height: 150px; background-repeat: no-repeat; background-position: left bottom; margin: 0px auto 20px auto }
.ti-0 { background-image: url('design/top_image_0.png') }
.ti-1 { background-image: url('design/top_image_1.png') }
#main { margin: 4px auto 0px auto; text-align: left; width: 760px; line-height: 15px }
div[id] #main { height: auto }

/* main menu */
ul#menu { float: right; margin: 26px 0px 0px 0px; width: 590px; text-align: left }
ul#menu li { display: inline; font-size: 12px; font-weight: bold; padding: 0px 10px; line-height: 25px; background: url('design/menu_sep.png') right center no-repeat }
ul#menu li a { color: #FFFFFF; text-decoration: none }
ul#menu li a:hover { color: #F97405 }
ul#menu li.act a { color: #F97405 }
ul#menu li.lst { background-image: none }

/* submenu */
ul#submenu li { padding: 2px 0px 2px 13px; background: url('design/li_submenu.png') 0px 7px no-repeat }
ul#submenu li a { color: #555555; text-decoration: none; font-weight: bold }
ul#submenu li a:hover { color: #FA7908 }
ul#submenu li.act a { color: #FA7908 }

/* campaign chapters */
ul.chapters { float: right; width: 180px; padding: 10px; background-color: #EFEFEF; border: 1px solid #CCCCCC; margin: 0px 0px 15px 20px }
ul.chapters a:hover { color: #F97405 }
ul.chapters li.chapter-act a { font-weight: bold; color: #F97405 }

/* content */
#content { float: right }
.w1 { width: 390px; margin-right: 15px }
.w2 { width: 575px }
#content table.contenttable {  }
#content table.contenttable td { font: normal 11px arial, verdana, tahoma; padding: 2px 3px; vertical-align: top }
#content ol { margin-left: 22px }
#content ul {  } /* margin-left: 17px */
#content ul li { padding: 1px 0px 1px 22px; background: url('design/li.png') 1px 2px no-repeat }
div[id] #content ul li { background-position: 5px 3px }
#content a {  }
#content a:hover {  }
#content p.bodytext { margin: 0px; padding: 0px }

span.size1 { font-size: 10px; line-height: 12px }
span.size2 { font-size: 14px; line-height: 17px }
span.size3 { font-size: 16px; line-height: 20px }

div.divider { clear: both; height: 1px; font-size: 0px; line-height: 0px; background: url('design/divider.png') no-repeat }

#content div.csc-linkToTop { text-align: right }
#content div.csc-linkToTop a {  }
#content div.csc-linkToTop a:hover {  }

/* IE 7.0 bug in img element */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image dt img { margin-bottom: 10px }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px }

/* footer */
#footer { background: url('design/footer.png') top center #F97405; color: #FFFFFF; margin: 20px auto 10px auto; height: 36px; line-height: 36px; width: 760px; clear: both }
#footer a { color: #FFFFFF; font-weight: bold }

/* copyright */
#copyright { width: 760px; clear: both; font-size: 10px; margin: 0px auto 5px auto; font-family: tahoma, arial, verdana }

/* print version */
@media print {
	* { color: #000000; float: none; margin: 0px; padding: 0px; border: 0px }
	body, #main, #rc, #content { width: 95% }	
	#top, #lc, #menu, #logo, #scnt, #lang, #footer, div.totop { display: none }
}