@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

img {
	border:0px;
}

html, body {
	height:100%;
}

body {
	/*background-image:url(images/wrap-bg.jpg);
	/*background-position:top left;
	background-repeat:repeat;*/
	background-color:#000;
	width:100%;
	padding:0px;
	margin:0px;
}

.center {
	margin-left:auto !important;
	margin-right:auto !important;
}

.left {
	float:left;
}
.right {
	float:right;
}

.blackscrollbars
{
	scrollbar-arrow-color: #eeeeee;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-track-color: #555555;
}

.languageselector {
	margin: 0px;
	padding: 0px;
	height: 20px;
	border-spacing: 0px;
}

.languageselectorflag {
	height: 20px;
	width: 36px;
	margin: 0px;
	padding: 0px;
}
.languageselectorlist {
	height: 20px;
	margin: 0px;
	padding: 0px;
}
.languageselectorform {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
}

.languageselector tbody tr td {
	margin: 0px;
	padding: 0px;
}

.blackBox .latestNewsListBox .latestNewsListText h3,
.blackBox .latestNewsListBox .latestNewsListDate {
	color:#9C3 !important;
}


/* 
#######################################################
#
#			BACKGROUND COLOR
#
#######################################################
*/

#line-1st,
#line-3rd {
	background-color:#000 !important; /* Alap szín*/ 
}
#top-shape-color {
	border-top: 15px solid #000 !important; /* Alap szín*/ 
}
#bottom-shape-right-color,
#bottom-shape-left-color {
	border-bottom: 15px solid #000 !important; /* Alap szín*/ 
}

/* #################################################### */

#wrapper {
	background-image: url("images/wrap-bg.jpg");
}

#line-1st,
#line-2nd,
#line-3rd {
	width:100%;
	padding:0px;
	margin:0px;
}

#line-1st,
#line-3rd {
	min-height:200px;
}

#line-1st {
	background-image:url(images/bg-wrap-top.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	position:relative;
	z-index:1;
	height:20%;
	min-height:200px;
}

#header {
	width:770px;
}

#top-box {
	background-image:url(images/box-bottom-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	position:absolute;
	width:770px;
	height:30px;	
}

#lang_hu {
	padding-top:6px;
	padding-right:15px;
	text-align:right;
}

#lang_hu a {
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

#logo-line {
	position:absolute;
	top:30px;
	display:block;
	width:770px;
	height:70px;
}

#logo-line img {
	padding-top:7px;
	padding-left:4px;
}

#nav-bar {
	background-image:url(images/box-top-bg.png);
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	top:100px;
	width:770px;
	height:75px;
}

#line-2nd {
}

#main {
	width:100%;
}

#container {
	width:770px;
	position:relative;	
	overflow: visible !important;
	top:30px;
	margin-bottom:20px;
	z-index:1;
}

#mask-top,
#mask-bottom {
	position:absolute;
	width:100%; 
}

#top-shape {
	position:relative;
	top:15px;
	z-index:1;
}

#top-shape-color {
	border-left:15px solid transparent; 
	border-right: 15px solid transparent;
	position:relative;
	top: -30px;
	height: 0px;
	width: 770px;	
}

#top-shape-white {
	border-left: 15px solid transparent; 
	border-right: 15px solid transparent;
	border-top: 15px solid white; 
	opacity: 0.5; 
	filter: alpha(opacity = 50);
	position:relative;
	z-index: 1;
	top: -15px;	 
	width: 770px;
	margin-left:-400px !important;
	left:50%;
}

#top-shadow {
	background-image:url(images/wrap2-t.png);
	background-position:top;
	background-repeat:repeat-x;
	height:15px;
	position:relative;
	top: -30px;
}

#top-center-shadow {
	background-image: url(images/wrap2-t.png);
	background-repeat: repeat-x;
	width:770px;
	height:15px; 
	position:relative;
	top:15px; 
}

#top-center-shadow:before {	
	position:absolute; 
	left:-30px;
	top:-15px;
	height:30px;
	line-height:30px;
	width:30px;
	display:block;
	content:url(images/wrap2-corner-l.png);
	opacity:1;
}

