body {	margin: 0;	font-size: 12px;	font-family: Helvetica;}
body a, a:visited {	text-decoration: none;}
body a:hover {	text-decoration: underline;}

/* cm-admin-css indul */

.cm-topbar {height:40px;line-height:40px;width:49%;background-color:#000;font-size:140%;float:left; color:#CCCCCC; padding:0.5% 0.5%;}
.cm-topbar img {float:left;}
.cm-topbar .cm-t1 {float:left;margin-left:15px; border-left:solid 1px #666;padding-left:15px;}
.cm-topbar .cm-t2 {float:right;margin-left:15px; border-left:solid 1px #666;padding: 0 15px;}

#cm-keret {
width:100%;
float:left;
min-height:20px;
}

.mnu1 {font-size: 90%; color:rgba(0,0,0,1.00); }
.mnu2 {font-size: 80%; color:rgba(0,0,0,0.80); }
.mnu3 {font-size: 70%; color:rgba(0,0,0,0.60); }

.minikep {
    width: 100%;
    float: left;
    height: auto;
    border-bottom: solid 1px #666;
    padding: 2px 0 10px 0;
    margin: 0px 0 10px 0;
}

.listanezet_kiskep {width: auto;
float: left;
margin-right: 10px;
    padding-right: 10px;
border-right: solid 1px #000; }

.nincskep {
width:60px;
height:48px;
display:block;
text-align:center;
line-height:17px;
font-size:12px;
padding-top:12px;
color:#FFFFFF;
background-color:#000000;
    margin-bottom: 3px;

}

.naptar {
   
padding:5px 10px;
margin: 2px 2px 1px 0;
float: right;
font-size: 180%;
color: darkred;
text-align: center;
    
}

.kep_40 {
    width: 40px;
    height: 40px;
}

.kep_60 {
    width: 60px;
    height: 60px;
}

.nincskep2 {
width:50px;
height:42px;
display:block;
text-align:center;
line-height:17px;
font-size:12px;
padding-top:8px;
color:#FFFFFF;
background-color:#000000;
float:left;
margin-right:3px;

}

/* ch box */
	
	.chbox {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: left;
		margin-bottom: 10px;
		}
	 .chbox2 {
		width: 9.7%;
		height: auto;
		float: left;
		padding: 0.1%;
		margin: 0.5%;
		list-style: none;
		border: solid 1px #ccc;
		text-align: left;
		 
		 
				}	

	.chbox3 {
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border-right: solid 1px #ccc;
		
		float: left;
}

	.chbox3 input {
		width: 22px;
		height: 23px;
		
		float: left;
}

	.chbox4 {
		width: auto;
		height: 30px;
		text-align: center;
		line-height: 30px;
		float: left;
		margin-left: 5px;
		margin-bottom: 5px;
		
}

	.chbox5 {
		width: 80%;
		height: 80%;
		float: left;
		display: block;
		margin:0 10%;
}

.chbox5 img {
		width: 100%;
		height: 100%;
		float: left;
		display: block;
}
	
	
/* ch box eddig */	


/* uj menu */

/* Háttérszín változik */
#cm_menu {position: static; display:block;left: 0;  min-height:30px; width:100%; float:left; background-color:#ccc;}
#cm_menu ul {list-style-type: none;float:left; }

/* A link elem csinosítása  */
#cm_menusor a{
	float: left;
    background-color: #ccc;
    height: 30px;
	line-height:30px;
	border-right: dotted 1px #000;
	padding: 5px 10px;
	text-transform:uppercase;
  
}
#cm_menu  li a:link,  #cm_menu  li a:visited {color:#000; text-decoration:none; }

/* A link felírat csinosítása  */
 #cm_menu  li a:hover {color:#000; background-color: #fff; text-decoration:none;} 


/* Main */
#cm_menusor{ display:inline-block;	width: auto; margin: 0;	padding: 0;	list-style: none; }

#cm_menusor li{ 	float: left;	position: relative;	margin:0;	padding:0;}

#cm_menusor li:hover > ul{	display: block;background-color:#fff; padding:10px;}

#cm_menusor ul{
    list-style: none;  
    display: none;
    position: absolute;
    top:40px;
    left: 0;
	padding:0;
	margin:0;
    z-index: 1000;    
-webkit-box-shadow: 0 10px 10px 1px rgba(0,0,0,0.3);
box-shadow: 0 10px 10px 1px rgba(0,0,0,0.1);
border-top:solid 2px #FFFFFF;
}

#cm_menusor ul li{
    float: none;
    margin: 0;
    display: block;
	margin-bottom:1px;
}

