/* 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;}

/* Asztali fejléc ------------------------------------------------------------------x */
#fejlec {width: 99%; height:80px; border-bottom: 2px solid #fc3; padding-bottom: 10px;}
#jelkep {float: left; width: 100px;}
#cim {width: 660px; text-align: center;  margin-left: 110px; margin-top: 5px;  padding-top: 1px;}


/* 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-family: Times New Roman; font-size: 35px; text-align: center; color: #363;}
h2 {font-family: Times New Roman; font-size: 30px; text-align: center; border-bottom: 2px solid #666;}
h2 a{text-decoration:none; color:black;}

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


/* ---------------------------  Mobil 01-hez------------------------------------------------------------ */
#link1{width:300px; font-size: 2.5em; border: 2px solid yellow;}
#link2{width:300px; font-size: 2.5em; border: 2px solid yellow;}
/* ----- Asztalihoz Szinválasztás ------------------------------- */
#szinvalasztek{width: 780px; height: 65px;}
#zbox001, #zbox002, #zbox003, #zbox004, #zbox005, #zbox006, #zbox007, #zbox008, #zbox009, #zbox010{position: absolute; width: 40px; height: 40px; border: 2px solid black;}
#zbox001{ margin-top: 0px; margin-left: 10px;  background-color: #CCCCCC;}
#zbox002{ margin-top: 0px; margin-left: 80px; background-color: white;}
#zbox003{ margin-top: 0px; margin-left: 150px; background-color: #666666;}
#zbox004{ margin-top: 0px; margin-left: 220px; background-color: aqua;}
#zbox005{ margin-top: 0px; margin-left: 290px; background-color: fuchsia;}
#zbox006{ margin-top: 0px; margin-left: 360px; background-color: lime;}
#zbox007{ margin-top: 0px; margin-left: 430px; background-color: olive;}
#zbox008{ margin-top: 0px; margin-left: 500px; background-color: yellow;}
#zbox009{ margin-top: 0px; margin-left: 570px; background-color: teal;}
#zbox010{ margin-top: 0px; margin-left: 640px; background-color: orange;}

/* ----- Mobilhoz Szinválasztás ------------------------------- */
#mszinvalasztek{width: 99%; height: 85px;}
#mzbox001, #mzbox002, #mzbox003, #mzbox004, #mzbox005{position: absolute; width: 80px; height: 80px; border: 2px solid black;}
#mzbox001{ margin-top: 0px; margin-left: 0px;  background-color: #CCCCCC;}
#mzbox002{ margin-top: 0px; margin-left: 160px; background-color: white;}
#mzbox003{ margin-top: 0px; margin-left: 320px; background-color: aqua;}
#mzbox004{ margin-top: 0px; margin-left: 480px; background-color: yellow;}
#mzbox005{ margin-top: 0px; margin-left: 640px; background-color: orange;}
/* ---------------------------------------------------------------- */