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

body {
	width: 100%;
	height: 100.05%;
	background: #aec0c7 url(images/body_bg.jpg) repeat-x center top;
	text-align: center;
	padding: 0;
	margin: 0;
}

#wrapper {
	width: 100%;
	background: url(images/page_bg.jpg) no-repeat center top;
	text-align: center;
}
#page {
	margin: 0 auto;
	width: 900px;
	background: #fff url(images/page_bg.jpg) no-repeat center top;
	text-align: left;
	padding: 0;
}
#page-inside {
	margin: 0 auto;
	width: 900px;
	background: transparent url(images/page_bg_inside.jpg) repeat-y center top;
	text-align: left;
	padding: 0;
}
.clear {
	clear: both;
}


/* TOPMENU -------------------------------- */

#topmenu {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 34px;
}
#topmenu table, #topmenu table td, #topmenu table td img {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

/* HEADER -------------------------------- */

#header {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 358px;
	background: #fff url(images/header_bg.jpg) no-repeat center top;
}
#muszaki-hatter {
	width: 123px;
	height: 29px;
	padding: 0;
	margin: 0;
	position: relative;
	top: -50px;
	left: -20px;
}
#tovabb {
	width: 72px;
	height: 29px;
	padding: 0;
	margin: 0;
	position: relative;
	top: 110px;
	left: -75px;
}

.csomag div {
	margin: 5px 0px 0px 30px;
	cursor: pointer;
	background: none; 
}

.csomag .mini {
	width: 130px;
	margin-left: 25px;
	background: none; 
}

.csomag .mini .title, .csomag .mini-hover .title  {
	width: 130px;
	height: 45px;
	padding: 0;
	margin: 0;
}

.csomag .blog {
	width: 145px;
	background: none; 
}

.csomag .blog .title, .csomag .blog-hover .title  {
	width: 145px;
	height: 45px;
	padding: 0;
	margin: 0;
}

.csomag .max {
	width: 160px;
	background: none; 
}


.csomag .max .title, .csomag .max-hover .title  {
/*	background: transparent url(images/max_csomag.png) no-repeat top left;*/
	width: 160px;
	height: 45px;
	padding: 0;
	margin: 0;
}

.csomag-ar {
	float: left;
	font: 14pt Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	line-height: 17pt;
	font-weight: bold;
}
.afa {
	float: left;
	clear: all;
	font: 7pt Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 6pt;
	margin: 3px 0 0px 0;
	_margin: 3px 0 3px 0;
}
.csomag ul {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
	_margin: 2px 0 0 0;
}
.csomag ul li {
	padding: 0;
	margin: 0;
	font: 8pt Arial, Helvetica, sans-serif;
	line-height: 10pt;
	color: #000;
}
.csomag ul li.extra {
	font-weight: bold;
}


/* LEFT -------------------------------- */

#left {
	float: left;
	width: 299px;
	padding: 0;
	margin: 0;
	background: #7d8592;
}

#left #left-menu {
	width: 299px;
	padding: 0;
	margin: 0;
	background: #2c3032 url(images/left_menu_bg.jpg) no-repeat bottom left;
	border-top: #fcffff 1px solid;
}
#left #left-mitk {
	width: 299px;
	padding: 0;
	margin: 0;
	background: #7d8592 url(images/left_mitk_bg.jpg) no-repeat top left;
}

#left ul, #left ul li ul {
	list-style-type: none;
	padding: 0 0 20px 0;
	margin: 10px 10px 0 10px;
}
#left ul li ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px 10px;
}
#left ul li, #left ul li ul li {
	padding: 0;
	margin: 0;
	background: url(images/li_l_orange.gif) no-repeat 0px 8px;
}
#left ul li ul li {
	background: url(images/li_l_gray.gif) no-repeat 0px 8px;
}
#left ul li, #left ul li a {
	font: 12pt Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #ccd3d6;
	text-decoration: none;
	padding-left: 6px;
}
#left ul li ul li, #left ul li ul li a {
	font: 11pt Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #969c9f;
	text-decoration: none;
	padding-left: 6px;
}
#left ul li a, #left ul li ul li a {
	display: block;
	height: 24px;
}
#left ul li a:hover, #left ul li ul li a:hover {
	color: #F7AC15;
	text-decoration: none;
	padding-left: 7px;
}


