/* Általános formázó css ---- */
/* Mobil Stílusok összefoglalójához */
.MOstilusok {width: 100%; margin-top: 25px;}
.MOstilusok table {width: 99.5%;}
.MOstilusok caption {font-size: 16px; font-weight: bold;}
.MOstilusok td {font-size: 14px; padding: 5px; line-height: 150%;}
.MOstilusok i{font-style: normal; font-weight: bold; color: black; background-color: orange; padding:2px;}
.MOstilusok li {line-height: 150%;}
/* --------------------------------------------------------------------------------------------------------- */
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: 99.5%; font-family: Arial; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.tkeret{width: 99.5%; font-family: Arial; text-align: left; color: black; border: 1px solid black; padding: 2px; background-color: #ffc;}

.keretmargin20 {width: 790px; margin-left: 20px; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}


/*---------------------------------------------------------------------------------------------------------------------------------- */
/* szinek html és a ........ fájban található */
/* Megszüntetve a következő fájlokban: szinek.html*/
.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;}

.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;}


/*  --------- MOBIL Fejlécekhez és tartalomjegyzékekhez   */
body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0.1px; background-color: #ccc;}        
#container {width: 800px;  margin-top: 10px; margin-right: auto; margin-left: auto; padding-bottom: 10px;} 

/*  Mobilbarát tesztekhez, container.  */
#mcontainer{width: 900px;  margin-top: 10px; margin-right: auto; margin-left: auto; padding-left: 2px; padding-bottom: 10px; border:2px solid white;} 

