@charset "utf-8";

body {
    background-color: #efefef;
    font-family: "Open Sans";
    font-size: 14pt;
    line-height: 1.2;
    color: #990000;
    background-image: url(/kep/PC/bgimage.jpg);
    margin: 0;
    text-align:center;
    padding: 20px;
    page-break-inside: auto;
}

body.plain {
    background-color: #ffffff;
    font-family: "Open Sans";
    font-size: 14pt;
    line-height: 1.2;
    color: #000000;
    background-image: none;
    margin: 0;
    text-align: justify;
    padding: 15px;
    page-break-inside: auto;
}

container {
    background-color: #ffffff;
    border-radius: 5px;
    min-width: 320px;
    width: calc(100% - 50px);
    display: inline-block;
    border: 5px solid gray;
    padding: 20px 20px 20px 20px;
    text-align:left;
    page-break-inside: auto;
}


titles-logo {
    width: 100px;
    display: inline-block;
    float: left;
    margin: 15px 15px 5px 15px;
    text-align: center;
}

img {
    max-width: 100%;
}

img.kmllogo {
    width: 98px;
    height: 120px;
    border: 0px;
}

titles-middle {
    width: calc(90% - 360px);
    min-width: 240px;
    min-height: 110px;
    display: inline-block;
    text-align: left;
    padding: 10px 10px 5px 20px;
    margin: 0px;
    vertical-align: text-bottom;
    color: #777;
    /* background-color: #e0ffe0; */
}

span.header1 {
    font-size: 26pt;
    font-weight: 600;
    line-height: 28pt;
}
span.header2 {
    font-size: 18pt;
}
span.header3 {
    font-size: 14pt;
    font-weight: 100;
    letter-spacing: 5px;
}

titles-login {
    width: 200;
    min-width: 200;
    max-width: 200;
    display: inline-block;
    float: right;
    background-color: #efefef;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    margin: 10px 15px 15px 10px;
    color: black;
    text-align:center;
}


menu {
    /*background-color: #990000;
	border-radius: 5px;*/
    /*width: 85%;*/
    text-align: left;
    display: inline-block;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 20px;
}

#ol	{margin: 0px 0px 0px 135px;}

#drop-nav li ul li {border-top: 0px; text-align: left; z-index: 10; } 

