body{background:#fff;font-family:Tahoma,Arial,Helvetica,sans-serif;font-weight:normal;font-size:11px;color:#44587F;margin:0px 0px 10px 0px}
.div13{font-size:13px;}
iframe{margin:15px 0}
.kulso{margin:0px auto}
.cont{background:#021E5C;border:1px #6A7E9E solid}
.methu{float:left;height:32px;width:350px;cursor:hand}

#statusz{margin-left:15px;}
#loopimg{width:640px;}
.frame{clear:both;width:640px;}
.frame img.b{border-top:1px #DFE2E4 solid;padding-top:1px;}
.error{padding:100px 30px 300px 30px;text-align:center;font-weight:bold;font-size:15px;color:orange}
/*kezelo resz*/

.tablo-errorl-msg{background:#F7F7F7;text-align:center;color:#535353;font-weight:bold;letter-spacing:1px;margin:0px;padding:1px;line-height:16px;width:640px;height:65px}
.tablo-error-msg{background:#F7F7F7;text-align:center;color:#535353;font-weight:bold;letter-spacing:1px;margin:0px 0 15px 0;padding:1px;line-height:16px;width:640px;height:32px}
.tablo-ferror-msg{clear:left;text-align:center;color:#E95B16;font-weight:bold;letter-spacing:1px;line-height:17px;width:640px;}
.tablo-fwar-msg{clear:left;text-align:center;/*color:#E95B16;*/font-weight:bold;letter-spacing:1px;line-height:17px;width:640px;}
.error-img{background:#6A7E9E;color:#ffffff;font-weight:bold;font-size:13px;padding:1px;margin-bottom:1px;}
/*footer*/
.menu{text-align:left;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#FFFFFF;text-decoration:none}
.menu:hover{color:#EBB616}

.all{width:640px;height:24px;margin-bottom:10px;}
.all div.date-switch{float:left;width:360px;}
.all div.date-switch div.previous{float:left;width:16px;padding:3px 10px 0 0}
.all div.date-switch select{float:left;margin:0px;padding:1px 0px;width:270px;font-size:13px;height:24px}
.all div.date-switch div.next{float:left;width:16px;padding:3px 0 0 10px}

.all div.buttons{float:left;width:150px;height:22px;padding-top:1px;}
.all div.buttons dl{list-style-type:none;margin:0;padding:0;float:left;}
.all div.buttons dl dd{float:left;margin:0;padding:0 2px 0 0;}
.all div.buttons dl dd a img{border:0 none}
.all div.ismerteto{float:right;text-align:right;width:30px;}

fieldset{clear:left; background: #F2F2F2; color:#535353; font-weight:bold; width:640px;padding:5px 0; margin:0px; border:0 none}
.layersform {margin-top: 5px;	margin-bottom: 5px;}
.foliak {position: relative;margin-top:2px;}
.folia {z-index:1; position:relative; left:0px; top:0px; width:640px; height:485px;}
.folia img{	border-top:1px #DFE2E4 solid;padding-top:1px;}
.folia .reteg{width:640px; height:480px; position: absolute; top:0px; left:0px;	visibility:visible; z-index:1;}
.info-box{background:#FFFCD4; border:1px #808080 solid; padding:6px; text-align:justify;margin:0 10px}
.nagykep{float:right;padding:1px 0 0 0}

.hotel{margin:0 auto;padding:5px 0;overflow:hidden;text-align:center}
.hotel div{padding-top:5px;}
.hotel div a{color:#3B80C7;font-style:italic;font-size:12px;text-decoration:none}
.hotel div a:hover{color:#FD8A00}

.csik{width:640px;text-align:left;overflow:hidden;}
.csik img{border:0 none;}
.idfriss span{font-size:10px;font-family:Arial,Tahoma;font-weight:normal;color:#51658D}


#fullscreen {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
#fullscreen .slider-image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#fullscreen .slider-image img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
}
#fullscreen .slider-image-layers {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;

	z-index: 2;
}
#fullscreen .slider-image-layers img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
}
#fullscreen .slider-panel {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	padding: 0;
	width: 100%;
	height: 6px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,28343b+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(181,189,200,0) 0%, rgba(40,52,59,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(181,189,200,0) 0%,rgba(40,52,59,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(181,189,200,0) 0%,rgba(40,52,59,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5bdc8', endColorstr='#9928343b',GradientType=0 ); /* IE6-9 */
	z-index: 3;
	-moz-transition: height 1s ease, width 1s ease, padding 1s ease;
	-webkit-transition: height 1s ease, width 1s ease, padding 1s ease;
	-o-transition: height 1s ease, width 1s ease, padding 1s ease;
	transition: height 1s ease, width 1s ease, padding 1s ease;
}
#fullscreen .slider-panel.mouseinmove,
#fullscreen .slider-panel.layersopen,
#fullscreen .slider-panel:hover {
	padding: 60px 10px 0;
	width: calc(100% - 20px);
	height: 60px;
	-moz-transition: height 1s ease, width 1s ease, padding 1s ease;
	-webkit-transition: height 1s ease, width 1s ease, padding 1s ease;
	-o-transition: height 1s ease, width 1s ease, padding 1s ease;
	transition: height 1s ease, width 1s ease, padding 1s ease;
}
#fullscreen .slider-panel-sliderbar {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 6px;
	background: rgba(255,255,255,0.7);
}
#fullscreen .slider-panel-button {
	position: relative;
	float: left;
	display: block;
	width: 50px;
	height: 54px;
	color: #fff;
	text-align: center;
	line-height: 54px;
	font-size: 18px;
}
#fullscreen .slider-panel-id {
	position: relative;
	float: left;
	display: block;
	width: 240px;
	height: 54px;
	color: #fff;
	text-align: center;
	line-height: 54px;
}
#fullscreen .slider-panel-id span {
	color: #eee;
	font-size: 9px;
}
#fullscreen .slider-panel-button i {
	cursor: pointer;
}
#fullscreen .slider-panel-meta {
	position: relative;
	float: left;
	display: block;
	padding: 0 10px;
	width: calc(100% - 660px);
	height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#fullscreen .slider-panel-meta span {
	line-height: 54px;
	color: #fff;
	font-size: 16px;
}
#fullscreen .slider-panel-layers {
	position: absolute;
	bottom: 70px;
	right: 10px;
	display: none;
	padding: 10px;
	width: 200px;
	background: rgba(40,52,59,0.9);
	border-bottom: 2px solid #03A9F4;
	z-index: 3;
}
#fullscreen .slider-panel-layers-item {
	float: left;
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
}
#fullscreen .slider-panel-layers-item span {
	display: inline-block;
	float: left;
	width: calc(100% - 20px);
	line-height: 32px;
}
#fullscreen .slider-panel-layers-item i {
	display: inline-block;
	float: left;
	width: 20px;
	line-height: 32px;
	cursor: pointer;
	color: #03A9F4;
	text-align: center;
}

/* Selects any <div> as long as it is being displayed in fullscreen mode */
/* Implemented in Gecko, Edge/IE, and WebKit/Chrome using prefixes */
/* Edge also supports the non-prefixed version */
#fullscreen:-webkit-full-screen {
	display: block;
}

#fullscreen:-moz-full-screen {
	display: block;
}

#fullscreen:-ms-fullscreen {
	display: block;
}

#fullscreen:fullscreen {
	display: block;
}