html {background-color: #CCD9DD; padding: 4.5em;}

body {margin: 0 auto; width: 760px; font-family: verdana;}

#center {text-align: center;}

#header {background-color: #177ECA;}
#header img {vertical-align: bottom; border-style: none;}

#shadow-y-l {width: 768px; padding-left: 8px; background-image: url('txp_img/shadow-y-l.bmp'); background-repeat: repeat-y; background-position: 0%;}

#shadow-y-r {width: 760px; background-image: url('txp_img/shadow-y-r.bmp'); background-repeat: repeat-y; background-position: 100%; padding-right: 8px; border-width: 1px;}

#shadow-x-t {width: 760px; height: 8px;background-image: url('txp_img/shadow-x-t.bmp'); background-repeat: repeat-x; position: absolute; top: -8px; left: 0;}

#shadow-x-b {width: 760px; padding-bottom: 8px; background-image: url('txp_img/shadow-x-b.bmp'); background-repeat: repeat-x; position: absolute; top: 45px; left: 0;}

#corner-l-t {position: absolute; top: -8px; left: -8px; z-index: 2;}
#corner-r-t {position: absolute; top: -8px; left: 760px;}
#corner-l-b {position: absolute; top: 45px; left: -8px;}
#corner-r-b {position: absolute; top: 45px; left: 760px;}

#ornament1 {position: absolute; top: -65px; left: -60px;}
#ornament2 {position: absolute; top: -9px; left: 600px; z-index: 2;}
#ornament3 {position: absolute; top: -181px; left: 736px; z-index: 2;}

#txp {position: absolute; left: -45px; top: -40px;}
#txp img {border-style: none;}
#txp a {cursor: default;}

#main {width: 760px; background-color: #FBFBFB; position: relative;}

#head-bottom {display: block; width: 100%; height: 30px; background-color: #284771; background-image: url('txp_img/fillhead-bottom.bmp'); position: relative;}
#head-bottom-text {text-align: right; font-size: 0.8em; color: #FFFFFF; font-weight: bold; padding: 0.5em 2em 0 0;}

#counter {position: absolute; top: 8px; left: 60px;}

.menuarea {float: left; margin: 2em 0 0 0.8em; position: relative;}
.menu {font-family: tahoma; width: 10.5em; text-align: left; margin-top: 0.2em;}
.menuarea img {border-style: none; vertical-align: middle;}
.menuarea a {color: #414141; text-decoration: none;}
.menuarea a:hover {font-weight: bold;}
.menuarea fieldset {width: 10em; display: block; margin-top: 1em; border-top: 1px solid #ACA899; border-right: 1px solid #FBFBFB; border-bottom: 1px solid #FBFBFB; border-left: 1px solid #ACA899; padding-right: 0; padding-left: 0.7em;}
.menuarea legend {font-size: 1.1em; font-family: helvetica; font-weight: bold; color: #828282;}
.space-top {margin-top: 1em;}

#content {width: 550px; float: right; border-left: 2px dotted #828282; background-color: #FBFBFB; min-height: 51em; color: #373737; font-size: 0.9em;}

#space {margin: 1em 0.9em 2em 0.9em; position: relative;}
#spacefoot {padding-top: 2em; padding-right: 3em;}

p {line-height: 160%; text-indent: 7%; text-align: justify;}
p:first-letter {font-size: 1.2em; color: #177ECA;}

#top {text-align: right; color: #CC7B02; margin: 2em 0.3em 0 0; text-decoration: underline;}
#top a {color: #CC7500; font-size: 0.8em;}
#top a:hover {font-weight: bold;}

#top2 {text-align: right; color: #CC7B02; margin: 2em 0.5 0 0;}
#top2 a {color: #CC7500; font-size: 0.8em; text-decoration: underline;}
#top2 a:hover {font-weight: bold;}

#backlist {text-align: right; color: #CC7B02; margin: 0.5em 0.5em 0 0; text-decoration: underline;}
#backlist a {color: #CC7500; font-size: 0.8em;}
#backlist a:hover {font-weight: bold;}

.top {text-align: right; color: #CC7B02; margin: 2em 0.5em 0 0; text-decoration: underline;}
.top a {color: #CC7500; font-size: 0.8em;}
.top a:hover {font-weight: bold;}

.error {font-size: 1.1em; color: #BB0000;}

#foot {clear: both; background-color: #284771; background-image: url('txp_img/fillfoot.bmp'); background-repeat: repeat-x; height: 45px; font-size: 0.7em; font-weight: bold; color: #E5E5E5; text-align: right; position: relative;}

#foot a {color: #E5E5E5;}
#foot a:link, a:visited {text-decoration: none;}
#foot a:hover {text-decoration: underline;}

.comment-form table {margin: 0 auto; text-align: center; padding-top: 2em;}
.comment-form td {color: #000000;}
.comments {margin: 2.5em 3.2em 2.5em 3.2em;}
.comments-border {border-right: 1px dashed #CDD1D8; border-bottom: 1px dashed #CDD1D8;  border-left: 1px dashed #CDD1D8; background-color: #FFFFFF; background-image: url('txp_img/background_comment.bmp'); padding: 0 1em 1em 1em;}
.comment-text {color: #146FB1; font-size: 0.9em; font-style: italic;}
.block-img {width: 100%; height: 25px; background-image: url('txp_img/blok.bmp'); color: #B3B9C3;}
.head-comment {font-size: 0.9em; font-weight: bold; margin-bottom: 1.5em;}
#txpCommentInputForm {color: #BC2716;}
#txpCommentInputForm:first-letter {color: #BC2716;}
#cpreview {border-width: 2px; border-style: solid; border-color: #BC2716; background-image: url('txp_img/brief.gif'); background-repeat: no-repeat; background-position: right bottom;}
.title-comment {font-weight: bold; margin: 2em 0 2em 0;}
.notice {font-size: 0.7em; color: #000000; margin: 1.5em 1em 0.5em 1em;}
.brief-position {position: relative;}
.brief {font-size: 0.8em; color: #BC2716; position: absolute; top: -20px; left: 230px;}

h1, h2, h3, h4, h5 {font-family: helvetica;}
h1 {color: #373737;}
h2 {font-size: 1.8em; margin: 2em 0 2em 0; color: #BB0000;}
h3 {font-size: 1.6em; text-align: left; margin: 2em 0 0 1.7em; color: #177ECA;}
h4 {font-size: 1.3em; margin: 2em 0 0 0; color: #414141;}
h5 {font-size: 1.1em; margin: 2em 0 0 0; color: #414141;}

.article {width: 518px; overflow: hidden;}

.article h1 {display: none;}

.article h2 {text-align: left; font-size: 1.6em; color: #177ECA; margin: 2.2em 0 2em 1.4em;}

.article h3 {text-align: left; font-size: 1.4em; color: #177ECA; margin: 1.7em 0 1.5em 1.7em;}

.article h4 {text-align: left; font-size: 1.2em; color: #177ECA; margin: 1.2em 0 1em 2em;}

.example h2 {text-align: left; font-size: 1.6em; color: #177ECA; margin: 2em 0 2em 1.4em;}

.example h3 {text-align: left; font-size: 1.4em; color: #177ECA; margin: 1.5em 0 1.5em 1.7em;}

.example h4 {text-align: left; font-size: 1.2em; color: #177ECA; margin: 1em 0 1em 2em;}

.article img {display: inline; vertical-align: middle; margin: 1em 0 1em 0; padding: 8px; border-width: 1px; border-style: solid; border-color: #DBDBDB; background-color: #FFFFFF;}

h5 a:link {color: #177ECA; text-decoration: underline;}
h5 a:visited {color: #ACACAC; text-decoration: underline;}
h5 a:hover {color: #7EBFEF;}

.head-comment a:link {color: #313131; text-decoration: none;}
.head-comment a:visited {color: #313131; text-decoration: none;}
.head-comment a:hover {color: #6A6A6A; text-decoration: underline;}
.comment-text a:link {color: #265071; text-decoration: underline;}
.comment-text a:visited {color: #265071; text-decoration: underline;}
.comment-text a:hover {color: #122534;}

.annotation {width: 436px; margin: 0 auto; font-size: 0.9em; position: relative; top: -1em;}
.annotation p {text-indent: 6%;}

.data {font-size: 0.8em; color: #9D9D9D; text-align: left; margin: 1.2em 0 2.5em 3em;}
.data a {color: #9D9D9D; text-decoration: none;}
.data a:hover {text-decoration: underline;}

.preview {border-bottom: 1px dotted #828282; padding-bottom: 1em;}
.preview img {vertical-align: middle;}
.preview-align {text-align: left; margin-left: 3em;}
.preview p:first-letter {font-size: 1.2em; color: #373737;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.justify {text-align: justify;}

ul, ol {text-align: justify; line-height: 160%; margin-top: 1em; margin-bottom: 1em;}
ul {list-style-type: square; text-align: justify;}

.article table {border-width: 2px; border-style: solid; border-color: #828282; border-collapse: collapse; font-size: 0.9em; margin: 0 auto; clear: both;}
.article td, th {border-width: 1px; border-style: solid; border-color: #828282; padding: 0.2em; text-align: center;}
.article th {background-color: #EEEEEE;}
.article td {background-color: #FFFFFF;}
.article a:link {color: #000000; text-decoration: underline;}
.article a:visited {color: #000000; text-decoration: underline;}
.article a:hover {color: #838383;}
.article hr {margin: 2.5em 1em 2.5em 1em; height: 1px; color: #828282; border: 0 none; border-top: 1px dotted #828282;}
.article a img {padding: 8px 8px 30px 8px; background-color: #FFFFFF; background-image: url('txp_img/handglass.jpg'); background-repeat: no-repeat; background-position: 95% 100%; float: none;}

.re {padding: 0.5em; border: 1px dashed #CDD1D8; text-align: justify; line-height: 160%; text-indent: 7%; color: #858E9E; font-size: 0.9em;}

.download li a {background-image: url('txp_img/download.bmp'); background-repeat: no-repeat; background-position: right;}
.download a {padding-right: 1.2em;}

.contact {margin: 2em 0 2em 4em; text-align: left; line-height: 150%;}
.contact-space {position: relative; left: 21px;}
.contact img {margin: 0; padding: 0;}

.mailform table{font-weight: bold; margin: 2em 0 2em 0; border-style: none;}
.mailform td {padding: 0.2em; text-align: left; border-style: none;  background-color: #FBFBFB;}
.red {color: #DF0000; font-weight: bold;}
.formmess {padding: 2em 5em 2em 7em; text-align: left; font-size: 0.9em;}

.line {border-bottom: 1px dotted #828282; margin: 2em 0 2em 0;}
.line2 {border-bottom: 2px dotted #828282; margin: 3em 0 3em 0;}
.short-line {border-bottom: 2px dotted #828282; margin: 3em 10em 3em 10em;}

.formmess a:link {color: #265071; text-decoration: underline;}
.formmess a:visited {color: #265071; text-decoration: underline;}
.formmess a:hover {color: #122534;}

.personal {float: left; width: 250px; background-color: #4C75A0; font-size: 0.8em; color: #FFFFFF; margin: 0 1em 1.5em 0.2em; padding-top: 1.5em; position: relative; top: 0.5em;}
.personal img {margin: 0 auto; background-color: #FBFBFB;}
.personal li {margin-left: 1.2em; line-height: 180%;}
.personal a img {background-image: none; padding: 5px;}

#search {font-size: 0.8em; line-height: 200%; margin-bottom: 2em;}

#news {font-size: 0.9em; margin-top: 1em;}
#news a:link {color: #146FB1; text-decoration: underline;}
#news a:visited {color: #146FB1; text-decoration: underline;}
#news a:hover {color: #369DE9; font-weight: normal;}

.popisek {text-align: center; font-size: 0.8em; color: #CC7500; position: relative; top: -0.2em;}

.pencil img {border-style: none; margin-top: 2em; background-color: #FBFBFB;}

.code {display: block; color: #CC7500; border-width: 1px; border-style: dotted; border-color: #FFFFFF; background-color: #D3D3D3; text-align: left; padding: 0.2em 0.2em 0.2em 3em;}
.code2 {display: block; color: #CC7500; border-width: 1px; border-style: dotted; border-color: #FFFFFF; background-color: #D3D3D3; padding: 0.2em; text-align: left;}
.code img {border-style: none; background-color: #D3D3D3;}
.example {display: block; color: #868686; padding: 0.2em 1em 0.2em 1em; border-width: 1px; border-style: dotted; border-color: #D6D6D6; background-color: #FFFFFF; line-height: 160%; text-align: justify;}
.inter-code {text-align: justify; margin: 1em 0 1em 0; line-height: 160%;}
.backblue {color: #FFFFFF; background-color: #316AC5;}
code {font-family: verdana;}

.example img {padding: 5px; border-style: none;}
.example .personal img {margin: 0 5em 0 5em;}
.example-personal {margin: 0 5em 0 5em;}
.example-personal img {vertical-align: middle; padding: 0; border-width: 1px; border-style: dotted; border-color: #DBDBDB; margin-bottom: 2em;}

.no-border img {border-style: none;}
.no-margin img {margin: 0;}
.no-padding img {padding: 0;}

.blink {text-decoration: blink;}

.link-help {text-align: justify; color: #BB0000; margin: 2em 0.2em 2em 0.2em; line-height: 130%;}
.link-help a:link {color: #BB0000;}
.link-help a:visited {color: #BB0000;}
.link-help a:hover {color: #FF6464;}

.new-old {text-align: left; font-size: 0.9em; color: #CC7500; margin: 3em 0 2em 3.5em;}
.new-old a {color: #CC7500; text-decoration: underline;}
.new-old a:hover {font-weight: bold;}

.actual {margin: 0 auto; border: 1px #828282 dotted; width: 450px; text-align: left; font-size: 0.9em; color: #177ECA; background-color: #FFFFFF; padding-bottom: 1em;}
.actual-title {padding: 0.2em 0 0 1em; font-weight: bold;}
.actual-space {padding: 0.6em 1.1em 0.1em 1.1em;}
.actual p {text-align: left; line-height: 130%; text-indent: 4%;}
.actual a {text-decoration: underline; color: #146FB1;}
.actual a:hover {color: #389DE9;}

.figure p {text-align: center; text-indent: 0; font-size: 0.9em; position: relative; top: -1.5em; color: #CC7500; margin-bottom: -1.5em;}
.figure p:first-letter {font-size: 0.9em; color: #CC7500;}

.unvisible {display: none;}
.unprintable {text-align: center; margin-bottom: 2em;}
.clear {text-align: left; line-height: 160%;}