#left ul#mit-kinalunk {
	list-style-type: none;
	padding: 60px 0 0 0;
	margin: 0 10px 10px 10px;
	line-height: 40px;
}
#left ul#mit-kinalunk li {
	padding: 2px 0 4px 20px;
	margin: 0;
	background: url(images/li_l2_white.gif) no-repeat 2px 10px;
	border-bottom: #595e68 1px solid;
}
#left ul#mit-kinalunk li.first {
	padding-top: 40px;
	background: url(images/li_l2_white.gif) no-repeat 2px 48px;
}
#left ul#mit-kinalunk li, #left ul#mit-kinalunk li a {
	font: 11pt Arial, Helvetica, sans-serif;
	line-height: 19px;
	color: #fff;
	text-decoration: none;
}

#left .box {
	background: url(images/left_box_bg.jpg) repeat-x top left;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 20px 10px 10px 10px;
}
#left .box img {
	padding: 0;
	margin: 4px;
	border: none;
}


/* FOOTER -------------------------------- */

#footer {
	margin: 0 auto;
	width: 900px;
	height: 111px;
	background: #6D737F url(images/footer_bg.jpg) no-repeat top center;
	text-align: left;
}
#footer img.logo {
	border: none;
	margin: 10px 0 0 20px;
	padding: 0;
}
#footer p {
	margin: 0 0 0 215px;
	padding: 0;
	padding-top: 30px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #f7ac15;
	text-decoration: none;
}
#footer p a {
	padding: 3px;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
#footer p a:hover {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #f7ac15;
	text-decoration: none;
}


/* DATA -------------------------------- */

#data {
	margin-left: 300px;
	background: url(images/data_bg.jpg) no-repeat top left;
	padding: 0 30px 30px 30px;
}

#data, #data a {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #41738c;
	text-decoration: none;
}
#data a {
	color: #c00;
	text-decoration: underline;
}
#data a:hover {
	color: #800;
	text-decoration: none;
}

H1, H2, H3, H4 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#data h1 {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #ffffff;
	font-size: 21px;
	width: 540px;
	_float: right;
}
#data h2, #data h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	color: #333;
	font-size: 13pt;
	border-bottom: #c1cbcf 1px solid;
}

#data ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 10px 10px;
}
#data li {
	padding-left: 10px;
	background: url(images/li_data_1.gif) no-repeat 0px 6px;
}



/* SIFR -------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #data h1 {
	visibility: hidden;
	font-size: 6px;
	padding-top: 12px;
	margin-top: 0;
}

/* sajat kod*/

input {
	padding: 2px 4px; 
	border: 1px solid #78828c; 
/*	background: #dbe3e6;	*/
	background: #fafafa;
	color: #41738c;	
}

.cb_mezo {
	padding: 2px 4px; 
	border: 0px;
	background: #dbe3e6;
	color: #41738c;	
	vertical-align: middle;
}

select {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 0;
	border: 1px solid #78828c; 
	background: #fafafa;
	color: #41738c;		
}

textarea {
	padding: 2px 4px; 
	border: 1px solid #78828c; 
	background: #fafafa;	
	font: 10pt Arial, Helvetica, sans-serif;
	color: #41738c;		
}

.cella {
	background-color: #dbe3e6;
}

.cella_fejlec {
	background-color: #cfd7da;
}

.tablazat {
	background-color: #bbbbbb;
}

.szabad {
	color: #1d8800;
	width: 300px;
}

.foglalt {
	color: #880000;
	width: 300px;	
}

.hibas {
	color: #880000;
	width: 300px;	
}