/********************************************************************* 
  base css */

body {
	font-family: Tahoma, Arial, Helvetica;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	background-image: url(images/page_background.gif);
	background-position: center;
	background-repeat: repeat-y;
}

a, link, a:link {
	text-decoration: underline;
	color: #6d4a30;
	font-weight: normal;
 }

a:visited {
	text-decoration: underline;
	color: #6d4a30;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	color: #FF7F50;
	font-weight: normal;
}

label
{
width: 7em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
	margin-left: 50px;
}

fieldset {
	width: 430px;
	padding: 10px;
}

form {
	padding: 0px 70px 0px 70px;
}

legend {
	font-weight: bold;
}
/********************************************************************* 
  Felső rész */

div.container {
	width: 776px;
	margin: auto;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px solid #dbdbdb;	
	text-align: right;
}

div.container-main {
	width: 776px;
	margin: 6px auto 0px auto;
	padding: 0px;
	text-align: right;
	background-image: url(images/main_background.gif);
	background-position: center;
	background-repeat: repeat-y;
}	

div.logo{
	width: 154px;
	padding: 12px 0px 0px 0px;
	float: left;
}

/********************************************************************* 
  Felső piros hátterű menü */

div.topmenu {
	text-align: right;
	margin-left: 166px;
	padding: 10px 10px 10px 0px;
	background-color: #c4151c;
	color: #FFFFFF;
}

div.topmenu a, div.topmenu link, div.topmenu a:link, div.topmenu a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: normal;
 }

div.topmenu a:hover {
	text-decoration: none;
	color: #FAEBD7;
	font-weight: normal;
}

/********************************************************************* 
  Jobb oldali menü */

div.leftcolumn {
	width: 154px;
	float: left;
	background-color: #c4151c;
	color: #FFFFFF;
	text-align: left;
}

div.leftcolumn h1 {
	font-size: 1.2em;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

div.leftcolumn p {
	margin: 1px 0px 8px 10px;
	padding: 0px;
	font-size: 0.9em;
}

div.menu {
	padding-top: 20px;
/*	font-size: 1.1em;*/
	text-align: right;
	font-weight: bold;
}

div.menu a, div.menu link, div.menu a:link, div.menu a:visited {
	display: block;
	padding: 3px 9px 3px 9px;
	margin: 0px;
	text-align: right;
	line-height: 120%;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
 }

div.menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #6e6f71;
}

div.menu a.level1_selected {
	border-top: 5px solid #fff;
	padding-right: 20px;
}

div.level2 {
	border-bottom: 5px solid #fff;
}

div.level2 a, div.level2 link, div.level2 a:link, div.level2 a:visited {
	display: block;
	padding: 3px 18px 3px 9px;
	margin: 0px;
	text-align: right;
	font-size: 1.0em;	
	line-height: 120%;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #6e6f71;
	border-top: 0;
	border-right: 5px solid rgb(255, 255, 255);
 }
 
 div.level2 a:hover {
	text-decoration: none;
	color: #BFBFBF;
	font-weight: normal;
	background-color: #002140;
}

div.menu a.level2_selected {
	border-right: 5px solid #5E5E5E;
	background-color: #5E5E5E;
	padding-right: 23px;
	margin-right: -5px;
}

/********************************************************************* 
  Tartalmi rész */
  
div.main {
	text-align: left;
	width: 606px;
	padding: 0px;
	float: right;
	color: #000000;
	line-height: 150%;
}

div.main h1 {
	font-size: 1.6em;
	font-style: italic;
	color: #c4151c;
	font-weight: bolder;
	background-image: url(images/h1_background.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	text-align: right;
}

div.main h2 {
	color: #6e6f71;
	font-size: 1.6em;
	margin-left: 15px;
}

div.main h3 {
	color: #C4151C;
	font-size: 1.2em;
	margin-left: 20px;
}

div.main p {
	padding: 0px 15px 6px 20px;
	margin: 0px;
}

.addthis_default_style {
	display: none;
}

div.documents {
    background-color: #EFEFEF;
    padding: 10px;
}

/********************************************************************* 
  Záró rész */
  
div.zaro {
	border-top: 1px solid #dbdbdb;	
	margin-left: 160px;
	padding: 8px 0px 8px 8px;
	clear: both;
	color: #6e6f71;
	text-align: right;
}

#popup {
	position: fixed;
	width: 640px;
	z-index: 10;
	background-color: #ffffff;
	padding: 20px;
	border: 3px solid #C4151C;
}