#cm_menusor ul a{    
    padding: 1px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}


#cm_menusor ul li a{
	padding:10px;
	background-color:#FFFFFF; 
	border:none;
	border-bottom:solid 1px #f1f1f1;
	}
	
#cm_menusor ul li a:hover {
background-color:#3299BB;
color:#FFFFFF;
}	

/* uj menu eddig */

/* almenu indul */

ul.menu6 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 90%;
  margin-left: 5%;
}

li.menu6 {
  float: left;
  margin-right: 3px;
}

li.menu6 a, .dropbtn {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  background-color: #e1e1e1;
	text-transform: uppercase;
}

li.menu6 a:hover, .dropdown:hover .dropbtn {
  background-color: #666;
	color: #fff;
	text-decoration: none;
}

li.dropdown {
  display: inline-block;
	
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding-top:1px;

}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
	background-color: #f9f9f9;
}

.dropdown-content a:hover {background-color: #3299bb; text-decoration: none; color:#fff;}

.dropdown:hover .dropdown-content {
  display: block;
}

/* almenu eddig */ /* almenu eddig */ /* almenu eddig */ /* almenu eddig */ /* almenu eddig */

#cm-contbox {
	width: 90%;
	float:left;
	min-height:20px;
	border-top:solid 1px #999999;
	padding:0 5%;
	padding-bottom:20px;
}

#cm-contbox h1 {
font-weight:normal;
padding:0;
margin:40px 0 20px 0;
text-transform:uppercase;
width:100%;
border-bottom:solid 1px #CCCCCC;
}

/* általános input mezők */

#cm-contbox ul {
padding:0;
margin:0;
width:100%;
list-style:none;
float:left;

margin-bottom:5px;
padding-bottom:20px;
}

#cm-contbox ul li {
width:50%;
height:40px;
line-height:40px;
float:left;
border-bottom:solid 1px #f1f1f1;
margin-bottom:1px;
font-size:125%;
}

#cm-contbox ul li input {
border:none;
width:93%;
line-height:34px;
background-color:#f1f1f1;
padding:0px 3%;
margin-top:2px;
font-size:100%;
	margin: 0 0.5%;
}

#cm-contbox ul li input:hover {
background-color:#fff;
cursor:auto;
color:#000000;
outline:solid 1px #ccc;

}

#cm-contbox input {
background-color:#CCCCCC;
padding:10px 25px;
float:right;
border:solid 1px #FFFFFF;
font-size:120%;
}

#cm-contbox input:hover {
background-color:#3299BB;
color:#FFFFFF;
cursor:pointer;
}

#cm-contbox table {
border:solid 1px #CCCCCC;
width:100%;
margin-bottom:20px;
font-size:120%;
}
#cm-contbox table tr.mcim {
background-color:#CCCCCC;
line-height:40px;
text-align:center;
padding:5px;

text-transform:uppercase;
}
#cm-contbox table tr.mcim2 td{
background-color: #f1f1f1;
padding:5px;
text-align:center;
}

#cm-contbox table td.mcim3{
width:80px;
padding:0;
margin:0;
text-align:center;
background-color:#FF0000;
}

#cm-contbox table td.mcim4{
padding:0;
margin:0;
text-align:left !important;
background-color:#FF0000;

}

#cm-contbox table a {
color:#3299BB;


text-decoration:none;
text-transform:uppercase;
}

#cm-contbox table a:hover {
color:#990000;
}

.cm-elvalaszto {
width:100%;
float:left;
margin-bottom:5px;
border-top:solid 1px #CCCCCC;
}