#top-center-shadow:after {	
	position:absolute; 
	left:770px;
	top:-15px;
	height:30px;
	line-height:30px;
	width:30px;
	display:block;
	content:url(images/wrap2-corner-r.png);
	opacity:1;
}

#mask-bottom{
	height:30px;
}

#bottom-shape {
	position:relative;
	top:-15px;
	overflow:hidden;
	z-index:100;	
}

#bottom-shape-right-color {
	border-left: 15px solid transparent; 
	margin-left:800px;
	height: 15px;
	width:1000px;
	position: relative; 
	top:-15px;
	margin-left:385px;
	left:50%;
}

#bottom-shape-right-white {
	border-left: 15px solid transparent; 	
	border-bottom: 15px solid white; 
	opacity: 0.5; 
	filter: alpha(opacity = 50);
	height: 0px;
	width:1000px;
	position: relative; 
	top:15px;
	margin-left:385px;
	left:50%;
	z-index:100;
}

#bottom-shape-left-color {
	border-right: 15px solid transparent; 
	margin-left:800px;
	height: 15px;
	width:1000px;
	position: relative; 
	top:-60px;
	margin-left:-1400px;
	left:50%;
}

#bottom-shape-left-white {
	border-right: 15px solid transparent; 	
	border-bottom: 15px solid white; 
	opacity: 0.5; 
	filter: alpha(opacity = 50);
	height: 0px;
	width:1000px;
	position: relative; 
	top:-30px;
	margin-left:-1400px;
	left:50%;
	z-index:100;
}

#bottom-shadow {
	background-image: url(images/wrap2-b.png);
	background-position:bottom;
	background-repeat: repeat-x;
	width:100%; 
	height:30px;
	position:relative;
	top:-105px;
	z-index: 0;
	overflow:hidden;
}

#bottom-right-shadow {
	background-image: url(images/wrap2-b.png);
	height: 30px;
	background-repeat: repeat-x; 
	width:1000px;
	position: relative; 
	top:0px;
	margin-left:400px;
	left:50%;
	z-index:100;
}

#bottom-right-shadow:before {
	position: relative; 
	left:-30px;
	top:0px;
	height:30px;
	line-height:30px;
	width:30px;
	display:block;
	content:url(images/wrap2-corner-br.png);
	opacity:1;
}

#bottom-left-shadow {
	background-image: url(images/wrap2-b.png);
	height: 15px;
	background-repeat: repeat-x; 
	width:1000px;
	position: relative; 
	top:-30px;
	margin-left:-1400px;
	left:50%;
	z-index:100;
}

#bottom-left-shadow:before {
	position: relative; 
	left:1000px;
	top:0px;
	height:30px;
	line-height:30px;
	width:30px;
	display:block;
	content:url(images/wrap2-corner-bl.png);
	opacity:1;

}

#line-3rd {
	background-image:url(images/bg-wrap-bottom.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:auto !important;
	height:60%;
	position:relative;
 	top: 15px;
	z-index:500;
}

#lineBlock {
	width:770px;
	height:auto;
	padding-bottom:15px;
}

#sec-menu {
	width:770px;
}

#footer {
	background-image:url(images/box-bottom-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:770px;
	min-height:115px;
	padding-top:15px;
	padding-bottom:5px;	
}

.blackBox-1st:before {
	position:absolute;
	content:url(images/box-inner-bottom-bg.png);
	left:0;
}

.blackBox-1st {
	background-color:#000;
	position:relative;
	margin: 15px;
	padding:15px;
	padding-top:0px;
	color:#FFF;
	/*border-top: 1px solid #9C3;*/
}

.blackBox-1st:after {
	position:absolute;
	top:-15px;
	left:0px;
	padding:0;
	content:"";
	border-left:15px solid transparent; 
	border-right: 15px solid transparent;
	border-bottom:15px solid #000 !important; /* Alap szín*/ 
	width: 710px;
}

.blackBox {
	background-color:#000;
	position:relative;
	margin: 15px;
	padding:15px;
	color:#FFF;
	background-image:url(images/box-inner-bottom-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
#signature{
	width:740px;
	margin: 30px 15px 10px;
	color:#FFF;
}

#sig-left {
	margin-left:15px;
}

#sig-right {
	margin-right:15px;
}

/*
#######################################################
#
#			ICON MENU CSS
#
#######################################################
*/

