@charset "iso-8859-2";
html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:12px; font-family:verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#585C3F;}

.justify{text-align:justify; text-indent: 1.5em;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}

.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}

h1 {font-size:24px;}
h2 {font-size:21px;}
h3 {font-size:18px;}
h4 {font-size:15px;}

.fl_left{float:left;}
.fl_right{float:right;}

/* Képek megjelenítése keretben szöveg mellett - alatta szöveg lehetőséggel*/

img{margin:0; padding:0; border:0;}
.imgl, .imgr, .imgc{border:1px solid #666666; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0;}
.imgr{float:right; margin:0 0 8px 8px;}
.imgc{margin: auto; }
.desc {text-align: center; font-weight: normal; margin: 5px 0 0 0;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0; text-align:left;}
div.wrapper h1, 
div.wrapper h2, 
div.wrapper h3, 
div.wrapper h4 {margin:0 0 15px 0; padding:0 0 4px 0; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #362C20;}
.col1{color:#FFFFFF; background-color:#CBCFB5; border-top:5px solid #362C20;}
.col2{color:#B6B6B6; background:#362C20;}
.col2 a{color:#FF9900; background-color:#362C20;}
.col3{color:#666666; background-color:#FFFFFF;}
.col3 a{color:#55392B;}
.col4{color:#666666; background-color:#C8CCB3;}
.col4 a{color:#55392B; background-color:#C8CCB3;}
.col5, .col5 a{color:#FFFFFF; background-color:#585C3F;}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #intro, #container, #breadcrumb, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}

/* ----------------------------------------------Header------------------------------------- */

#header{padding:10px 0 20px 0; z-index:1000; color:#444444; background-color:#CBCFB5;}
#header #logo{display:block; float:left; margin-top:0;}
#header h1, 
#header p{margin:0; padding:0;}
#header h1{margin:0; padding:0; font-size:50px; border:none;}
#header h1 a{color:#362C20; background-color:#CBCFB5;}

/* ----------------------------------------------Homepage Intro------------------------------------- */

#intro{padding:30px 0;}
.wrapper #intro li.last{margin:0;}
#intro h1, #intro h2, #intro p, #intro ul{margin:0; padding:0; list-style:none; line-height:normal; border:none;}
#intro .fl_left{display:block; float:left; width:480px;}
#intro .fl_left h1{margin-bottom:20px; font-size:30px; color:#CBCFB5; background:#362C20; border:none;}
#intro .fl_left h2{margin:0 0 10px 0; padding:0 0 8px 0; color:#FFFFFF; background:#362C20; border-bottom:1px dotted #666666;}
#intro .fl_left li{display:block; float:left; width:220px; margin:0 25px 0 0;}
#intro .fl_left p{margin-bottom:10px; line-height:1.3em;}
#intro .fl_left p.readmore{display:block; margin:25px 0 0 0; text-align:right; line-height:normal;}
#intro .fl_right{display:block; float:right; width:420px; height:320px; padding:9px; border:1px solid #CBCFB5; overflow:hidden;}
#intro .fl_right li{margin-bottom:10px;}
#intro .fl_right img{display:block; width:420px; height:320px;}

/* ----------------------------------------------Main Menu Navigation------------------------------------- */

#topnav{display:block; float:right; width:640px; margin:38px 0 0 0; padding:0; font-size:13px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#topnav ul{margin:0; padding:0; list-style:none;}
#topnav ul, #topnav li{float:right; list-style:none; margin:0; padding:0;}
#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0 5px 0 0; padding:10px 10px; color:#FFFFFF; background-color:#B5BA96;}
#topnav ul ul li a:link, #topnav ul ul li a:visited{border:none;}
#topnav ul li.last a{margin-right:0;}
#topnav li a:hover, #topnav ul li.active a{color:#FFFFFF; background-color:#919863;}
#topnav li li a:link, #topnav li li a:visited{width:150px; float:none; margin:0; padding:7px 10px; font-size:12px; font-weight:normal; color:#FFFFFF; background-color:#B5BA96; border-left:1px solid #FFFFFF;}
#topnav li li a:hover{color:#FFFFFF; background-color:#919863;}
#topnav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px;}
#topnav li ul a{width:140px;}
#topnav li ul ul{margin:-32px 0 0 0;}
#topnav li:hover ul ul{left:-999em;}
#topnav li:hover ul, #topnav li li:hover ul{left:auto;}
#topnav li:hover{position:static;}
#topnav li.last a{margin-right:0; color: white;}

/* ----------------------------------------------Container------------------------------------- */

#container{padding:20px 0 25px 0;}
#container a{color:#55392B; background-color:#FFFFFF;}
#container table{line-height: 160%;} 
#container li{line-height:140%; margin: 0 0 0 15px;}

/* ----------------------------------------------Content------------------------------------- */

#content {display:block; float:right; width:680px; margin-bottom:0px;}
#content h2,
#content p{margin:0; padding:0; line-height:1.6em;}
#content h2{margin:10px 0;}
#content ul{margin:0; padding:0;}
#content li{line-height:180%; margin: 0 0 0 15px;}
#content li.karika {list-style-type: circle; margin: 0 0 10px 35px;}
#content p.readmore{display:block; margin-top:10px; text-align:right; font-weight:bold;}

/* ----------------------------------------------Sub Navigation------------------------------------- */
#column{display:block; float:left; width:250px; margin-bottom:0px; }
#column ul{margin:10px; padding:0;}
#column li{line-height:150%; margin:0 0 0 15px;}
#column .subnav{display:block; padding:0; margin-bottom:30px; font-size:13px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#column .subnav ul{margin:0; padding:0; list-style:none;}
#column .subnav li{margin:0 0 3px 0; padding:0;}
#column .subnav li a:link, 
#column .subnav li a:visited{display:block; margin:0; padding:10px 10px; color:#FFFFFF; background-color:#B5BA96;}
#column .subnav li a:hover, 
#column .subnav li.active a{display:block; margin:0; padding:10px 10px; color:#FFFFFF; background-color:#919863;}
#column p.readmore{display:block; margin-top:10px; text-align:right; font-weight:bold;}

/* ---------------------------------------------Gallery-------------------------------------- */

#gallery{display:block; float:left; width:680px; line-height:1.6em;}
#gallery .gallerycontainer{display:block; width:100%;}
#gallery h1 {font-size: 28px; line-height: 32px;}
#gallery ul{margin:0; padding:0; list-style:none;}
#gallery li{text-align:center; float:left; width:200px; height:auto; margin:0 13px 20px 0; padding:4px; border:2px solid #D8D8D8;}

/* ----------------------------------------------Homepage Latest------------------------------------- 

#latest{display:block; width:100%; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px dotted #362C20;}
#latest ul, #latest p{margin:0; padding:0; list-style:none; display:inline;}
#latest h2{margin:0 0 15px 0; padding:0 0 8px 0; font-size:14px; font-weight:bold; border-bottom:1px dotted #000000;}
#latest li{display:block; float:left; width:300px; margin:0 30px 0 0; padding:0;}
#latest li.last{margin-right:0;}
#latest li p.imgholder{display:block; width:290px; height:100px; margin:0 0 15px 0; padding:4px; border:1px solid #362C20;}
#latest a{font-weight:bold;}

/* ----------------------------------------------Footer------------------------------------- */

#footer{padding:20px 0;}
#footer address {display: inline; float: left; margin-left: 40px; text-transform: none; font-style: normal; line-height: 1.6em;}
.foot_left {margin-bottom: 0; float: left;}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright{padding:10px 0;}
#copyright p{margin:0; padding:0;}

/*-------------------------------------------Toggle-----------------------------------------*/

.toggle {width: 100%; padding-bottom: 20px; clear:both;}
.toggle-wrapper {padding-bottom:5px;}
h6.trigger {
	width: 97%;
	clear:both;
	font-size: 12px;
	font-weight:normal;
	margin:0px;
	display: block;
	cursor: pointer;
	text-align: left;
	background: #f2f2f2;
	padding: 0 15px 0 15px;
	height: auto;
	line-height: 26px;
	color: #4a4a4a;
	border: 1px solid #dbdbdb;
	display: inline-block;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}

h6.trigger:hover{color: #919863;}

h6.empty {
	width: 97%;
	clear:both;
	font-size: 12px;
	font-weight:normal;
	margin:0px;
	display: block;
	cursor: none;
	text-align: left;
	background: #d9d9d9;
	padding: 0 15px 0 15px;
	height: auto;
	line-height: 26px;
	color: #4a4a4a;
	border: 1px solid #dbdbdb;
	display: inline-block;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}
.togglebox {width: 100%; height: auto; overflow: hidden; margin: 10px 0; border: 1px solid #dedede;}
.togglebox div {padding: 15px 10px 0 10px;}