.cm-elvalaszto a {
background-color: #CCCCCC;
padding: 10px 25px;
float: right;
border: solid 1px #FFFFFF;
font-size: 120%;
color:#000;font-weight: lighter;

}

.cm-elvalaszto a:hover {
    background-color:#3299BB;
    color:#fff;
    text-decoration: none;
}

.cm-elvalaszto2 {
width:100%;
float:left;
margin-bottom:5px;
}

#cm-contbox ul li.felezob {
	width:24%;
	padding: 0 0.5%;
	
height:40px;
line-height:40px;
float:left;
border-bottom:solid 1px #f1f1f1;
margin-bottom:1px;
font-size:125%;
	
	
}

#cm-contbox ul li.felezoj {
	width:24%;
	padding: 0 0.5%;
height:40px;
line-height:40px;
float:left;
border-bottom:solid 1px #f1f1f1;
margin-bottom:1px;
font-size:125%;
	
	
}



.cm-hiba {
width:100%;
min-height:20px;
float:left;
text-align:center;
font-size:130%;
color:#FF0000;
margin-bottom:30px;
}

a.menuneve_00 {
width:20%;
height:40px;
line-height:40px;
float:left;
font-size:125%;
color:#000;

}

a.menuneve_01 {
width: 4.5%;
height:34px;
line-height:34px;
float:left;
font-size:125%;
background-color:#ccc;
margin:3px 0.5% 0 0;
text-align: center;
color:#000000;
padding:0 2%;
}
a.menuneve_01:hover {
text-decoration:none;
background-color:#3299BB;
color:#FFFFFF;
}



select.menuneve_02 {
width:23%;
height:32px;
line-height:32px;
float:left;
margin:4px 0;
font-size:125%;
background-color:#f1f1f1;
border:none;
text-align:left;
padding:0 1%;
outline:solid 1px #ccc;

}

select.menuneve_03 {
width:100%;
height:32px;
line-height:32px;
float:left;
margin:4px 0;
font-size:100%;
background-color:#f1f1f1;
border:none;
text-align:left;
padding:0 2%;
outline:solid 1px #ccc;
}

select.menuneve_04 {
width:100%;
height:32px;
line-height:32px;
float:left;
margin:4px 0;
font-size:100%;
background-color:#f1f1f1;
border:none;
text-align:left;
padding:0 3%;
outline:solid 1px #ccc;
}

select.menuneve_05 {
width:99%;
height:32px;
line-height:32px;
float:left;
margin:4px 0 4px 0.6%;
font-size:100%;
background-color:#f1f1f1;
border:none;
text-align:left;
padding:0 2%;
outline:solid 1px #ccc;
}

.ui-sortable-handle input {
padding:0;
margin:0;
border:none;
height:30px;
line-height:30px;
background-color:#f1f1f1 !important;
outline:solid 1px #f1f1f1;
border:solid 1px #f1f1f1 !important;
padding:0px 1% !important;
font-size:100%;
width: 35.5%;
float:left !important;
margin:4px 0.5% 0 0.5%;
color:#000000 !important;
cursor:auto !important;
}

.ui-sortable-handle input:hover {
background-color:#fff !important;
cursor:auto;
color:#000000 !important;
outline:solid 1px #ccc;
}

.menukeret {
width:100%;
min-height:20px;
margin-bottom:25px;
float:left;
}

.ui-sortable-handle { border-bottom:solid 1px #f1f1f1;float:left;width:100%;}

.cm-info {
width:100%;
min-height:20px;
float:left;
border-bottom:solid 1px #CCCCCC;
margin-bottom:10px;
padding-bottom:10px;

}

.cm-info a {
width: auto;
height:34px;
line-height:34px;
float:left;
font-size:125%;
background-color:#ccc;
margin:3px 0.5% 0 0;
text-align: center;
color:#000000;
padding:0 2%;
}

.cm-info a:hover {
text-decoration:none;
background-color:#3299BB;
color:#FFFFFF;
}

.cm-nyelvinfo {
width:100%;
float:left;
border-bottom:solid 1px #CCCCCC;
font-size:120%;
min-height:20px;
padding:0;
margin-bottom:10px;
margin-top:30px;
}

.cm-nyelvinfo span {
padding:5px 10px;
background-color:#990000;
color:#FFFFFF;
float:left;
}

.cm-nyelvinfo strong {
line-height:45px;
font-weight:normal;
float:left; 
margin-left:10px;
}

ul.cm-box {
width:96% !important;
float:left;
min-height:20px;
background-color:#cccccc;
padding:2% !important;

}

span.cke_skin_kama {
width:99%;
padding:0;
margin:20px 2px !important;
border:none;

}


/* általános input mezők eddig */


/* cm-admin-css vege *//* cm-admin-css vege *//* cm-admin-css vege *//* cm-admin-css vege *//* cm-admin-css vege *//* cm-admin-css vege */

#topbar {
	background: #282828;
	height: 38px;
	width: 100%;
}

