﻿/*html, body {
	margin: 0px;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0px;
	border: 0px;
	font-family: 'Roboto', sans-serif;
	font-family: 'Anton', sans-serif;
	font-size:12px;
}*/
html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
nav {
	padding: 0;
	margin: 0;
	width: auto;
	display: block;
}


a img {
	border:0;
}
.form_style {
	padding: 0px;
	background-color: #FFF;
	width: 100%;
	height: 500px;
	position:absolute;
	top:50%;
	margin: -250px 0;
box-shadow: 0 0 3px #999;
}
.form_style2 {
	padding: 0px;
	background-color: #FFF;
	width: 100%;
	//height: 500px;
	position:absolute;
	top:50%;
	margin: -250px 0;
box-shadow: 0 0 3px #999;
}
.clear {
	clear: both;
}


/*------------------STYLES------------------*/


.maincont {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #999;
}

.projcont {
	height:100%;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
}
.felcont {
	height:100%;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
}
.felcont2 {
	//height:10px;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
}

.felcont3 {
	//height:10px;
	//border-radius: 10px 10px 0px 0px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
}

.terhcont {
	height:100%;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
}
.munkacont {
	height:100%;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
}
.alsolezaras {
	height:15px;
	border-radius: 0px 0px 10px 10px;
	//width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
	position: relative;
	z-index: -1;
}
.alsolezaras2 {
	height:15px;
	//border-radius: 0px 0px 10px 10px;
	//width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
	position: relative;
	z-index: -1;
}
.bgfill {
	background: url(img/1.png) repeat 0 0;
	//width: 100%;
}
.headersbkg {
	background-color: #FFFFFF;
	//width: 850px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	//box-shadow: 0 0 6px #999;
}
.headjobb {
	min-width: 400px;
	width: 100%;
	text-align:right;
	z-index: 1;
	//box-shadow: 0 0 6px #999;
}
.logotop {
	width: 100%;
	text-align:left;
	font-family: 'Anton', sans-serif;
	font-size: 30px;
	color: #494949;
	z-index: 1;
	//box-shadow: 0 0 6px #999;
}

.navbkg {
	background: url(img/2.png) repeat 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	//color: #FFFFFF;
	background-color: #e2e2e2;
	z-index: 1;
	//box-shadow: 0 0 6px #999;
}

.side {
	padding: 10px;
	background-color: #FFF;
	border-right: #CCC 1px solid;
	width: 200px;
	position: absolute;
	top:165px;
	bottom:0px;
}


.admin_tabel {
	padding: 10px;
	background-color: #e2eefa;
	border: #B1C3D9 1px solid;
	width: 900px;
}
.tabel_header, .tabel_header:hover {
	background-color: #999999;		
}

h1 {
	font-family: 'Anton', sans-serif;
	font-size: 50px;
	font-weight: normal;
	//padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	margin:0px;
}

h2 {
	
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	//padding-top:20px;
	padding:20px;
	//text-align:center;
	margin:0px;
	border-bottom: #CCC 1px solid;
}

h3 {
	
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	//padding-top:20px;
	padding:20px;
	//text-align:center;
	margin:0px;
	border-bottom: #CCC 1px solid;
}

h4 {
	
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #666;
	//padding-top:20px;
	padding:20px;
	text-align:center;
	margin:0px;
	border-bottom: #CCC 1px solid;
}

h5 {
	
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	//padding-top:20px;
	padding:20px;
	text-align:center;
	margin:0px;
	//border-bottom: #CCC 1px solid;
}

a {
	cursor: pointer;
}

