/* Created Sep 30, 2020 16:05 */
/* Modified Oct 11, 2020 18:47 */
/* Myst styles T.Gunda*/
@import url("https://fonts.googleapis.com/css?family=Kalam:300,400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Prompt:300,400,500,700&subset=latin-ext");
/*Sora Montserrat Spartan Byriani Encode+Sans+Expanded - Verdana helyett*/
/*Comic sans helyett Tillana, Charm, Comic neue*/
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 a:link {color:burlywood} a:visited {color:burlywood} a:active {color:burlywood}
.body_main {background: url(stone_m31.jpg)  #272010;
		font: 1em/1.2em 'Prompt',san-serif,serif;color:#ffffff;font-weight:400;
		padding:2px
		}

div.text1 {max-width:1100px;margin:auto;
		background-color: #272010;
		text-align:justify;
		padding: 10px;
		border-left: 1px solid  #706050; border-top: 1px solid  #706050; border-right: 1px solid  #100000;border-bottom: 1px solid  #100000
		}

div.head {max-width:1100px;margin:auto;
		heigh:auto;
		background-color: #000000;
		text-align:justify;
		padding: 0px;
		display:flex;justify-content:space-between;
		align-items:center;text-align:center;
		border-left: 1px solid  #706050; border-top: 1px solid  #706050; border-right: 1px solid  #100000;border-bottom: 1px solid  #100000
		}

div.myst_tegla {max-width:1100px;height:27px; background:url(tile_m.jpg); margin: auto; padding: 0px 0px 0px 0px}
div.spoileroff {cursor:pointer;}

h1 {color:antiquewhite;margin:0px;letter-spacing: 1px;}
h2 {color:#ffcc99;margin:0px;letter-spacing: 1px;}

@media (max-width: 501px)
	{ h2 {font-size: calc( 1.0em + (1.1 - 1.0) * ( (100vw - 300px) / ( 500 - 300) ))}
	  h2.cim {font-size: calc( 0.9em + (1.1 - 0.9) * ( (100vw - 300px) / ( 500 - 300) ));line-height:0.9em}
	  h1 {font-size: calc( 0.9em + (1.1 - 0.9) * ( (100vw - 300px) / ( 500 - 300) ));line-height:0.9em;font-weight:500}
	}
@media (min-width: 500px) and (max-width: 1000px)
	{ h2 {font-size: calc( 1.1em + (1.3 - 1.1) * ( (100vw - 500px) / ( 1000 - 500) ));line-height:1.1em}
	  h2.cim {font-size: calc( 1.1em + (1.5 - 1.1) * ( (100vw - 500px) / ( 1000 - 500) ));}
	  h1 {font-size: calc( 1.1em + (1.5 - 1.1) * ( (100vw - 500px) / ( 1000 - 500) ));}
	}
@media (min-width: 1000px)
	{ h2 {font-size: 1.3em;line-height:1.2em;}
	  h2.cim {font-size: 1.5em;}
	  h1 {font-size: 1.5em;line-height:1.2em;}
	}

img.inline {border-left: 1px solid  #706050; border-top: 1px solid  #706050;
	border-right: 1px solid  #100000;border-bottom: 1px solid  #100000;
	background:#403020;
	}
	
img.inline2 {border-left: 1px solid  #706050; border-top: 1px solid  #706050;
	border-right: 1px solid  #100000;border-bottom: 1px solid  #100000;
	padding: 2px 2px 2px 2px;
	background:#403020;
	margin-right:10px;
	float:left}
	
img.thumb {border:  #000000 double 3px; border-color: #000000 #706050 #706050 #000000;margin-left: 10px; margin-right: 10px}	

img.tipp {
	width:35px;height:22px;
	vertical-align:top;
	cursor:pointer;
}
img.spoil {
	width:73px;height:22px;
	vertical-align:top;
	cursor:pointer;
}

span.style2 { font-weight: bold; color:bisque;}
span.style2b { font-weight: bold; color:#ffcc99; text-align:center}
.hint {
    display:block;
    border-right: #A09080 2px solid;
    padding-right: 2px;
    border-top: #705050 2px solid;
    padding-top: 2px;
    border-left: #705050 2px solid;
    padding-left: 2px;
    border-bottom: #A09080 2px solid;
    padding-bottom: 2px;
    left: 0px;
    top: 0px;
    visibility: hidden;
    text-transform: none;
    position: absolute;
    font-family: arial;
    font-size: 11pt;
    color: black;
    background-color: cornsilk;
}

.responsive_max {
	display:block;
	height:auto !important;
	max-width:100% !important;
	vertical-align:middle;
	}
.center {width:100%;margin-left:auto;margin-right:auto;text-align:center;}
.level {font: 13pt/16pt Kalam,times,serif; color:moccasin}
.half {margin-top:0.45em;margin-bottom:0.45em} /*bekezdések kisebb távolsággal*/
.arial {font: 1.0em arial,san-serif,serif}
.verdana {font: 1.0em verdana,san-serif,serif}
.blockquote {margin-left:3em;margin-right:3em;text-align:justify}
@media (max-width: 501px){
	span.text2 {font-size: 1.1em}
	.blockquote {margin-left:1em;margin-right:1em;}
	}

.keret {border: 1px solid red} /*for testing only*/
.keret2 {border: 1px dotted cyan} /*for testing only*/
.keret3 {border: 1px solid green} /*for testing only*/