#main-menu {
	font-weight:bold;
	padding-top:20px;
}

#main-menu a {
	color:#FFF;
	text-decoration:none;
}

#main-menu ul {
	list-style:none;
	width:770px;
	padding:0px;
	margin:0px;
}

#main-menu li:first-of-type {
	padding: 0px 10px 0px 15px;
}

#main-menu li:last-of-type {
	padding: 0px 10px;
}

#main-menu li {
	float:left;	
	padding: 0px 10px 0px 10px;
	display:block;
}

.activemenuitemIcon,
.menuitemIcon {
	position:absolute;
	display:block;
	border:0px;
}

.activemenuitemTitle,
.menuitemTitle {
	margin-left:35px;
	display:block;
	float:left;	
}

a:hover .activemenuitemTitle,
a:hover .menuitemTitle {
	text-decoration:underline;
}

.activemenuitemSubtitle,
.menuitemSubtitle {
	clear:both;
	color:#CCC;
	float:left;
	font-size:10px;
	margin-left:35px;
	text-decoration:none;	
}

a:hover .activemenuitemSubtitle,
a:hover .menuitemSubtitle {
	color:#FFF;
}

/*
#######################################################
#
#			HORISOTAL SUB MENU CSS
#
#######################################################
*/
.subMenu {
	position:relative;
	left:-15px;
	padding:0px;
	margin:0px;
	float:left;
	margin-right:15px;
}

.subMenu ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.subMenu li {	
	cursor:pointer;
    list-style-type:none;
	display:block; 
    width:139px;  	
	height:29px;
	border-left: 1px solid #999;
	background-position:right;
}

.subMenu li {
	background-image:url(images/sub-btn-bg.png);
	background-repeat:repeat-x;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	width:149px;
}

.subMenu li:hover {
	background-image:url(images/sub-btn-bg-hover.png);
}

.subMenu li:first-child {
	background-image:url(images/sub-btn-first.png);
	background-position:left;
	background-repeat:no-repeat;
	border-left: none;
	width:150px;
}

.subMenu li:first-child:hover {
	background-image:url(images/sub-btn-first-hover.png);
}

.subMenu li:last-child {
	background-image:url(images/sub-btn-last.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	border-top:1px solid #999;
	border-right: none;
	width:150px;
}

.subMenu li:last-child:hover {
	background-image:url(images/sub-btn-last-hover.png);
}

.subMenu li a {
	padding:6px;
	padding-left:20px;
	display:block;
}

.subMenu a:hover .menuitemTitle {
	text-decoration:none;
}


.subMenu .menuitemTitle {
	margin:0px;

}
/*
#######################################################
#
#			SITE MAP CSS
#
#######################################################
*/

.mainBranch {
	width:770px;
	display:inline-block;
	margin:0;
	padding:0;
}

.mainBranch li {
	float:left;
	width:192px;
	display:block;
	text-align:left;
	padding: 3px 0;
}

.mainBranch li a {
	color:#CCC;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 1px solid #94c72e;	
	padding-bottom:5px;
}

.mainBranch li a:hover {
	color:#FFF;
}

.subBranch {
	margin:0;
	padding:0;
	padding-top:5px;
}

.subBranch li {
	float:none;
	text-align:left;
}

.subBranch li a {
	color:#999;
	font-weight:normal;
	text-transform:none;
	border:none;
}

.subBranch li a:hover {
	color:#FFF;
}

#sec-menu {
	color:#94c72e; /*Zöld*/
	padding-top: 10px;
	padding-bottom: 10px;
}



/*
#######################################################
#
#			SHOW MAINPAGE CSS
#
#######################################################
*/

#mainpage {
	position:relative;	
	min-height:260px;
	width:750px;
}

#spotlight-box {
	background-color:white;
	width:171px;
	height:260px;
	position:relative;
	top:-50px;	
	color:#000;
	float:left;
	box-shadow: 0px -3px 10px #000, 0px 20px 24px #000;
	margin:8px;
	
}

#spotlight-box:after {
	border-left: 15px solid transparent; 
	border-right: 15px solid transparent;
	border-top: 15px solid white;
	height:15px;
	width: 141px;
	position:absolute;
	top:260px;
	content:"";
}

