﻿?/* CSS layout */

body {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
	}

h1, h2, h3, h4 {color: #3234a1;}	
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 18px; 
	background-image: linear-gradient(to left, transparent, #D4D5EC);
	padding:2px 0px 2px 10px;
	color: #3234a1;

}
h3 { font-size: 16px; }
h5 { font-size: 14px; padding:5px 0px }
.akcios {font-size: 14px; color:#3366CC;}
body {margin:0px;}
/* FejlĂ©c */
#fejlec { position:relative; width: 100%; height: 101px; border-bottom:solid 1px #cccccc; }
#fejlec_jobb_oldal {position: absolute; text-align: right; right: 0px; top:0px; width: 240px;}
#fejlec_jobb_oldal p { margin: 10px 20px;}
#fejlec_bal_oldal_pr img { display:none;}

#kereso table {	width: 222px; }
	#kereso table th {text-align:center; }
	#kereso table td { border:0px; text-align:center;}
	#kereso_table_bal {  width:100%; padding-left:10px; padding-right:10px; vertical-align:middle;}
#kereso_table_jobb { padding-left:0px; padding-right:3px; }


#gugli img { border:0px;}
#WLSearchBoxInput {border:solid 1px #cccccc; font-size:14px; color:#3234a1; width:100%;}
#WLSearchBoxButton {vertical-align:top; height:20px; width:20px; }
/* FejlĂ©c */

/* SzĂ¶veg terĂĽlet -> */
#szoveg {position: relative; width: 100%;}

/* MenĂĽ -> */
	#menusav { position: absolute; top: 0px; width: 150px; min-width: 150px; left: 0px; }
	
		#menu {font-weight: bold; font-size: 13px; text-align: center; }
		#menu a { 
			padding: 4px 4px; 
			text-decoration: none;
			border-top: 1px solid #59a9dd;
			border-bottom: 1px solid #08324d;
			display: block;
			background: url(../images/menubg.png) repeat-y top left;
			color: #3234a1;
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;			
			transition: all 1s ease; }
		#menu a:hover { background-position:right top; 	color: #ffffff;	}

		#menu2 {font-weight: bold; font-size: 13px; text-align: center; }
		#menu2 a { 
			padding: 4px 4px; 
			text-decoration: none;
			border-top: 1px solid #59a9dd;
			border-bottom: 1px solid #08324d;
			display: block;
			background: url(../images/menubg2.png) repeat-y top left;
			color: #3234a1; 
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease-in;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;			
			transition: all 1s ease; }
		#menu2 a:hover { background-position:right top; color: #ffffff;	}

		#menu3 {font-size: 13px; }
		#menu3 a { 
			padding: 10px 5px; 
			text-decoration: none;
			display: block;
			}
		#menu3 a.pdf{ background: transparent url(../images/ikonok/icon_pdf.gif) no-repeat right;}
		#menu3 a.out{ background: transparent url(../images/ikonok/icon_out.gif) no-repeat right;}
		#menu3 a.exe{ background: transparent url(../images/ikonok/icon_exe.gif) no-repeat right;}
		#menu3 a.xps{ background: transparent url(../images/ikonok/icon_xps.gif) no-repeat right;}
		#menu3 a.doc{ background: transparent url(../images/ikonok/icon_doc.gif) no-repeat right;}
		#menu3 a.docx{ background: transparent url(../images/ikonok/icon_doc.gif) no-repeat right;}
		#menu3 a.xls{ background: transparent url(../images/ikonok/icon_xls.gif) no-repeat right;}
		#menu3 a.ppt{ background: transparent url(../images/ikonok/icon_ppt.gif) no-repeat right;}
		#menu3 img.zaszlo{ float:none; padding:1px;}
		#menu3 a:hover { background-color:#D4D5EC;	}

		#menu4 {font-weight: bold; font-size:larger; text-align: center; }
		#menu4 a {
	        margin:20px; border: 2px #888 outset;
            background-color:#DDD; 
            color:black;
			text-decoration: none;
        	padding: 10px 10px;
            display: block;   
			text-decoration: none;
            
            background-image: radial-gradient(#D4D5EC, #4244B1);
	        background-size: 100% 100%;
	        background-position: 50% 50%;  }
            
		#menu4 a:hover { background-size: 200% 200%;	}
        
        
