@charset "utf-8";
body, html {
	margin: 0;
	height: 100%;
	overflow: hidden;
}
#wrapper {
	
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	min-height: 600px;
	min-width: 800px;
	background: url(../images/bg.jpg) center center no-repeat #000000;
}
#index {
	background: #000000;
}
#logo {
	width: 235px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../images/logo.png);
	margin-left: -420px;
	margin-top: 100px;
}
span, .hidden{
	display:none;
}

/* TOP */
#top {
	display:none;
	margin: 0;
	padding: 0;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -420px;
	margin-top: -260px;
	list-style: none;
	z-index: 800;
}
#top li {
	float: left;
}
#top a {
	height: 30px;
	background-image: url(../images/top.png); 
	display: block;
}
#top-cim {
	width: 230px;
	background-position: 0 -30px;
}
#top-telefon {
	width: 150px;
	background-position: -230px -30px;
}
#top-email {
	width: 260px;
	background-position: -380px -30px;
}
#top-english {
	width: 100px;
	background-position: -645px -30px;
}
#top-magyar {
	width: 100px;
	background-position: -745px -30px;
}
#top-cim:hover,
#top-cim.active {
	width: 230px;
	background-position: 0 0;
}
#top-telefon:hover,
#top-telefon.active {
	width: 150px;
	background-position: -230px 0;
}
#top-email:hover,
#top-email.active {
	width: 260px;
	background-position: -380px 0;
}
#top-english:hover,
#top-english.active {
	width: 100px;
	background-position: -645px 0;
}
#top-magyar:hover,
#top-magyar.active {
	width: 100px;
	background-position: -745px 0;
}

/*FOMENÜ*/
#mainmenu {
	display:none;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -180px;
	margin-top: 100px;
}
#mainmenu li {
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 1px;
}
#mainmenu a {
	display: block;
	width: 120px;
	height: 120px;
	background-image: url(../images/menu_hu.png);
	cursor: pointer;
}
#menu-about {
	background-position: 0 0;
}
#menu-photos {
	background-position: -121px 0;
}
#menu-map {
	background-position: -242px 0;
}
#menu-prices {
	background-position: -363px 0;
}
#menu-poi {
	background-position: -484px 0;
}
#menu-about:hover {
	background-position: 0 -120px;
}
#menu-photos:hover {
	background-position: -121px -120px;
}
#menu-map:hover {
	background-position: -242px -120px;
}
#menu-prices:hover {
	background-position: -363px -120px;
}
#menu-poi:hover {
	background-position: -484px -120px;
}

/* BELSO OLDALAK */

#inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	background: url(../images/inner.png) no-repeat;
}
.inner-menu {
	position: absolute;
	top: 20px;
	left: 580px;
	width: 150px;
	height: 80px;
	margin: 0;
	padding: 0;
	}
.inner-menu li,
.inner-menu a {
	display: block;
	width: 150px;
	height: 20px;
	margin: 0;
	padding: 0;
}
.container {
	position: absolute;
	top: 120px;
	left: 370px;
}
.content {
	width: 420px;
	height: 280px;
	position: relative;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8b8581;
	line-height: 13pt;
}
a {
color:chocolate;
font-weight: bold;
}
a:hover{
color:white;
}
.content p {
	margin: 0px 15px 10px 15px;
}
table {
	margin: 6px 0;
}
td {
	margin:0;
	padding: 4px 16px 4px 0;
}
a {
	outline: none;
}
.left-bg {
	width: 350px;
	height: 420px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.left-bg {
	display: none;
}
/* ABOUT */
#aboutmenu a {
	background-image: url(../images/about/menu_hu.png);
}
#aboutmenu-szolgaltatasok {
	background-position: 0 0;
}
#aboutmenu-vendeghazrol {
	background-position: 0 -20px;
}
#aboutmenu-panorama {
	background-position: 0 -40px;
}
#aboutmenu-video {
	background-position: 0 -60px;
}
#aboutmenu-szolgaltatasok:hover,
#aboutmenu-szolgaltatasok.active {
	background-position: -150px 0;
}
#aboutmenu-vendeghazrol:hover,
#aboutmenu-vendeghazrol.active{
	background-position: -150px -20px;
}
#aboutmenu-panorama:hover,
#aboutmenu-panorama.active {
	background-position: -150px -40px;
}
#aboutmenu-video:hover,
#aboutmenu-video.active {
	background-position: -150px -60px;
}
#h1-about {
	width: 200px;
	height: 40px;
	position: absolute;
	text-indent: -1000px;
	top: 20px;
	left: 370px;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(../images/about/h1_hu.png);

}
#szolgaltatasok-bg {
	background: url(../images/about/szolgaltatasok-bg.jpg);
}
#vendeghazrol-bg {
	background: url(../images/about/vendeghazrol-bg.jpg);
}
#panorama-bg {
	background: url(../images/about/panorama-bg.jpg);
}
#logok {
	border-top: 1px solid #2c2827;
	position: absolute;
	bottom: 0px;
	}
