/* Általános formázó css ---- */
			
/* Stílusok összefoglalójához */
.Ostilusok {width: 100%; margin-top: 25px;}
.Ostilusok table {width: 99.5%;}
.Ostilusok caption {font-size: 16px; font-weight: bold;}
.Ostilusok td {font-size: 14px; padding: 5px; line-height: 150%;}
.Ostilusok i{font-style: normal; font-weight: bold; color: black; background-color: orange; padding:2px;}
/* --------------------------------------------------------------------------------------------------------- */

.programleiras{width:99%; margin-right: auto; margin-left: auto; border: 2px solid lime; background-color: white; padding-left: 4px;}
.programleiras pre{font-family:Arial; font-weight:normal;}
.border{padding:3px; border:2px solid black;}
.pb{color:red;}
.kb{color:blue;}
.zb{color:green;}
/* --------------------------------------------------------------------------------------------------------- */


p {font: 16px Ariel; color: #000;}
strong {font-weight: bold;}
em {font-style: italic;}
.roman{font-family: Times New Roman;}
.angol14{font-size: 14px;}
.angol12{font-size: 12px;}
.angol10{font-size: 10px;}
.kozepre {text-align: center;}
.balra {float: left; text-align: left;}
.jobbra {text-align: right; padding-right: 50px;}

.xmeret {font-size: 22px; font-weight: bold;}
.ameret {font-size: 14px; font-style: normal;}
.ameret12 {font-size: 12px; font-style: normal;}
.aameret {font-size: 10px; font-style: normal;}

.keret {width: 790px; font-family: Arial; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.tkeret {width: 98%; font-family: Times New Roman; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.keretmargin20 {width: 790px; margin-left: 20px; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.bodykeret {width:1600px; margin-right: auto; margin-left: auto;font-family: Arial; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.bodycontainer {width: 800px; margin-top: 5px; margin-right: auto; margin-left: auto;} 

.sarga {font-weight: bold; color: yellow;}
.feher {font-weight: bold; color: white;}
.zold {font-weight: bold; color: green;}
.ozold {font-weight: bold; color: olive;}
.kek {font-weight: bold; color: blue;}
.cian {font-weight: bold; color: aqua;}
.pkek {font-weight: bold; color: teal;}
.piros {font-weight: bold; color: red;}
.lila {font-weight: bold; color: fuchsia;}
.plila {font-weight: bold; color: purple;}
.sbarna {font-weight: bold; color: #960;}
.csoki {font-weight: bold; color: chocolate;}

.feketehb{font-weight: bold; background-color: black; color: white; padding-right: 5px; padding-left: 5px;}
.sszurkehb{font-weight: bold; background-color: gray; color: white; padding-right: 5px; padding-left: 5px;}
.piroshb{font-weight: bold; background-color: red; color: white; padding-right: 5px; padding-left: 5px;}
.lilahb{font-weight: bold; background-color: fuchsia; color: white; padding-right: 5px; padding-left: 5px;}
.plilahb{font-weight: bold; background-color: purple; color: white; padding-right: 5px; padding-left: 5px;}
.zoldhb{font-weight: bold; background-color: green; color: white; padding-right: 5px; padding-left: 5px;}
.vzoldhb{font-weight: bold; background-color: lime; color: black; padding-right: 5px; padding-left: 5px;}
.ozoldhfb{font-weight: bold; background-color: olive; color: white; padding-right: 5px; padding-left: 5px;}
.kekhb{font-weight: bold; background-color: blue; color: white; padding-right: 5px; padding-left: 5px;}
.vkekhkb{font-weight: bold; background-color:  #0cf; color: #00c; padding-right: 5px; padding-left: 5px;}

.feherh{background-color: white; padding-right: 3px; padding-left: 3px;}
.szurkeh{background-color: #cccccc; padding-right: 3px; padding-left: 3px;}
.zoldh{ background-color: green; padding-right: 5px; padding-left: 5px;}
.pirosh{ background-color: red; padding-right: 5px; padding-left: 5px;}
.sargah{ background-color: yellow; padding-right: 5px; padding-left: 5px;}
.vzoldh{ background-color:  #99ff00;}
.vkekh{ background-color:  #99ff99; padding-right: 5px; padding-left: 5px;}
.cianh{ background-color: aqua; padding-right: 5px; padding-left: 5px;}

.bemh{ background-color:  #ccff33; padding-right: 5px; padding-left: 5px;}
.afv {border-top: 2px solid black; border-bottom: 2px solid aqua;}
.av { border-bottom: 2px solid black;}
.avp { border-bottom: 1px solid red;}
.fvp { border-right: 1px solid red; border-left: 1px solid red;  padding-right: 5px; padding-left: 5px;}
.bekezdes{font-size: 17px; margin-left: 20px;}
.padding1{padding-left: 30px; padding-right: 30px;}
.padding2{padding-left: 60px; padding-right: 60px;}
.megjegyzes {width: 700px; font-size: 12px; margin-left: 50px;}
.disz{font-size: 6px; font-family: Arial; color: #000; text-align: left;}
.visszalep {font-size: 14px; font-weight: bold; margin-left: 30px;}
		/* Táblázatokhoz meghatározások Pl: 79=790px ----- 3=300px--- stb.*/
th, td {font-size: 18px; border: 1px solid black; padding-left: 5px;}
.tabla79 {width: 790px; border-collapse: separate; border-spacing: 2px; border: 4px inset  blue;  margin-left: 5px; background-color: silver;}
.tablanatur79 {width: 790px; border-collapse: separate; border-spacing: 2px; border: 1px solid black;  margin-left: 5px; background-color: #ccc;}
.tabla3 {width: 300px; border-collapse: separate; border-spacing: 2px; border: 3px inset  blue; margin-left: 200px; background-color: silver;}
.tabla35 {width: 350px; border-collapse: separate; border-spacing: 2px; border: 3px inset  blue; margin-left: 200px; background-color: silver;}
/*stiludok megjelenésének engedélyezéséhez*/
.stilus_engedely900px {width: 900px; margin-top: 25px;  margin-right: auto; margin-left: auto; background-color: #cff;}
.disz{font-size: 6px; font-family: Arial; color: #000; text-align: left;}


/* --------- A display html - lap stílusainak meghatározása  */
body { font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #ccc; }
#container1100{width:1000px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-bottom: 10px;}
#fejlec {width: 900px; border-bottom: 2px solid #fc3; padding-bottom: 10px;}
#jelkep {float: left; width: 100px;}
#cim {width: 780px; text-align: center;  margin-left: 110px; margin-top: 5px;  padding-top: 1px;}
h1 {font-family: Times New Roman; font-size: 33px; text-align: center;}
h2 {font-family: Times New Roman; font-size: 30px; text-align: center; border-bottom: 2px solid #666;}
h3 {font-family: Times New Roman; font-size: 27px;}
h4 {font-family: Times New Roman; font-size: 24px;}
h5 {font-family: Arial; font-size: 21px;}
h6 {font-family: Arial; font-size: 18px;} 
p {font-family: Times New Roman; font-size: 16px; color: #000;}
strong {font-weight: bold;} 
em {font-style: italic;}
i{font-style: normal; font-weight: bold; color: black; background-color: orange; padding:2px;} 
pre{font-family:Times New Roman; font-style: normal; font-size: 13px;}
hr{border-top: 3px solid blue;}
.lenyilabra{font-size: 36px;}
.ameret11{font-size: 11px;}
.tartalomjegyzek {width: 100%; margin-top: 25px;  margin-right: auto; margin-left: auto;}
.tartalomjegyzek table {width: 98%;  margin-right: auto; margin-left: auto;}
.tartalomjegyzek td {font-size: 14px; padding: 5px; line-height: 150%;} 

/* Tábla a botton gombok táblázatba csoportosisához*/
.buttontabla{border:none;}
.buttontabla td{border:none; vertical-align:top; font-size: 12px; padding-left:5px;}
.buttontabla th{border:3px solid white; font-size: 12px;}
/* ------------- li elemk sorba display -------------------------- */
.linear li {display: inline; color:blue; margin-left:5px; padding:3px; border:1px solid white;}
.dispul li {display: inline; font-size: 13px; border: 2px solid white;}
/* ------------- display -------------------------- */
#displayterulet01{width: 400px; height:200px; border:1px solid white;}

#Dispinline  p{display: inline; font-size: 13px; border: 2px solid white; color:blue; padding: 2px; margin: 8px;}
.pline{display: inline; font-size: 13px; border: 2px solid white;}
.Minta2{display: none;}
#displaybox *{display: block; font-size: 13px; border: 2px solid white; color:blue; padding: 2px; margin: 5px;}
/* -------------- display: inline-block; -------------------------- */
.mintafloatbox{width: 350px;  padding: 3px; border: 3px solid white;}
.Sclear{clear: left;}
.float-box { float: left; width: 40px; height: 40px; margin: 5px; border: 3px solid #73AD21;}
.uj-box { border: 3px solid red; }
.float-box2 { float: left; width: 40px; height: 40px; margin: 5px; border: 3px solid #73AD21;}
.uj-box2 {clear: left; border: 3px solid red; }
.float-box3 {display: inline-block; width: 40px; height: 40px;  margin: 5px;  border: 3px solid #73AD21;}
.uj-box3 {border: 3px solid red;}
/* ------------------ Öröklődés -----------------------------------*/
#apa{display: inline;}
.gyermeke{display: inherit;}
/* -- Ezek, a span elemben span elemek betűméretei ----------------*/
.span1,.span2,.span3,.span4,.span5,.grid,.span51,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15,.span16, .span17,.span18,.span19{font-size: 11px;}
/* -- Ezek, a span táblák td celláinak betűméretei ----------------*/
.span1 td,.span2 td,.span3 td,.span4 td,.span5 td,.grid td,.span51 td,.span6 td,.span7 td,.span8 td,.span9 td,.span10 td,.span11 td,.span12 td,.span13 td,.span14 td,.span15 td,.span16 td, .span17 td,.span18 td,.span19 td{font-size: 11px;}
/* -- Ezek, az ul elemben li elemek betűméretei ----------------*/
.span1 li,.span2 li,.span3 li,.span4 li,.span5 li,.grid li,.span51 li,.span6 li,.span7 li,.span8 li,.span9 li,.span10 li,.span11 li,.span12 li,.span13 li,.span14 li,.span15 li,.span16 li, .span17 li,.span18 li,.span19 li{font-size: 11px;}

.span1 span{display:inline; background-color:yellow; border:1px solid red;}
.span2 span{display:block; background-color:yellow; border:1px solid red;}
.span3 span{display:flex; background-color:yellow; border:1px solid red;}
.span4 span{display:inline-block; background-color:yellow; border:1px solid red;}
.span5 span{display:inline-flex; background-color:yellow; border:1px solid red;}
.grid span{display:grid; background-color:yellow; border:1px solid red;}
.span51 span{display:inline-grid; background-color:yellow; border:1px solid red;}
.span6 span{display:inline-table; background-color:yellow; border:1px solid red;}

.span7div{padding-left:15px;}
.span7 span{display:list-item; background-color:yellow;  border:1px solid red;}

.span8 span{display:run-in; background-color:yellow; border:1px solid red;}
.span9 span{display:table; background-color:yellow; border:1px solid red;}
.span10 span{display:table-caption; background-color:yellow; border:1px solid red;}
.span11 span{display:table-column-group; background-color:yellow; border:1px solid red;}
.span12 span{display:table-header-group; background-color:yellow; border:1px solid red;}
.span13 span{display:table-footer-group; background-color:yellow; border:1px solid red;}
.span14 span{display:table-row-group; background-color:yellow; border:1px solid red;}
.span15 span{display:table-cell; background-color:yellow; border:1px solid red;}
.span16 span{display:table-column; background-color:yellow; border:1px solid red;}
.span17 span{display:table-row; background-color:yellow; border:1px solid red;}
.span18 span{display:none; background-color:yellow; border:1px solid red;}
.span19 span{display:initial; background-color:yellow; border:1px solid red;}

.saf25,.saf26{font-size: 11px;}
.saf25 td,.saf26 td{font-size: 11px;}
.saf25 li,.saf26 li{font-size: 11px;}
.saf25 span{display:-webkit-flex; background-color:yellow; border:1px solid red;}
.saf26 span{display:-webkit-inline-flex; background-color:yellow; border:1px solid red;}