@charset "utf-8";
html,body{
	padding:0px;
	height:100%;
	margin:0px;
	font-family: Arial;
	color: #121212;
	font-size: 13px;

	background: #D2DEE7;
}

body.volantourist {
	background: #EEE4CB;
}


@font-face {
    font-family: 'nimbussannovtotheaconregular';
    src: url('nimbussannovtot-heacon-webfont.eot');
    src: url('nimbussannovtot-heacon-webfont.eot?#iefix') format('embedded-opentype'),
         url('nimbussannovtot-heacon-webfont.woff') format('woff'),
         url('nimbussannovtot-heacon-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

a{
	border: none;
}
a,a:hover, a:active, a:focus, button {
   outline: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="radio"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

a 		{color: inherit; text-decoration: none; border: none;}
a:hover 	{  color: inherit; text-decoration: none;border: none;}
a, a:visited {    color:inherit; text-decoration: none; border: none; color:#173f73;}


img{border: none;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

body > #wrap { min-height: 100%; }

#wrap{
	background: #d2dee7;
}

body.volantourist #wrap {
	background: #EEE4CB;
}

#wrap:before{
	content:"";
	height:5px;
	/*background-color:#f89b3c;*/
	border-bottom:1px solid #ecf1f5;
	width:100%;
	display:block;
}

div#container{
	margin:0 0;
	width: 100%;
	text-align:left;
	position:relative;
	/*padding-bottom: 135px;*/
	height: auto !important;
}

	div#header-outer {
		width: 100%;
		background: transparent url('images/bg-enykk-header.png') 50% 0 no-repeat;
	}

	/* Header Section */

	div#header {
		width: 1180px;
		margin: 0 auto;
		position:relative;
	}

	#flag{
		position: absolute;
		right: 14px;
		top: 190px;
		z-index: 999;
	}

		div#title {
			width: 300px;
			float: left;
			padding: 10px 20px;
		}
			div#title h2{
				font-family: 'Gotham-Medium', Arial;
				color: #fff;
				font-size: 20px;
				text-transform: uppercase;
				margin:0;
			}

		div#headmenu_wrapper {
			width: 630px;
			float: right;
			overflow: hidden;
			height: 30px;
			padding-top: 15px;
		}
			div.fmenu.header a,div.fmenu.header a:link,div.fmenu.header a:visited{
				font-family:   Arial;
				color: #fff;
				font-size: 1.15em;
				text-transform: uppercase;
			}
			div.fmenu.header a:hover{
				color: #69d2e7;
			}
			div.fmenu.header{
				overflow:hidden;

			}
				div.fmenu.header ul{
					margin: 0;
					padding: 0;
					clear: both;
				}
				div.fmenu.header ul li.last{
					border: 0;
				}
				div.fmenu.header ul li{
					padding: 4px 10px;
					display: block;
					float: left;
				}

			#searchhold > p{ color: #01427a; padding: 5px 20px 5px; font-weight: bold;}
			#searchhold{ color: #01427a; font-weight: bold;}
			#searchhold a{ color: #01427a; font-weight: bold;}

			div#header > .loginwindow{
				width: 150px;
				float: right;
			}
			div#header > a > img{
				float: left;
			}
			div#header #portal_main_login{
				float: right;
				width: 230px;
				padding: 15px 0px 0px 0px;
			}
			div#header div.loggedin h2{
				color: #fff;
			}



		div#picchanger_hold{
			width: 620px;
			height: 370px;
			overflow: hidden;
			float:right;
			position: relative;
		}

		.picchanger_after{
			 float:right;
			  background: url("../data/picchanger_after.png") no-repeat scroll center top transparent;
				height: 20px;
				width: 620px;
		}

		div#enykk-map{
			float:left;

		}

		#enykk-map .gyms{
			background:url("../data/maps.png") repeat scroll -10px -23px transparent;
			width:246px;
			margin-top:-12px;
			margin-left:-5px;
			height:152px;
		}

		#enykk-map .vas{
		   background: url("../data/maps.png") repeat scroll -259px -16px transparent;
			height: 172px;
			margin-left: -74px;
			margin-top: -15px;
			width: 211px;
		}
		#enykk-map .veszprem{
		   background: url("../data/maps.png") repeat scroll -669px -10px transparent;
			height: 181px;
			margin-left: 92px;
			margin-top: -181px;
			width: 190px;
		}
		#enykk-map .zala{
		    background: url("../data/maps.png") repeat scroll -474px -10px transparent;
			height: 182px;
			margin-left: -31px;
			margin-top: -78px;
			width: 190px;
		}

		.jvectormap-label {
			position: absolute;
			display: none;
			border: solid 1px #CDCDCD;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #292929;
			color: white;
			font-family: sans-serif, Verdana;
			font-size: smaller;
			padding: 3px;
		}

		.jvectormap-region {
			stroke: #000000;
			stroke-width: 0.5;
		}

			div#picchanger_hold .egyudStyle{
				position: absolute;
				top: -2px;
				left: 10px;
				width: 420px;
				height: 10px;
				z-index: 5;
			}
			div#searchhold{

				height: 30px;
				z-index: 5;
				right: 0px;
				top:80px;
			 	padding: 10px 0px;
				position:absolute;
			}
				#main-search{
					position: relative;
					top: -1px;
				}
				div#searchhold #search{
					float:right;
				}
				div#searchhold #social span{
					position: relative;
					top: -7px;
				}
				div#searchhold #social{
					text-transform: uppercase;
					height: 30px;
					position: absolute;
					top: 10px;
					right: 20px;
					font-size: 21px;
					color: #fff;
				}

	div#page_holder{
		width: 1180px;
		margin: 0 auto;
		padding: 10px 0px 10px 0px;
		background-color: transparent;
	}



		div#content_holder{
			width:860px;
			min-height: 260px;
			float: left;
			padding: 0 0 20px 0px;
			margin: 0 0 0 20px;
		}

			div#content {
				margin-top: 2px;
				padding: 0 0;
			}

		div#sidebar_holder{
			width: 300px;
			min-height: 350px;
			position: relative;
			padding: 0;
		}

		.hircsop-title{
			border-top:1px solid #bebebe;
			border-bottom:1px solid #bebebe;
			background-color:#dde6ed;
			padding: 10px;
			text-transform:uppercase;
			color:#f89b3c;
			font-weight:bold;
			margin-top:5px;

		}

		.newslist .read{
			float:right;
			color: #9d9d9c;
			font-weight:normal;
			text-transform:none;

		}
		.newslist .title{
			color: #173f73;

		}

			div#sidebars{
				width: 300px;
				margin-bottom: 20px;
				float: right;
			}

		div#content_clearer{
			position:relative;
			clear:both;
		}

	#foot_spacer{
		width: 940px;
		height: 10px;
		margin: 0 auto;
		clear: both;
		background: transparent;
	}

