img {
  border: none;
}

h3 {
  margin: 24px 0 4px 0;
  border-bottom: 1px dotted #888;
  padding: 2px 0;
}

h4 {
  margin: 8px 0 0 0;
  color: #A60000;
}

#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('imgs/spinner.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
}

#cont_footer {
  text-align: right;
  margin: 16px 0 8px 0;
  border-top: 1px dotted #888;
}

.yesnolist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.yesnolist li {
  padding: 0 0 0 24px; 
}

.yesnolist li.yes {
  background: url('imgs/tick.png') no-repeat left center;
}

.yesnolist li.no {
  background: url('imgs/cross.png') no-repeat left center;
  color: #888;
}

#content {
  font-size: 13px;
  text-align: justify;
}

#content a {
  color: #1E739F;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#download_os {
  list-style-type: none;
  margin: 16px 0;
  padding: 0;
}

#download_os a {
  display: block;
}

#download_os a.main {
  padding: 16px;
  height: 100px;
}

#download_os a.default {
  font-weight: bolder;
}

#download_os a:hover {
  background-color: #f4f4f4;
  text-decoration: none;
}

#download_os li {
  width: 32%;
  float: left;
  text-align: center;
}

.center {
  text-align: center;
}

table.list {
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}

table.list th {
  padding-right: 16px;
}

.video {
  margin: 16px 0;
  text-align: center;
}

.cenik {
  border: 2px solid #888;
  border-collapse: collapse;
  width: 100%;
  margin: 16px 0;
}

.cenik thead th {
  text-align: center;
  border-left: 2px solid #888;
  background-color: #FFEDAF;
}

.cenik td,
.cenik th {
  padding: 4px 8px;
}

.cenik .corner {
   font-weight: bolder;
   background-color: #FFE491;
   color: #AF840C;
}

.cenik td {
  text-align: center;
}

.cenik thead td.first {
  border-left: 2px solid #888;
  background-color: #FFEDAF;
  
}

.cenik thead td {
  width: 30px;
  border-left: 1px dotted #888;
  border-right: 1px dotted #888;
  border-top: 1px dotted #888;
  border-bottom: 2px solid #888;
  background-color: #FFF8DA;
}

.cenik tbody td {
  border: 1px dotted #888;
}

.cenik tbody th {
  border: 2px solid #888;
  background-color: #FFEDAF;
}

.faq p {
  margin: 4px 0;
  padding-left: 32px;
}

img.left {
  float: left;
  margin: 8px 24px 8px 0;
}

img.right {
  float: right;
  margin: 8px 0 8px 24px;
}

div.gallery {
  margin: 16px 0;
  text-align: center;
}

div.gallery img {
  margin: 8px;
}

.exports div.column {
  float: left;
  border: 1px dotted #888;
  padding: 16px;
  margin: 8px;
}

.exports h3 {
  margin: 0 0 8px 0;
}

.exports a {
  display: block;
}

.exports img {
  margin-bottom: 24px;
}

.banner {
  float:left;
  margin-top: 8px;
}

code {
  display:block;
  margin: 16px 0;
  text-align: left;
}

.help .img {
  text-align: center;
  margin: 8px 64px;
  padding: 8px 16px;
  border: 1px #888 dashed;
  background-color: #FFFEFB;
}

.help .img p {
  font-style: italic;
  margin: 8px 0 0 0;
}

.help .ui {
  border: 1px #aaa dotted;
  padding: 2px 4px;
  margin: 0 4px;
  background-color: #FDFEFF;
  font-family: courier;
}

.help .back {
  text-align: center;
  margin: 16px 0;
}

.langWarning {
  margin: 16px auto;
  width: 60%;
  padding: 8px 16px;
  text-align: center;
  border: 1px solid #aaa;
  background-color: #eee;
  font-weight: bolder;
  color: #a00;
}