/*  --------- 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;}
            /* -------- JavaScript példák.html -lapunkhoz.  ------- */
/*
body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; background-color: #ccc;} 
#container {width: 800px; margin-top: 5px; margin-right: auto; margin-left: auto;}
#fejlec{width: 800px;}
#jelkep {float: left;  width: 100px; margin-left: 5px;} 
h1 {font-size: 30px; text-align: center;}
h2 {font-size: 27px;text-align: center; padding-top: 30px; padding-bottom: 5px; border-top: 2px solid black; border-bottom: 2px solid aqua;} 
h3 {font-size: 24px;}
h4 {font-size: 21px;}
h5 {font-size: 28px;}
h6 {font-size: 16px;} 
p {font: 16px Ariel; color: #000;}
strong {font-weight: bold;}
*/
em {font-style: normal; font-weight: bold; color: blue;}

.xmeret {font-size: 22px; font-weight: bold;}
.ameret {font-size: 14px; font-style: normal;}
.zold {font-weight: bold; color: green;}
.kek {font-weight: bold; color: blue;}
.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: 5px;}
.feketeh{ background-color: black; color: #fff; 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;}

.mintakep { padding-top: 20px; padding-left: 200px;}

.bemutato {width: 700px; background-color: #ccff33; margin-left: 24px;  padding-top: 10px;  padding-bottom: 10px; padding-left: 50px;}
.leiras {width:760px; margin-top: 10px; margin-right: auto; margin-left: auto;  padding: 10px;}
.leiras { background-color: #fff;  font-size: 14px;}
.programiras { background-color: #fff;  font-size: 14px; }


#buttongomb001{font-size: 18px; margin-right: 200px; background-color: yellow;}
#buttongomb002{font-size: 18px;  color: yellow; background-color: blue; border: 5px ridge yellow;}
#buttongomb003{font-size: 14px; margin-right: 200px; font-weight: bold; background-color: yellow; padding-right: 40px; padding-left: 40px;}
#buttongomb004{font-size: 14px; font-weight: bold; color: yellow; background-color: black; border: 5px ridge yellow;}



#szoveg {width: 600px; font-size: 18px;  background-color: yellow; }
.szoveg001 {font-size: 18px;  text-align: left; color: yellow; background-color: blue; margin: 15px; padding: 5px;}
.szoveg002 {font-size: 18px;  text-align: center; color: yellow; background-color: black; margin: 15px; padding: 5px;}
.szoveg003 {font-size: 18px; font-weight: bold; text-align: right; color: yellow; background-color: green; margin: 15px; padding: 5px;}
.szoveg004 {font-size: 18px;  text-align: left; font-weight: bold;  background-color: #fff; margin: 15px; padding: 5px;}
.gomb_igazitasa {text-align: center;}


		/* 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; blacground-color: silver;}
.tabla3 {width: 300px; border-collapse: separate; border-spacing: 2px; border: 3px inset  blue; margin-left: 200px; blacground-color: silver;}





.visszalep {font-size: 12pt; font-weight: bold; margin-left: 30px;}