a:link, a:visited, a:active {
	font-family: 'Roboto', sans-serif;
	//font-size: 14px;
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
.red {
	font-family: 'Roboto', sans-serif;
	//font-weight:bold;
	font-size: 14px;
	color:#FF0000;
	text-align:center;
	margin: 40px 0 0 0;
}
.figyelem{
	
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #ce0000;
	display: block;
	padding-bottom:16px;
	text-align:center;
	margin:0px;
	border-bottom: #CCC 1px solid;
}
.figyelemred {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#FF0000;
	text-align:center;
	margin-bottom:20px;
}

.red1 {
	float:left;
	font-family: 'Roboto', sans-serif;
	//font-weight:bold;
	font-size: 14px;
	color:#FF0000;
	//text-align:center;
	padding: 10px 0px 0px 20px;
}
.blue {
	font-family: 'Roboto', sans-serif;
	//font-weight:bold;
	font-size: 14px;
	color:#00F;
	text-align:center;
}
.field {
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	width: 300px;
	height: 30px;
	padding: 5px;  
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
}
.field2 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	width: 400px;
	height: 25px;
	padding: 5px;  
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
}
.field3 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	width: 285px;
	height: 40px;
	padding-left: 15px;
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
}
.field4 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 110px;
	height: 24px;
	padding-left: 5px;
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
}
.field5 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-size: 16px;
	width: 100%;
	height: 30px;
	padding-left: 10px;
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.field6 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-size: 14px;
	width: 70px;
	height: 30px;
	padding-left: 10px;
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.field7_1 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-size: 15px;
	width: 100px;
	height: 27px;
	padding-left: 10px;
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.field7_2 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-size: 15px;
	width: 100%;
	height: 27px;
	padding-left: 10px;
    border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: inset 0px 2px 2px #ececec; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.label {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	//height:18px;
	margin-top:10px;
	margin-bottom: 5px;
	text-align:center;
	font-weight: bold;
	color: #666;
}
.label2 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	//height:18px;
	margin-top:10px;
	margin-bottom: 5px;
	margin-left: 30px;
	//text-align:center;
	//font-weight: normal;
}
.cellanev {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	//height:18px;
	margin-top:10px;
	margin-bottom: 5px;
	//text-align:center;
	font-weight: bold;
	color: #666;
}
.cellanev1 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	//height:18px;
	//padding:5px;
	//margin-bottom: 5px;
	//text-align:center;
	font-weight: bold;
	color: #666;
}
.cellanev2 {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #17a504;
}
.cellanev3 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-left: 10px;
}
.cellanev4 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-left: 10px;
}
.cellanev5 {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	//height:18px;
	margin-top:10px;
	margin-bottom: 5px;
	text-align:center;
	font-weight: bold;
	color: #666;
}
.cellanev6 {
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	//height:18px;
	padding:10px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #d4d4d4;
}
.cellanev7a {
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	//height:18px;
	padding:10px 10px 5px 10px;
	font-weight: normal;
	color: #333;
}
.cellanev7b {
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	//height:18px;
	padding:5px 10px 10px 10px;
	font-weight: normal;
	color: #333;
}
.cellanev8 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #17a504;
}
.cellanev9 {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
.cellanev10 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2364ce;
}
.cellanev11 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666;
}
.cellanev12 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	background-color: #a1cffd;
	padding: 5px;
}
.cellanev13 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	//height:18px;
	//padding:5px;
	//margin-bottom: 5px;
	//text-align:center;
	font-weight: bold;
	color: #2364ce;
}

.cellanev14 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	//height:18px;
	//padding:5px;
	//margin-bottom: 5px;
	//text-align:center;
	font-weight: bold;
	color: #666;
	background-color: #fff;
}

.oszto {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	//height:18px;
	margin-top:10px;
	margin-bottom: 5px;
	//text-align:center;
	//font-weight: bold;
	color: #666;
}
.szurke {
	color: #666;
}
.cella35 {
	width: 45%;
	text-align:right;
	padding-right:10px;
}
.cella35a {
	width: 49%;
	text-align:right;
	//padding-right:10px;
}
.cella35b {
	width: 49%;
	text-align:left;
	padding-right:10px;
}
.cella30 {
	width: 10%;
	min-width: 300px;
	padding:5px;
}
.cella10 {
	width: 2%;
	min-width:30px;
	text-align:center;
	padding:5px;
}
.blk{
	display:block;
	box-shadow: 0 0 6px #ccc;
}
.bsh{
	box-shadow: 0 0 6px #ccc;
}
.blksub{
	display:block;
	background-color: #f0fcbd;
	margin-bottom: 10px;
	box-shadow: 0 0 6px #ccc;
}
.btnelr{
	display:table;
	margin:auto;
}
.tabla {
	width: 100%;
	display: block;
}

