/* ChG túraverseny oldalak (c) ChG, 2025.09.13- */

/*OLDALKERET*/
body {
	margin: 0;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
}

	/*Fejléc*/
	#fejlec {
		height: 45px;
		font-size: large;
		border-bottom: 2px solid;
	}
	#fejlecKilep {
		height: 0; /*ezáltal működik a függőleges középre igazítás*/
		float: right;
	}
	/*Tartalom*/
	#tartalom {
		 vertical-align: middle;
	}

	/*Lábléc*/
	#lablec {
		text-align: center;
		height: 45px;
		border-top: 2px solid;
	}
	#lablec img {
		background: white;
	}
	div.gombsor {
		display: inline-block;
	}
	div.gombinfo {
		font-size: small;
		font-family: Arial Narrow;
		width: 20px;
		height: 10px;
		display: inline-block;
		white-space: nowrap;
		transform: rotate(270deg);
		transform-origin: center center;
	}
	
	/*További elemek*/
	table.hiba {
		width: 100%;
		font-weight: bold;
		background: red;
		color: white;
	}

	/*Űrlapok*/
	table.urlap, table.listatabla {
		margin: 20px auto 20px auto;
		background: rgba(255,255,255,0.8);
	}
	#fejlecKilep table.urlap {
		margin: -10px 0 0 0;
	}
	#fejlec table {
		background-color: transparent;
		border: none;
	}
	table.urlap {
		border-spacing: 0;
	}
	table.urlap td {
		padding: 2px;
	}
	td.tablafej {
		font-weight: bold;
		text-align: center;
	}
	td.tablafej img {
		height: 20px;
	}
	tr.lista a {
		font-weight: bold;
	}
	td.lipici { font-size: small; }
	td.lipicij { font-size: small; text-align: right; }
	td.linormal, td.linormalc {	padding: 10px 5px; }
	td.linormalc {	text-align: center;	}
	td.livoros { color: red; }

	table.urlap input {
		height: 30px;
	}

	#infomezo table.urlap {
		background: #ff8;
		border: 2px solid #880;
	}

/*INDEX*/
div.indexContainer {
	max-width: 578px;
	margin: auto;
}
div.index0, div.indexKi, div.indexSe, div.indexZ {
	align-items: center;
	display: flex;
	height: 50px;
	width: 155px;
	margin: 3px;
	padding: 5px;
	float: left;
	text-align: center;
	font-weight: bold;
}
div.index0	{	border: 2px solid transparent;	background: transparent;	color: red;}
div.indexKi {	border: 2px solid #cf8;			background: #cf8;			color: darkgreen;}
div.indexSe {	border: 2px solid darkgray;		background: darkgray;		color: white;}
div.indexZ	{	border: 2px solid darkgreen;	background: darkgreen;		color: white;}

/*ÖSSZETETT MEGJELENÍTŐ*/

div.kiskeptar	{	max-width: 578px; margin: auto;	} /* a kis képek 90x90-es méretéhez + 3px margójához is igazodva*/
div.kiskeptarE	{	max-width: 750px; margin: auto; background: rgba(255,255,255,0.8); } 
div.kiskeptarT	{	max-width: 578px; margin: auto;	background: rgba(255,255,255,0.8); }
div.kiskeptarC	{	max-width: 578px; margin: auto;	background: rgba(255,255,255,0.8); font-size: 11pt; text-align: justify; pedding: 0 5px; }

	/*Cím*/
	p.cimFo { margin: 0;	padding-bottom: 5px;	font-size: 16pt; font-weight: bold; }
	p.cimAl { margin: 0 0 5px 0; 					font-size: 12pt; }

	/*Nagykép*/
	.slider {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  margin: 0 auto;
	}
	.slides {
	  display: flex;
	  transition: transform 0.5s ease;
	  width: 100%;
	}
	.slide {
	  width: 100%;
	  flex-shrink: 0;
	  box-sizing: border-box;
	  aspect-ratio: 1;
	}
	img.slide {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		display: block;
	}
	.arrow { /* nyilak asztali nézetre */
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	  background: rgba(255,255,255,0.4);
	  border: none;
	  font-size: 2rem;
	  padding: 10px 5px;
	  cursor: pointer;
	  color: #000;
	  border-radius: 6px;
	}
	.arrow:hover {
	  background: rgba(255,255,255,0.7);
	}
	.prev { left: 5px; }
	.next { right: 5px; }
	
	table.kepalairas {
	  width: 100%;
	  background: white;
	  margin-bottom: 5px;
	}
	td.kepalairas1 { text-align: left; 	vertical-align: top; word-break: break-word; }
	td.kepalairas2 { text-align: right;	vertical-align: top; word-break: break-word; }
	td.kepalairas3 { width: 30px; }

	/*Képtárak listája*/
	div.rovatmenu {
		align-items: center;
		display: flex;
		height: 50px;
		width: 155px;
		margin: 3px;
		padding: 5px;
		float: left;
	}
	span.cim {	font-weight: bold;	}
	span.alcim {font-size: small;	}
	
	/*Túraleírás*/
	table.vonal {
		border-spacing: 0;
		border-collapse: collapse;
	}
	td.vonal, td.vonalI, td.vonalH, td.vonalE {
		width: 40px;
		text-align: center;
		vertical-align: middle;
	}
	td.vonal, td.vonalH {
		writing-mode: vertical-lr;
		vertical-align: top;
		font-size: 10pt;
	}
	td.vonalH {	background-image: url('/abra/vonal1.gif');	background-size: 100% 100%;	}
	td.vonalI {	background-image: url('/abra/vonal2.gif');	background-size: 100% 100%;	}
	td.vonalE {	background-image: url('/abra/vonal2.gif');	background-size: 100% 100%;	transform: scaleY(-1);	}

	p.allomasnev, p.leiras {
		text-align: justify;
		margin: 5px;
	}
	p.allomasnev{ font-size: 12pt;	font-weight: bold;	}
	p.leiras	{ font-size: 10pt;	}
	p.allomasnev img { float: right; width: 20px; }
	
	/*Indexképek*/
	div.kiskep {
		margin: 3px;
		float: left;
}

	/*Cikkek listája*/
	div.cikkindex {
		font-size: 11pt;
		text-align: justify;
	}
	div.cikkindex img {
		float: left;
		margin-right: 10px;
	}
	.cikkcim {
		font-size: 14pt;
		font-weight: bold;
		margin: 0;
	}
	.cikkdatum {
		font-style: italic;
		margin: 0;
	}
	div.kiskeptarC img {
		max-width: 100%;
	}
/*VAJON KELLENEK EZEK?
#fejlec0 {
	font-weight: bold;
}
div.menu {
	font-weight: bold;
}
div.gombkeret {
	width: 50px;
	height: 50px;
	margin: 3px;
	float: left;
}
div.gombnormal {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
div.menu, div.rovatmenu2 {
	margin: 5px auto 5px auto;
	padding: 5px;
	align-items: center;
	display: flex;
}
div.menu {
	height: 30px;
	width: 200px;
}
div.rovatmenu2 {
	height: 30px;
	width: 200px;
}
div.rovatmenu2 img {
	background: white;
	border: 1px solid darkgreen;
	margin-left: -5px;
}
*/