/*** obecne nastaveni ******************************************************************************************/

* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000;
  background: #fff url('graphics/header_bg_2.png') 0 0 repeat;
}

/*** nastavitelne hodnoty ***/

body { margin-top: -40px; } /* maximum je nula */
#footer-right { left: 963px; } /* = wrapper + shifter - 28 */
#wrapper { width: 995px; } /* + shifter = vse < 1024 - 21 */
#shifter, #shifter-footer { margin-left: -4px; } /* 5k + 1 px */
#header-top { width: 400px; } /* presah navic, pricist to, oc zvetsujeme */
/*#header-menu-2 {  } /* presah navic, pricist to, oc zvetsujeme */
#footer-center { left: 167px; } /* 171 + shifter */
#footer-center { width: 800px; } /* neni presah navic, pricist to, oc zvetsujeme */

/*** konec nastavitelnych hodnot ***/ 

#superwrapper {
  width: 100%;
  height: 100%;
  background: url('graphics/header_bg_1.png') 0 0 repeat-x;
}

#wrapper {
  position: relative;
  text-align: left;
  background: #fff url('graphics/body_bg_1.png') 0 -4px repeat-y;
  min-height: 780px;
}

#top-marginator {
  width: 171px;
  height: 54px;
  background: url('graphics/header_bg_3.png') 0 0 repeat;
}

#header-logo {
  width: 458px;
  height: 142px;
  background: url('graphics/header_bg_logo.png') 0 0 no-repeat;
}

#header-left-column {
  position: absolute;
  top: 142px;
  left: 0;
  width: 10px;
  height: 169px;
  background: url('graphics/header_bg_4.png') 0 0 no-repeat;
}

#header-right-top {
  position: absolute;
  top: 0;
  right: 0;
  width: 165px;
  height: 32px;
  background: url('graphics/header_bg_5.png') 0 0 no-repeat;
}

#header-top {
  position: absolute;
  top: 0;
  left: 458px;
  height: 10px;
  background: url('graphics/header_bg_6.png') 0 0 repeat-x;
}


#photostrip {
  position: absolute;
  top: 28px;
  right: 15px;
  width: 150px;
  height: 750px;
  background: url('graphics/photostrip2.png') 0 0 no-repeat;
}

#header-menu-1 {
  position: absolute;
  top: 277px;
  right: 0;
  width: 15px;
  height: 29px;
  background: url('graphics/header_menu_1.png') 0 0 repeat-x;
}

#header-menu-2 {
  position: absolute;
  top: 277px;
  left: 10px;
  height: 29px;
  background: url('graphics/header_menu_1.png') 0 0 repeat-x;
}

h1 {
  position: absolute;
  top: 190px;
  left: 80px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 180%;
  font-weight: normal;
}

 #dodatek {
  position: absolute;
  top: 225px;
  left: 80px;
  font-style: italic;
  font-weight: normal;
  color: #616161;
}

h1 a {
  color: #616161;
  text-decoration: none;
}

#content {
  margin-top: 230px;
  margin-left: 85px;
  margin-right: 240px;
}

#bottom-marginator {
  height: 40px;
}

#footer-base {
  height: 46px;
  background: url('graphics/footer_bg_1.png') 0 0 repeat;
  position: relative;
}

#footer-left {
  width: 171px;
  height: 46px;
  background: url('graphics/footer_bg_2.png') 0 0 no-repeat;
}

#footer-right {
  position: absolute;
  top: 0;
  width: 28px;
  height: 46px;
  background: url('graphics/footer_bg_3.png') 0 0 no-repeat;
}

#footer-center {
  position: absolute;
  top: 0;
  height: 46px;
  background: url('graphics/footer_bg_4.png') 0 0 repeat-x;
}

.nodisplay {
  display: none;
}

#menu-first-line {
  background: #304150;
  width: 1px;
  height: 29px;
  position: absolute;
  top: 0;
  left: 0;
}

p {
  margin-bottom: 10px;
  clear: left;
  text-align: justify;
}

ul {
  margin-left: 20px;
  margin-bottom: 10px;
}

ul li {
  margin-top: 5px;
}

ol {
  margin-left: 23px;
}

ol.nested-letters {
  margin-bottom: 10px;
  list-style-type: upper-alpha;
}

