/* New e_anyagok- Last modified on Apr 09, 2024 12:47 */
/* Gunda Tamás */
/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700&subset=latin-ext&display=swap");font-weight 500-600-hoz, kissé Verdana szerű*/
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin-ext&display=swap");/*font-weight 600-hoz*/
:focus {outline: none}
html {-webkit-text-size-adjust: 100%} /*Fontnövelés megakadályozása iPhone landscape módban*/
body, table, tr, td, ul, li, img, div, figure, span {margin:0; padding:0; border:0;box-sizing:border-box}
html, body {height: 100%;}
body.main {font: 1em/1.3em Arial, times, sans-serif; color:#000000; background: url(backgrd.gif) seashell;}
body.beige {font: 1em/1.3em Arial, times, sans-serif; color:#000000; background: beige;}
body.bisque {font: 1em/1.3em Arial, times, sans-serif; color:#000000; background: oldlace;}

a:link {text-decoration: none; font-weight:600; color:#009000}
a:visited {text-decoration: none;font-weight:600; color:#009000}
a:active {text-decoration: none;font-weight:600; color:#009000}

div.bisque_box {max-width:1100px;background-color: oldlace;
	margin: 1em auto 1em auto; text-align:justify; padding:5px
	}
div.beige_box {max-width:1100px;background-color: #f5f5dc;
	margin: 1em auto 1em auto; text-align:justify; padding:5px
	}
div.beige_800 {max-width:800px;margin:auto;
	text-align:justify;padding:5px;
	}
div.bisque_800 {max-width:800px;margin:auto;
	text-align:justify;padding:5px;
	}
div.bisque_800k {max-width:800px;margin:10px auto;
	text-align:justify;padding:5px;
    border-style: solid;
    border-color: #d0d0d0;
    border-width: 1px;
    background-color: #fcf4dc;
    border-radius: 8px;
	padding: 5px;
	}

figcaption {padding-top:0.5em}

h1.cim, h2.cim { text-align:center;color:maroon;
	margin-top: 1em;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-variant:small-caps;
	}
@media (max-width: 501px)
	{ h2.cim {font-size: calc( 1.0em + (1.1 - 1.0) * ( (100vw - 300px) / ( 500 - 300) ));line-height:1.2}
	  h1.cim {font-size: calc( 1.1em + (1.3 - 0.9) * ( (100vw - 300px) / ( 500 - 300) ));}
	  .larger {font-size: 1.0em}
	  .blockquote {margin-left:1em;margin-right:1em;text-align:justify}
	  .flex_width {max-width:100% !important}
	}
@media (min-width: 500px) and (max-width: 1000px)
	{ h2.cim {font-size: calc( 1.1em + (1.5 - 1.1) * ( (100vw - 500px) / ( 1000 - 500) ));}
	  h1.cim {font-size: calc( 1.3em + (1.75 - 1.45) * ( (100vw - 500px) / ( 1000 - 500) ));}
	  .larger {font-size: 1.1em}
	  .blockquote {margin-left:2em;margin-right:2em;text-align:justify}
	  .flex_width {max-width:90% !important}
	}
@media (min-width: 1000px)
	{ h2.cim {font-size: 1.5em;line-height:1.2}
	h1.cim {font-size: 1.75em;}
	.larger {font-size: 1.1em}
	.blockquote {margin-left:3em;margin-right:3em;text-align:justify}
	.flex_width {max-width:80% !important}
	}


h3.cim { text-align:center; color:black;font-weight:bold;line-height:1.5}
h4.cim { text-align:left; color:black;font-weight:bold;margin-bottom:1em}


.arial {font: 11pt/14pt Arial, sans-serif}
.bqcolor {background-color:#fbfbe3;padding-left:2px;padding-right:2px}  /*blockquote háttérszín*/
.bovebb {font: 0.9em/1.3em Arial;background-color:#AAEE82;color:black;} /*bővebben*/
.center {width:100%;margin-left:auto;margin-right:auto;text-align:center;display:block}
.cyan  {color:#00A0D0;font-weight:600}

.svg_bgcolor {background-color:oldlace;
	padding:0.5em 1em 0.5em 1em;border:1px solid gainsboro}
@media (max-width:600px) {
	.svg_bgcolor {background-color:oldlace;padding:0;border:0}
}
.hangingindent {
  padding-left: 2.0em ;
  text-indent: -2.0em ;
}
.half {margin-top:0.45em;margin-bottom:0.45em}

.keret {border: 1px solid red} /*for testing only*/
.keret2 {border: 1px dotted dodgerblue} /*for testing only*/
.keret3 {border: 1px solid green} /*for testing only*/
.leftindent {margin-left:2em}
.pclose {font-weight:600; color:#009000;cursor:pointer;}  /*window.close*/
.peru {color:#8b4513;font-weight:700}
.smaller_right {font-size:80%;float:right}

/*list:csoportlista, list2:eindex*/
table.list, table.list2 {width:100%;margin:auto}
table.list, table.list2  td {padding:4px;}
table.list td:nth-child(odd) {text-align:right;}
table.list td:nth-child(even) {text-align:left;padding-left:1em;}
table.list, table.list2  tr:nth-child(odd) {background-color: #f0f0d7;}
table.list, table.list2  tr:nth-child(even) {background-color: #fafae3;}
table.list, table.list2  tr:hover {background-color:#fff0d4;}
table.list2 td:nth-child(3) {text-align:left;}

/*e100 stb tipus*/
table.list3 {max-width:1000px;width:100%;margin:auto}
table.list3 td {padding:4px;}
table.list3 tr:nth-child(even) {background-color: papayawhip;}
table.list3 tr:nth-child(odd) {background-color: moccasin;}
table.list3 tr:hover {background-color:#f0f0f0;}


table.var {width:100%;margin:auto;text-align:left} /*pl. e432, e1404 */
@media (min-width: 600px) {
	table.var {width:80%}
}
table.var td:nth-child(3) {padding: 0.25em 0 0.25em 0.25em}
table.var td:nth-child(2) {padding-left:0.25em;padding-right:0.25em}
table.var td:nth-child(1) {padding-left:0.25em}
table.var tr:nth-child(even) {background-color: papayawhip;}
table.var tr:nth-child(odd) {background-color: moccasin;}

table.var2 {width:80%;margin:auto;text-align:center;border: 1px solid gainsboro} /*pl. esz7  */
@media (max-width: 600px) {
	table.var2 {width:100%}
}
table.var2 td {padding: 0.2em 0 0.2em 0}
table.var2 th {padding: 0.3em 0 0.3em 0}
table.var2 tr:nth-child(even) {background-color:#fbede1;}
table.var2 tr:nth-child(odd) {background-color:#fbdde1;}

table.glo {width:100%;margin:auto}  /*glossary*/
table.glo td {padding: 0.35em 0 0.35em 0}
table.glo td:nth-child(1) {text-align:right;padding-right:0.5em;font-weight:bold}
table.glo td:nth-child(2) {text-align:justify;padding-left:0.5em}
table.glo tr:nth-child(even) {background-color:#fafae3;}
table.glo tr:nth-child(odd) {background-color:#f0f0d7;}


.responsive_max {
	height:auto;
	max-width:100%;
	vertical-align:middle;
}

.responsive_max75 {
	height:auto;
	max-width:75%;
	vertical-align:middle;
}

@media (max-width: 500px) {
.responsive_max75 {
	height:auto;
	max-width:100%;
	vertical-align:middle;
	}

@media (min-width: 501px) {
.mobilscroll {  /*ezt a figure-ba és img-be is bele kell tenni, és nem kell responsive_max*/
	height:auto;
	max-width:100%;
	margin:auto;
	vertical-align:middle;}
}
@media (max-width: 500px) {
.mobilscroll {
	display:block;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style: none;
	}
/*.mobilscroll::-webkit-scrollbar {display:none}*/
}


.mobilscroll{
  scrollbar-width: thin;
  scrollbar-color: gray white;
}

.mobilscroll::-webkit-scrollbar-thumb {
  background-color: gray;
  border-color:white;
}



/*szöveg-kép két oszlopos responsive*/
.container4 {
	display: flex;
	width:100%;
	max-width:800px;
	flex-flow: row wrap;
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
}

.g1, .g2, .i1, .i2 { /*g 66-33%, i 75-25% arány*/
  width: 100%;
  display: flex;
}
  /*kicsi*/
.g1, .i1 {  /*image*/
  align-items: center;
  justify-content: center;

}

.g2, .i2{
  align-items: flex-start;
  align-content:flex-start;
  justify-content: flex-start;
}


@media (min-width: 600px) {
  .g1 {
    width: 33%;
  }
  .g2 {
    width: 66%;
  }
  .i1 {
    width: 25%;
  }
  .i2 {
    width: 75%;
  }

}

/*kép-kép két oszlopos responsive*/
.container5 {
	display: flex;
	width:100%;
	max-width:800px;
	flex-flow: row wrap;
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
}

.h1, .h2{
  width: 100%;
  display: flex;
}
  /*kicsi*/
.h1 {  /*image*/
	align-items: center;
	justify-content: center;

}

.h2 {
	align-items: center;
  	justify-content: center;
}


@media (min-width: 600px) {
  .h1 {
    width: 50%;
  }
  .h2 {
    width: 50%;
  }
}