body {
  font: normal 83% "tahoma", georgia, verdana, sans-serif;
  color: #688345;
  background: #88956f /*url(bg_melon2.gif) */top left no-repeat scroll;
}
h1 {
  margin: 0;
  color: #51262d;
  font-variant: small-caps;
}
h3 {
  margin: 0;
  text-align: left;
  border-bottom: dashed 1px #51262d;
  color: #51262d;}
img {
  border: 0;
}
a {
  color: #35484e;
  text-decoration: none;
}
a:hover {
  color: #d6f29e;
  text-decoration: underline;
}

/* MENUS */
.small {
  margin-left: 10px;
  font-size: 50%;
}
.menu ul {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none;
}
.menu a {
  width: 93%;
  margin: 1px;
  padding: 2px;
  display: block;
  border: solid 1px #35484e;
  background-color: #d6f29e;
  color: #35484e;
}
.menu a:hover {
  background-color: #f03732;
  color: #ffffff;
  text-decoration: none;
}
  .menu ul.menu1 {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-align:left;
  }
    .menu ul.menu2 {
      padding-left: 8px;
      padding-right: 1px;
      font-size: 90%;
      list-style-image:none;
      list-style-position:outside;
      list-style-type:none;
      text-align:left;
    }
      .menu ul.menu3 {
        padding-left: 8px;
        font-size: 96%;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        text-align:left;
      }
        .menu ul.menu4 {
          padding-left: 8px;
          padding-right: 1px;
          font-size: 86%;
          list-style-image:none;
          list-style-position:outside;
          list-style-type:none;
          text-align:left;
        }
          menu ul.menu5 {
            padding-left: 8px;
            padding-right: 1px;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            text-align:left;
          }

.rightmenu {
  margin: 5px;
}
.rightmenu ul {
  margin: 8px 0;
  padding: 0;
  list-style: none;
}
.rightmenu li {
  margin-top: 5px; margin-bottom: 5px;
}
.rightmenu a {
  color: #d6f29e;
}
.rightmenu a:hover {
  color: #324339;
  text-decoration: underline;
}
/* LAYOUT */
#header {
  margin-bottom: 25px;
  text-align: center;
}
#topnav {
  margin-bottom: 15px;
  text-align: center;
}
#upper_breadcrumbs {
  padding: 5px 15px;
  color: #4E654A;
  font-size: 90%;
}
#left {
  float: left;
  width: 170px;
  margin-bottom: 25px;
  padding: 5px;
  background-color: #688345;
  border: solid 3px #324339;
}
  #left h3 {
    color: #d6f29e;
    border-bottom: dashed 1px #324339;
    margin-bottom: 3px;
  }
#right {
  float: right;
  width: 23%;
  background-color: #688345;
  border: solid 3px #324339;
}
  #right h3 {
    color: #d6f29e;
    border-bottom: dashed 1px #324339;
  }
#content {
  margin-left: 200px; margin-right: 0;
  padding: 5px 8px; 
  background-color: #faffba;
  border: solid 3px #51262d;
}
  #content p {
    text-align: justify;
  }
  #content a {
    text-decoration: underline;
  }
  #content a:hover {
    color: #f03732;
    text-decoration: none;
  }
div.motto {
  padding: 5px;
  margin: 5px;
  text-align: right;
  color: #324339;
  background-color: #88956f;
  border: solid 2px #324339;
}
div.hasab2 {
  width: 94%;
  margin-left: 3%;
}
div.hasab_jobb {
  width: 49%;
  float: right;
  margin-right: 1%;
}
div.tamogatok {
  text-align: center;
  padding: 5px;
  margin: 5px;
  color: #324339;
  background-color: #eeeeee;
  border: solid 2px #324339;
}
#footer {
  clear: both;
  margin-top: 25px;
  text-align: center;
}

#talalat {
  text-align: center;
  padding: 5px 0px;
  color: #4E654A;
}

#footer_bar {
  clear: both;
  text-align: center;
  margin-top: 10px;
  color: #35484e;
}

/* FORMS */
#belepes_form {
  width: 300px;
}
  #belepes_form label {
    line-height: 26px;
  }
  #belepes_form label input {
    float: right;
    padding: 1px;
    width: 180px;
  }
  #belepes_form p.gombok {
    width: 100%;
    margin: 5px 2px;
    text-align: center;
  }
  