/*		
	#menu2{ text-align: left; font-size: 11px; }
		#menu2 a { list-style-image:url('../images/pont2.gif');  background-image: url('../images/gombok/menugomb6.jpg'); padding: 0px 0px 0px 20px; }
		#menu2 a:hover { background-image: url('../images/gombok/menugomb5.jpg');  background-repeat: no-repeat; color:white; }
*/		
	#partner{ margin-top: 20px; text-align:center; }	
	#partner img{ margin:3px 0px; border:0px; }
	#partner p { }
/* <- MenĂĽ */


/* FĹ‘oldal -> */
	#kozepsav { margin-right: 20%; margin-left: 150px; padding:10px; border:solid 1px #cccccc; border-top-style:none; border-bottom-style:none;}
	/* #kozepsav { padding top:10%; left: 0px; top: 0px; } */
	#jobbsav { width: 20%; position:absolute; right: 0px; top: 0px; }

	#ref_bal {  margin-right: 45%; top: 50px; }
	#ref_jobb { width: 40%; position:absolute; right: 0px; top: 60px; }
		
	.doboz_fooldal{	text-align: justify; padding: 2px; margin:10px 0px; min-height:150px;}
		.doboz_fooldal img{ margin:5px;  width:125px; height:100px; float: left; border:0px;}
		.doboz_fooldal p{ min-width:250px;}	
	.doboz_fooldal_rovid{	text-align: justify; padding: 2px; margin:0px 0px; }
		.doboz_fooldal_rovid img{ margin:5px;  width:125px; height:100px; float: left; border:0px;}
		.doboz_fooldal_rovid p{ min-width:250px; margin: 0px;}	
		.doboz_fooldal_rovid ul{ list-style-image:url('../images/pont2.gif'); margin-left:30px}
			
	.doboz_fooldal_jobb{ padding: 0px 10px;	margin: 0px; }
		.doboz_fooldal_jobb p{ margin:5px 10px; }
		.doboz_fooldal_jobb img{ margin:5px; float:right; border:0px; }
/*		.doboz_fooldal_jobb.kiemelt{ font-size: 15px; font-weight:bold; }*/
		.kiemelt{ font-size: 15px; font-weight:bold; }
		.kiemelt2{ font-weight:bold; font-style:italic }
	.doboz_lab_fooldal{	border-bottom: 1px #ccc solid;	font-size: small;	margin: 0px 0px; text-align: right;}
		.doboz_lab_fooldal a {text-decoration: none;color:#3234a1;}
		.doboz_lab_fooldal img{ margin:0px 5px; border:0px; }
	.doboz_lab_fooldal2{	font-size: small;	margin: 0px 0px; text-align: right;}
		.doboz_lab_fooldal2 a {text-decoration: none;color:#3234a1;}
					
/* <- FĹ‘oldal */


/* Al oldalak -> */
	#adatsav { margin-left: 150px; padding:10px; border-left:solid 1px #ccc;}
/*	#adatsav { left: 0px; top: 0px; border-left-style: groove; border-left-width: thin; }
	#adatsav { margin-left: 150px; padding:10px; border-left-style:solid; border-left:1px; border-left-color:#cccccc;}*/


	.db_ablak{ margin: 0px 10px; text-align: justify; padding: 0px; min-height: 100px;}
	.db_ablak ul{ list-style-image:url('../images/pont2.gif'); margin-left:30px}
	.db_ablak img{ padding:0px 0px 0px 0px; border:0px; }
	.db_kozep { margin-right: 220px; margin-left: 0px; padding-left:0px; padding-right:10px; border:solid 1px #cccccc; border-top-style:none; border-bottom-style:none;border-left-style:none;}
	.db_kozep_fej {color: #3234a1;	font-weight: bold; font-size: 16px;padding:4px 0px;}
	.db_kozep_fej a { text-decoration:none; padding:3px;}
	.db_kozep_fej a:hover { background-color:#D4D5EC; }
	.db_jobb { width: 200px; position:absolute; right: 20px;}
	.db_jobb img { margin:5px 0px; }
	.db_lab{ border-bottom: 1px #ccc solid;	font-size: small;	margin: 0px 10px 10px 0px;	padding: 2px; text-align: right;}
		
	.doboz_kosar{ margin: 0px 10px; text-align: justify; padding: 2px; font-size:large;}
		.doboz_kosar img{ padding:0px 10px; border:0px; vertical-align: middle;}
	.doboz_fejlec { margin: 10px 0px; padding: 2px; }
		.doboz_fejlec a { text-decoration: none; color:#3234a1; } 
		.doboz_fejlec a.in { padding: 0 20px 0 0; background: transparent url(../images/ikonok/icon_out.gif) no-repeat right;}
	.doboz_szoveg{ margin: 0px 10px; text-align: justify; padding: 2px; min-height: 150px;}
/*	.doboz_szoveg{ font-size: small;}*/
		.doboz_szoveg ul{ list-style-image:url('../images/pont2.gif'); margin-left:30px}
		.doboz_szoveg img{ float:right; padding:0px 10px; border:0px; }
		.doboz_szoveg a { color:#3234a1;}
		/*---ikonok---*/
		.doboz_szoveg a.pdf{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_pdf.gif) no-repeat bottom left;}
		.doboz_szoveg a.out{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_out.gif) no-repeat bottom left;}
		.doboz_szoveg a.exe{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_exe.gif) no-repeat bottom left;}
		.doboz_szoveg a.xps{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_xps.gif) no-repeat bottom left;}
		.doboz_szoveg a.doc{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_doc.gif) no-repeat bottom left;}
		.doboz_szoveg a.xls{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_xls.gif) no-repeat bottom left;}
		.doboz_szoveg a.ppt{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_ppt.gif) no-repeat bottom left;}
		/*---ikonok---*/
		.doboz_szoveg img.zaszlo{ float:none; padding:0px;	}

	.doboz_szoveg_rovid{ margin: 0px 10px; text-align: justify; padding: 2px;}
		.doboz_szoveg_rovid img{ padding:10px; border:0px; }
		.doboz_szoveg_rovid ul{ list-style-image:url('../images/pont2.gif'); margin-left:30px}
		/*---ikonok---*/
		.doboz_szoveg_rovid a.pdf{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_pdf.gif) no-repeat bottom left;}
		.doboz_szoveg_rovid a.out{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_out.gif) no-repeat bottom left;}
		.doboz_szoveg_rovid a.exe{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_exe.gif) no-repeat bottom left;}
		.doboz_szoveg_rovid a.xps{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_xps.gif) no-repeat bottom left;}
		.doboz_szoveg_rovid a.doc{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_doc.gif) no-repeat bottom left;}
		.doboz_szoveg_rovid a.xls{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_xls.gif) no-repeat bottom left;}
		.doboz_szoveg_rovid a.ppt{ padding: 0 0 0 20px; background: transparent url(../images/ikonok/icon_ppt.gif) no-repeat bottom left;}
		/*---ikonok---*/
		.doboz_szoveg_rovid img.zaszlo{ float:none; padding:0px;	}