#logok img { padding: 6px; }

/* PRICES */
#h1-prices {
	width: 200px;
	height: 40px;
	position: absolute;
	text-indent: -1000px;
	top: 20px;
	left: 370px;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(../images/prices/h1_hu.png);
}
#arak-bg {
	background: url(../images/prices/arak-bg.jpg);
}
#arak.container {
	position: absolute;
	top: 70px;
	left: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8b8581;
	line-height: 11pt;
	margin: 0 15px;
}
#latnivalok.container {
	position: absolute;
	top: 70px;
	left: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8b8581;
	line-height: 11pt;
	margin: 0 15px;
}
#logo-prices {
	border-top: 1px solid #2c2827;
	position: relative;
	bottom: 0px;
	}
#logo-prices img { padding: 6px; }

/* POI */
#poimenu a {
	background-image: url(../images/poi/menu_hu.png);
}
#h1-poi {
	width: 200px;
	height: 40px;
	position: absolute;
	text-indent: -1000px;
	top: 20px;
	left: 370px;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(../images/poi/h1_hu.png);

}
#latnivalo{
	width: 370px;
}
#latnivalo dt{
	line-height: 16pt;
	border-left: 2px solid #2c2827;
	border-bottom: 2px solid #2c2827;
	padding: 0 10px;
	font-size:12pt;
	cursor:pointer;
}
#latnivalo dd{
	overflow: auto;
}
#latnivalo dt.latnivaloActive,
#latnivalo dt.latnivaloHover
{
	color: white;
}
.poi:hover {
	color:white;
	cursor: pointer;
}
/* KÉPEK A LÁTNIVALÓKHOZ */
#egerszalok-bg {
	background: url(../images/poi/egerszalok-bg.jpg);
}
#eger-bg {
	background: url(../images/poi/eger-bg.jpg);
}
#egerkorul-bg {
	background: url(../images/poi/egerkorul-bg.jpg);
}
#poi-01-bg {
	background: url(../images/poi/01.jpg);
}
#poi-02-bg {
	background: url(../images/poi/02.jpg);
}
#poi-03-bg {
	background: url(../images/poi/03.jpg);
}
#poi-04-bg {
	background: url(../images/poi/04.jpg);
}
#poi-05-bg {
	background: url(../images/poi/05.jpg);
}
#poi-06-bg {
	background: url(../images/poi/06.jpg);
}
#poi-07-bg {
	background: url(../images/poi/07.jpg);
}
#poi-08-bg {
	background: url(../images/poi/08.jpg);
}
#poi-09-bg {
	background: url(../images/poi/09.jpg);
}
#poi-10-bg {
	background: url(../images/poi/10.jpg);
}
#poi-11-bg {
	background: url(../images/poi/11.jpg);
}
#poi-12-bg {
	background: url(../images/poi/12.jpg);
}
#poi-13-bg {
	background: url(../images/poi/13.jpg);
}
#poi-14-bg {
	background: url(../images/poi/14.jpg);
}
#poi-15-bg {
	background: url(../images/poi/15.jpg);
}
#poi-16-bg {
	background: url(../images/poi/16.jpg);
}
#poi-17-bg {
	background: url(../images/poi/17.jpg);
}
#poi-18-bg {
	background: url(../images/poi/18.jpg);
}
#poi-19-bg {
	background: url(../images/poi/19.jpg);
}
#poi-20-bg {
	background: url(../images/poi/20.jpg);
}