.tabla2 {
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 30px;
}
.tabla3 {
	width: 100%;
	border-collapse: collapse;
}
.tabla4 {
	width: 100%;
	border-collapse: collapse;

}
.tabla5 {
	width: 100%;
	border-collapse: collapse;
	display: block;
}
.tabla6 {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}
.tabla7 {
	width: 100%;
	border-collapse: collapse;
}
.tabla8 {
	border-collapse: collapse;
}
.tabla9 {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
}

.tabla3_1 {
	width: 50%;
	//display: block;
	padding: 10px 5px 10px 10px;
	background-color:transparent;
	border-radius: 10px;
	vertical-align: top;
}

.tabla3_2 {
	width: 50%;
	//display: block;
	padding: 10px 5px 10px 5px;
	background-color:transparent;
	vertical-align: top;
}
.tabla4_1 {
	//width: 50%;
	//display: block;
	height: 50%;
	padding: 10px 10px 5px 5px;
	background-color:transparent;
}
.tabla4_2 {
	//width: 50%;
	//display: block;
	height: 50%;
	padding: 5px 10px 10px 5px;
	background-color:transparent;
}
.tabla5_1 {
	width: 100%;
	padding-bottom: 10px;
}
.tabla5_2 {
	border-left: 1px solid #d4d4d4;
	min-width: 140px;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
.tabla5_3 {
	width: 100%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
}
.tabla5_4 {
	border-left: 1px solid #d4d4d4;
	min-width: 140px;
	text-align: left;
	//padding: 10px 5px 10px 10px;
	padding: 10px
}
.tabla6_1 {
	min-width: 90px;
	padding: 0px 5px 5px 10px;
	border-bottom: 1px solid #d4d4d4;
}
.tabla6_2 {
	border-left: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	width: 100%;
	text-align: left;
	padding: 0px 5px 5px 10px;
}
.tabla6_3 {
	min-width: 90px;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
}
.tabla6_4 {
	border-left: 1px solid #d4d4d4;
	width: 100%;
	text-align: left;
	//padding: 10px 5px 10px 10px;
	padding: 10px
}
.tabla7_1 {
	//width: 100px;
	//padding-bottom: 10px;
	border-bottom: 1px dashed #d4d4d4;
}
.tabla7_2 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	text-align: center;
	padding: 10px;
}
.tabla7_2a {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	width: auto;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
.tabla7_2b {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	width: auto;
	text-align: left;
	padding: 5px 10px 5px 10px;
}
.tabla7_2c {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	width: auto;
	text-align: left;
	padding-left: 10px;
}
.tabla7_3 {
	min-width: 90px;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4
}
.tabla7_4 {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px dashed #d4d4d4;
}
.tabla7_4a{
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	width: 100%;
}
.tabla7_4b {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px dashed #d4d4d4;
}

.tabla8_1 {
	width: 80px;
	//padding-bottom: 10px;
	border-bottom: 1px dashed #d4d4d4;
}
.tabla8_2 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	text-align: center;
	padding-left: 0;
	width: 100%;
}
.tabla8_2a {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	min-width: 130px;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
.tabla8_2b {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	min-width: 30px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
.tabla8_3 {
	width: 80px;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4
}
.tabla8_4 {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	width: auto;
}
.tabla8_4a{
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	min-width: 130px;
}
.tabla8_4b{
	border-left: 1px dashed #d4d4d4;
	text-align: center;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	min-width: 30px;
}
.tabla9_1 {
	text-align:center;
	width: 50%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	//border-bottom: 1px dashed #d4d4d4
}
.tabla9_2 {
	text-align:center;
	width: 50%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-left: 1px dashed #d4d4d4
}


.tabla10_1 {
	width: 35%;
	//display: block;
	padding: 10px 5px 10px 10px;
	background-color:transparent;
	border-radius: 10px;
	vertical-align: top;
}
.tabla10_2 {
	width: 100%;
	//display: block;
	padding: 10px 5px 10px 5px;
	background-color:transparent;
	vertical-align: top;
}

.tabla10_3 {
	border-bottom: 1px dashed #d4d4d4;
	//width: 100%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-collapse: separate;
}

.tabla10_4 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	//min-width: 140px;
	text-align: left;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-collapse: separate;
}
.tabla10_5 {
	//min-width: 90px;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px solid #d4d4d4;
	background-color: #ebffd3;
}

.tabla11_1 {
	text-align: center;
	padding-left: 10px;
	padding-right: 5px;
}
.tabla11_2 {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.tabla12_1 {
	width: 50%;
	//padding-bottom: 10px;
	border-bottom: 1px dashed #d4d4d4;
	padding: 10px;
}
.tabla12_2 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	text-align: cente0r;
	padding: 10px;
	width: 50%;
}

.tabla12_3 {
	width: 50%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4
}
.tabla12_4 {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	width: 50%;
}
.tabla12_5 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	border-top: 1px dashed #d4d4d4;
	text-align: cente0r;
	padding: 10px;
	width: 50%;
}
.tabla12_6 {
	width: auto;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4
}
.tabla12_7 {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	width: 80%;
}
.tabla12_8 {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	//width: 80%;
}
.tabla12_9 {
	border-left: 1px dashed #d4d4d4;
	text-align: center;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	//width: 80%;
}
.tabla13_1 {
	width: 30%;
	//padding-bottom: 10px;
	border-bottom: 1px dashed #d4d4d4;
	padding: 10px;
}
.tabla13_2 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	text-align: cente0r;
	padding: 10px;
	width: 70%;
}