/* TABLES */
div.konyvkat_leiras {
  margin: 10px 0 0 0;
  padding: 0;
}
table.konyvlista {
  border-collapse: separate; /*collapse;*/
  width: 100%;
  margin-top:10px;
  border: solid 2px #324339;
}
  table.konyvlista th {
    color: #324339;
    background-color: #88956f;
    /*border-right: solid 1px #324339;
    border-bottom: solid 1px #324339;*/
  }
  .szines1 {
    background-color: #EDF49C;
  }
  .szines2 {
    background-color: #ECF7BB;
  }
  table.konyvlista td {
    vertical-align: top;
    /*border-right: solid 1px #324339;
    border-bottom: solid 1px #324339;*/
  }
  table.konyvlista td p {
    margin-top: 0;
  }
  table.konyvlista img {
    margin-right: 10px;
  }

div.rendeles {
  margin-top:10px;
  border: solid 2px #324339;
}
  div.rendeles div.blokk_fej {
    margin: 0;
    color: #324339;
    background-color: #88956f;
  }
  div.rendeles div.blokk_fej2 {
    margin: 0;
    color: #324339;
    background-color: #88956f;
    border-top: solid 1px #324339;
  }
  div.rendeles div.blokk_torzs {
    margin: 0;
    padding: 2px 5px;
  }
  #szamla_torzs input.hosszu {
    width: 195px;
  }
  div.hibauzenet {
    padding: 3px 5px;
    color: #f03732;
    border: 1px solid #324339;
    margin-bottom: 3px;
    margin-top: 3px;
  }
  div.tabla_hibauzenet {
    padding: 3px 5px;
    margin-bottom:10px;
    border: 2px solid #88956F;
    color: #f03732;
    background-color: #ECF7BB;
  }
table.admin {
  border-collapse: separate; /*collapse;*/
  width: 100%;
  margin-top:10px;
  border: solid 2px #324339;
}
  tr.admin_row1 {
    background-color: #A2AD7B;
    color: #324339;
  }
    tr.admin_row2 {
      background-color: #BBC586;
    }
      tr.admin_row3 {
        background-color: #D4DD91;
      }
        tr.admin_row4 {
          background-color: #EDF49C;
        }
          tr.admin_row5 {
            background-color: #ECF7BB;
          }
  tr.letoltetlen_fej {
    background-color: #BBC586;
    color: #324339;
  }
  tr.letoltetlen_reszlet {
    background-color: #EDF49C;
    color: #324339;
  }
  tr.letoltott_fej {
    background-color: #D4DD91;
    color: #9BB674;
  }
  tr.letoltott_reszlet {
    background-color: #ECF7BB;
    color: #9BB674;
  }
  tr.hir_kiemelt {
    background-color: #EDF49C;
  }
  tr.hir_alap {
    background-color: #ECF7BB;
  }
  table.admin th {
    color: #324339;
    background-color: #88956f;
    /*border-right: solid 1px #324339;
    border-bottom: solid 1px #324339;*/
  }
  table.admin td {
    vertical-align: middle;
    /*border-right: solid 1px #324339;
    border-bottom: solid 1px #324339;*/
  }
  table.admin td.megjegyzes {
    color: #9BB674;
  }
  table.admin textarea {
    width: 400px; height: 80px;
    font: normal 100% "tahoma", georgia, verdana, sans-serif;
  }
  table.admin tr.feladatflash {
    background-color: #cccccc;
  }
  table.admin input.valasz {
    width: 400px;
  }
div.letolt_csv {
  text-align: right;
}
#content div.lapozo {
  text-align: right;
  padding-right: 20px;
  padding-top: 3px;
  padding-bottom: 0px;
}
  #content div.lapozo span.inaktiv {
    padding-left: 8px;
  }
  #content div.lapozo span.aktiv {
    padding-left: 8px;
    font-weight: bold;
    font-size: 105%;
  }
  #content div.lapozo span.valaszthato {
    padding-left: 8px;
  }
  #content div.lapozo a {
    color: #324339;
    text-decoration: none;
    font-weight: bold;
  }

