@CHARSET "UTF-8";

/***********************************************************/
/* OVERRIDE BROWSERS OWN DEFAULT SETTINGS START */
/***********************************************************/

/* default font-size and types */
html, body, form, input, select, fieldset {
    font-size: 10pt;
    font-family: Tahoma, Verdana, Arial, sans-serif, Geneva, Hevletica;
}
/* default padding & margin */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address, hr {
    margin: 0px; 
    padding: 0px; 
}
/* label cursor is a hand */
form label {
    cursor: pointer;
}
address {
    font-style: normal;
}
/* links underlined */
:link, :visited {
    text-decoration: underline;  
}
/* linked images without borders */
img, a img,
:link img, :visited img {
    border: none;
}
/* fieldset without border */
fieldset {
    border: none;
}
/* clearing for floated elements */
div.clearer, span.clearer {
    clear: both;
    font-size: 0px;
}
/***********************************************************/
/* OVERRIDE BROWSERS OWN DEFAULT SETTINGS START */
/***********************************************************/

body {
    font-family: Tahoma, Arial, Geneva, Sans-Serif;
    font-size: 10pt;
    background: url(./images/body-bg.png) left top repeat-x;
}

ul {
	margin: 0 0 0 10px;
	padding: 5px 0;
	list-style-type: square;
}

ul li {
	margin: 0 0 0 10px; 
}

a,
a:link,
a:visited {
	color: #ddd;
	text-decoration: none;
	
}

a:active,
a:hover {
    color: #fff;
    text-decoration: underlined;
}

div#header {
    height: 360px;
}

div#header div#header-left,
div#header div#header-right {
    float: left;
}

div#header div#header-left {
    width: 450px;
}

div#header div#header-left a {
	margin: 0 0 0 50px;
    width: 400px;
    height: 330px;
    display: block;
} 

div#header div#header-right {
	margin: 36px 0 0;
    width: 522px;
    height: 242px;
}

div#container {
	background: url(./images/bg-top.jpg) center top no-repeat;
}

div#main-content {
	margin: 0 auto;
	width: 1014px;
	height: 866px;
	background: url(./images/bg-middle_2.jpg) center top no-repeat;
}

div#main-links {
	margin: 0 auto;
    width: 950px;
    height: 465px;
}

div#main-links div.main-link-box {
    width: 192px;
    padding: 20px;
    height: 425px;
    float: left;
}

div#main-links div.main-link-box div.picture-box {
	margin: 2px 0 0;
    width: 192px;
    height: 243px;
}

div#main-links div.main-link-box div.text-box {
	margin: 10px 0 0;
    width: 192px;
    height: 172px;
}

div#main-links div#link-1 {
	margin: 0 0 0 3px;
}

div#main-links div#link-2 {
	margin: 0 0 0 7px;
}

div#main-links div#link-3 {
	margin: 0 0 0 6px;
}

div#main-links div#link-4 {
	margin: 0 0 0 6px;
}

div#main-links div#link-1 div.picture-box {
    margin: 6px 0 0;
    padding: 0px 4px 0px 3px;
    width: 184px;
    height: 236px;
}

div#main-links div#link-1 div.picture-box img {
    width: 184px;
    height: 236px;
}

div#main-links div#link-2 div.picture-box {
    margin: 6px 0 0;
    padding: 0px 5px 0px 2px;
    width: 184px;
    height: 236px;
}

div#main-links div#link-2 div.picture-box img {
    width: 184px;
    height: 236px;
}

div#main-links div#link-3 div.picture-box {
    margin: 6px 0 0;
    padding: 0px 5px 0px 2px;
    width: 184px;
    height: 236px;
}

div#main-links div#link-3 div.picture-box img {
    width: 184px;
    height: 236px;
}

div#main-links div#link-4 div.picture-box {
    margin: 6px 0 0;
    padding: 0px 5px 0px 2px;
    width: 184px;
    height: 236px;
}

div#main-links div#link-4 div.picture-box img {
    width: 184px;
    height: 236px;
}

div#footer-bg {
    height: 85px;
    /*background: url(./images/bg-bottom.png) center bottom repeat;*/
}

div#footer {
	margin: 0 auto;
    width: 1014px;
    height: 85px; 
}

div#designed-by {
	color: #fff;
	margin: 0 auto;
	width: 994px;
}

div#designed-by div#credits {
    margin: 0 0px 0 0;
    padding: 10px 0 0 0;
    text-align: right;
}

div#designed-by div#credits span {
    margin: 0 0 0 70px;
}

div#designed-by div#mbsoft-logo div {
	float: right;
}

div#designed-by div#mbsoft-logo div#uj-magyarorszag {
	width: 232px;
	height: 85px;
    background: url(./images/umft.png) left top no-repeat;
}

div#designed-by div#mbsoft-logo a { 
    margin: 0px 0 0;
	float: right;
	display: block;
    width: 140px;
    height: 85px;
    background: url(./images/mbportal_logo.png) left bottom no-repeat;
}

div.umft {
    margin: 0 40px 0 30px; 
    width: 500px;
    float: left;
    text-align: justify;
    font-size: 0.9em;
}