
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}

* {
	margin: 0;
	padding: 0;
}

body {
        font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	background: #faf8f9;
	font-size: 13px;
	color: #000000;
}

h1, h2, h3 {
	color: #000000;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
	text-decoration: none;
	color: #777777;
}

a:hover {
	text-decoration: none;
}

/* Wrapper */

#wrapper {
        width: 850px;
        margin: 35px auto;
}

/* Header */

#header {
	width: 850px;
	height: 90px;
	margin: 0 auto;
	background: url(images/page/header-bg.png) no-repeat left bottom;
}

/* Logo */

#logo {
	float: left;
	padding: 20px 0 0 0px;
        margin: 0 0 0 30px;
        width: 70px;
}

#logo-ha {
        float: left;
        position: absolute;
        width: 74px;
        margin: -20px 0 0 110px;
	padding: 0;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#logo ul {
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	line-height: normal;
}

#logo li {
	margin: 0;
        height: 15px;
	padding: 5px 0 5px 0;
}

/* Menu */

#menu {
	float: right;
	height: 20px;
        margin: 0;
        padding: 0 30px 0 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	margin-left: 0px;
}

#menu li {
	display: inline;
	text-align: center;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 5px 0 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#menu a:hover, #menu .active a {
	color: #AA2808;
}


/* Content */

#content {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background: url(images/page/content-bg.png);
        background-repeat: repeat-y;
}

#content-body {
        float: right;
        width: 550px;
        margin: 0;
        padding: 0 30px 0 0;
}

#content-body h1, #content-body h2, #content-body h3 {
}

#content-body h1 {
	font-size: 136%;
}

#content-body h2 {
	font-size: 107%;
}

#content-body h3 {
	font: 92%;
}

#content-body ul, #content-body ol {
	list-style-position: inside;
}

#box1 {
	float: left;
	padding: 0 10px 30px 55px;
}

#box1 a{
	text-decoration: none;
}

#box2 {
	float: left;
	padding: 30px 15px 0 50px;
}

#leftside {
	float: left;
	width: 200px;
	padding: 0 0 0 30px;
        margin: 40px 0 0 0px;
        z-index: 10;
}

#leftside ul {
        width: 150px;

        margin: 0 0 5px 0px;
	padding: 0 0 0 35px;
	list-style: none;
        list-style-image: url(images/mark.gif);
	line-height: normal;
}

#leftside li {
	padding: 8px 0 8px 5px;
}

#leftside a {
	text-decoration: none;
        border: none;
}

#leftside-logo {
	padding: 20px 0 0 20px;
        margin: 0;
        width: 220px;
}

#leftside-logo img{
	padding: 0;
        margin: 0;
}

#leftside-logo-bottom {
	vertical-align:bottom;
	position:relative;
	padding: 0px;
        margin-left: 50px;
        margin-bottom:0px;
        z-index: 0;
}


/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
	font-size: 85%;
}

/* Footer */

#footer {
	width: 850px;
	height: 20px;
	margin: 0 auto;
	background: url(images/page/footer-bg.png) no-repeat left top;
	padding: 0;
}

#copyright {
	width: 850px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
        text-align: center;
}

#copyright p{
	margin: 0;
	padding: 0;
        text-align: center;
}

#gyik {
	padding: 20px 0 0 50px;
}

#gyik h1 {
	font-size: 14px;
        background: url(images/mark.gif) no-repeat left bottom;
        padding-left: 0px;
        padding-top: 5px;
}

#gyik p {
	font-size: 12px;
        padding-left: 50px;
}


.velemenyek {
        width: 530px;
        height: 300px;
}

.velemenyek-img{
        float: left;
        width: 130px;
        text-align: right;
        margin-top: 5px;
}
.velemenyek-img img{
        margin-bottom: 5px;
}


.velemenyek-text{
        float: right;
        width: 380px;
        padding-left: 10px;
}

#termekek {
        float: right;
	width: 850px;
	margin: 0 auto;
	background: #FFFFFF url(images/page/content-bg.png);
        background-repeat: repeat-y;
	padding: 0;
}

#termekek table {
        float: left;
        margin-left: 70px;
        padding-top: 30px;
}

#termekek td {
        padding-top: 30px;
}

#termekek-body{
        float: right;
        width: 450px;
        padding-left: 0px;
        padding-right: 20px;
        margin-right: 30px;
}