/*   
	.doboz_menu a {display: block; color: #3234a1; width: 150px; line-height: 30px; text-decoration: none; background-image: url('../images/gombok/menugomb4.jpg'); background-repeat: no-repeat; padding: 0px 0px 0px 20px;}
		.doboz_menu a:hover {background-image: url('../images/gombok/menugomb5.jpg'); background-repeat: no-repeat; color:white;}
*/

		.doboz_menu {font-weight: bold; font-size: 13px; text-align: center; width:150px;}
		.doboz_menu a { 
			padding: 4px 4px; 
			text-decoration: none;
			border-top: 1px solid #59a9dd;
			border-bottom: 1px solid #08324d;
			display: block;
			background: url(../images/menubg.png) repeat-y top left;
			color: #3234a1;
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;			
			transition: all 1s ease; }
		.doboz_menu a:hover { background-position:right top; 	color: #ffffff;	}

	.doboz_lab{	border-bottom: 1px #ccc solid;	font-size: small;	margin: 0px 10px 10px 0px;	padding: 2px; text-align: right;}
		.doboz_lab a {text-decoration: none; color:#3234a1;}

	.gyorsmenu {  margin:10px 0px; padding:4px 20px 4px 20px; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; }
	.gyorsmenu a {	text-decoration: none; 	color:#3234a1; padding:4px 20px; background:url('../images/nyil2.png') no-repeat left;	}
	.gyorsmenu a:hover { background-color:#D4D5EC; }
	
	/*--ĂrlistĂˇk--*/
	table { width:100%; border-collapse: collapse; max-width:1000px; }		
		.odd {background:#FEFFFF;}
		.even {background:#EBEBF5}
		.activerow {background:#C9C9E5; cursor:default;}
		.noborder {	border-top:none; border-bottom:none;}
		.okborder {	border-top:thin; border-bottom:thin;}
		.tszam {text-align:right; padding-right:4px;}
		.tszov {padding: 0px 10px;}
		.tszov2 {padding: 0px 0px 0px 30px;}
		.tszov3 {width:200px;}
		.tszov4 {width:150px;}
		.tszov5 {width:750px; padding: 6px 15px;}
		.tft   {width: 50px;}
		.tft2  {width: 80px;}
	thead th{background:#FEFFFF; padding:10px 0px 0px 0px; text-align:left;}
	tbody {vertical-align:bottom;}

	/*--TĂˇblĂˇzatok--*/
	.yes_no {width:auto;  border: 1px #ccc solid; }
		.yes_no th {
        
        background:#D4D5EC; 
            background-image: radial-gradient(#D4D5EC, #4244B1);
	        background-size: 100% 100%;
	        background-position: 50% 50%;
        text-align:center; padding: 0px 5px; border: 1px #ccc solid;}
		.yes_no td {padding: 0px 3px;  border: 1px #ccc solid; padding:2px;}
		.yes_no img { padding: 0px 30px; margin:0;}
		.yes_no a { text-decoration:none; color:black;padding:2px;}
		.yes_no a:hover {  background-color:#D4D5EC; }
	.tabla1 {width:auto;}
		.tabla1 th {background:#0100FF; color:#FFE; text-align:center; padding: 0px 5px;}
		.tabla1 td {vertical-align: top; padding: 0px 3px; text-align:left;}
		.tszov1 {vertical-align: top; text-align:left;}
	.tabla2 { text-align:center; width:auto; border-collapse:separate;}
	.tabla3 {text-align:center; width:auto; border: 1px #ccc solid;}
		.tabla3 th {background:#0100FF; color:#FFE; padding: 0px 5px; border: 1px #ccc solid;}
		.tabla3 td {padding: 0px 5px; border: 1px #ccc solid;}
		
	.tabla4 {width:auto; border-collapse:separate;}
		.tabla4 th {background:#0100FF; color:#FFE; padding: 0px 5px;}
		.tabla4 td  { vertical-align:top; padding: 0px 5px;}
		.tabla4 hr  { border:solid 1px #bbb;}
		.tf300 {width: 300px;}
		.tf200 {width: 200px;}
		.tf150 {width: 150px;}

	.tabla5 {width:auto;}
		.tabla5 th {background:#0100FF; color:#FFE; text-align:center; padding: 0px 5px; border: 1px #ccc solid;}
		.tabla5 td {vertical-align: top; padding: 0px 3px; text-align:left; border: 1px #ccc solid;}

	.tabla6 {width:auto;}
		.tabla6 td {vertical-align: top; padding: 0px 3px; text-align:left;}
		.jobbcsik {border-left: 1px #ccc solid; table-layout:fixed;}
	.tabla7 {width:auto;}
		.tabla7 th { font-weight:bold; text-align:left; padding:5px; }
		.tabla7 td { padding:5px;vertical-align: top;}
		.jobbra { text-align:right; padding:5 0 5 5px;}
	.tabla_arlista { width:80%;}
		.tabla_arlista th { font-weight:bold; text-align:left; padding:5px; }
		.tabla_arlista td { padding:5px;vertical-align: top;}
		.ta_szam { text-align:right; padding:5 0 5 5px; width:70px;}
		.ta_afa { width:70px;}	
}
		

.-zebra {max-width:1000px;}
	/*--TovĂˇbbi formĂˇzĂˇsok--*/
	.fekete{color: black;}
	.fekete a{color: black; text-decoration:none;}
	.piros{color: red;}
	.piros_kozep{color: red;text-align:center;}
	.piros_athuzott{color: #FF0000; text-decoration: line-through;}	
	.vastagpiros{color: red; font-weight:bold;}
	.vastagzold{color: green; font-weight:bold;}
	.apro {font-size:11px;}
	.kozep{text-align:center;}
	.pluszsor{padding-bottom:10px;}
	.gomb{ padding:0px 4px; border: 2px #888 outset;background-color:#DDD}
	.gomb2{ margin:20px; padding:10px 24px; border: 2px #888 outset;background-color:#DDD; text-decoration:none; font-weight:bold; color:black}
	.athuzott{text-decoration:line-through}
	.romanlist {list-style-type:upper-roman}
	

/* <- Al oldalak */

/* LĂˇblĂ©c -> */
	#lablec {position: relative; font-size: xx-small; text-align: center; margin: 10px 0px 0px 0px;	padding: 10px; background-color: #106399; color: #ffffff; clear: both;}
/* <- LĂˇblĂ©c */

/*

	
*/

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
