body{
	margin: 0;
	padding: 0;
	color: #333;
    background-color: #fff;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

form {display:inline;}

h3 {margin: 40px 0px 20px 0px;}
h4 {margin: 20px 0px  10px 0px;}

a,a:visited {color: #222222; font-weight: bold;	text-decoration: underline;}
a:hover {color: DarkRed; text-decoration: underline;}

input:disabled,select:disabled {color: Black; background-color: #e8e8e8;}
input{box-sizing:border-box;}
/* ###############################################################################################################
 *  közös style elemek
 * ###############################################################################################################*/ 
.fl {float: left;}
.fr {float: right;}
.clr {clear: both;}

.row {display: flex; border-top: solid 1px; font-size: 12px;}
.col {flex: 1;}
.dpBl {display: block;}
.dpIn {display: inline}
.dpinBl {display: inline-block}

.w8sz {width: 12%;}
.w6sz {width: 16%;}

.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}

.lh20 {line-height: 20px;}
.lh30 {line-height: 30px;}
.lh40 {line-height: 40px;}

.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h60 {height: 60px;}

.w25 {width: 25px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w280 {width: 280px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}
.w1300 {width: 1300px;}

/*
#e6e6e6  /világos szürke/
#4e5257 /közepes szürke/
#23282e /sötét szürke/

#83b82c /vmk zöld/
#49a810 /vmk másik zöld/
*/


.lyBg {background-color: khaki;}
.whBg {background-color: white;}
.grBg {background-color: green;}
.lgBg {background-color: lightGreen;}
.leBg {background-color: LemonChiffon;}
.lrBg {background-color: lightCoral;}
.gdBg {background-color: darkGray;}
.glBg {background-color: lightGray;}
.vmkBg {background-color:#83b82c;}

.cRed {color: red;}
.cNrm {color: #333;}
.cGreen {color: #49a810;}

.hRow {font-weight: bold; padding: 2px; border-top: solid 1px;}

.szRow:nth-child(even){background-color: #FFFDDD; padding: 2px; border-radius: 5px; cursor: pointer; margin: 2px;}
.szRow:nth-child(odd) {background-color: #DDDFFF; padding: 2px; border-radius: 5px; cursor: pointer; margin: 2px;}

.mBox {
	padding:20px;
}
/* ###############################################################################################################
 *  egyedi style elemek
 * ###############################################################################################################*/ 
 #topmenu {
	position:fixed;
	z-index:999;
	top: 0;
	left: 0;
	height:40px;
	width: 100%;
	line-height:40px;
	background-color: #23282e;
	color: #EEE;
 }
 #content {
	margin-top:50px;
 }