.tabla13_3 {
	width: 30%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4
}
.tabla13_4 {
	border-left: 1px dashed #d4d4d4;
	text-align: left;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	width: 70%;
}
.tabla14_1 {
	width: 80%;
	//padding-bottom: 10px;
	border-bottom: 1px dashed #d4d4d4;
	padding: 10px;
	//text-align: center;
}
.tabla14_2 {
	border-left: 1px dashed #d4d4d4;
	border-bottom: 1px dashed #d4d4d4;
	text-align: center;
	padding: 5px;
	width: 20%;
}

.tabla14_3 {
	width: 80%;
	//padding: 10px 5px 10px 10px;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4
}
.tabla14_4 {
	border-left: 1px dashed #d4d4d4;
	text-align: center;
	padding: 10px;
	border-bottom: 1px dashed #d4d4d4;
	width: 20%;
}
.w33{
	width: 33%;
}


.tfix {
    table-layout: fixed;
}
.tablamain {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	background: transparent;
	//display: block;
	position: absolute;
}
.tablamain1 {
	width: 66%;
	padding-top: 0px;
	padding-bottom: auto;
	vertical-align: top;
}
.tablamain2 {
	width: 34%;
	vertical-align: top;
	
}
.tablamain3 {
	width: 70%;
	padding-top: 0px;
	padding-bottom: auto;
	vertical-align: top;
}
.tablamain4 {
	width: 30%;
	vertical-align: top;
	
}
.inlb {
	//display: inline-block;
	width:70%;
}

.szazalek {
	//display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	color: #666;
	height: 100%;
	font-weight: bold;
	
}