h1{font-size: 3.5em; text-align: center; color: #363; margin-top: 20px; margin-bottom: 25px; border-bottom: 8px solid #fc3;}
h2{font-size: 29pt; text-align: center; border-bottom: 2px solid #666;}
h3{font-size: 27pt;}
h4{font-size: 25pt;}
h5{font-size: 23pt;}
h6{font-size: 21pt;}

p{font-size: 18pt; font-weight: normal; line-height: 150%; padding-left: 3px;}
strong{font-weight: bold;}
em {font-style: italic;}
li{font-size: 17pt;}
hr{border-top: 5pt solid black; border-bottom: 5pt solid white;}

/* MOBILOS fejléc ------------------------------------------------------------------x */
#mobil_fejlec {width: 100%; margin-top:40px;}
#mobil_fejlec td{width: 33%; margin: 0.1px; padding: 0.1px; border: none;}
.weblap_navigator{ padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; border: 8px solid white;}

/* Asztali eszköz választásához. ------------------------------------------x */
.eszkoz_valasztas{width: 100%;}
.eszkoz_valasztas p{font-size: 28pt;} 

/* --- Mobil tartalomjegyzékekhez. ----------- */
#mobil_tjegyzek {width: 100%;  margin-top: 25pt; margin-bottom: 25pt; border: 1pt solid black;}
.navigkeret{font-size: 28pt; font-weight: bold; padding-top: 45px; padding-right: 1px; padding-bottom: 45px; padding-left: 2px; margin-bottom: 
45pt; background-color: white;}
#mobil_tjegyzek p {font-size: 18pt;}
#mobil_tjegyzek a {text-decoration: none; font-size: 18pt; color: black;}
#mobil_tjegyzek a:hover { color: blue; border-bottom: 1pt solid blue;}

/* Mobilos táblázatokhoz. */
.mobiltablazat {width: 100%; font-size:18pt;}

/* Kiemelésekhez */
.kek{font-weight: bold; color: blue;}
.sargah{background-color: yellow; padding-right: 1pt; padding-left: 1pt;}

/* program leírásokhoz */
.program{width: 100%; margin-top: 25pt; margin-bottom: 25pt; padding-left: 3px; border: 1pt solid black; background-color: white;}
.program p{font-size: 16pt; font-weight: normal; line-height: 150%;}
.program li{font-size: 18pt; font-weight: normal; line-height: 150%;}
.tab01 {padding-left: 5pt;}
.tab02 {padding-left: 10pt;}
.tab03 {padding-left: 15pt;}

.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;}

/*hasonló fejléces oldalk, vizuális megkülömböztetésére*/
.reakciop{background-color: red; padding: 10pt;}
.reakcios{background-color: yellow; padding: 10pt;}
.reakcioz{background-color:  #99ff00; padding: 10pt;}
.reakcioc{background-color: aqua; padding: 10pt;}
/*egyedi big  szimbólum nagyításra*/
big{font-size: 40pt; color: blue;}
			/* --------- Keret html - laphoz */
h2 {font-size: 28pt; color: #33C; text-align: center; border-bottom: 1px solid #666;}
p {font-size: 18pt;}
.egyenlo_sarkok{width:95%; background: #FFCC69; border: 4px solid red; padding-right:10px; padding-left:10px;} 
.radiuszkeret02{width:720px; background-color: #FFCC69; padding-left:5px; border-top: 30px solid green; border-right: 20px solid blue; border-bottom: 30px solid black; border-left: 40px solid red;}

/*Vonal keret formátumok*/
.vonaltip {width: 99%; margin-top: 10px; border: none;}
.vonaltip th,td {font-size: 18pt; padding-top: 35px; padding-bottom: 35px; padding-left: 20px;}

.asolid {font-size: 16px; color: #990000; border: 6px solid #fff; padding: 10px;}
.adouble {font-size: 16px; color: #990000; border: 10px double #fff; padding: 5px;}
.adotted {font-size: 16px; color: #990000;  border: 4px dotted #fff; padding: 10px;}
.adashed {font-size: 16px; color: #990000; border: 4px dashed #fff; padding: 10px;}
.agroove {font-size: 16px; color: #990000; border: 15px groove #fff; padding: 5px;}
.aridge {font-size: 16px; color: #990000;  border: 15px ridge #fff; padding: 5px;}
.aoutset {font-size: 16px; color: #990000;  border: 15px outset #fff; padding: 5px;}
.ainset{font-size: 16px; color: #990000;  border: 15px inset #fff; padding: 5px;}

.vonalak {width: 100%; margin-top: 10px; border: none;}
.vonalak td {font-size: 18pt; padding-top: 5px; padding-bottom: 15px;  padding-left: 5px;}

.vsolid {font-size: 14px; color: #990000; border: 4px solid #fff; padding: 5px;}
.vsolidt {font-size: 14px; color: #990000; border-top: 4px solid #fff; padding: 5px;}
.vsolidr {font-size: 14px; color: #990000; border-right: 4px solid #fff; padding: 5px;}
.vsolidb {font-size: 14px; color: #990000; border-bottom: 4px solid #fff; padding: 5px;}
.vsolidl {font-size: 14px; color: #990000; border-left: 4px solid #fff; padding: 5px;}

.vsolidtr {font-size: 14px; color: #990000; border-top: 4px solid #fff; border-right: 2px solid #fff; padding: 5px;}
.vsolidtb {font-size: 14px; color: #990000; border-top: 4px solid #fff; border-bottom: 2px solid #fff; padding: 5px;}
.vsolidtl {font-size: 14px; color: #990000; border-top: 4px solid #fff; border-left: 2px solid #fff; padding: 5px;}
.vsolidrl {font-size: 14px; color: #990000; border-right: 4px solid #fff; border-left: 2px solid #fff; padding: 5px;}
.vsolidrb {font-size: 14px; color: #990000; border-right: 4px solid #fff; border-bottom: 2px solid #fff; padding: 5px;}

.vsolidbt {font-size: 14px; color: #990000; border: 4px solid #fff; border-top: none; padding: 5px;}
.vsolidbr {font-size: 14px; color: #990000; border: 4px solid #fff; border-right: none; padding: 5px;}
.vsolidbb {font-size: 14px; color: #990000; border: 4px solid #fff; border-bottom: none; padding: 5px;}
.vsolidbl {font-size: 14px; color: #990000; border: 4px solid #fff; border-left: none; padding: 5px;}

.vsolidvk {font-size: 20px; color: #990000; border-top: 10px solid white;  border-right: 20px solid blue;  border-bottom: 30px solid black;  border-left: 40px solid red; padding: 5px;}
.vktd {font-size: 12px; padding: 15px;}

/*Rádiuszos keretek*/
.rsolid {font-size: 16px; color: #990000; border: 6px solid #fff; padding: 10px;}
.rdouble {font-size: 16px; color: #990000; border: 10px double #fff; padding: 5px;}
.rdotted {font-size: 16px; color: #990000;  border: 4px dotted #fff; padding: 10px;}
.rdashed {font-size: 16px; color: #990000; border: 4px dashed #fff; padding: 10px;}
.rgroove {font-size: 16px; color: #990000; border: 15px groove #fff; padding: 5px;}
.rridge {font-size: 16px; color: #990000;  border: 15px ridge #fff; padding: 5px;}
.routset {font-size: 16px; color: #990000;  border: 15px outset #fff; padding: 5px;}
.rinset{font-size: 16px; color: #990000;  border: 15px inset #fff; padding: 5px;}

/*Rádiuszos vonalak*/
.rvonalak {width: 100%; margin-top: 10px; border: none;}
.rvonalak td {font-size: 16pt; padding-top: 5px; padding-bottom: 15px;}
.rvsolid {font-size: 14px; color: #990000; border: 4px solid #fff; padding: 5px;}
.rvsolidt {font-size: 14px; color: #990000; border-top:4px solid #fff; padding: 5px;}
.rvsolidr {font-size: 14px; color: #990000; border-right: 4px solid #fff; padding: 5px;}
.rvsolidb {font-size: 14px; color: #990000; border-bottom: 4px solid #fff; padding: 5px;}
.rvsolidl {font-size: 14px; color: #990000; border-left: 4px solid #fff; padding: 5px;}

/* ------------------- Előre elkészített háttérkép alkotja a keretet ------------------------ */
.keretes {text-align: center;  width: 144px; height: 42px; background: url(cd_tartalom/keretformak/keret_144x42.jpg);} 
.keretes p {padding: 5px; font-size:12px;}

/* -----------      1. Vonal csak lent 210px ---------- Háttérszint a végén kell megírni! --------------- */
.alsovonal {width: 210px; margin-top: 5px; padding-top: 1px;}
.alsovonal {background: url(cd_tartalom/keretformak/pirosvonal_11.gif) no-repeat right bottom; text-align: left;} 
.alsovonal p {background: url(cd_tartalom/keretformak/pirosvonal_22.gif) no-repeat left bottom; padding-bottom: 5px;}
.p_margo {font-size: 60%;  padding-right: 10px; padding-left: 10px;}
.alsovonal {background-color: aqua;}

/* -----------     2. Vonal csak lent 410px ---------- Háttérszint a végén kell megírni! --------------- */
.alsovonal_001 {width: 410px;  margin-top: 5px; padding-top: 1px;}
.alsovonal_001 {background: url(cd_tartalom/keretformak/pirosvonal_1.gif) no-repeat right bottom; text-align: left;} 
.alsovonal_001 p {background: url(cd_tartalom/keretformak/pirosvonal_2.gif) no-repeat left bottom; padding-bottom: 5px;}
.alsovonal_001 {background-color: aqua;}

/* -----------     3. Vonal csak lent 800px   ----------   Háttérszint a végén kell megírni!   ----------- */
.alsovonal_002 {width: 800px; margin-top: 5px; padding-top: 1px;}
.alsovonal_002 {background: url(cd_tartalom/keretformak/pirosvonal_1.gif) no-repeat right bottom; text-align: left;} 
.alsovonal_002 p {background: url(cd_tartalom/keretformak/pirosvonal_2.gif) no-repeat left bottom; padding-bottom: 5px;}
.alsovonal_002 {background-color: aqua;}


/* ----------------- alsó és felső keret------------- Kettő div szakaszt alkalmazunk--------------------------- */
#atfogo_001{background-color: aqua;}
#atfogo_002 {background-color: aqua;}
#atfogo_001, .vonalfent_001,  .vonallent_001 {width: 410px; }
#atfogo_002, .vonalfent_002,  .vonallent_002 {width: 800px; }

.vonalfent_001, .vonalfent_002 {margin-top: 10px; padding-top: 0px; margin-top: -16px;}
.vonalfent_001, .vonalfent_002 {background: url(cd_tartalom/keretformak/pirosvonal_4.gif) no-repeat right top; text-align: left;} 
.vonalfent_001 p, .vonalfent_002 p {background: url(cd_tartalom/keretformak/pirosvonal_3.gif) no-repeat left top; padding-top: 18px;}
.vonalfent_001, .vonalfent_002 {background-color: aqua; }
.cp {font-size: 60%; padding-right: 20px;  padding-left: 20px;}

.vonallent_001, .vonallent_002 {background: url(cd_tartalom/keretformak/pirosvonal_1.gif) no-repeat right bottom;} 
.vonallent_001 p, .vonallent_002 p {background: url(cd_tartalom/keretformak/pirosvonal_2.gif) no-repeat left bottom;}
.vonallent_001, .vonallent_002 {background-color: aqua;}
.pont {font-size: 10px; margin-left: 15px; color: red;}

/* ----------------- alsó és felső U-alakú keret 300x18 és 300x500-------------------------------------- */
#keretminta001{float: left; width: 360px;}
#keretpelda001{margin-left: 400px; width: 360px;}
.ukeret_02 {width: 300px;}

.ukeret_02 {background: url(cd_tartalom/keretformak/u_vonal_300x500.jpg) no-repeat top;}
.ukeret_02 p {background: url(cd_tartalom/keretformak/u_vonal_300x18.jpg) no-repeat bottom;}
.up_02 {font-size: 12px; padding-top: 15px;  padding-right: 5px; padding-bottom: 12px; padding-left: 25px;}

#sorkizaras {width: 800px; margin-top: 40px; margin-bottom: 20px; border-top: 1px solid black;}