div#footer{
	clear: both;
	position: relative;
	z-index: 10;
	height: 135px;
	color: #fff;
	background-color:#173f73;
}

#footer_logo{
	float:left;
	padding-top:15px;
}

div#footer div#footer_content{
	position:relative;
	margin:0 auto;
	width: 940px;
	height: 135px;
	overflow: hidden;
	padding: 0;
	background: #173f73;


}
	div#footer div#footer_content .foot_title p{
		margin-top:40px;
	}
	div#footer div#footer_content .foot_title h2{
		font-size: 17px;
		font-family: 'Gotham-Bold', Arial;
		text-transform: uppercase;
	}
	div#footer div#footer_content .foot_title{
		float: right;
		margin-left: 20px;
		margin-right: 20px;
		width: 700px;
		margin-top: 40px;
	}

	#pic_changer{
		overflow:hidden;
	}

	#pic_changer_nav{
			text-align:center;
			width:620px;
			float:right;
			padding-top:0px;
	}
	#pic_changer_nav a {
	border: none; background: #cccccc; text-decoration: none; margin: 0 2px; padding: 2px 2px; color: #cccccc !important;
	height: 7px; width: 7px; font-size:6px;
	display: inline-block;
	overflow: hidden;

	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 2px 1px #8c8f91;
	box-shadow: inset 0px 0px 2px 1px #8c8f91;
	content:"";
	/*opacity:0.6;
	filter:alpha(opacity=70);*/
	}
	#pic_changer_holder{
		overflow:hidden;
	}

	#pic_changer_nav a:hover{/*opacity:0.9; filter:alpha(opacity=90);*/}
	#pic_changer_nav a.activeSlide { background: #72a8b0; color: #72a8b0 !important; height: 7px; width: 7px; font-size:6px; }
	#pic_changer_nav a:focus { outline: none; }


	div#footer div#footer_content div#abs{
		position:absolute;
		top:5px;
		right:0px;
		width: 500px;
		height: 140px;
	}

	div.fmenu {
		text-align: left;
	}
	div.fmenu a{
		color: #e4e4e4;
		 display: inline;
		text-decoration: none;
		border-right:1px solid #fff;
		padding-right:20px;
	}
	div.fmenu .last a{
		border:0 none;
	}
	div.fmenu.footer{
		width: 660px;
		overflow:hidden;
		margin-top: 0px;
	}
		div.fmenu.footer ul{
			margin: 0;
			padding: 0;
			clear: both;
		}
		div.fmenu.footer ul li.last{
			border: 0;
		}
		div.fmenu.footer ul li{
			/*width:100px;*/
			display: inline;
			float: left;
			margin-right: 20px;
			/*border-right: 1px solid #fff;*/
		}


		div#footer  div.fmenu.footer span.fmenu_sep{
			margin: 0px 20px 0px 0px;
			color: #000;
		}

		img#f_fish{
			position: absolute;
			top: 0;
			right: 60px;
		}

	#foottext{

		text-align: center;

	}