.center1 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-align:center;
	margin:30px;
}
.center {
	text-align:center;
}
.content{
	margin-top:10px;
	//width:850px;
}
.bkgw{
	background-color:#FFF;
}
.blk{
	//display:block;
	background-color:#FFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
.blk2{
	display:block;
	background-color:#FFF;
	//margin-top: 10px;
	//margin-bottom: 10px;
}
.blk2{
	display:block;
	background-color:#FFF;
	//margin-top: 10px;
	//margin-bottom: 10px;
}
.blk3{
	display:block;
	background-color:#FFF;
	padding: 10px 10px 0 10px;
	//margin-bottom: 10px;
}
.dpb{
	display:block;
}
.fll{
	float:left;
}
.brd_t{
	border-top: #EEEEEE 1px solid;
}
.brd_b{
	border-bottom: #999 1px solid;
}
.hcenter{
	margin-left:auto;
	margin-right:auto;
}
.flr{
	float:right;
}
.ovf{
	overflow:hidden;
}
.brd0{
	border-collapse:collapse;
}
.boxs{
	box-shadow: 0 0 6px #ccc;
}

.padc1{
	padding:0px 10px 0px 0px;
}
.padc2{
	padding:0px 5px 0px 5px;
}
.padc3{
	padding:0px 0px 0px 10px;
}
.padc4{
	padding:20px 10px 0px 0px;
}
.padc5{
	padding:20px 0px 0px 10px;
}
.padc6{
	padding:20px 0px 0px 0px;
}
.padnull{
	padding:0;
}
.marb40{
	margin-bottom:40px;
}

/*-------------popup---------------*/

.popup{
	background:#fff;
	border-radius: 10px 10px 10px 10px;
	padding: 20px;
}




/*-------------naptar---------------*/

.calmain {
	table-layout: fixed;
	border-collapse: collapse;
	width: 80%;
	margin: auto;
	//background: #fff;
	//display: block;
	//position: absolute;
	//border: 1px solid #CCC;
	//box-shadow: 0 0 6px #ccc;
}


.calendar {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	//display: block;
	//position: absolute;
	border: 1px solid #CCC;
	box-shadow: 0 0 6px #ccc;
}

.calfejl {
	font-family: 'Oswald', sans-serif;
	//font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #666;
	padding: 10px 0 10px 0;
}

.calfejl2 {
	font-family: 'Oswald', sans-serif;
	//font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #666;
	padding: 10px 0 10px 0;
	background: #fff;
	box-shadow: 0 0 6px #ccc;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


.calheader {
	//border-collapse: collapse;
	border: 1px solid #CCC;
    font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #666;
	padding: 20px 0 20px 0;
	background: #fff;
	text-align:center;
	font-weight:bold;
}

.calcell {
	//border-collapse: collapse;
	cursor: pointer;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.calcell2 {
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.calcell:active:after {
background: #666;
}

.calcellalso {
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 30px;
	position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.kozep{
	text-align: center;
}

.szabi{
	padding: 0 10px 0 10px;
	font-size: 15px;
	position: relative;
	top: 1px;
}

.calcellactive {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cdeb8e 0%, #a5c956 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #cdeb8e 0%,#a5c956 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #cdeb8e 0%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 );  
}

.calcellactive2 {
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #cdeb8e; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cdeb8e 0%, #a5c956 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #cdeb8e 0%,#a5c956 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #cdeb8e 0%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 );  
}

.cellsel {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #deefff !important; /* Old browsers */
background: -moz-linear-gradient(-45deg, #deefff 0%, #98bede 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #deefff 0%,#98bede 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #deefff 0%,#98bede 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ 
}

.cellszabi {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.cellbetegszabi {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
background: #f16f5c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f16f5c 1%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f16f5c 1%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f16f5c 1%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.cellallami {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
	background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.celliskola {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #71ceef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#71ceef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#71ceef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#71ceef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.cellteljesnap {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
	background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ebe9f9 0%, #6c5ea5 100%, #c1bfea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ebe9f9 0%,#6c5ea5 100%,#c1bfea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ebe9f9 0%,#6c5ea5 100%,#c1bfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.cellfelnap {
    cursor: pointer;
	//border-collapse: collapse;
	border: 1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	padding: 5px;
	height: 100px;
	position:relative;
	background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ebe9f9 0%, #c1bfea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ebe9f9 0%,#c1bfea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ebe9f9 0%,#c1bfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.cszabi {
background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.cbetegszabi {
background: #f16f5c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f16f5c 1%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f16f5c 1%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f16f5c 1%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.chetvegi {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ciskola {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #71ceef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#71ceef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#71ceef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#71ceef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient *//
}

.cteljesnap {
background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ebe9f9 0%, #6c5ea5 100%, #c1bfea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ebe9f9 0%,#6c5ea5 100%,#c1bfea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ebe9f9 0%,#6c5ea5 100%,#c1bfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.cfelnap {
background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ebe9f9 0%, #c1bfea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ebe9f9 0%,#c1bfea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ebe9f9 0%,#c1bfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.callami {
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.calcellmas {
	//border-collapse: collapse;
	border: 1px solid #CCC;
	padding: 5px;
	height: 100px;
	background: #e4e4e4;
}

.calnap {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	position:absolute;
	top:5px;
	right:5px;
	font-size: 20px;
	//color: #ababab;
	color: #666;
	padding: 0;
	z-index:0;
}

.calnapactive {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	position:absolute;
	top:5px;
	right:5px;
	font-size: 20px;
	color: #666;
	padding: 0;
	z-index:0;
}

.calbej {
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}
.calbejred {
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color:#FF0000;
}
.calbejpurple {
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color:#3f00ff;
}
.calbejgreen {
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color:#cb02ce;
}

.calside{
	position:relative;
	top: 66px;
	border-collapse: collapse;
	width: 400px;
	padding:0;
	vertical-align: top;
}

.calheader1 {
	border-collapse: collapse;
	border: 1px solid #CCC;
    font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #666;
	padding: 20px 0 20px 0;
	background: #fff;
	text-align:center;
	font-weight:bold;
	border-radius: 10px 0px 0px 0px;
}

.calside1{
	border-radius: 0px 0px 0px 10px;
	height:636px;
	border-top: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	position:relative;
	border-collapse: collapse;
	//width: 400px;
	padding:0;
	vertical-align: top;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.calbox{
	border-radius: 10px 0px 0px 10px;
	box-shadow: 0 0 6px #ccc;
}

.calbej2 {
	width:100%;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #666;
	padding: 10px;
}
.caltxt {
	padding: 5px 10px 0 10px;
}

.callepteto1 {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	width: 50px;
	color: #666;
	//padding: 0 30px 0 30px ;
	background: none;
	border: none;
	cursor: pointer;
	position: relative;
	bottom: 4px;
	right: 3px;
}

.callepteto2 {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	width: 50px;
	color: #666;
	//padding: 0 30px 0 30px ;
	background: none;
	border: none;
	cursor: pointer;
	position: relative;
	bottom: 4px;
}

/*-------------ddn menu---------------*/
.ddn {
    margin: 0;
    padding: 0;
    list-style: none;
	background: #fff;
	box-shadow: 0 5px 6px #999;
	border-left: 1px solid #999999 ;
	border-right: 1px solid #999999 ;
	border-bottom: 1px solid #999999 ;
}
li ul {
    display: none;
}

ul li a {
	
    display: block;
	white-space: nowrap;
	float: left;
}

li:hover ul {
    display: block;
    position: absolute;
	left:-1px;
}

li:hover li {
    float: none;
}
.ref_1{
	display:inline-block;
	padding:0;
	margin-left:15px;
	margin-right:15px;
}
.ref_egyseg {
	float:left;
	display:block;
	width:370px;
	position:relative;
	padding: 180px 0 0 10px;
	margin-top:35px;
	margin-left:15px;
	margin-right:15px;
}
.ref_egyseg_kep_nelkul {
	float:left;
	display:block;
	width:380px;
	position:relative;
	padding: 35px 0 0 0px;
	//margin-top:35px;
	
}
.ref_szoveg {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	//width:auto;
	position:relative;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	min-height:105px;
	background-color:#FFF;
}
.ref_pic {
	display:block;
	overflow:hidden;
	width:380px;
	height:240px;
	position:absolute;
	left:0;
	top:0;
	background-color:#FFF;
}
.ntf{
	min-width: 40px;
	padding: 10px 20px 10px 20px;
	border-left: 1px dashed #d4d4d4;
}
div.notify {
	z-index:1;
	content: url(img/not_basic.png);
}

div.notify:hover {
	//z-index:1;
	content: url(img/not_sel.png);
}
/*-----------------szövegek----------------------*/
.t12 {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	//padding-top:10px;
	margin-bottom: 10px;
	//text-align:center;
	//font-weight: normal;
}
.thead {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	//padding-top:10px;
	margin-bottom: 10px;
	//text-align:center;
	font-weight: bold;
	color: #666 !important;
}

a.type1:hover {
		//color: #17a504 !important;
		color: #1774bc !important;
}
a.type1:active {
		color: #000 !important;
}
a.type2:hover {
		color: #1774bc !important;
		//color: #17a504 !important;
}
a.type2:active {
		color: #000 !important;
}

.type1 {
	font-family: 'Oswald', sans-serif !important;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #333 !important;
	font-weight: bold;
}

.type2 {
	font-family: 'Oswald', sans-serif !important;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #333 !important;
	font-weight: bold;
}

.type3b {
	font-family: 'Roboto', sans-serif;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #333333;
	text-transform:uppercase;
}
.type4b {
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	padding-top: 10px;
	margin: 0;
	font-size: 14px;
	color: #333;
}
.type4d {
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	padding-top: 5px;
	margin: 0;
	font-size: 14px;
	color: #333;
}
.type7 {
	font-family: 'Armata', sans-serif;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	color: #4d4d4d;
	position: relative;
 //text-decoration:none;
}

.cfff {
	color: #fff;
}

/*-----------------padding, margin----------------------*/
.pad_10 {
	padding: 10px;
}
.padl_10 {
	padding-left: 10px;
}
.padr_10 {
	padding-right: 10px;
}
.padr_20 {
	padding-right: 20px;
}
.padt_10{
	padding-top:10px;
}
.padb_10{
	padding-bottom:10px;
}
.padr_80{
	padding-right: 80px;
}
.pad_15{
	padding:15px;
}
.pad_20{
	padding:20px;
}
.pad_30{
	padding:30px;
}
.pad_40{
	padding:40px;
}
.pad_50{
	padding:50px;
}
.padx_1{
	padding: 10px 10px 10px 30px ;
}
.padx_2{
	padding: 4px 10px 3px 10px ;
}

.padt_20{
	border-top: 1px solid #CCC;
	padding-top:20px;
}
.pad_117 {
	width: 100%;
	padding-top: 121px;
	margin: 0;
	position: relative;
	display: block;
}
.pad_60 {
	width: 100%;
	padding-top: 60px;
	margin: 0;
	position: relative;
	display: block;
}
.marl_0{
	margin-left: 0px;
}
.marl_5{
	margin-left: 5px;
}
.marl_10{
	margin-left: 10px;
}
.marr_5{
	margin-right: 5px;
}
.marr_10{
	margin-right: 10px;
}
.mart_20{
	margin-top: 20px;
}
.mar_10{
	margin: 10px;
}
.mar_menu_80{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.mar_menu_80_2{
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.mar_menu_80_3{
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	//box-shadow: 0 0 6px #ccc;
}
.mar_37 {
	float:left;
	margin-left: 50px;
	padding-right: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	display: block;
}
.mar_37a {
	float:left;
	margin-left: 10px;
	padding-right: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	display: block;
}
.mar_40_brd {
	border-top: 1px solid #CCC!important;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	display: block;
}
.motabla{
	background: #fff;
}
/*
.button {
	display:block;
	font-family: 'Roboto', sans-serif;
	margin-left:auto;
	margin-right:auto;
	padding: 5px 20px;
}*/

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:block;
	cursor:pointer;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	/*font-weight:bold;*/
	padding:7px 56px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-left:auto;
	margin-right:auto;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.button:active {
	position:relative;
	top:1px;
}

.button2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d4d4d4;
	display:block;
	cursor:pointer;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	//margin-left: 5px;
	margin-top: 1px;
	position:relative;
}
.button2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.button2:active {
	position:relative;
	top:1px;
}

.button3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d4d4d4;
	display:block;
	cursor:pointer;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	//margin-left: 5px;
	margin-top: 1px;
	position:relative;
}
.button3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.button3:active {
	position:relative;
	top:1px;
}

.button4 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d4d4d4;
	display:block;
	cursor:pointer;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	//margin-left: 5px;
	margin-top: 1px;
	position:relative;
}
.button4:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.button4:active {
	position:relative;
	top:1px;
}

.container {
  /*display: block;*/
  position: relative;
  padding-left: 35px;
  padding-top: 3px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #8bd827;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.container2 {
  /*display: block;*/
  text-align: center;
  position: relative;
  padding-left: 25px;
  padding-top: 3px;
  margin-bottom: 12px;
  cursor: pointer;
  //font-family: 'Roboto', sans-serif;
  //font-size: 16px;
  //color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f97a7a;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark2 {
  background-color: #8bd827;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark2:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




.container3 {
  /*display: block;*/
  text-align: center;
  position: relative;
  padding-left: 25px;
  padding-top: 3px;
  margin-bottom: 12px;
  cursor: pointer;
  //font-family: 'Roboto', sans-serif;
  //font-size: 16px;
  //color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.container3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark3 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #f97a7a;
}

/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark3 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container3 input:checked ~ .checkmark3 {
  background-color: #f4bf42;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark3:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container3 input:checked ~ .checkmark3:after {
  display: block;
}

/* Style the checkmark/indicator */
.container3 .checkmark3:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




.container4 {
  display: block;
  width:114px;
  height:28px;
  overflow: hidden;
  text-align: center;
  position: relative;
  //padding-left: 25px;
  //padding-top: 3px;
  //margin-bottom: 12px;
  cursor: pointer;
  //font-family: 'Roboto', sans-serif;
  //font-size: 16px;
  //color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.container4 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark4 {
  font-family: 'Roboto', sans-serif;
  //font-weight:bold;
  font-size: 13px;
  color: #333;
  position: absolute;
  padding:5px;
  top: 0;
  left: 0;
  //height: 25px;
  width: 100px;
  background-color: #f7f7f7;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.container4:hover input ~ .checkmark4 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container4 input:checked ~ .checkmark4 {
  background-color: #8bd827;
  font-weight:bold;
  //color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark4:after {
  content: "";
  position: absolute;
  display: none;
  font-weight:bold;
  color: #fff;
}

/* Show the checkmark when checked */
.container4 input:checked ~ .checkmark4:after {
  display: block;
}

/* Style the checkmark/indicator */
.container4 .checkmark4:after {
  /*left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);*/
}



.torles{
	background-color:#f97a7a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size:18px;
	padding:3px 9px;
	text-decoration:none;	
	border:0px;
}


.t1{
	top:-1px !important;
}

.quantity {
  float: left;
  overflow: hidden;
  width:auto;
  margin-right: 20px;
}

input[type=number] {
  float: left;
  width: 50px;
  height: 30px;
  padding: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #666;
  border: 1px #d4d4d4 solid;
  background: none;
  outline: none;
  pointer-events: none;
}

input[type=number2] {
  float: left;
  width: 40px;
  height: 30px;
  padding: 0;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #666;
  border: 1px #d4d4d4 solid;
  background: none;
  outline: none;
  pointer-events: none;
}

span.spinner {
  height: 30px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

span.spinner > .add {
  float: left;
  display: block;
  width: 35px;
  height: 30px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 30px;
  color: #666;
  border: 1px #d4d4d4 solid;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
  background: #b6f4ad;
}

span.spinner > .sub {
  float: left;
  display: block;
  width: 35px;
  height: 30px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 30px;
  color: #666;
  border: 1px #d4d4d4 solid;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  transition: 0.1s linear;
  -o-transition: 0.1s linear;
  -ms-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  -webkit-transition: 0.1s linear;
  background: #f4adad;
}

span.spinner > .add {
  top: 0;
  border: 1px #d4d4d4 solid;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}

span.spinner > .add:hover {
  background: #36ce21;
  color: #25323B;
}

span.spinner > .sub:hover {
  background: #f94f4f;
  color: #25323B;
}

 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
}




/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size:14px;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: 600px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown
.dropdown-content a {
  color: #333;
  padding: 10px 10px 5px 10px;
  text-decoration: none;
  display: block;
}*/

/* Change color of dropdown links on hover 
.dropdown-content a:hover {background-color: #ddd}*/

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	  position: absolute;
  right: 10px;
  top: 70px;
	display:block;
	
}

.notify_basic{
	display: block;
	background-color: #f0fcbd;
	border-bottom: 1px dashed #d4d4d4;
}
.notify_basic:hover{
	display: block;
	background-color: #e3ff6d;
	border-bottom: 1px dashed #d4d4d4;
}

.notify_alert{
	display: block;
	background-color: #f97a7a;
	border-bottom: 1px dashed #d4d4d4;
}

.notify_alert:hover{
	display: block;
	background-color: #ff5e5e;
	border-bottom: 1px dashed #d4d4d4;
}
.elemblokk{
	width:100%;
	height: 150px;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size:14px;
	color: #666;
	border-radius:5px;
	box-shadow: inset 0px 2px 2px #ececec;
	resize: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  
}

.sel1 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #666;
	padding: 4px 5px 4px 5px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
}
.sel2 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #666;
	padding: 4px 5px 4px 5px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	width: -webkit-fill-available;
}

.projblk {
  cursor: pointer;
  display: block;
}
