html,body,h1,h2,h3,h4,h5 {font-family: "RobotoDraft", "Roboto", sans-serif;}
.w3-bar-block .w3-bar-item {padding: 16px}
p   { text-align:justify; }	
h2, h3  { text-align:center; }	
body { background: lightgray; }
/* ------------------------------------------------ Fejléc --------------------------------------------------- */ 	

	#fejlec-tabla {display: grid; grid: auto / 70px auto 70px;  grid-gap: 0; border-bottom:1px solid lightgray; width: 100%; 
		           align-items: center; padding:0;  margin-bottom:10px;  height:64px; background: white;}
	#fejlec-logo { padding:0; margin:0; font-family:'bauhaus_93regular'; font-size:40px; color:black !important; text-align:center; }

/* ------------------------------------------------- page ----------------------------------------------------- */

.center750 { max-width: 750px; display:block; margin: 0 auto; background: white; } 
.person { padding: 0; } /* padding 0 */
.padd-lr { padding: 20px 20px 20px 20px; } /* padding left right 20px */
	
/* -------------------------------------------------- img ----------------------------------------------------- */ 	
	
img.lepcso-mail-kiskep  { width:50px; height: 30px;  } 
img.img-brd { width: 70%; max-width: 750px; display:block; margin: 0 auto; margin-bottom: 10%; }

/* ------------------------------------- image slider vagy image gallery blokk ----------------------------------------------------- */ 	

div.imageslider, div.imagegallery { display:block; margin: 0 auto; /* center */ width: 100%;  padding: 0;   } 

/* Responsive iframe */
.responsiveiframediv   { width: 100%; position: relative;  overflow: hidden;  padding: 0; margin:0; }
.responsiveiframe      { position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  width: 100%;  height: 100%;  
	                     border: none; overflow: hidden; }  /* ez ugyanaz mint htmlben az <iframe frameborder="0" scrolling="no" */ 
.keparany-szekliftek   { padding-top: 69.3%;   } /*  Kép mérete W:750 x H:520 Képarány kiszámolása: H / W x 100 = 520/750*100 = 69.3 */  
.keparany-acorn        { padding-top: 150.1%;  } /*  Kép mérete W:469 x H:704 Képarány kiszámolása: H / W x 100 = 704/469*100 = 150.1  */
.keparany-referenciak  { padding-top: 166.66%; } /*  (A nagykép + kiskép magassága együtt: 625 cm, ez adja meg a képgaléria magasságát) 
                                                     Képgaleria mérete: W:375 x H:625;  Képarány kiszámolása: 625 / 375 x 100 = 166.66 */ 
.keparany-technika        { padding-top: 75.06%;  } /*  Kép mérete width="750" height="563" Képarány kiszámolása: 563/750*100 = 75.06  */
/* Képarányok - Aspect Ratio kiszámolása: Egy kép mérete legyen pédául: 16 széles x 9 magas;  9/16x100 = 56.25;   padding-top: 56.25%; */

/* ------------------------------------- Technikai paraméterekhez táblázat-------------------------------------------------------- */

.haromoszloposgridtabla {  display: grid;  grid: auto / auto auto auto;  grid-gap: 1px; padding: 1px; background: rgba(0,0,0,0.15);
	           font-size: 14px; font-family: system-ui, sans-serif; text-align: left; }
.haromoszloposgridtabla div {  background: white;  padding: 5px; 
	              display: flex;  justify-content: left;  align-items: center; /* benne levő cuccok balrazárva, vertikálisan center */ 
	              text-align: justify; } /* betű széthúzva */ 	
.haromoszloposgridtabla div.sz {  background: #F5F5F5; /* szürke sor */ font-style:italic; }	
	
.eggyesgridtabla {  display: grid;  grid: auto / auto;  grid-gap: 1px; padding: 1px; background: rgba(0,0,0,0.15);
	                font-size: 14px; font-family: system-ui, sans-serif; text-align: left;  }
.eggyesgridtabla div { padding: 5px;  background: white; display: block; text-align: left; } /* betű széthúzva */ 
	
/* ------------------------------------------  Acorn  táblázata ------------------------------------------------------------------ */ 
.gridtabla {  display: grid;  grid: auto / 70px auto;  grid-gap: 0; padding: 1px; background: rgba(0,0,0,0.15);
	          font-size: 13px; font-family: system-ui, sans-serif; text-align: left;  max-width: 750px;}
.gridtabla div {  background: white;  padding: 2px; 
	              display: flex;  justify-content: left;  align-items: center; /* benne levő cuccok balrazárva, vertikálisan center */ 
	              text-align: justify; } /* betű széthúzva */ 	
.gridtabla div.sz {  background: #F5F5F5; /* szürke sor */
	                 border-bottom:1px solid rgba(0,0,0,0.15); border-top:1px solid rgba(0,0,0,0.15);  
	                 font-weight:bold; font-style:italic; font-size: 120%; }	
.gridtabla div.cim                  {                     font-weight:bold; font-style:italic; font-size: 120%; }	
	
/* ------------------------------------------ Acorn LCD kijelzője----------------------------------------------------------------- */ 	
	span.lcd { font-family: 'pixel_lcd7regular'; font-size: 20px;   /* Pixel LCD betűtípus */ 	      
		       background: #000; padding: 4px; border-radius: 6px;  /* fekete lekerekített alap */ 	
		       color: white;  
		      text-shadow:  0 0 3px white; }  /* glow */ 

/* ------------------------------------- barna skin --------------------------------------------------- */

html,body,h1,h2,h4,h5 { color:#444444 !important; } /* Minden betű barna */
h3, a { color: #0662b9; } /* a kisebb címek és a sima linkek színe kék */
a.w3-bar-item { color:#444444;} /* a baloldali menüpontok barnák */
.bg-kep, #lablec { background-image: url("../kep/bg.jpg")!important; background-position:left top; background-repeat:repeat; background-attachment:inherit; color:white; } /* menüpontok és lablec bg kép*/
.img-brd { border: 1px solid #444444; background:white; padding: 5px; } /* képeknek barna keret */ 

/* ----------------------------------Kapcsolat -Email ablakhoz ----------------------------------------------------- */

    input:required:invalid, input:focus:invalid { /* box-shadow: 0 0 1px 1px red; */   }
    input:required:valid {/* box-shadow: 0 0 1px 1px green;  */  }