/* Mobil tesztekhez, általános formázó css ---- */
body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0.1px; background-color: #ccc;}
#mcontainer{width: 900px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-left: 2px; padding-bottom: 10px; border: 1px solid white;}
/* MOBILOS fejléc ------------------------------------------------------------------x */
#mobil_fejlec {width: 99%; margin-top:20px;}
#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;}
#mobil_tjegyzek {width: 98%;  margin-top:25pt; margin-right: auto; margin-left: auto; margin-bottom:25pt; padding:5px; border: 1pt solid black;}
.bdiv{float:left; width:360px;}
.bdiv a{font-size: 30pt;  font-weight: bold; padding-left: 3px;}
.jdiv{float:right; width:360px;}
.jdiv a{font-size: 30pt; font-weight: bold; padding-left: 3px;}

/* Cimsorok, bekezdések, kiemelések, listák, alapstílusai -------------------------------------------- */
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;}
li {font-family: Times New Roman; font-size: 16px; color: #000;}
strong{font-weight: bold;}
em {font-style: italic;}
hr{border-top: 5pt solid black; border-bottom: 5pt solid white;}

/* Pozíciók ------------------------------------------------------------------------------------------ */
.center {text-align: center;}
.balra {text-align: left;}
.jobbra {text-align: right;}

/* Betű méretek. -------------------------------------------------------------------------------------- */
.bmeret24 {font-size: 24px;}
.bmeret22 {font-size: 22px;}
.bmeret20 {font-size: 20px;}
.bmeret18 {font-size: 18px;}
.bmeret16 {font-size: 16px;}
.bmeret14 {font-size: 14px;}
.bmeret13 {font-size: 13px;}
.bmeret12 {font-size: 12px;}
.bmeret10 {font-size: 10px;}
 
/* Színek. -------------------------------------------------------------------------------------- */
.feher {color: white;}
.sarga {color: yellow;}
.zold {color: green;}
.ozold {color: olive;}
.kek {color: blue;}
.cian {color: aqua;}
.teal {color: teal;}
.piros {color: red;}
.lila {color: fuchsia;}
.plila {color: purple;}

/* Háttér-szín és a hozzá tartozó betűk színe. -------------------------------------------------------- */
.feketehb{background-color: black; color: white; padding-right: 5px; padding-left: 5px;}
.sszurkehb{background-color: gray; color: white; padding-right: 5px; padding-left: 5px;}
.piroshb{background-color: red; color: white; padding-right: 5px; padding-left: 5px;}
.lilahb{background-color: fuchsia; color: white; padding-right: 5px; padding-left: 5px;}
.zoldhb{background-color: green; color: white; padding-right: 5px; padding-left: 5px;}
.zolivehb{background-color: olive; color: white; padding-right: 5px; padding-left: 5px;}
.kekhb{background-color: blue; color: white; padding-right: 5px; padding-left: 5px;}

/* Háttérszínek ------------------------------------------------------------------------------------------ */
.szurkeh {background-color: #ccc;}
.feherh {background-color: white;}
.zoldh {background-color: green;}
.pirosh {background-color: red;}
.sargah {background-color: yellow;}
.vzoldh {background-color:  #99ff00;}
.vkekh {background-color:  #99ff99;}
.cianh {background-color: aqua;}


/* Kiemelt területekhez, leírásokhoz -------------------------------------------------------------------- */
.keret {width: 790px; font-family: Times New Roman; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.tkeret {width: 99%; font-family: Times New Roman; text-align: left; color: black; border: 1px solid black; padding: 5px; background-color: #ffc;}
.floatzar{width:800px; clear:left; clear:right;}


/* --------- Mobilbarát méretek CSS -------------- */

.sargah{background-color: yellow;}
#link1, #link3, #link5{background-color: #cfc;}
#link2, #link4, #link6{background-color: #ffc;}
.betuvalasztas01{float:left; width:390px; border-right:2px solid white;}
.betuvalasztas02{float:right; width:390px;}

.sorkizaras{clear:both; width: 100%;}

/*Betűméretek px-ben ----------------*/
.bpx11{font-size: 11px;}
.bpx12{font-size: 12px;}
.bpx13{font-size: 13px;}
.bpx14{font-size: 14px;}
.bpx15{font-size: 15px;}
.bpx16{font-size: 16px;}
.bpx17{font-size: 17px;}
.bpx18{font-size: 18px;}
.bpx19{font-size: 19px;}
.bpx20{font-size: 20px;}
.bpx21{font-size: 21px;}
.bpx22{font-size: 22px;}
.bpx23{font-size: 23px;}
.bpx24{font-size: 24px;}
.bpx25{font-size: 25px;}
.bpx26{font-size: 26px;}
.bpx27{font-size: 27px;}
.bpx28{font-size: 28px;}
.bpx29{font-size: 29px;}
.bpx30{font-size: 30px;}
.bpx31{font-size: 31px;}
.bpx32{font-size: 32px;}
.bpx33{font-size: 33px;}
.bpx34{font-size: 34px;}
.bpx35{font-size: 35px;}
.bpx36{font-size: 36px;}
.bpx37{font-size: 37px;}
.bpx38{font-size: 38px;}
.bpx39{font-size: 39px;}
.bpx40{font-size: 40px;}
.bpx41{font-size: 41px;}
.bpx42{font-size: 42px;}
.bpx43{font-size: 43px;}
.bpx44{font-size: 44px;}
.bpx45{font-size: 45px;}
.bpx46{font-size: 46px;}
.bpx47{font-size: 47px;}
.bpx48{font-size: 48px;}
.bpx49{font-size: 49px;}
.bpx50{font-size: 50px;}

/*Betűméretek pt-ben ----------------*/
.bpt11{font-size: 11pt;}
.bpt12{font-size: 12pt;}
.bpt13{font-size: 13pt;}
.bpt14{font-size: 14pt;}
.bpt15{font-size: 15pt;}
.bpt16{font-size: 16pt;}
.bpt17{font-size: 17pt;}
.bpt18{font-size: 18pt;}
.bpt19{font-size: 19pt;}
.bpt20{font-size: 20pt;}
.bpt21{font-size: 21pt;}
.bpt22{font-size: 22pt;}
.bpt23{font-size: 23pt;}
.bpt24{font-size: 24pt;}
.bpt25{font-size: 25pt;}
.bpt26{font-size: 26pt;}
.bpt27{font-size: 27pt;}
.bpt28{font-size: 28pt;}
.bpt29{font-size: 29pt;}
.bpt30{font-size: 30pt;}
.bpt31{font-size: 31pt;}
.bpt32{font-size: 32pt;}
.bpt33{font-size: 33pt;}
.bpt34{font-size: 34pt;}
.bpt35{font-size: 35pt;}
.bpt36{font-size: 36pt;}
.bpt37{font-size: 37pt;}
.bpt38{font-size: 38pt;}
.bpt39{font-size: 39pt;}
.bpt40{font-size: 40pt;}
.bpt41{font-size: 41pt;}
.bpt42{font-size: 42pt;}
.bpt43{font-size: 43pt;}
.bpt44{font-size: 44pt;}
.bpt45{font-size: 45pt;}
.bpt46{font-size: 46pt;}
.bpt47{font-size: 47pt;}
.bpt48{font-size: 48pt;}
.bpt49{font-size: 49pt;}
.bpt50{font-size: 50pt;}

/*Betűméretek em-ben ----------------*/
.bm1{font-size: 1em;}
.bm1_5{font-size: 1.5em;}
.bm2{font-size: 2em;}
.bm2_5{font-size: 2.5em;}
.bm3{font-size: 3em;}
.bm3_5{font-size: 3.5em;}
.bm4{font-size: 4em;}
.bm4_5{font-size: 4.5em;}
.bm5{font-size: 5em;}
.bm5_5{font-size: 5.5em;}
.bm6{font-size: 6em;}
.bm7{font-size: 7em;}

/*Betűméretek %-ban ----------------*/
.bsz100{font-size: 100%;}
.bsz150{font-size: 150%;}
.bsz200{font-size: 200%;}
.bsz250{font-size: 250%;}
.bsz300{font-size: 300%;}
.bsz350{font-size: 350%;}
.bsz400{font-size: 400%;}
.bsz450{font-size: 450%;}
.bsz500{font-size: 500%;}
.bsz600{font-size: 600%;}
.bsz700{font-size: 700%;}


/*Div területi méretek px-ben ----------------*/
.divpx40 {width:40px; height:40px; margin:1px; border: 1px solid black; background-color: yellow; font-size: 12px;}
.divpx50 {width:50px; height:50px; margin:1px; border: 1px solid black; background-color: yellow; font-size: 13px;}
.divpx60 {width:60px; height:60px; margin:1px; border: 1px solid black; background-color: yellow; font-size: 14px;}
.divpx70 {width:70px; height:70px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx80 {width:80px; height:80px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx90 {width:90px; height:90px; margin:1px; border: 1px solid black; background-color: yellow;}

.divpx800_100 {width:800px; height:100px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx100 {width:100px; height:100px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx110 {width:110px; height:110px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx120 {width:120px; height:120px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx130 {width:130px; height:130px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx140 {width:140px; height:140px; margin:1px; border: 1px solid black; background-color: yellow;}

.divpx800_150 {width:800px; height:150px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx150 {width:150px; height:150px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx160 {width:160px; height:160px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx170 {width:170px; height:170px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx180 {width:180px; height:180px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx190 {width:190px; height:190px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx200 {width:200px; height:200px; margin:1px; border: 1px solid black; background-color: yellow;}

.divpx800_200 {width:800px; height:200px; margin:1px; border: 1px solid black; background-color: yellow;}

.divpx900_200 {width:900px; height:200px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx980_200 {width:980px; height:200px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx1000_200 {width:1000px; height:200px; margin:1px; border: 1px solid black; background-color: yellow;}
.divpx1100_200 {width:1100px; height:200px; margin:1px; border: 1px solid black; background-color: yellow;}