.popup_head {
	text-align: right;
	padding-bottom: 20px;
}

.popup_body {
	
}

#over {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 8;

}

.mob {display: none;}

/**************************** MEDIA ********************************/
@media (min-width: 768px) and (max-width: 979px) {


}/****************************/

@media (max-width: 767px) {
	body { font-size: 1em; }
	body, div.container-main { background-image: none }
	div.container-main, div.main { width: 100%; overflow: hidden; padding-bottom: 30px;}
	.flash, #popup, #over, div.zaro, div.topmenu { display: none; }
	div.container { width: 100%; }
	div.logo { width: 100%; float: none; top: 30px; text-align: center }
	div.main img { max-width: 100%; height: auto }
	.mobmenu {background-color: #c4151c; width: 100%; height: 40px; padding: 10px 0 8px 0; display: block; text-align: center; }
	.mobmenu img { height: 40px; width: auto; }
	#mob_menu_div, #mob_cim_div { height: 40px; padding: 10px 20px 8px 20px;; background-color: #c4151c; width: 37px; border-radius: 5px 5px 0 0; position: absolute; left: 0; top: -58px; }
	#mob_menu_div img, #mob_cim_div img { height: 100% }
	#mob_cim_div { height: 40px; width: 54px; right: 0; left: auto; text-align: right }
	div.menu { padding-top: 0; width: 100%; text-align: left; position: absolute; top: 58px }
	div.menu a, div.menu link, div.menu a:link, div.menu a:visited { padding: 7px 9px 7px 9px; 	text-align: left; 	line-height: 120%; 	font-size: 1em; 	color: #FFFFFF; 	font-weight: bold; 	border-bottom: 1px solid #FFFFFF; background-color: #c4151c;  }

	.cimek { width: 100%; position: absolute; top: 58px; font-size: 0.7em; background-color: #c4151c;}
	.cimek a { color: #ffffff }

	div.level2 { width: 100%; }
	div.level2 a, div.level2 link, div.level2 a:link, div.level2 a:visited { text-align: left; padding: 7px 9px 7px 9px;	line-height: 120%; 	font-size: 1em; border-left: 5px solid rgb(255, 255, 255); }
	div.menu a.level1_selected { border-top: none; }
	div.level2 a.level2_selected { background-color: #5e5e5e; border-right-color: #ffffff; margin-right: 0;}
	div.breadcrumbs { margin: 6px 0 10px 10px }
	table { width: 100% !important ; margin: 0 !important}
	td { padding: 5px !important; width: auto !important }
	div.main td>p { padding: 0 }
	div.leftcolumn { width: 100%; position: fixed; bottom: 0; float: none; background: none; z-index: 100 }
	.mob {display: block;}
	div.leftcolumn h1 { padding: 10px 0px 0px 0px; margin: 0px; background-color: #c4151c;}
	div.leftcolumn p { padding: 1px 0px 8px 10px; margin: 0px; background-color: #c4151c; }
	form { padding: 0; }
	fieldset { width: 90% }
	input[type=text], textarea { width: 100% }
	.cimbox { display: inline-table; }


}/****************************/

@media (max-width: 480px) {


}/****************************/

@media (min-width: 768px) and (max-width: 979px) {


}/****************************/

@media (min-width: 1200px) {

}/****************************/

@media (max-width: 979px) {


}
/****************************/

@media (min-width: 980px) {

}


@media (-webkit-min-device-pixel-ratio : 2), (min-resolution: 192dpi) { 

}