#spotlight-title {
	width:171px;
	height:30px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/*
#######################################################
#
#			SHOW CONTENT CSS
#
#######################################################
*/

#showContent {
	background-color:#FFF;
	position:relative;
	top:-50px;
	padding:30px 30px 10px;
	width:680px;
	color:#000;
	box-shadow: 0px -3px 10px #000, 0px 20px 24px #000;
	margin: 0 15px;
	z-index: 200
}

#showContent:after {
	padding:0;
	position:absolute;
	margin-top:10px;
	left:0px;
	width:710px;
	height:15px;
	border-left:15px solid transparent; 
	border-right: 15px solid transparent;
	border-top: 15px solid #FFF !important; /* Alap szín*/ 
	content:"";
}

.textBox {
	width: 510px;
	max-width:510px;
	float:right;
}

.contact {
	float:none;
	width:auto;
	max-width:none;

}

.textBox img {
	border:none;
	max-width:510px;
}

.map {
	right:15px;	
	top:20px;
}

/*
#######################################################
#
#			SHOW CONTENT BREADCRUMBS
#
#######################################################
*/

#breadCrumbs {
	position:absolute;
	top: -65px;
	left:30px;
	z-index:300;
}

#breadCrumbs ul {
	display:inline;
}

#breadCrumbs li {
	float:left;
	list-style:none;
	background-image:url(images/bc-btn-bottom.png);
	background-position:right;
	line-height:30px;
	padding-left:2px;
	padding-right:2px;
}

.homeIcon {
	background-image:url(images/home-btn.png) !important;
	background-repeat:no-repeat;
	width:45px;
	height:30px;
	padding-left:0px !important;
	padding-right:0px !important;
}

.homeIcon:hover {
	background-image:url(images/home-btn-hover.png) !important;
}

.lastBtn {
	background-image:url(images/bc-btn.png) !important;
	padding-left:10px !important;
	padding-right:15px !important;
}

#breadCrumbs a {
	color:#000;
	display:block;
	padding-left:10px;
	padding-right:15px;
}

#breadCrumbs a:hover {
	color:#6d2a92; /*lila*/
}

/*
#######################################################
#
#			SHOW CONTENT LIST
#
#######################################################
*/

#showContentList {
	background-color:#FFF;
	position:relative;
	top:-50px;
	padding:30px 10px 10px 10px;
	width:720px;
	height:auto;
	color:#000;
	box-shadow: 0px -3px 10px #000, 0px 20px 24px #000;
	margin: 0 15px;
	z-index: 200;
}

#showContentList:after {
	padding:0;
	position:absolute;
	margin-top:10px;
	left:0px;
	width:710px;
	height:15px;
	border-left:15px solid transparent; 
	border-right: 15px solid transparent;
	border-top: 15px solid #FFF !important; /* Alap szín*/ 
	content:"";
}

.contentBody {
	width:670px;
	margin: 10px 20px;
}

#listBox{
	position:relative;
	display:block;
	height:115px;	
	border-bottom:1px solid #6d2a92; /*lila*/
	margin:10px;
}

#listBox img {
	float:left;
}

.boxText {
	float:left;
	width:500px;	
	margin-left:20px;
}

.boxPic {
	position:absolute;
	bottom:10px;
	right:10px;
	height:30px;
}

.generalPic {
	height:30px;
	padding:0px 5px;
	float:right;

}

/*
#######################################################
#
#			SHOW CONTENT LIST 2
#
#######################################################
*/

.showContentList2{
	display:block;
}

.contentBody{
}
.contentList2Box{
	display:block;
	border-bottom:1px solid #6d2a92; /*lila*/
	margin:10px;
	padding:10px;
	overflow:auto;
}
.contentList2Text{
	display:inline-block;
	width:80%;
}
.contentList2Date{
	background-image:url(images/calendar.png);
	background-repeat:no-repeat;
	background-position:right;
	width:40px;
	height:50px;
	float:right;	
	display:inline-block;
	width:20%;
	text-align:right;
	vertical-align:bottom;
}
.month{
	color:#FFF;
	padding-right:9px;
}

.day {
	font-weight:bold;
	font-size:18px;
	padding-top:6px;
	padding-right:6px;
}