ul.kmlmenu {list-style: none; padding: 0px; }
ul.kmlmenu li {display: block; position: relative; float: left; border: 0px;  }
li.kmlmenu ul {display: none;}
ul.kmlmenu li a.kmlmenu:link, a.kmlmenu:visited {display: block; padding: 3px 14px 5px 14px; border-bottom: 2px solid #eaeaea; text-decoration: none; white-space: nowrap; color: #990000; border-radius: 4px;  }
ul.kmlmenu li a.kmlmenu:hover {text-decoration: none; color: white; border-bottom-color: gray; background-color: #990000;  border-radius: 4px;  }

ul.kmlmenu {list-style: none; padding: 0px; margin: 0px;   }
ul.kmlmenu li li {display: block; position: relative; float: left; border:0px; background-color: #e3e0c2; box-shadow: 0px 0px 10px #fff;  }
li.kmlmenu li ul {display: none;}

ul.kmlmenu li li a.kmlmenu:link, a.kmlmenu:visited {display: block; text-decoration: none; white-space: nowrap; color: #990000; padding: 3px 10px 5px 10px;   }
ul.kmlmenu li li a.kmlmenu:hover {text-decoration: none; color: white;  }

li.kmlmenu:hover ul {display: block; position: absolute;  }
li.kmlmenu:hover li {float: none;  }
li.kmlmenu:hover a.kmlmenu {text-decoration: none;  }
li.kmlmenu:hover li a.kmlmenu:hover {text-decoration: none;  }

.flag {margin-left: 55px; }
	

breadcrumb {
    width: 95%;
    color: gray;
    display: inline-block;
    padding: 5px 10px 5px 0px;
    vertical-align: text-bottom;
    text-align: left;
    font-size: 12pt;
    font-weight: 700;
    margin: 0px 10px -10px 0px;
}

a.breadcrumb {
    float: right;
    font-color: gray;
    color: gray;
    font-size: 12pt;
    font-weight: 700;
    padding: 0px 30px 0px 0px;
}

a.breadcrumb:link {
    float: right;
    font-color: gray;
    color: gray;
    font-size: 12pt;
    font-weight: 700;
    padding: 0px 30px 0px 0px;
}

a.breadcrumb:visited {
    float: right;
    color: gray;
    font-color: gray;
    font-size: 12pt;
    font-weight: 700;
    padding: 0px 30px 0px 0px;
}

footer {
    color: #990000;
    width: 95%;
    display: inline-block;
    line-height: 50px;
    vertical-align: text-bottom;
    font-size: 14pt;
    font-weight: 700;
    word-spacing: 40px;
    margin: 20px;
}



box13 {
    display: inline-block;
    float: left;
    width: calc(33.3% - 52px);
    height: auto;
    min-width: 220px;
    min-height: 240px;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    background-color: #efefef;
    text-align: justify;
    color: black;
    position: relative;
}

box13:hover {
    background-color: #f8f8f8;
}

box23 {
    display: inline-block;
    float: left;
    width: calc(66.6% - 52px);
    height: auto;
    min-width: 220px;
    min-height: 240px;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    background-color: #efefef;
    text-align: justify;
    color: black;
    position: relative;
}

box23:hover {
    background-color: #f8f8f8;
}

box33 {
    display: block;
    float: left;
    width: calc(100% - 52px);
    height: auto;
    min-width: 220px;
    min-height: 240px;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    background-color: #efefef;
    text-align: justify;
    color: black;
    position: relative;
    page-break-inside: auto;
}

box33x {
    display: block;
    float: left;
    width: calc(100% - 52px);
    height: auto;
    min-width: 220px;
    min-height: 240px;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    background-color: #efefef;
    text-align: justify;
    color: black;
    position: relative;
    page-break-inside: auto;
}

.feher         { background-color: #f8f8f8; }
.feher:hover   { background-color: #ffffff; }
.szurke        { background-color: #efefef; }
.szurke:hover  { background-color: #f8f8f8; }

.cian          { background-color: #c0e8e8; }
.cian:hover    { background-color: #d0f0f0; }
.lila          { background-color: #d0d0e0; }
.lila:hover    { background-color: #d8d8f0; }
.vaj           { background-color: #ffffe0; }
.vaj:hover     { background-color: #fffff0; }
.narancs       { background-color: #f0c8b0; }
.narancs:hover { background-color: #f0d8c0; }
.zold          { background-color: #c0e0c0; }
.zold:hover    { background-color: #d0e8d0; }
.piros         { background-color: #f0a0a0; }
.piros:hover   { background-color: #f8b0b0; }
.rozsa         { background-color: #efcfcf; }
.rozsa:hover   { background-color: #ffdfdf; }
.sarga         { background-color: #efefc0; }
.sarga:hover   { background-color: #f4f4d0; }
.kek           { background-color: #d0e8ff; }
.kek:hover     { background-color: #e0f0ff; }

.barna         { background-color: #988060; }
.barna:hover   { background-color: #a08868; }
.drapp         { background-color: #c0a860; }
.drapp:hover   { background-color: #d0b860; }
.bezs          { background-color: #d0d0b0; }
.bezs:hover    { background-color: #e0e0b0; }

h1 { text-align: center;  }
box13 h1 { text-align: center;  }
box13 h2 { text-align: left;  }
box13 h3 { text-align: left;  }
box23 h1 { text-align: center;  }
box23 h2 { text-align: left;  }
box23 h3 { text-align: left;  }
box33 h1 { text-align: center;  }
box33 h2 { text-align: left;  }
box33 h3 { text-align: left;  }


box13 img.right {
    float:      right;
    height:     220px;
    margin:     10px 10px 5px 15px;
}
   
box23 img.right {
    float:      right;
    height:     220px;
    margin:     10px 10px 10px 15px;
}
   
box13 img.left {
    float:      left;
    height:     220px;
    margin:     10px 15px 5px 10px;
}
   
box23 img.left {
    float:      left;
    height:     220px;
    margin:     10px 15px 10px 10px;
}
   
box13 img.center {
    display:    block;
    margin:     auto;
    height:     130px;
    margin:     0px 0px 0px 0px;
    border:     0px;
}
   
box23 img.center {
    display:    block;
    margin:     auto;
    height:     130px;
    margin:     0px 0px 0px 0px;
    border:     0px;
}

box13 img.Vbal {
    height:   15px;
    width:    8px;
    position: absolute;
    bottom:   120px;
    left:     5px;
    zIndex:   8;
}

box13 img.Vjobb {
    height:   15px;
    width:    8px;
    position: absolute;
    bottom:   120px;
    right:    5px;
    zIndex:   8;
}

div.ajanlo {
    width:      calc(100%-40px);
    min-width:  200px;
    height:     calc(100%-10px);
    min-height: 180px;
    display:    block;
    position:   relative;
    overflow:   hidden;
    margin:     -10px 5px 0px 5px;
    padding:    0px 0px 0px 0px;
}

div.ajanlooldal {
    min-width:  100%;
    min-height: 100%;
    max-width:  100%;
    max-height: 100%;
    position:   absolute;
    overflow:   hidden;
    margin:     0px 0px 0px 0px;
    padding:    0px 0px 0px 0px;
}

div.ajanlooldal img.right {
    float:      right;
    height:     180px;
    margin:     0px 0px 0px 10px;
}
   
div.ajanlooldal img.left {
    float:      right;
    height:     180px;
    margin:     0px 10px 0px 0px;
}

break {
    display: block;
    float: left;
    min-width: 100%;
    width: 100%;
    min-height: 1px;
    max-height: 1px;
    height: 1px;
   
    /* background-color: black; */
}

.soft-break {
    /* background-color: red; */
}

   
p  { tex-align:  justify; }

p.footnote  { font-size: 10pt; }

a.forumtema:link {
  color: #0000e0;
}

a.forumtema:visited {
  color: #0000a0;
}

a {
    outline: none;
    text-decoration: none
}

a:link {
  color: #000080;
}

a:visited {
  color: #000080;
}


div.eredmindex_ev {
    display:block;
    min-width:100%;
    width:100%;
    float:left;
    padding:10px 0px 10px 0px;
}

div.eredmindex_tgy {
    display:inline-block;
    float:left;
}

table.feldolg {
    border: none;
    margin: 5px 5px 5px 5px;
}

th.feldolg {
    padding: 5px 10px 5px 15px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: top;
    font-size: 12pt;
}

td.feldolg {
    padding: 5px 5px 5px 15px;
    margin: 0px 0px 0px 0px;
    text-align: justify;
    vertical-align: top;
    font-size: 10pt;
}

font.HLsrc {
    color:  #006000;
    font-size:   16pt;
    font-weight:  600;
}

font.HLomaga {
    color:        #600000;
    font-size:    16pt;
    font-weight:  800;
}


table.eredm {
    border: 1px solid gray;
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
    border-collapse:  collapse;
}

th.eredm {
    border: 1px solid gray;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    vertical-align: top;
    font-size:   12pt;
    font-weight:  600;
}

td.eredm {
    border: 1px solid gray;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-align: justify;
    vertical-align: top;
    font-size:   12pt;
    font-weight:  300;
}

img.versenyzo_kep {
    display: inline;
    width: 80px;
    height: 100px;
    border: 0px;
    vertical-align: text-bottom;
}

table.eredm_tan {
    border: none;
    margin: 5px 5px 5px 5px;
}

th.eredm_tan {
    padding: 3px 10px 3px 5px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: top;
    font-size: 10pt;
}

td.eredm_tan {
    padding: 3px 5px 3px 10px;
    margin: 0px 0px 0px 0px;
    text-align: justify;
    vertical-align: top;
    font-size: 10pt;
}



form {
	font-size: 16px;
	line-height: 14pt;
	}

input {
    height: 26px;
    margin: 10px 0px 0px 0px;
}


input[type=text] {
    width: 90%;
    height: 26px;
    background-color: white;
    color: #800000;
    /* color: gray; */
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
}

::-webkit-input-placeholder { color: #404040; }
::-moz-placeholder          { color: #404040; }
:-ms-input-placeholder      { color: #404040; }
:-moz-placeholder           { color: #404040; }

input[type=password] {
    width: 100%;
    height: 26px;
    background-color: white;
    color: #800000;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
}
	
input[type=submit] {
    width: 90px;
    display: block;
    height: 26px;
    background-color: #990000;
    color: white;
    float: right;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
}

input::placeholder { color: #c08080; }

button {
    display: inline-block;
    width: 120px;
    height: 26px;
    background-color: #990000;
    color: white;
    text-color: white;
    cursor: pointer;
    margin: 5px 5px 5px 5px;
}

button.login {
    width:100px;
}


hr { 
    margin-left:       0%;
    margin-right:      0%;
    border-style:      inset;
    color:             gray;
    background-color:  gray;
    height:            1px;
    border-width:      0;
} 


button.be {
    display:           inline;
    float:             none;
    width:             30px;
    height:            25px;
    padding:           0px 0px 0px 0px;
    background-color:  #0a0;
    font-size:         8pt;
    line-height:       6pt;
    text-align:        center;
}

button.ki {
    display:           inline;
    float:             none;
    width:             30px;
    height:            25px;
    padding:           0px 0px 0px 0px;
    background-color:  #c00;
    font-size:         8pt;
    line-height:       6pt;
    text-align:        center;
}

button.Fbe {
    display:           inline;
    float:             none;
    width:             30px;
    height:            22px;
    padding:           0px 0px 0px 0px;
    background-color:  #080;
    font-size:         8pt;
    line-height:       6pt;
    text-align:        center;
}

button.Fki {
    display:           none;
    float:             none;
    width:             30px;
    height:            22px;
    padding:           0px 0px 0px 0px;
    background-color:  #888;
    font-size:         8pt;
    line-height:       6pt;
    text-align:        center;
}


input[type=radio]:not(old) {
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=radio]:not(old) + label {
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('/kep/PC/checks.png') no-repeat 0 0;
  line-height  : 20px;
}

input[type=radio]:not(old):checked + label {
  background-position : 0 -48px;
}

input[type=checkbox]:not(old) {
    width   : 28px;
    margin  : 0;
    padding : 0;
    opacity : 0;
}

input[type=checkbox]:not(old) + label {
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('/kep/PC/checks.png') no-repeat 0 0;
  line-height  : 20px;
}

input[type=checkbox]:not(old):checked + label {
  background-position : 0 -24px;
}





box_ads {
    background-image: url(/kep/PC/ads.png);
    width: 30%;
    height: 220px;
    display: inline-block;
    float: left;
    border: 1px solid gray;
    border-radius: 5px;
    margin: 20px 0px 0px 20px;
    color: black;
    cursor: pointer;
}	
	
box1-3 {
    background-color: #efefef;
    width: calc(33.3% - 52px);
    min-width: 220px;
    min-height: 240px;
    display: inline-block;
    float: left;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    color: black;
    text-align:left;
}

box2-3 {
    background-color: #efefef;
    width: calc(66.6% - 52px);
    min-width: 220px;
    min-height: 240px;
    display: inline-block;
    float: left;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    color: black;
    text-align:left;
}

box2-3 img {margin-right: 15px;}
	
box3-3 {
/*
    background-color: #fffff0;
*/
    background-color: #efefef;
    width: calc(100% - 52px);
    min-height: 220px;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 5px;
    text-align: left;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    color: black;
    text-align:left;
}


.kmlbox {
    background-color: #efefef;
    width: calc(33.3% - 52px);
    min-width: 220px;
    min-height: 240px;
    display: inline-block;
    float: left;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 10px 10px 10px 10px;
    color: black;
    text-align:left;
}





.boxtitle {
	font-size: 22pt;
	font-weight: 400;
	line-height: 28pt;
	color: #990000;
	}


	

table.tex-table {
    border: 1px solid #000080;
    border-collapse: collapse;
    background-color: #ffffe0;
    padding: 5px 5px 5px 5px;
} 

td.tex-table,th.tex-table {
    border: 1px solid #000080;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
}

ttk-tbox {
	min-width: 40%;
	display: inline-block;
        border: 1px solid gray;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	background-color: #ffffe0;
	color: black;
	}

table.ttk-table {
    border: 0;
    padding: 5px 5px 5px 5px;
} 

th.ttk-table {
    border: 0;
    padding: 0px 10px 0px 5px;
    text-align: center;
    vertical-align: middle;
} 

td.ttk-table {
    border: 0;
    padding: 0px 10px 0px 5px;
    text-align: left;
    vertical-align: top;
} 

ttk-texsymb {
	width: 85px;
	height: 59px;
	display: inline-block;
        border: 1px solid gray;
	border-radius: 10px;
	text-align: center;
	padding: 26px 1px 0px 1px;
	margin: 1px 1px 1px 1px;
	background-color: #ffffe0;
	color: black;
	top: 40px;
	left: 50%;
	}

ttk-texsymb3 {
	width: 85px;
	height: 85px;
	display: inline-block;
        border: 1px solid gray;
	border-radius: 10px;
	text-align: center;
	padding: 0px 1px 0px 1px;
	margin: 1px 1px 1px 1px;
	background-color: #ffffe0;
	color: black;
	top: 40px;
	left: 50%;
	}

ttk-texsymb3w {
	width: 240px;
	height: 85px;
	display: inline-block;
        border: 1px solid gray;
	border-radius: 10px;
	text-align: center;
	padding: 0px 1px 0px 1px;
	margin: 1px 1px 1px 1px;
	background-color: #ffffe0;
	color: black;
	top: 40px;
	left: 50%;
	}

ttk-texsymb3d {
	width: 120px;
	height: 90px;
	display: inline-block;
        border: 1px solid gray;
	border-radius: 10px;
	text-align: center;
	padding: 10px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	background-color: #ffffe0;
	color: black;
	top: 40px;
	left: 50%;
	}

ttk-cbox1 {
	width: 120px;
	height: 40px;
	display: inline-block;
        border: 1px solid gray;
	border-radius: 5px;
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 10px 1px 1px 1px;
	color: black;
	top: 20%;
}

ttk-cbox2 {
    width: 120px;
    height: 20px;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    color: black;
}

ttk-fface {
	display: inline-block;
	width: 220px;
	height: 120px;
	padding: 10px 10px 10px 10px;
        border: 1px solid gray;
	border-radius: 10px;
	text-align: center;
	margin: 5px 5px 5px 5px;
	background-color: #ffffe0;
	color: black;
	top: 20;
	left: 50%;
}

table.tex-table-ex {
    border: 1px solid #000080;
    border-collapse: collapse;
    background-color: #ffffc0;
    padding: 5px 5px 5px 5px;
} 

td.tex-table-ex {
    border: 1px solid #000080;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
}

multicol {
    -webkit-column-width: 320px;
    -moz-column-width:    320px;
    column-width:         320px;
    column-count:         3;
    text-align:           left;
}

div.honap {
    display:         inline-block;
    white-space:     nowrap;
    vertical-align:  top;
    text-align:      left;
    padding:         0px 0px 0px 0px;
    margin:          0px 0px 0px 0px;
}

div.ind10 {
    display:         block;
    white-space:     normal;
    width:           100%;
    min-width:       300px;
    padding:         0px 0px 0px 10px;
    margin:          0px 0px 0px 0px;
}