#quit-button {
	border: 0;
	margin: 8px 0 8px 10px;
	float: left;
}

span {
	font-family: arial;
	font-size: 17px;
	color: #7a7a7a;
	padding: 0;
	margin: 8px 0 0 3px;
	float: left;
	text-transform: lowercase;
}


#sidebar {
	background: #e8e8e8;
	width: 238px;
	min-height: 500px;
	float: left;
}

#content {
	min-height: 500px;
	margin: 50px 10px 0px 10px;
	float: left;
}

#sidebar .menubox {
	width: 220px;
	margin: 5px auto 5px auto;
}

#sidebar .menubox .head {
	width: 100%;
	height: 41px;
	background-image: url('img/menubox_head.jpg');
	background-repeat: no-repeat;
}

#sidebar .menubox h1 {
	margin: 0 5px;
	font-size: 15px;
	font-family: Tahoma;
	font-weight: normal;
	text-align: left;
	line-height: 41px;
	text-transform: uppercase;
	color: #ffffff;
}

#sidebar .menubox ul {
	padding: 0 5px 0 5px;
	margin: 0;
	width: 210px;
}

#sidebar .menubox li {
	list-style: none;
	background-color: #adc6cc;
	height: 25px;
	margin: 0 0 1px 0;
	text-align: right;
}

#sidebar .menubox li a, #sidebar .menubox li a:hover {
	color: #000000;
	line-height: 25px;
	margin: 0 5px 0 0;
	display: block;
	text-decoration: none
}


#sidebar .menubox .first {
	background-image: url('img/menuitem_first.jpg');
	background-repeat: no-repeat;
}

.center {
	text-align: center;
}

#userbox {
	width: 238px;
	height: 116px;
	background-image: url('img/topleft.jpg');
	background-repeat: no-repeat;
}

#userbox h1 {
	margin: 0;
	padding: 0;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
}

#userbox .gombok {
	width: 175px;	
	margin: 0 auto;
}

#userbox .gombok img{
	float: left;
	margin: 0 3px;	
	border: 0;
}


/* A BELSŐ TARTALMAK DOBOZAI */

#contbox {
	width: 100%;
}

#contbox-head {
	height: 45px;
	background: #282828;
	background-image: url('img/contbg.jpg');
	background-repeat: repeat-y;
	border-bottom: 1px solid #929292;
	width: 100%;
}

#contbox-head h1 {
	margin: 0 0 0 25px;
	padding: 0;
	color: #ffffff;
	font-size: 23px;
	font-family: Tahoma;
	font-weight: normal;
	line-height: 45px;
}

#contbox-body {
	background: #7b7b7b;
	padding: 10px 16px;
}

#contbox-inner {
	background: #ebebeb;
	background-image: url('img/content_box_grad.jpg');
	background-repeat: no-repeat;
	width: 671px;
	min-height: 350px;
	padding: 14px;
	
}

#admin-helpbox {
	background: #dedede;
	width: 722px;
	min-height: 30px;
	margin: 0 0 10px 0;
	padding: 5px;
}

#admin-helpbox img {
	float: left;
	margin: 1px 2px 0 0;
}

/* beleszurtam - 20220222 */

#keret {
    display: flex;
    position: absolute;
    top:-30%;
    left: 0;    
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
    float: left;    
    animation-name: anim1;
    animation-delay: 0.5s;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    opacity: 0;
   
}

