@import url('reset.css'); 
body {background: #64ac22 url(../images/bg.jpg) repeat-x; height: 100%; width: 100%; line-height: 1.25; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-align: center; }

#wrapper {
	width: 920px;
	height: 100%;
	padding: 20px 20px 20px 20px;
	margin: 24px auto 36px auto;
	background: white; 
	border: 1px solid #c8c8d0;
	position: relative;
	text-align: left;
}

#background {
	width: 920px;
	height: auto;
	padding: 0; 
	background: white;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
}

#top-navigation  { width: 100%; height: 24px; border: 1px solid #eee; position: relative; }
#top-navigation ul { padding: 3px; }
#top-navigation li { display: inline; padding: 0 6px 0 6px; float: left; }
#top-navigation li.rendelesek { display: inline; float: right;}
#top-navigation a.kapcsolat {background: url(../images/ico-mail.gif) no-repeat 0% 50%; padding-left: 18px;}
#top-navigation li.rendelesek a { color: #f06a18;}

#head {width: 100%; height: 162px; background: url(../images/header-bg6.jpg) top right no-repeat; position: relative; float: left; }
#logo {width: 185px; height: 161px;}
#headbanner {}

#mainmenu {width: 100%; float: left; position: relative; background: #64ac22; }
#mainmenu li {display: inline;position: relative; float: left; margin:0; padding:0;}
#mainmenu a {background: #64ac22; font-weight: bold; position: relative; float: left; display: block; text-decoration: none; color: white; padding: 12px 14px 12px 14px;}
#mainmenu a:hover {background: #208233;}

#breadcrumb {width: 100%; height: 36px; position: relative; border-bottom: 1px solid #eee;}
#breadcrumb a {text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb ul {padding: 12px 0 12px 6px;}
#breadcrumb li {display: inline; text-align: left; padding: 0 0 0 6px;}

#loginform {margin: 0 auto 0 auto; position: relative; padding: 24px; border-bottom: 1px solid #eee; }
#loginform fieldset{margin: 12px 0 12px 0;}
#loginform label{width: 120px; height: 12px; padding: 6px 0 6px 0 ; display: block; float: left; }

#editor {width:600px;}

#children {width: 165px; float: left; position: relative; border-right: 1px solid #64ac22; margin: 0 12px 0 12px;}
#children ul li{list-style: none; margin: 0 0 0 12px; padding: 0 12px 12px 0;}

#left, #right {width: 185px; float: left; position: relative; z-index:105; background: white;}
#left {border-right: 1px solid #ddd; }
#right {border-left: 1px solid #ddd; }

#kerdoiv {font-size: 87%;}
#kerdoiv td,th {padding: 3px; text-align: center; vertical-align: middle; height: 40pt;}

#content {width: 546px; position: relative; margin: 0 0 0 0; float: left; border: 0; color: #333;}

