/* --- start of css --- */ 

@font-face
	{
	font-family: 'Sayonara Beveled';
	src: url('inc/bkd_01.ttf') format('truetype');
	font-family: 'Sayonara Trash Free';
	src: url('inc/bkd_02.ttf') format('truetype');
	}

.back_image_menu
	{
	background-color: C72121;
	background-image: linear-gradient(to bottom, #C72121 60%, #EF4F4F);
	}
	
.back_image_bottom_menu
	{
	background-color: C72121;
	background-image: linear-gradient(to top, #C72121 60%, #EF4F4F);
	}
	
.back_image
	{
	background-image: url("../pic/baja_kyo_dojo_logo.jpg");
	background-image: url("../pic/baja_kyo_logo_vastag.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background-size: 40%;
/*	background-size: contain;	*/
	background-origin: padding-box;
	background-color: #FFFFFF;
	}

.back_image_mobile
	{
	background-size: 80%;
	}

.sponzor_image
	{
	background-image: url("../pic/omicron.jpg");
	background-repeat: repeat;
	background-size: 197px 25px;
	background-color: #FFFFFF;
	}
.sponzor_image_mobile
	{
	background-size: 157px 20px;
	}
	
TABLE.atlatszo_hatter
	{
	background-color: RGBA(255,255,255,0.9);
	min-height: 80%;
	}
	
BODY
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}

ul
	{
	list-style: none; /* Remove HTML bullets */
	padding: 10;
	margin: 10;
	line-height: 2;
	}

li
	{ 
	padding-left: 16px; 
	text-align: left;
	}
	
li::before
	{
	content: '🥋';
/*	color: #C72121;	*/
	padding-right: 10px;
	}

/* MOBIL MENU */
@media screen /*and (max-width: 600px)*/
	{
	p.maxsize
		{
		display: none;
		}

	.mobile_width	
		{
		width: 100%;
		}
		
	.mobile_max-width
		{
		max-width: 250px;	
		}

	IMG.mobile_width_height
		{
		max-height: 250px;
		max-width: 95%;
		}

	TABLE.keret_table_mobile
		{
		max-width: 100%;
		border-radius: 15px;
		background: lightgray;
		padding: 4px;
		box-shadow: 3px 3px 15px lightgray;
		}
		
		
	/* Style the navigation menu */
	.topnav
		{
		overflow: hidden;
		/*background-color: #333;*/
		background-color: #000000;
		position: relative;
		}

	/* Hide thelinks inside the navigation menu (except for logo/home) */
	.topnav #myLinks
		{
		display: none;
		}

	/* Style navigation menu links */
	.topnav a
		{
		color: #FFFFFF;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 20px;
		display: block;
		}

	/* Style the hamburger menu */
	.topnav a.icon
		{
		background-color: #C72121;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		}

	/* Add a grey background color onmouse-over */
	.topnav a:hover
		{
		background-color: #C72121;
		color: #FFFFFF;
		font-size: 20px;
		}

	/* Style theactive link (or home/logo) */
	.active
		{
		background-color: #C72121;
		color: #FFFFFF;
		} 		
	}
		
/* MOBIL MENU --- VÉGE */
		
A {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;
	}

A:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;  	
	}

A.fekete {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight : bold;
	}

A.fekete:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;  	
	}

A.vekony
	{
	font-weight : normal;
	}
	
A.nagy {
	font-size: 16px;
	font-weight : bold;
	}

A.nagy:hover {
	font-size: 16px;
	font-weight : bold;
	}
	
.focim {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	text-decoration: none;
	font-weight : bold;
	}

.alcim {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	}

.lablec {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

A.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;
	}

A.menu:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;  	
	}

.login 
	{
    text-align: left;
	vertical-align: middle;
	width: 92px;
	background-color: ;
	background-repeat: repeat-x;
	font-size: 11px;
	color: ;
	border: 1px solid ;
	}	

TABLE
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	PADDING-RIGHT: 0px;
    	PADDING-LEFT: 0px;
    	PADDING-BOTTOM: 0px;
    	PADDING-TOP: 0px;
	text-align: justify;
	}

.ne_tord
	{
	white-space: nowrap;
	}
	
.keret TABLE, .keret TR, .keret TD
	{
	border-radius: 15px;
	background: lightgray;
	padding: 30px 50px 20px 50px;
	box-shadow: 3px 3px 15px lightgray;
	}

/*.kepkeret TABLE, .kepkeret TR, .kepkeret TD*/
TABLE.kepkeret
	{
	border-radius: 8px;
	background: lightgray;
	padding: 5px;
	margin: 2%;
	box-shadow: 2px 2px 10px #000000;
	width: 95%;
	height: 100%;
	}
	