#keret .loginbox {
    width: 300px;
    height: auto;
    border:solid 1px #ccc;
    outline: solid 10px #f1f1f1;
    padding: 20px;
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.6);
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.6); 
    overflow: hidden;
}



#keret .loginbox h1 {
    width: 100%;
    padding: 0;
    margin: 0;    
    float: left;
    text-align: center;
    font-weight:normal;
    font-size: 100%;
    letter-spacing: 0px;
    color: #666;
    opacity: 0;
    
    animation-name: anim4;
    animation-delay: 1.3s;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

#keret .loginbox img {
    width: 50%;
    margin-left: 25%;
    animation-name: anim_fentrol;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
}

@keyframes anim1 {
  0% {opacity: 0;top:-30%;transform: rotate(180deg);}
  100% {opacity: 1;top:0;transform: rotate(0);}
}

@keyframes anim_fentrol {
  0% {opacity: 0;top:-100px;}
  100% {opacity: 1;top:0;}
}
@keyframes anim_lentrol {
  0% {opacity: 0;bottom:-100px;}
  100% {opacity: 1;bottom:0;}
}

@keyframes anim3 {
  0% {opacity: 0;left:-100px;}
  100% {opacity: 1;left:0;}
}

@keyframes anim4 {
  0% {opacity: 0;letter-spacing: 10px;}
  100% {opacity: 1;letter-spacing: 2px;}
}



#keret .loginbox input {
    width: calc(100% - 30px);
    background: none;
    border:none;
    border-bottom: solid 1px #ccc;
    padding: 15px;    
    animation-name: anim3;
    animation-delay: 1.5s;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    font-size: 140%;
    color:#000;
    transition: 0.5s;

}

#keret .loginbox input:hover, #keret .loginbox input:active,#keret .loginbox input:focus {
    background-color: #e1e1e1;
    border-bottom: solid 1px darkred;
    outline: none;
    
    
}

.gombok_alap {
    width: 100%;
    padding-top: 10px;
    display: flex;
    justify-content: center;
    position: relative;
    
    animation-name: anim_lentrol;
    animation-delay: 1.4s;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    opacity: 0;
}

.gombok_alap a {
    background-color: #333;
    color:#fff;
    padding: 15px 10px;
    width: calc(100% - 20px);
    font-size: 120%;   
    text-align: center;
    transition: 0.5s;
    text-transform: uppercase;
}

.gombok_alap a:hover {
    text-decoration: none;
    background-color:darkred;
}

/* beleszurtam eddig */

#admin-helpbox h1 {
	margin: 0;
	padding: 0;
	color: #b22424;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 23px;
	float: left;
	line-height: 23px;
}

#admin-helpbox p {
	margin: 15px 0 0 0;
}

/* LOGIN SCREEN */


/* HUZGALOS RÉSZ SZERKESZTÉSE */


.sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
ul.sortable  { margin:0; padding:0; list-style:none;};			
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em;  height: 18px; }


/* boxocska - borboxnál */

.boxocska {
margin:10px 0;
width:96%;
min-height:20px;
float:left;
outline:solid 1px #CCCCCC;
background-color:#f1f1f1;
padding:1% 2%;
}		

.boxocska a {
background-color: #CCCCCC;
padding: 10px 25px;
float: left;
font-size: 120%;
margin-right:2px;
color:#000000;
text-transform:uppercase;
}	
.boxocska a:hover {
color:#FFFFFF;
background-color:#3299BB;
text-decoration:none;
}

.boxocska .fszo {
font-size:25px;
width:100%;
float:left;
margin-bottom:10px;
}

.boxocska .fsz2 {
font-size:22px;
width:100%;
float:left;
margin-bottom:10px;
}

.boxocska ul li {
font-size:16px;
outline:solid 1px #CCCCCC;
width:30%;
}

.boxocska .box1 {
width:49%;
float:left; 
border-bottom:solid 1px #CCCCCC;
margin-bottom:5px;
margin-right:5px;
min-height:20px;
background-color:#f1f1f1;

}