h1 {color:#f06a18; font-size: 20px; padding: 12px 0 0px 12px; margin: 0 0 0 0; line-height: 1;}
img {padding: 0 12px 12px 0; float: left; /*max-width: 548px;*/}
img.banner {float: left; width: 100%; padding: 0px 0 12px 12px;}
a {color: #006233; text-decoration: none;}
a:hover {text-decoration: underline;}
input,textarea,select,button {clear: both; margin: 0;}
textarea {width: 70%;}
h2 {padding: 0px 0 12px 12px; font-weight: bold; font-size: 16px; color: #f06a18;}
h3 {padding: 12px 0 0 12px; font-weight: bold; font-size: 12px; }
h4 {padding: 12px 0 12px 0px; font-weight: bold;}
p {padding: 12px;}
li {padding: 0 0 12px 0px; margin: 0 12px 0 30px; list-style: square;}
iframe {padding: 12px;}

table {margin: 0; width: 98%; padding: 0 1% 0 1%; clear:both; }
.header td{background: #eee;}
th td{background: #eee;}
td {padding: 6px; border-bottom: 1px solid #eee; vertical-align: top;}

.title {padding: 0px 0 12px 0px; margin: 0 0 12px 0; float: left; width: 100%; clear: both; border-bottom: 1px solid #eee;}
.title div.text {float: left; width: 60%;}
.title h2{ font-size: 20px; color: #f06a18; }
.title p{ margin: 0 0 0 12px; padding: 0; clear: both;}

.contents {float: left; width: 95%; margin: 0px 12px 0 12px; text-align: justify; }
.contents ul {margin: 0; width: 100%; display: block; }
.contents p{margin: 0 0 12px 0; padding: 0; line-height: 1.5;}
.contents li {margin: 0 0 0 0px; padding: 0 0px 6px 0px; list-style: none;}

ol li{margin: 12px; list-style: square inline;}
.sidebar h2 {
	font-size: 100%;
	padding: 12px 12px 0 12px; 
	color: #f06a18;
	border-top: 1px solid #eee;
}
.sidebar h3 {
	padding: 6px 12px 0px 12px;
}
.sidebar p {
	padding: 12px 12px 12px 12px;
}
.sidebar ul {
	margin: 0;
	padding: 0;
}
.sidebar ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar img {
	margin: 0;
	padding: 0 1% 12px 1%;
	clear: both; 
}
.sidebar ul li ul li {
	margin: 12px 6px 12px 6px;
	border: 0;
}
.sidebar ul li ul {
	margin: 12px 6px 12px 6px;
	border: 0;
}
.sidebar form input, .sidebar form label {
	padding: 6px;
}
.sidebar form {
	padding: 12px; 
}
/*#left img {width: 93%;}*/

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#sliderwrapper {width: 520px; height: 340px; position: relative; float: left; clear: both; margin:0px 12px 24px 12px; padding: 0 0 12px 0; }
#slider {position: relative; float: left; clear: both; overflow:hidden; }
#slider, #slider li{
	z-index: 1;
	background: transparent;
	width:520px;
	height:340px;
	overflow:hidden; 
}
#slider img {width:520px; height: 340px; margin:0; padding:0; }
span#prevBtn{margin: 12px 0 0 12px; padding: 6px; background:#64ac22; font-size: 14pt;}
span#nextBtn{margin: 12px 0 0 0; padding: 6px; background:#64ac22; font-size: 14pt;}
span#prevBtn a, span#nextBtn a {text-decoration: none; padding: 6px 3px 6px 3px; font-weight: bold; color: #fff;}

#krdsz {
	border: 1px solid #888;
	background: #fff url(../images/koord.jpg) no-repeat;
	position: relative; float: left;
	margin: 0px 20px 12px 20px;
	width: 500px;
	height: 500px;
}

.koord{
	font-family: Arial, sans-serif;
	font-size: 300%;
}
.label {
	font-family: Arial, sans-serif;
	font-size: 100%;
	padding: 4px;
	margin: 0 0 12px 12px;
	border: 1px solid #aaa;
	background: #eee;
}

.flix {width: 49%; float: left; position: relative; margin: 0 1% 12px 0}

.controlls {padding: 0; margin:0; text-align: left; margin:12px 0 24px 0px; z-index:30; }

.nodisplay {display: none;}

.col100{width: 98%; padding: 0 0 0 2%;}
.col50{width:47%; padding: 0 1% 0 1%; float: left; position: relative; }
.col30{width:31%; padding: 0 1% 0 1%; float: left; position: relative; }
.bordered {display: block; float: left; border: 1px solid #888; color: #222; text-decoration: none; text-align: center; width: 70px;}
.bordered :active{display: block; float: left; border: 1px solid #aaa; color: #f30; text-decoration: none; text-align: center; width: 70px;}
.pending {display: block; height: 48px; width: 98%; background:url(../images/ajax-loader.gif) 50% 0% no-repeat;}
.separator {width: 98%; border-bottom: 1px solid #eee;}

#right .sidebar ul {clear: both; position: relative; float: left; width: 100%; padding: 12px 0 12px 0; }
.activity a {height: 60px; font-weight: bold; font-size: 1.5; display: block; margin: 0 0 0 6px;float: left; clear: both; }
.activity li{padding: 0; margin: 0; border: 0;}

a.tamogatas {padding: 24px 6px 0 66px; height: 36px; background: url(../images/icons.jpg) no-repeat 0 0; }
a.irjameg {padding: 12px 6px 0 66px; height: 48px; background: url(../images/icons.jpg) no-repeat 0 -300px; }
a.jelentkezzen {padding: 12px 6px 0 66px; height: 48px; background: url(../images/icons.jpg) no-repeat 0 -120px; }
a.sms {padding: 24px 6px 0 66px; height: 36px; background: url(../images/icons.jpg) no-repeat 0 -180px; }
a.letoltesek {padding: 24px 6px 0 66px; height: 36px; background: url(../images/icons.jpg) no-repeat 0 -240px;}
a.hirlevel {padding: 24px 6px 0 66px; height: 36px; background: url(../images/icons.jpg) no-repeat 0 -60px;}
a.esemenynaptar {padding: 24px 6px 0 66px; height: 36px; background: url(../images/icons.jpg) no-repeat 0 -360px;}

.social a{ position: relative; display: block; float: left; width: 45px; height: 60px; }

strong {font-weight: bold;}