ol.nested-letters ol.nested-letters {
  list-style-type: lower-alpha;
}

ol.nested-letters li {
  /*margin-bottom: 10px;*/
}

h2 {
  color: #2b3d4c;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 180%;
  font-weight: normal;
  margin-bottom: 30px;
}

h3 {
  color: #d42e12;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 150%;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 20px; 
}

h4 {
  color: #d42e12;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 120%;
  font-weight: normal;
  margin-top: 25px;
  margin-bottom: 15px; 
}

h5 {
  color: #000;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 100%;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 15px; 
}

h6 {
  color: #000;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 100%;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px; 
}

.sloupce {
  margin-top: 20px;
  margin-bottom: 10px;
}

.sloupce h3 {
  float: left;
  font-size: 140%;
  margin-top: 0;
  width: 200px;
  margin-bottom: 0;
}

.sloupce p {
  margin-left: 200px;
  clear: none;
  position: relative;
  top: 3px;
}

table td.c1 {
  width: 320px;
  text-align: left;
}

table.typ-2 td.c1 {
  width: 215px;
}

table.typ-3 {
  width: 100%;
}

table.typ-4 td {
  vertical-align: top;
  padding-bottom: 5px;
}

table.typ-4 td.c1 {
  width: 280px;
}

table.typ-3 td.c1 {
  width: auto;
}

table.typ-5 td.c1 {
  width: 200px;
}

table.typ-5 td {
  vertical-align: top;
  padding-bottom: 5px;
}

.sloupce .ssb {
  margin-top: 10px;
}

.sloupce table.vat td {
  vertical-align: top;
}

a {
  color: #d42e12;
  text-decoration: underline;
}

table.four-columns {
  border-collapse: collapse
}

table.four-columns td {
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
}

table.four-columns th {
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

table.four-columns td {
  border-bottom: 1px solid #ccc;
}



table.four-columns-a td.c1 {
  width: 170px;
}

table.four-columns-a td.c2 {
  width: 100px;
}

table.four-columns-a td.c3 {
  width: 160px;
}


table.four-columns-b {
  width: 100%; 
}


table.four-columns-b td.c1 {
  width: 170px;
}

table.four-columns-b td.c2 {
  width: 250px;
}

table.four-columns-b td.c3 {
  width: 160px;
}

table.four-columns-b .c3, table.four-columns-b .c4 {
  text-align: center;
}

#img-conam-loga {
  width: 500px;
  height: 94px;
  margin-bottom: 20px;
}

.top-margin-a {
  margin-top: 5px;
}

.top-margin-b {
  margin-top: 10px;
}

.top-margin-c {
  margin-top: 20px;
}

.top-margin-d {
  margin-top: 50px;
}

.bottom-margin-a {
  margin-bottom: 5px;
}

.bottom-margin-b {
  margin-bottom: 10px;
}

.bottom-margin-c {
  margin-bottom: 20px;
}

.width-66 {
  width: 66%;
}

table.many-columns {
  font-size: x-small;
  text-align: center;
  width: 100%;
  border-collapse: collapse
  
}

table.many-columns td.c1 {
  text-align: left;
  width: 200px;
  padding-left: 2px;
}

table.many-columns td {
  border: 1px solid #ccc;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
}

.eight-columns-a td.c1 {
  width: 100px;
}

.eight-columns-a td.c2, .eight-columns-a td.c6, .eight-columns-a td.c5 {
  width: 80px;
}

.eight-columns-a td.c3, .eight-columns-a td.c7, .eight-columns-a td.c4 {
  width: 60px;
}

.eight-columns-b td.c1 {
  width: 180px;
}

#button-nahrat-soubor {
  width: 80px;
  margin-top: 30px;
}

#foto-skoly {
  width: 490px;
  height: 338px;
  margin: auto;
  margin-top: 20px;
  border: 1px solid #000; 
}

.text-centerer {
  text-align: center;
}

.text-righter {
  text-align: right;
}

div.fotogalerie a {
  margin-left: 33px;
}

div.fotogalerie a img {
  border: 1px solid #111;
  margin-top: 15px;
  margin-bottom: 15px;
}

div.fotogalerie {
  margin-top: 50px;
  border: 1px solid #ddd;
  padding-top: 15px;
  padding-bottom: 15px;
}