.boxocska .box2 {
float:left;
padding:2px !important;
height:20px;
line-height:20px;

}
.boxocska .box3 {
float:left;
height:20px;
padding:2px;
line-height:20px;
}

ul.sortable li {
border:none;
outline:none;
width:96% !important;
border-bottom:solid 1px #CCCCCC !important;
padding: 0 2%;
}

ul.sortable li:hover {
background-color:#fff;

}

.feltoltobox2 {
width:100%;
color:#666666;

float:left;
}

.es_lostasor {
width:98%;
min-height:20px;
float:left;
border-bottom:solid 1px #CCCCCC;
font-size:160%;
padding:15px 1% 10px 1%;
background-color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.es_lostasor_bal {
width:100%;
float:left;
margin-top:3px;
font-size: 120%;
    display: flex;
    align-items: center;
}

.listan {
    width: 100%;
}

.es_lostasor_bal span2 {
width:80%;
margin-top:3px;
    font-size: 80%;

    color:#fff;
}



.es_lostasor_jobb {
    width:30%;
    display: flex;
    justify-content:flex-end;
    flex-direction:row;
    float: right;
    
    
    
    
}

.es_lostasor_jobb a {
background-color: #CCCCCC;
padding: 10px 10px;
margin:1px 2px 1px 0;
float: right;
font-size: 120%;
color:#000000;
text-align: center;
    
 

}

.es_lostasor_jobb a:hover {
text-decoration:none;
background-color:#3299BB;
color:#FFFFFF;
}

.uressor, .szunet {
width:100%;
min-height:50px;
float:left;

}

.es_lostasor_al {
width:96.5%;
min-height:10px;
float:left;
font-size:100%;
padding:6px 1%;
margin-bottom: 2px;
margin-top: 1px;
margin-left:1.5%;
background-color: #999999;
color:#FFFFFF;
    display: flex;
    align-items: center;
    justify-content:space-between;



}

.csbelso  {
    width:95.5%;
    float: right;
    padding:2px 1%;
    background-color: #aaa;
    font-size: 90%;
}

/* BUBOREK */

ul.buborek {
border:solid 1px #ccc !important;
display:block;
width: 100%!important;
padding: 10px !important;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}

ul.buborek li {
width: auto !important;
border:solid 1px #ccc !important;
padding:0 10px !important;
margin:2px;
float:left;
font-size:13px !important;
background-color:#CCCCCC;
height:20px !important;
line-height:20px !important;


-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

}


.kinyitas {
width:25px;
height:25px;
background-color:#CCCCCC;
float:left;
margin:3px 10px;
}

.nev {

width:20%;
height:25px;
float:left;
margin:3px 10px;
line-height:25px;
border-right:solid 1px #CCCCCC;
}

.telefon {

width:15%;
height:25px;
float:left;
margin:3px 10px;
line-height:25px;
border-right:solid 1px #CCCCCC;
}

.email {

width: auto;
height:25px;
float:left;
margin:3px 10px;
line-height:25px;
}

ul.reglistanezet {
width:100%;
}

ul.reglistanezet li {
width:100% !important;
padding:0!important;
margin:0!important;
height:30px!important;
line-height:30px;
}

.kapcsolok {

width: auto;
height:25px;
float:right;
margin:0 0px;
line-height:25px;

}

.kapcsolok a {
background-color: #ccc;
color:#000000;
font-size:80%;
padding:0 10px;
float:left;
margin-top:2px;
display:block;
margin-right:5px;
}

.kapcsolok a:hover {
background-color: #666666;
color:#FFFFFF;
text-decoration:none;

}

.elozooldal {
width:100%;
float:left;
border-top:solid 1px #CCCCCC;
margin-top:10px;
padding-top:10px;
}

.elozooldal a {
float:right;
background-color:#666;
padding:10px;
font-size:120%;
color:#FFFFFF;
}

.elozooldal a:hover {
background-color:#000000;
color:#FFFFFF;
text-decoration:none;

}

.fotoboxa {
	width: 100%;
	float: left;
	height: auto;
	margin-top: 20px;
	
}

.fotoboxa ul.sortable {
	width: 100%;
	float: left;
	
	}

.fotoboxa ul.sortable li {
	width: 154px !important;
	height: 105px !important;
	float: left;
	padding: 3px;
	background-color: #fff;
	margin: 5px;
	outline: solid 1px #ccc;
}
.fotoboxa ul.sortable li a.tor2 {
	background-color: #000;
	color: #fff;
	width: 24px;
	text-align: center;
	line-height: 24px;
	height: 24px;
	display: block;
	position: absolute;
	}
.fotoboxa ul.sortable li img {
	width: 100%;
	height: 100%;
	float: left;
}
.fotoboxa ul.sortable li a {
	line-height: 20px;
	text-align: center;
	background-color: #ccc;
	width: 100%;
	height: 100%;
	float: left;
	color: #000;
    display: flex;
    justify-content:center;
    align-items: center;
	}

.fotoboxa ul.sortable li a i {
    font-size: 300%;
    color:#333;
    
}

.fotoboxa ul.sortable li a:hover {
	outline: solid 7px #ccc;
	text-decoration: none;

	
}
.szunet a { width: auto;
background-color: #ccc;
	padding: 0 20px;
height: 35px; line-height: 35px;
float: left;
font-weight: normal; color: #000; font-size: 13.5px;}

.szunet a:hover {
	background-color: #3299BB;
	color: #fff;
	text-decoration: none;
	
	
}


/* BUBOREK EDDIG */

.es_lostasor_termek {
	width: 96.5%;
	float: left;
	background-color: #e1e1e1;
	margin-left: 1.5%;
	padding: 5px 1%;
	margin-bottom: 2px;
}

.es_lostasor_termek a {
	float: right;
	background-color: #fff;
	padding: 5px;margin-right: 3px;
	color:#3B3B3B;

}

.es_lostasor_termek a:hover {
	float: right;
	background-color: #666;
	padding: 5px;margin-right: 3px;
	color:#fff;
	text-decoration: none;

}

.termekneve {
	width: 80%;
	float: left;
	padding: 5px;margin-right: 3px;
	
	
}

.hosszuleiras {
	width: 100%;
	float: left;
	border-bottom: solid 1px #e1e1e1;
	
}

.hosszuleiras textarea {
	width: 96%;
	height: 250px;
	float: left;
	border: solid 1px #e1e1e1;
	margin: 0 1% 15px 1%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 120%;
	padding: 1%;
	color: #666;
	
}

.keresosav {
	width: 100%;
	float: left;

	text-align: left;
	font-size: 120%;
	margin-bottom: 10px;
	outline: solid 1px #ccc;
}

.keresosav input.keresoinput:hover {
	background: none !important;
	color:#000 !important;
	cursor:text !important;
	
	
}

.keresosav .keresoinput {
	border:none !important;
	float: left !important;
	width: 75%;
	padding: 0 2% !important;
	margin: 0!important;
	height: 49px;
	background: none !important;
	color:#000;
}

.keresosav .keresokapcs {
	border:none !important;
	float: right;
	width: 10%;
	padding: 0 !important;
	margin: 0!important;
	height: 49px;
}


a.mtkapcs {
	float: right;
	color:#000;
	
	padding: 0 !important;
	margin: 0!important;
	font-size: 120%;
	width: 10%;
	height: 49px;
	line-height: 49px;
	text-align: center;
	background-color: #ccc;
	border-left: solid 2px #fff;
}

a.mtkapcs:hover, .info-panel_kapcsolo a:hover, .es_lostasor_jobb2 a:hover {
text-decoration:none;
background-color:#3299BB;
color:#FFFFFF;	
	
}

.felezo {
	width: 50%;
	float: left;
}

.info-panel_kapcsolo a {
  background-color: #CCCCCC;
  padding: 10px 25px 11px 25px;
  float: right;
  border: solid 1px #FFFFFF;
  font-size: 120%;
  color: #000;
  font-weight: normal;
}

.es_lostasor_jobb2 a {
  background-color: #CCCCCC;
  padding: 3px 10px;
  margin: 1px 2px 1px 0;
  float: right;
  font-size: 100%;
  color: #000000;
}

.oszlop2 {
    display: grid;
justify-items: stretch;
align-items: stretch;
column-gap: 10px;
row-gap: 10px;

    grid-template-columns: 1fr 1fr;
    
    
}

textarea {
    
    width: calc(100% - 20px);
    height: 150px;
    margin-right: 3px;
    border: solid 1px #ccc;
    font-family: Helvetica;
    font-size: 90%;
    padding: 5px;
    float: right;
    background-color: #f1f1f1;
    
    
}

.nh {
    height: 100px !important;
    padding-bottom: 80px;
    
    
}


/* admin menu ujragondolva */

.fbox {
padding: 30px;
display: grid;
grid-template-columns: auto auto auto auto;
justify-items: stretch;
align-items: stretch;
column-gap: 10px;
row-gap: 10px;
    width: calc(100% - 60px);
    background-color: #f1f1f1;
    
}

.ffbox {
    border-left: solid 3px #ccc;
    
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
    float: left;
    transition: 0.5s;
    
}

.ffomenu {
    font-size: 110%;
    padding: 10px 0;
    margin-bottom: 10px;
    width: 100%;
    color:#000;
    
}

.ffomenu a {
    color:#000;
    background-color: #ccc;
    padding: 10px 20px;
    
    
}

.ffomenu a:hover {
text-decoration:none;
background-color:#3299BB;
color:#FFFFFF;
}

.ffbox:hover {
    border-color: #3299BB;
    background-color: #fff;
    
}

.falmenu {
    font-size: 100%;
    padding: 2px 10px;
    list-style-type: square;
    margin-left: 15px;
    list-style: square;
    
}

/* urlap cuccok */

.urlap_blokk {
    width: 100%;
    margin-bottom: 10px;
    float: left;
        display: flex;
    align-items: center;
}

.urlap {
    border:dashed 1px #ccc;    
    width: calc(100% - 67px);
    float: left;
    padding: 5px 10px;
    margin-right: 10px;
        display: flex;
    align-items: center;
    transition: 0.5s;

    
}

.urlap:hover {
    border:solid 1px #ccc;
    background-color: rgba(204,204,204,0.2);
    cursor: pointer;
    
    
}

.urlap_torles a {
    width: 15px;
    height: 15px;
    font-size: 140%;
    text-align: center;
    line-height: 15px;
    float: left;
    padding: 10px;
    color:#333;
    background-color: #ccc;
    
}

.urlap_torles a:hover {
    background-color: #333;
    text-decoration: none;
    color:#fff;
}

.urlap .ufelezo {
    width: 50%;
    float: left;
    display: flex;
    align-items: center;
    margin: 0 2px;
    font-size: 140%;
    
}

.urlap .ufelezo input {
    padding: 0;
    margin: 0;
    width: 100%;
    border: solid 1px #ccc !important;
    font-size: 80% !important;
}

.urlap .ufelezo textarea {
    padding: 0;
    margin: 0;
    width: 100%;
    border: solid 1px #ccc !important;
    font-size: 80% !important;
}

.urlap .ufelezo .chbox {
   width: 100%;
   float: left;
}

.urlap .ufelezo .chbox .chbox_belso {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    
    border-bottom: solid 1px #ccc;
    height: 30px;
    
}

.chbox_belso label {
    
    
    
    width: 100%;
    
    
}

.chbox_belso input {
    width:20px !important;
    height: 20px !important;
    margin-right: 10px !important;
    display: block;
    

    
}

.vonal {
    border: solid 2px #333;
    width: 100%;
    
}

.ut_szovegbox {
    width: 100%;
    text-align: center !important;
    font-size: 140%;
    margin-bottom: 5px;
}


.infosav {
    position: fixed;
    bottom:-100px;
    width: 100%;
    color:#fff;
    font-size:160%;
    padding: 20px 0;
    text-align: center;
 }   

.pirosanim {
    background-color: red;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

.zoldanim {
    background-color: green;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

@keyframes example {
0%   {bottom:-100px;}
30%   {bottom:0;}
70%   {bottom:0;}
100%   {bottom:-100px;}
}



/* urlap cuccok eddig */