/**
	recommended things
*/
.clearer{
	clear:both;
}
.nodisplay{
	display: none;
}
.float{
	float: left;
}
.float_right{
	float: right;
}
.pieholder{
	position: relative;
	Z-INDEX: 2;
}
div.float_left{
	float: left;
}
.pointer{
	cursor: pointer;
}
.align_right{
	text-align: right;
}
.align_center{
	text-align: center;
}
.align_left{
	text-align: left;
}

div.fb_box iframe{
	margin-left: 20px;
}
.hidden{
	display: none;
}
.gothamMed{
	font-family: 'Gotham-medium', Arial;
}
.spacer{
	height: 20px;
	width: 100%;
}

/* MENU by Semmer */

div#mainmenu_wrapper {
	position: relative;
	height: 60px;
	margin-bottom:20px;
	width: 1180px;
	background-color:#f89b3c;
	border-radius: 4px;
	margin-top: -3px;
}

body.volantourist div#mainmenu_wrapper {
	background: #173F73;
}

ul#menu_default {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu_default > li {
	float: left;
	height: 60px;
	border-right: 1px solid #DA8934;
}

ul#menu_default li {
	position: relative;
}

body.volantourist ul#menu_default > li {
	border-right: 1px solid #143865;
}

ul#menu_default a {
	white-space: nowrap;
}

ul#menu_default > li > a {
	display: block;
	height: 60px;
	box-sizing: border-box;
	font-family: 'nimbussannovtotheaconregular', Arial;
	text-transform: uppercase;
	font-size: 18px;
	padding: 20px;
	letter-spacing: 0;
	color: #173F73;
	position: relative;
	z-index: 2;
}

body.volantourist ul#menu_default > li > a {
	color: #F79B3B;
}

ul#menu_default > li.current > a {
	color: #fff;
}

body.volantourist ul#menu_default > li.current > a {
	color: #173F73;
	text-shadow: 0 -1px 1px #CF9235;
}

