abbr,acronym,.hint {
  border-bottom: 1px dotted black;
  cursor: help;
}

body {
  background-color: #DDF4FF;
  margin-top: 1px;
}

dt {
  font-weight: bold;
  margin-top: 5px;
}
dd ul,dd ol {
  margin-left: 0;
  padding-left: 0;
}
dd ul ul,dd ol ol,dd ul ol,dd ol ul {
  margin-left: 1em;
  padding-left: 1em;
}


h1 {
  font-size: 1.9em;
  margin-bottom: 10px;
}
h2 {
  font-size: 1.4em;
  margin-top: 30px;
  margin-bottom: 5px;
}
h3 {
  font-size: 1.2em;
  margin-top: 20px;
  margin-bottom: 0;
}
h4 {
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 0;
}
h5 {
  font-size: xx-small;
  margin-bottom: 0;
}

code,kbd { font-size: 115% }

span input,span select { margin-right: 1ex }
form label,form span,.nowrap { white-space: nowrap }
span label { line-height: 2.5 }
div label { line-height: 1 }
form .comment { margin-top: 1em }
textarea.comment,.comment textarea,input.comment,.comment input { width: 100% }
textarea.comment,.comment textarea { height: 7em }

table {
	font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	font-size: 100%;
	border-collapse: collapse;
}
tbody th { background-color: gainsboro }
thead,thead th,.head { background-color: #9FCFE0 !important }
tfoot { background-color: gainsboro }
table.body table td,table.body table th {
  border: 1px solid darkgray;
  padding: 3px;
}
table.transparent th,table.transparent td { border: 0 !important }



/* --- Element Class --- */
a.decent,a.decent:hover { color: black }
a.decent { text-decoration: none }
a.decent:hover { text-decoration: underline }

form .row {
  clear: both;
  padding-top: 3px;
}
form .row label {
  float: left;
  width: 190px;
  text-align: left;
  padding-top: 4px;
}
form .row span label {
  float: none;
  width: auto;
}
form.compact {
  margin: 0;
  padding: 0;
}

form.compact input { font-size: 80% }

input.required,textarea.required,select.required {
  font-weight: normal;
  background-color: yellow;
}

input.submit { margin-top: .1em }

p.normal { text-align: justify }

table.body { font-size: 80% }
table.small { font-size: 50% }
td.date,td.num { text-align: right }

ul {
  margin-left: 16px;
  margin-right: 5px;
  padding-left: 0;
}


/* --- General Class --- */
.float,.right,.rightb,.left,.leftb, .righttop,.righttopb,.lefttop,.lefttopb, .floatright,.floatleft {
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: none;
}
.right img,.left img, .righttop img,.lefttop img { border-style: none }
img.rightb,div.rightb img,img.leftb,div.leftb img {
  border-style: solid;
  border-width: 1px;
}
.right div,.rightb div,.left div,.leftb div, .righttop div,.righttopb div,.lefttop div,.lefttopb div { font-size: 85% }
.right p,.rightb p,.left p,.leftb p, .righttop p,.righttopb p,.lefttop p,.lefttopb p { margin: 0 0 .5em 0 }
.right,.rightb, .righttop,.righttopb, .floatright {
  float: right;
  margin-left: 15px;
}
.float,.left,.leftb, .lefttop,.lefttopb, .floatleft {
  float: left;
  margin-right: 15px;
}

.floatright { margin-left: 25px }
.floatleft { margin-right: 25px }

.ramecek {
  float: right;
  width: 40%;
  margin: 1em;
  padding: 0 .5em;
  border: 1px solid black;
}

img.tfoto,.album img {
  margin: 5px 10px 5px 0;
  vertical-align: middle;
  border: 1px solid black;
}

img.partner {
  margin-top: 5px;
  margin-right: 30px;
  margin-bottom: 10px;
  border-style: none;
}

.ofthumb {
  width: 65px;
  text-align: center;
  padding-bottom: 10px;
}

.clear { clear: both }

.dodatek {
  font-size: x-small;
  font-weight: normal;
}

.external {
  padding-right: 10px;
  font-style: italic;
  background: url(/images/external.gif) no-repeat center right;
}

.menu .external {
	background: none;
	padding-right: 0;
	font-style: italic;
}

.first { margin-top: 0.25em }
.near p,.near ul,.near ol,.near dl,p.near,ul.near,ol.near,dl.near,.near .info {
  margin-top: 0;
  margin-bottom: 0;
}
div.near { margin-top: 0; padding-top: 0; }
.near .info { margin: 0 0 3px 0 }
.near h1 { margin-top: 0 }
.near h2 { margin: 20px 0 0 0 }
form.near,.near .right,.near .rightb {
  margin: 0;
  padding: 0;
}

.grand {
  color: #FF7539;
  font-weight: bold;
}

.highlight {
  background-color: yellow;
  font-weight: bold;
}

.strong { font-weight: bold }


.important {
  color: red;
  font-weight: bold;
}

.light { font-weight: normal }

.mark { color: red }

.note { font-size: 85% }
.note p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.notice {
  font-size: 85%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.rpassword {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 1px;
}



.perex p,.perex ul,.perex ol,.perex dl { margin-bottom: 0 }


/* --- Menu --- */
ul.menu {
  margin-left: 3px;
  margin-right: 5px;
  padding-left: 0;
  line-height: 150%;
  font-weight: bold;
  font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
  list-style-type: none;
}
.menu a { text-decoration: none }
.menu a:hover { text-decoration: underline }
li.separator { margin-top: 8px }
ul.menu2 {
	list-style-type: square;
	line-height: 110%;
	padding-left: 0;
	font-size: 90%;
	font-weight: normal;
	margin: 0 5px 10px 19px;
}
.menu2 a { text-decoration: none }
.menu2 a:hover { text-decoration: underline }



/* --- Id --- */
#copyright {
  text-align: center;
  font-size: 70%;
  margin-top: 5px;
  font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
}

.download {
  margin: 1em 0 0 1em;
  padding: 0 .5em;
  border-style: solid;
  border-width: 1px;
  float: right;
  background-color: #FFFFCC;
}
.download dl {
  margin-bottom: .5em;
}


/* --- Art --- */
@media screen {
  .atrname {
    font-weight: bold;
    color: gray;
  }
}

@media print {
  .atrname { font-weight: bold }
  a { color: black }
}