body {
  background: #828282 url(/obrazek/3/background-jpg) repeat 0 0;

/*  background: #828282 url(/obrazek/3/background-jpg) repeat-y 50% 0;*/
 }
h1{
  font-weight: bold;
 }
h2{
  color: #1F6D3D; font-size: 15pt;
 }
h3, h4 {
  margin-bottom: 0.5em; color: #144275;
}
h3 a:link, a:visited {
  color: #006600;
} 
h3 a:hover {
  color: #7b7b7b;
  text-decoration: none;
}
h4 { color: #444; }
pre {
  border: 1px solid #828282;
  padding: 2px;
  background-color: #f5f5f5;
}
#serial {
  font-size: 92%;
  padding: 10px;
  border: 1px solid #eee;
  margin-bottom: 1em;
}
#serial div {
  padding-left: 18px;
  padding-bottom: 0.2em;
  border-bottom: 1px dotted #eee;
  margin-bottom: 0.4em;
}
#serial ul li {
  padding-left: 37px;
  background: url(/images/styles/template3/blue/icon-arrow-right.gif) no-repeat 20px 5px transparent;
}
#serial h2 {
  font-size: 160%;
  color: #295c95;
  letter-spacing: normal;
}

blockquote, cite, q, code { color: #295c95; padding: 10px 15px; background-color: #f4f6f8; }
blockquote p { margin-bottom: 0; }
blockquote, cite, q, code { margin-bottom: 1em; }
cite, q, code { display: block; }
code { font-size: 110%; border: 1px dashed #cbd7e4; }
.legend { color: #999; }

.cssexample { color: #295c95;  padding: 1px 4px; border: 2px solid #cbd7e4;  }

/* ramecek */
.ramecek-red {
 border: 1px solid red;
 padding: 5px;
 color: #333;
 text-align: left;
 background-color: #f8f8f8;
}

/* podpis na blog */
.podpis {
 border: 1px solid silver;
 width: 350px;
 padding: 5px;
 /*color: #333;*/
 text-align: left;
 background-color: #f8f8f8;
}

#skyscraper {
position: absolute;
top: 186px; right: -130px;
width: 120px; height: 600px;
}

/* clanek hotove tabulky */

.tabulka2 { color: white; }
.extab1 { padding: 19px; border: 1px dashed #eee; margin-bottom: 1em; }
.extab2 { padding: 20px; background-color: #2e2e2e; margin-bottom: 2em; }
.last { margin-bottom: 0!important; }
.hlight { font-weight: bold; color: #ff2e00; padding: 1px 4px; border: 2px solid #ff9999; }

/* ---[ table ]------------------------------- */

.tabulka1, .tabulka2 {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ddd;
  margin-bottom: 2em;
}

/* ---[ table > 1]---------------------------- */

.tabulka1 {
  border: 2px solid #ddd;
}

.tabulka1 th, .tabulka1 td {
  padding: 4px 8px;
  border: 1px solid #ddd;
}

.tabulka1 thead th, .tabulka1 thead td {
  font-weight: bold; text-align: center;
  padding: 4px 8px;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}

.tabulka1 tbody th {
  font-weight: bold; text-align: left;
}

.tabulka1 tbody tr:hover {
  background-color: #eee;
}

/* ---[ table > 2]---------------------------- */

.tabulka2 {
  border: 2px solid #5c5c5c;
}

.tabulka2 th, .tabulka2 td {
  padding: 4px 8px;
  border: 1px solid #5c5c5c;
}

.tabulka2 thead th, .tabulka2 thead td {
  font-weight: bold; text-align: center;
  padding: 4px 8px;
  background-color: #494949;
  border-bottom: 1px solid #5c5c5c;
}

.tabulka2 tbody th {
  font-weight: bold; text-align: left;
}

.tabulka2 tbody tr:hover {
  background-color: #494949;
}

/* uprava tabulky pres css */

.tabulka.uprava1 { width: 80%; margin: 0 auto; }
.tabulka.uprava2 tbody tr:hover { background: none; }
.tabulka.uprava3 th, .tabulka.uprava3 td { border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.tabulka.uprava4 th, .tabulka.uprava4 td { border: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.tabulka.uprava5 { border: none; }
.tabulka.uprava6 { border: 5px solid #ffce99; }
.tabulka.uprava7 { border-color: #cbd7e4; margin-botom: 4em; }
.tabulka.uprava7 thead th, .tabulka.uprava7 thead td { color: white; background-color: #aa0000; border-bottom: 1px solid #610000; }




#footer {
  font-size: 100%;
  height: auto!important; line-height: auto!important;
  text-align: left;
  padding: 10px 10px 20px 10px;
  background: #909090;
  background: #989898 url(/ftp/footer-bg.jpg) repeat-x 0 0; 
}

#footer div {
  float: left; color: #eee; 
  width: 130px;
  margin: 0 15px;
}

#footer div h4 { color: #333; color: white; margin-bottom: 0; }
#footer ul li { display: block; line-height: 1.6em; margin-left: 8px; }
#footer div a { color: #eee; text-decoration:none; }
#footer a:hover { color: #eee;text-decoration:underline; }

iframe { margin-top: 1em; }