ul#menu_default > li.current > a {
	height: 70px;
	width: 100%;
	top: -5px;
	background: #386aab;
	background: -moz-linear-gradient(top,  #386aab 0%, #1d3f6c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#386aab), color-stop(100%,#1d3f6c));
	background: -webkit-linear-gradient(top,  #386aab 0%,#1d3f6c 100%);
	background: -o-linear-gradient(top,  #386aab 0%,#1d3f6c 100%);
	background: -ms-linear-gradient(top,  #386aab 0%,#1d3f6c 100%);
	background: linear-gradient(to bottom,  #386aab 0%,#1d3f6c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#386aab', endColorstr='#1d3f6c',GradientType=0 );
	border: 1px solid #3F77B8;
	padding: 24px 20px;
	border-radius: 4px;
	box-shadow: inset 0px 1px 1px #5E99D3, 0px 0px 0px #888;
}

body.volantourist ul#menu_default > li.current > a {
	background: #fac353;
	background: -moz-linear-gradient(top,  #fac353 0%, #f69135 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac353), color-stop(100%,#f69135));
	background: -webkit-linear-gradient(top,  #fac353 0%,#f69135 100%);
	background: -o-linear-gradient(top,  #fac353 0%,#f69135 100%);
	background: -ms-linear-gradient(top,  #fac353 0%,#f69135 100%);
	background: linear-gradient(to bottom,  #fac353 0%,#f69135 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac353', endColorstr='#f69135',GradientType=0 );
	border: 1px solid #F3B81F;
	box-shadow: inset 0px 1px 1px #FCDA73, 0px 0px 0px #888;
}

ul#menu_default > li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
}

ul#menu_default > li > ul {
	top: 100%;
	left: 0;
	min-width: 100%;
}

ul#menu_default > li > ul > li ul {
	top: -1px;
	left: 100%;
}

ul#menu_default > li ul > li {
	border-top: 1px solid #fff;
}

ul#menu_default > li ul > li > ul > li {
	border-left: 1px solid #fff;
}

ul#menu_default ul li a {
	display: block;
	background-color: #F79C3D;
	padding: 5px 10px;
	font-size: 14px;
	font-family: 'nimbussannovtotheaconregular', Arial;
	text-transform: uppercase;
}

ul#menu_default ul li.hovered > a,
ul#menu_default ul li.current > a {
	color: #000;
}

ul#menu_default ul > li.hasSub > a {
	padding: 5px 30px 5px 10px;
	background-image: url('images/arrow-right.png');
	background-position: right 10px top 50%;
	background-repeat: no-repeat;
}

body.volantourist ul#menu_default ul li a {
	background-color: #173F73;
}

body.volantourist ul#menu_default ul li a:hover {
	color: #F79B3B;
}

body.volantourist ul#menu_default ul li a {
	color: #fff;
}
body.volantourist ul#menu_default ul > li.hasSub > a {
	background-image: url('images/arrow-right-white.png');
}

ul#menu_default > li:hover > ul,
ul#menu_default > li > ul > li:hover > ul,
ul#menu_default > li > ul > li > ul > li:hover > ul {
	display: block;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* Submenu by Semmer */

div.submenu {
	border-bottom: 1px solid #C3C3B9;
	padding: 0 0 10px;
}

div.submenu > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.submenu > ul > li {
	float: left;
}

div.submenu > ul > li:after {
	content: '|';
	padding: 0 10px;
}

div.submenu > ul > li.last:after {
	display: none;
}

div.submenu > ul > li > a {
	font-size: 14px;
	display: inline-block;
	margin: 10px 0;
}

div.submenu > ul > li.active > a {
	font-weight: 700;
	text-decoration: underline;
	color: #173F73;
}

div.submenu > ul > li > a:hover {
	text-decoration: underline;
	color: #173F73;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	z-index: 100;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	270px;

}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	270px; /* match ul width */
	top:	0;
}

.sf-vertical li li{
	width: 240px;
	text-align: left;
}
.sf-vertical li li a{
	text-align: left;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
