body {
  margin:               0px;
  padding:              10px;
  background-image:     url('/img/sematizmus_background.png');
  background-repeat:    repeat;
  font-family:          Georgia, Times New Roman, serif;
  text-align:           left;
  font-size:            12px;
  font-weight:          normal;
  color:                #555555;
}

h1 {
  text-align:           center;
  font-size:            18px;
  font-weight:          bold;
  /*font-variant:       small-caps;*/
  text-transform:       uppercase;
  margin-top:           25px;
}

h2 {
  text-align:           center;
  font-size:            14px;
  font-weight:          bold;
  text-transform:       uppercase;
  margin-top:           15px;
}

h2.tortenet {
  text-align:           center;
  font-size:            14px;
  font-weight:          bold;
  text-transform:       none;
  line-height:          24px;
  margin:               50px 25px 20px 25px;
}

h3 {
  text-align:           center;
  font-size:            14px;
  font-weight:          normal;
  margin-top:           15px;
}

p.centered {
  text-align:           center;
  line-height:          24px;
}

p.tortenet {
  text-align:           justify;
  line-height:          24px;
  max-width:            700px;
  margin-left:          auto;
  margin-right:         auto;
  margin-top:           6px;
  margin-bottom:        12px;
  padding-left:         20px;
  padding-right:        20px;
  text-indent:          24px;
}

h2 p.tortenet:first-letter {
  font-size:            400%;
  float:                left;
}

a {
  color:                #334466;
  text-decoration:      none;
}

a:hover {
  border-top:           1px solid #a3b1cc;
  border-bottom:        1px solid #a3b1cc;
}

a.silent,
a.silent:hover {
  text-decoration:      none;
  border:               none;
}

div.base-frame {
  position:             relative;
  top:                  0px;
  bottom:               0px;
  min-width:            950px;
  width:                100%;
  height:               100%;
  background:           white;
  border:               2px solid #334466;
}

div.page-header {
  width:                100%;
  height:               87px;
  background:           #e2ded2;
  background-image:     url('/img/header_img_5.png');
  background-position:  top right;
  background-repeat:    no-repeat;
}

div.page-footer {
  background:           #dde3f0;
  border-top:           5px solid #ebeef6;
  padding:              3px;
  margin:               0px;
  font-family:          Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:            10px;
  font-weight:          normal;
  text-align:           center;
  color:                #555555;
  clear:                both;
}

div.page-cimke-sor {
  width:                100%;
  height:               72px;
  background:           #dde3f0;
  overflow:             auto;
}

div.page-cimke-sor-border {
  width:                100%;
  height:               5px;
  background:           #ebeef6;
}

div.tema_ikon {
  position:             relative;
  float:                left;
  left:                 172px;
  margin:               8px 5px 3px 0px;
}

div.tema_felirat {
  position:             relative;
  float:                left;
  left:                 177px;
  margin:               25px 10px 10px 0px;
  font-family:          Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:            20px;
  font-weight:          normal;
  text-align:           center;
  color:                #405580;

}

div.page-menu-left {
  position:             relative;
  float:                left;
  clear:                left;
  top:                  0px;
  bottom:               0px;
  width:                190px;
  margin:               20px 10px 20px 0px;
  padding:              0px 0px 0px 10px;
}


div.acm-base {
  top:                  0px;
  bottom:               0px;
  margin:               20px 20px 50px 230px;
  min-height:           400px;
}

div.acm-title {
  font-size:            30px;
  font-variant:         small-caps;
  color:                #405580;
  margin:               20px 20px 4px 0px;
  border-bottom:        1px solid #405580;
}

div.scm-title {
  font-size:            14px;
  font-weight:          bold;
  color:                #405580;
  margin:               12px 20px 3px 0px;
}

div.scm-subtitle {
  font-size:            12px;
  font-weight:          bold;
  color:                #405580;
}

div.scm {
  font-size:            12px;
}

.scm table tr td {
  font-size:            12px;
}

div.scm-cimke {
  font-size:            12px;
  margin:               12px 20px 3px 0px;
}

div.scm-adat {
  font-size:            12px;
  margin:               12px 20px 3px 0px;
}

div.scm table {
  margin:               0px 20px 0px 10px;
}

div.scm td {
  padding:              1px 4px 1px 4px;
}

div.gomb-div {
  float:                right;
  margin:               2px;
  padding:              2px 4px 2px 2px;
  height:               20px;
  border:               1px solid #a3b1cc;
  background:           #ffffff;
  color:                #405580;
  vertical-align:       middle;
  line-height:          20px;
  font-family:          Dejavu Sans, Tahoma, sans-serif;
  font-size:            11px;
}

div.gomb-div:hover {
  margin:               3px 1px 1px 3px;
  border:               1px solid #a3b1cc;
  cursor:               pointer;
}

img.gomb-div {
  margin:               2px 4px -4px 2px;
  padding:              0px;
}

div.button-container {
  border-top:           1px solid #a3b1cc;
  margin:               5px 3px 0px 3px;
  padding:              5px 5px 0px 5px;
  height:               30px;
}

form {
  margin:               0px;
  padding:              0px;
}

span.titulus-nevelotti,
span.titulus-nevutani {
  font-size:            16px;
}

img.header,
img.tema-ikon {
  border:               none;
  margin:               0px;
  padding:              0px;
}

img.header-logo {
  float:                left;
}

img.header-image {
  float:                right;
}

img.fenykep {
  border:               1px solid #334466;
  margin:               10px;
  padding:              0px;
}

img.fenykep-balra {
  float:                left;
  border:               1px solid #334466;
  margin:               25px;
  padding:              0px;
}

img.fenykep-jobbra {
  float:                right;
  border:               1px solid #334466;
  margin:               25px;
  padding:              0px;
}

img.gomb-img {
  border:               none;
  padding:              1px;
  cursor:               pointer;
}

img.gomb-img-inline {
  border:               none;
  padding:              1px;
  margin:               0px 0px -4px 0px;
  cursor:               pointer;
}

img.gomb-img-right {
  float:                right;
  border:               none;
  padding:              1px;
  cursor:               pointer;
}

img.gomb-img:hover,
img.gomb-img-inline:hover,
img.gomb-img-right:hover {
  padding:              2px 0px 0px 2px;
}

img.elvalaszto {
  clear:                both;
}

td.feladatkor-ellatas {
  width:                300px;
}