TABLE.keret_table
	{
	width: 600px;
	border-radius: 15px;
	background: lightgray;
	padding: 4px;
	box-shadow: 3px 3px 15px lightgray;
	}

TABLE.keret_table_sz
	{
	width: 900px;
	border-radius: 15px;
	background: lightgray;
	padding: 4px;
	box-shadow: 3px 3px 15px lightgray;
	}

TABLE.betu_vastag
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	}

IMG.pic {
	border-width: 1px;
	border-color: ;
	border-style: solid;
	}

IMG.keret 
	{
	border-radius: 15px;
	border: 0px solid #C72121;
	padding: 0px;
/*	box-shadow: none;	*/
	box-shadow: 2px 2px 10px black;
/*	border-spacing: 8px;	*/
	}

IMG.keret_min
	{
	border-radius: 8px;
	border: 0px solid #C72121;
	padding: 0px;
	box-shadow: none;
	margin: 4px;
	box-shadow: 2px 2px 10px black;
	}

IMG.keret_arnyek
	{
	margin: 2px;
	box-shadow: 2px 2px 10px lightgray;
	}

IMG.middle
	{
	vertical-align: middle;
	}

.bekezdes_4
	{
	text-indent: 4%;
	text-align: justify;
	}

IMG.kep_width_height
	{
	max-height: 125px;
	/*max-width: 100px;*/
	}
	
	
	
/*
Képnézegető rész
*/
	
/* Position the image container (needed to position the left and right arrows) */
.container
	{
	box-sizing: border-box;
/*	max-width: 100%;
	position: absolute;
*/	position: relative;
	}

IMG.lapozos
	{
	vertical-align: middle;
	}

.watermark_logo
	{
	opacity: 0.4;
	padding: 8px 12px;
	position: absolute;
	bottom: 10;
	right: 10;
	width: 70px;
	}
	
.watermark_text
	{
	opacity: 0.4;
	padding: 8px 12px;
	position: absolute;
	bottom: 0;
	left: 10;

	font-family: Sayonara Beveled;
	font-family: Sayonara Trash Free;
	font-size: 32px;
	font-weight: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px 8px black;
	}
	
.teljes_szegely	
	{
	border-radius: 15px 10px 5px 10px;
	box-shadow: 2px 2px 10px black;
	}
.also_felso_szegely
	{
	border-radius: 15px;
	box-shadow: 2px 2px 10px black;
	}
.felso_szegely
	{
	border-radius: 15px 15px 0 0;
	box-shadow: 2px 2px 10px black;
	}
.also_szegely
	{
	border-radius: 0 0 15px 15px;
	box-shadow: 2px 2px 10px black;
	}

/* Hide the images by default */
.mySlides
	{
	display: none;
	}

/* Add a pointer when hovering over the thumbnail images */
.cursor
	{
	cursor: pointer;
	}

/* Next & previous buttons */
.prev, .next
	{
	cursor: pointer;
	position: absolute;
	top: 60%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px 1px 5px black;
	border-radius: 0 10px 10px 0;
	user-select: none;
	-webkit-user-select: none;
	}

/* Position the "next button" to the right */
.prev 
	{
	left: 0;
	border-radius: 0 10px 10px 0;
	}
.next
	{
	right: 0;
	border-radius: 10px 0 0 10px;
	}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover
	{
	background-color: rgba(0, 0, 0, 0.8);
	background-color: rgba(199, 33, 33, 0.8);	/*C72121*/
	color: #FFFFFF;
	font-size: 20px;
	}

/* Number text (1/3 etc) */
.numbertext
	{
	color: #FFFFFF;
	font-size: 12px;
	font-weight : bold;
	text-shadow: 1px 1px 5px black;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	}

/* Container for image text */
.caption-container
	{
	text-align: center;
	background-color: #222;
	background-color: #C72121;
	padding: 2px 12px;
	color: #FFFFFF;
	height: 10px;
	}

.row:after
	{
	content: "";
	display: table;
	clear: both;
	}

/* Six columns side by side */
.column
	{
	float: left;
	width: 16.66%;	/* 6 db képhez :) */
	width: 10%;		/* 10 db képhez :) */
	}

/* Add a transparency effect for thumnbail images */
.demo
	{
	opacity: 1;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	}

.active, .demo:hover
	{
	opacity: 1;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	}

video::-internal-media-controls-download-button
	{ 
    display:none; 
	} 

video::-webkit-media-controls-enclosure
	{ 
    overflow:hidden; 
	} 
 
video::-webkit-media-controls-panel
	{ 
    width: calc(100% + 30px); /* Adjust as needed */ 
	}