div.feladat {}
  div.feladat div.szoveg {
    width: 500px;
    overflow: auto;
    background: #ECF7BB url('images/feladat_bg.jpg') repeat-x;
    float:left;
  }
  div.feladat div.nagyito {
    width: 50px;
    padding: 20px 10px;
    float:left;
  }
  
div.hirek {
  border: 1px solid #51262D;
  margin-bottom: 10px;
}
  div.hirek h3 {
    padding: 1px 5px;
    background-color: #D4DD91;
    border-bottom: 0px;
  }
  div.hirek p {
    padding: 5px 5px;
    background-color: #EDF49C;
    margin:0;
  }
  
ul.eredmeny {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 10px auto;
}
  ul.eredmeny li {
    display: inline; 
  }
  ul.eredmeny li a {
    padding: 1px 4px;
    margin: 5px 3px;
    border: 1px solid #51262d;
    text-decoration: none;
    background-color: #D6F29E;
  }
  ul.eredmeny li a:hover {
    background-color: #afc386;
  }
  
/* ONLINE VERSENY STÍLUSAI */

img.onl_edit, img.onl_drop, img.onl_ins {
  cursor: pointer; padding-left: 4px; padding-right: 4px;
}

div#kategsugo {
  display: none; visibility: hidden;
  position: absolute; left: 418px; top: 330px;
  width: 300px; height: 200px; z-index: 2;
  background-color: #88956F;
  border: 1px solid #324339;
  padding: 3px;
  color: #FAFFBA;
  overflow: auto;
}

span#fkatnev {
  padding-left: 5px;
  color: #F03732; font-weight: bold;
}

img.onv_reszl, img.onv_bekuld, img.onw_reszl {
  cursor: pointer;
}

div.onv_feladat_felugro {
  display: none; visibility: hidden;
  position: absolute; left: 418px; top: 430px;
  width: 350px; height: 200px; z-index: 2;
  background-color: #88956F;
  border: 1px solid #324339;
  padding: 3px;
  color: #FAFFBA;
  overflow: auto;
}
div.onv_feladat_fel {
  padding-bottom: 8px;
}

div.onv_feladat {
  background-color: #ECF7BB; border: 2px solid #88956F;
  margin: 10px auto; width: 95%; padding: 5px;
}
  div.onv_feladatszam {
    font-size: 1.6em; float: left; width: 30px; text-align: right; padding-right: 6px;
  }
  div.onv_feladatszoveg {
    margin-left: 35px; text-align: justify; padding-bottom: 10px;
  }
  div.onv_valaszok {
    margin-left: 25px;
  }
  span.onv_valasz {
    padding-left: 50px; vertical-align: middle;
  }
  span.onv_valasz img {
    cursor: pointer; vertical-align: middle;
  }
  img.onv_jelmagyarazat {
    vertical-align: middle;
  }
  img.opener {
    cursor: pointer;
  }
  span#frissit {
    text-decoration: underline; cursor: pointer;
  }
  
/* GALÉRIA STÍLUSAI */
div#galeria_fel {
  padding: 0 10px;
}
div#galeria_le {
  padding: 0 10px;
}
div#galeria_fel p.galeria_dir, div#galeria_le p.galeria_dir {
  margin: 1px;
}
div#galeria_fel p.galeria_dir a, div#galeria_le p.galeria_dir a {
  text-decoration: none;
  font-weight: bold;
}
p.galeria_dir img {
  vertical-align: top;
}
div.galeria_hiba {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #688345;
  font-weight: bold;
}
h4.galeria_cim {
  margin-top: 20px;
  margin-bottom: 10px;
}
table.galeria_kepek {
  margin-top: 0px;
  margin-bottom: 10px;
}
table.galeria_kepek td {
  vertical-align: middle;
  text-align: center;
}

/* EMAIL KÜLDÉS ISKOLÁKNAK STÍLUSAI */
form#emailsendingform input.destructive {background-color:red;color:white;
	border:pink;float:right;padding:15px;}
form#emailsendingform input[type="submit"]:disabled,
	form#emailsendingform input[type="button"]:disabled {display:none;}
form#emailsendingform ol li {margin:16px 0;}