@charset "utf-8";




span  { 
text-align : center ; }  



.share-event-box { maX-width:480px; width:98%;padding-top: 5px;
	font-family: 'Work Sans', sans-serif; font-size:0.4em; color:black; background-color:white; border:1px solid lightgray;border-radius:3px;}

.share-event-ico { width: 25px;}




@keyframes blink { 
   50% { 
       -webkit-transform: scale(1.05,1.05);
       } 
}
.blink { /*or other element you want*/
    animation: blink .9s step-end infinite alternate;
}
	

#hand_press {display: none; z-index: 100000000000000000000; position:absolute; width: 30px; height: 30px;  top:0px; left: -60px;    }

.text_bubble { padding:0px 5px 0px 3px;margin-left:2px; margin-right: 2px; background-color: white;  border:1px solid gray;border-radius:5px;}

html,body{width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; background-color: #F4EEE5;background: url(../img/bg/sitebg.png);}



::-webkit-scrollbar{-webkit-appearance:none;width:0px; background-color:#DFD5B8;display: none; }
::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);}

/*background-color:#FB5200;*/  

#start        { width:100%; height:100%;z-index:10000001;background-color:white; background-image: url(../img/startbg_pattern.png); background-repeat: repeat; position:fixed;left:0px; top:0px; right:0px; bottom:0px;  opacity:0.97;}


#ajaxloader   { position:fixed; top:30%; width: 100%; z-index:10000000; display:none; }
.uzenetblokk  { width:96%;max-width:250px;height:50px;border:1px solid gray;border-radius:10px;margin-top:30px;padding-top:30px;background-color:white;font-size:14px;color:gray;}
#helpdiv   { position:absolute;z-index:101;top:0px;right:0px;left:0px;min-height:100vh;height:auto;display:none; background-color: white;border:1px solid gray;box-shadow: 2px 2px 4px black;background: url(../img/bg/sitebg.png);}



#errordiv   {margin-top:20%; width:80%;max-width:240px; height:auto; vertical-align:middle;margin-left:10%; padding-top:5%; padding-bottom:5%; 
    margin-right:10%;z-index:101;border:2px solid black; border-radius:5px;  background-color:orange; font-size:16px;color:white;display:none;}

#popup        { position:fixed;top:10px;right:5%;left:5%;bottom:0px;z-index:100;display:none;}
#popup_content{ width:auto;max-width:320px;min-height:40px;max-height:98%; overflow-y:none;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid white;margin:10px 5px 20px 10px;font-size:12px;color:gray;
 box-shadow: 3px 3px 8px black;
 background: #eeeeee; /* Old browsers */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */ 
 background-image: url(../img/popup_top_bg.png); background-repeat: repeat-x;
}
.popup_close {width:30px;height:30px;border-radius: 5px;padding: 5px 5px 5px 5px;
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}




#takaro_0 ,#takaro { 
	width:100%; height:100%;z-index:99;position:fixed;left:0px; top:0px; right:0px; bottom:0px;opacity:0.7;
    background: rgb(181,189,200);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



#takaro2           { width:100%; height:100%;z-index:99;position:fixed;left:0px; top:0px; right:0px; bottom:0px; background-color: black;opacity:0.9;}
#popup_menu        { position:fixed;z-index:100;top:10px;right:5%;left:5%;bottom:0px;z-index:100;display:none;}
#popup_menu_content{ width:auto;max-width:320px;min-height:40px;max-height:98%; overflow-y:scroll;margin:10px 5px 20px 10px;font-size:12px;color:gray;
}

.login_ico {float:left;width:13px;height:13px;font-size:1.5em;color:gray;}

#scroll_top     { height: 40px;width:40px;position: fixed;bottom:10px;right:10px;z-index:4;opacity:0.8; border: 1px solid gray;border-radius:5px;background-color: #FE8F01; }
#scroll_top_img { width:30px;padding:10px 0px 0px 5px;}





#menu_show_img            { width: 40px;height: 40px; margin:3px 5px 5px 2px; box-shadow: 1px 1px 3px black;}
#mobil_menu_events_bubble { position: fixed;left: 33px;top: 29px; border-radius: 3px;border:1px solid white;box-shadow: 1px 1px 2px black; padding: 3px 3px 2px 3px; font-size: 12px; color:#800000;letter-spacing: 2px; text-align:center;}
#headertext               { position: fixed;left: 50px;top: 5px; vertical-align:top; height:40px;color: white; margin: 5px 0px 0px 10px;font-family:'Times New Roman', Impact, serif;font-size: 1.3em;text-shadow:1px 1px 2px gray; text-align:left;}


#menu_show                { width: 30px;height: 30px; margin:6px 5px 5px 8px;}


#menu_name     { float:left; font-size: 20px;color: black;margin: 8px 10px 5px 10px ;padding: 3px 3px 3px 3px;}
#backdiv       { width:40px;height: 40px;float: right;}

#menu_hide     { height: 25px; height: 25px;  margin: -12px 0px 5px -8px ;padding: 3px 3px 3px 3px;  }

#menu_hide_out     { height: 25px; height: 25px;margin: 0px 0px 5px -8px ;padding: 3px 3px 3px 3px;  }

#menu_loc,#menu_poz,#menu_home , #menu_find , #menu_fsc      { width: 25px;height: 25px; margin:-11px 1px 5px 1px;}

#menu_loc_2,#menu_poz_2,#menu_home_2,#menu_find_2,#menu_fsc_2 { width: 30px;height: 30px;}

#menu_loc:hover   { border-bottom:1px solid white;}
#menu_find:hover  { border-bottom:1px solid white;}
#menu_poz:hover   { border-bottom:1px solid white;}
#menu_home:hover  { border-bottom:1px solid white;}

.menu_bubble_messeng { position:relative;z-index: 2; border-radius: 3px;border:1px solid white;left:-20px;top:-20px; padding: 3px 3px 3px 3px; font-size: 12px; color:#800000;letter-spacing: 2px; text-align:center;}

.menu_bubble_filter { position:relative;z-index: 2; border-radius:3px; border:1px solid darkgray;  margin-right:-20px;left:-17px;top:-25px;width:20px;height:20px;padding: 2px 2px -0px 2px; font-size: 12px; color:#800000;text-align:center;display: none;}


.menu_bubble_filter_2 { position:relative;z-index: 2; border-radius:3px; border:1px solid darkgray;  margin-right:-20px;left:-26px;top:-25px;width:20px;height:20px;padding: 2px 2px -0px 2px; font-size: 14px; color:#800000;text-align:center;display: none;}



#map_close_img { width: 30px;height: 30px;}
#map_close     { width:30px;height:30px;position:fixed;background-color:white;border:1px solid gray;border-radius:5px;top:10px;right:10px;color:black;z-index:1000005;}


.elem_kat        {float:left; text-align: center; margin:5px 5px 5px 5px; display: inline-block;line-height:20px;/*font-family:'Din'*/;font-family: 'Work Sans', sans-serif;font-weight:bold;border:1px solid gray;border-radius:5px;cursor:pointer; background: #FBFBFB;
background: rgba(226,226,226,1);
background: -moz-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,0.76) 50%, rgba(209,209,209,0.76) 51%, rgba(254,254,254,0.52) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,0.76)), color-stop(51%, rgba(209,209,209,0.76)), color-stop(100%, rgba(254,254,254,0.52)));
background: -webkit-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,0.76) 50%, rgba(209,209,209,0.76) 51%, rgba(254,254,254,0.52) 100%);
background: -o-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,0.76) 50%, rgba(209,209,209,0.76) 51%, rgba(254,254,254,0.52) 100%);
background: -ms-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,0.76) 50%, rgba(209,209,209,0.76) 51%, rgba(254,254,254,0.52) 100%);
background: linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,0.76) 50%, rgba(209,209,209,0.76) 51%, rgba(254,254,254,0.52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}

.elem_kat img { filter:drop-shadow(1px 1px 1px gray);  }

.menukatcount {text-align:center;border-top:1px solid gray;padding:1px 3px 1px 3px;color:white; font-size: 2em;font-weight: 700;color:white;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}


#start_tabla,#start_tabla_keres {width: 90%; }

.start_tabla_keres_stycky {   

position:sticky;
left: 0px;
top:40px;
right: 0px;
width: 90%;
border-bottom:1px solid gray;
padding: 10px 0px 5px 0px;
margin: 10px 0px 0px 0px;
}


#menu_mobil        { height: 40px;width: 100%;position: fixed;top:0px;left:0px;z-index:98; border-bottom: 1px solid gray;
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 41%, #ff7b0d 73%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 41%,#ff7b0d 73%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 41%,#ff7b0d 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
#menu_mobil img { filter:drop-shadow(1px 1px 1px black);  }


#menu_tablet        { height: 40px;width: 100%;position: fixed;top:0px;left:0px;z-index:98; border-bottom: 1px solid gray;
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 41%, #ff7b0d 73%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 41%,#ff7b0d 73%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 41%,#ff7b0d 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
#menu_tablet img { filter:drop-shadow(1px 1px 1px black);  }



.menu_tablet_btn        { padding:2px 5px 2px 5px; margin:3px 5px 3px 5px;font-size:0.9em;color:white;float:left;line-height:30px;text-shadow:1px 1px 2px gray;}
.menu_tablet_btn:active { border-bottom:5px solid white;  }
.menu_tablet_btn:hover  { border-bottom:2px solid white;  }

.kiemeltsav_div         {

                 width:19.0vw;
                 font-size:2vw ;  
                 margin: 0.25vw 0.25vw 0.25vw 0.25vw;
                 float: left; 
                 color: white;
                 border:1px solid black;
                 border-radius: 3px;
                 background: rgb(181,189,200);
                 background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
                 background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
                 background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );

}

#kiemelt_content           { width:98%;height:auto;padding: 10px -5px 10px 5px; overflow-x:scroll; overflow-y: hidden;white-space: nowrap;margin-top: 5px;margin-left:5px;border-bottom: 1px solid gray;border-top: 1px solid gray;padding: 3px 0px 3px 0px;}
#kiemelt_content span  img { width:97%;border-bottom:1px solid black;}
#kiemelt_content span      { width: 18.7%;font-size: 0.5em;  overflow: hidden;display: inline-block;border:1px solid gray;text-align: center; color: white;border-radius:3px;vertical-align: middle;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;
    background: rgb(181,189,200);
    background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
    background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
}






.talalat       {font-size:10px;line-height: 15px; padding-right:10px;margin-left:10px;border-bottom: 3px double gray; color:gray;text-shadow: 2px 2px 3px white;}
.talalat_szama {border-radius:3px;border:1px solid gray;background-color:white;padding:5px;color:red; font-size: 15px;box-shadow: 0px 1px 2px black; margin-left: 5px}

#s0{font-size: 16pt}
#s01{font-size: 10pt}
#s1{font-size: 10pt}
#s2{font-size: 10pt}
#s3{font-size: 10pt}
#s4{font-size: 16pt}

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}



.sor1_bottom_layer { 
    height:auto; z-index: 11;
    border:1px solid black;background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    }

.blue_grandient{


background: #d2dfed; /* Old browsers */
background: -moz-linear-gradient(-45deg, #d2dfed 0%, #c8d7eb 26%, #bed0ea 51%, #a6c0e3 51%, #afc7e8 62%, #bad0ef 75%, #99b5db 88%, #799bc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #d2dfed 0%,#c8d7eb 26%,#bed0ea 51%,#a6c0e3 51%,#afc7e8 62%,#bad0ef 75%,#99b5db 88%,#799bc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #d2dfed 0%,#c8d7eb 26%,#bed0ea 51%,#a6c0e3 51%,#afc7e8 62%,#bad0ef 75%,#99b5db 88%,#799bc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=1 );	
}




.menukatcount {font-size:  1em; }
#menu_mobil{display: block;}
#menu_tablet{display: none;} 
.f320box{width:90%; height: auto;box-shadow:inset 0px 0px 100px #CCC;}
#start_tabla,#start_tabla_keres{width: 80%;}
.st_tb_td_1{width: 45%; font-size: 10px}
.st_tb_td_2{width: auto;}
.st_tb_td_3{width: 45%}
.elem_kat { width:20.8000vw; font-size:0.50em; } 
.elem_kat:hover { border: 1px solid black;}
.menutext{ display:none; height: 40px; vertical-align: top;}
.eki{width: 40px;height:40px; vertical-align:middle;padding-top:5px;}



.checked_ok { width: 20px; height: 20px; background: url(../img/checkbox/checked.png);  background-size: 20px 20px; background-position: 0px 0px; background-repeat: no-repeat;  }
.checked_no { width: 20px; height: 20px; background: url(../img/checkbox/unchecked.png);background-size: 20px 20px; background-position: 0px 0px; background-repeat: no-repeat;  }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#startmenu_0_left  {display: block; width: 100%;float: none;}
#startmenu_0_right {display: none; float: none;}

.szerzoijogi {  font-size:8px;max-width: 320px;   }


.minfelbontashiba { display:none; } 


@media all and (max-width:299px) 

{
.elem_kat { display:none; } 
.minfelbontashiba { display:block; } 
}  




@media all and (min-width:300px) {

#popup_menu        { left:15px;  }    

#s0{font-size: 16pt}
#s01{font-size: 10pt}
#s1{font-size: 10pt}
#s2{font-size: 10pt}
#s3{font-size: 10pt}
#s4{font-size: 16pt}

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}

#kiemelt_content span { width: 18.7%;font-size: 0.5em;  }

.menukatcount {font-size:  2em; }
#menu_mobil{display: block;}
#menu_tablet{display: none;} 
.f320box{width:90%;}
#start_tabla,#start_tabla_keres{width: 90%;}
.st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.st_tb_td_3{width: 45%}
.elem_kat { width:19.700vw; font-size:0.50em; } 
.elem_kat:hover { border: 1px solid black;}
.menutext{ display:none;font-size: 10px;line-height: 10px;}
.eki{width: 30px;height:30px; vertical-align:middle;padding-top:5px;}

.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}


#loc_left_block  { display:none;}
#loc_right_block { display:none; }

#content_0      { width:100%;height:auto;position:static;background-color: #FF7B0D;display: none;}



}




@media all and (min-width:319px) {



.kiemeltsav_div  {width:18.7vw;font-size:2.3vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }


#popup_menu        { margin-left:-15px;  }    

#s0{font-size: 16pt}
#s01{font-size: 10pt}
#s1{font-size: 10pt}
#s2{font-size: 10pt}
#s3{font-size: 10pt}
#s4{font-size: 16pt}

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}

#kiemelt_content span { width: 18.7%;font-size: 0.5em;  }

.menukatcount {font-size: 3.8vw; }
#menu_mobil{display: block;}
#menu_tablet{display: none;} 
.f320box{width:90%;}
#start_tabla,#start_tabla_keres{width: 90%;}
.st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.st_tb_td_3{width: 45%}
.elem_kat { width:20.0vw;margin-left: 2.3vw; font-size: 2.3vw; } 
.elem_kat:hover { border: 1px solid black;}
.menutext{ display:block;font-size: 8px;line-height: 10px; height: 15px}
.eki{width: 35px;height:35px; vertical-align:middle;padding-top:5px;}
.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}


#loc_left_block  { display:none;}
#loc_right_block { display:none; }

#content_0      { width:100%;height:auto;position:static;background-color: #FF7B0D;display:none;top: -20px;}


}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:375px) {

.kiemeltsav_div  {width:18.7vw;font-size:2.55vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:10px;  }   

#s0{font-size: 16pt}
#s01{font-size: 11pt}
#s1{font-size: 11pt}
#s2{font-size: 11pt}
#s3{font-size: 11pt}
#s4{font-size: 16pt}    

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}

#kiemelt_content span { width: 18.7%;font-size: 0.6em;  }  
.menukatcount {font-size:  3.8vw; }
#menu_mobil{display: block;}
#menu_tablet{display: none;}  
.f320box{width:90%;}   
#start_tabla,#start_tabla_keres{width: 91%;}
.st_tb_td_1{width: 45%;}
.st_tb_td_2{width: 10%;}
.st_tb_td_3{width: 45%;}
.elem_kat { width:20.0vw;margin-left: 2.55vw; font-size: 2.3vw; }
.menutext { display:block; font-size: 8px;line-height: 10px;height: 15px}
.eki      { width: 37px;height: 37px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}


#loc_left_block  { display:none;}
#loc_right_block { display:none; }

#content_0      { width:100%;height:auto;position:static;background-color: #FF7B0D;display: none;}

}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:425px) {

.kiemeltsav_div  {width:18.7vw;font-size:2.3vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:30px;  }   

#s0{font-size: 17pt}
#s01{font-size: 12pt}
#s1{font-size: 12pt}
#s2{font-size: 12pt}
#s3{font-size: 12pt}
#s4{font-size: 17pt} 

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}




#kiemelt_content span { width: 18.7%;font-size: 0.6em;  }
.menukatcount {font-size: 3.8vw; }
#menu_mobil{display: block;}
#menu_tablet{display: none;}  
.f320box{width:90%;}    
#start_tabla,#start_tabla_keres{width: 91%;}
.st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.st_tb_td_3{width: 45%}
.elem_kat { width:20.0vw;margin-left: 2.7vw;  font-size: 2.3vw; }
.menutext { display:block; font-size: 10px;line-height: 10px; height: 20px}
.eki      { width: 40px;height: 40px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}


#loc_left_block  { display:none;}
#loc_right_block { display:none; }

.szerzoijogi {  font-size:10px;max-width: 320px;   }

#content_0      { width:100%;height:auto;position:static;background-color: #FF7B0D;display: none;}


}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:540px) {

.kiemeltsav_div  {width:18.7vw;font-size:2.3vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:90px;  }   

#s0{font-size: 18pt}
#s01{font-size: 13pt}
#s1{font-size: 13pt}
#s2{font-size: 13pt}
#s3{font-size: 13pt}
#s4{font-size: 18pt} 

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}



#kiemelt_content span { width: 18.7%;font-size: 0.8em;  }
.menukatcount {font-size:  3.5vw; }
#menu_mobil{display: block;}
#menu_tablet{display: none;}   
.f320box{width:90%;}  
#start_tabla,#start_tabla_keres{width: 94%;}
#st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.tart_tabla{width: 91%;}
.sst_tb_td_3{width: 45%}
.elem_kat { width:20.0vw;margin-left: 3vw; font-size: 2.3vw; }
.menutext { display:block; font-size: 11px;line-height: 11px; height: 30px}
.eki      { width: 40px;height: 40px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}


#loc_left_block  { display:none;}
#loc_right_block { display:none; }

#content_0      { width:100%;height:auto;position:static;background-color: #FF7B0D;display: none;}

}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:640px) {

.kiemeltsav_div  {width:18.7vw;font-size:2.3vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:140px;  }   

#s0{font-size: 18pt}
#s01{font-size: 13pt}
#s1{font-size: 13pt}
#s2{font-size: 13pt}
#s3{font-size: 13pt}
#s4{font-size: 18pt} 

.sor_1 {display: block;}
.sor_2 {display: none;}
.sor_3 {display: none;}



#kiemelt_content span { width: 18.7%;font-size: 0.8em;  }
.menukatcount {font-size: 2.9vw; }
#menu_mobil{display: block;}
#menu_tablet{display: none;}  
.f320box{width:90%;}
#start_tabla,#start_tabla_keres{width: 94.5%;}
#st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.tart_tabla{width: 91%;}
.sst_tb_td_3{width: 45%}
.elem_kat { width:20.0vw;margin-left: 3vw; font-size: 2.3vw; }
.menutext { display:block; font-size: 11px;line-height: 11px; height: 30px}
.eki      { width: 40px;height: 40px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}


#loc_left_block  { display:block; width: 50%;}
#loc_right_block { display:none; }

#content_0      { width:100%;height:auto;position:static;background-color: #FF7B0D;display: none;}

}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:720px) {

.kiemeltsav_div  {width:8.2vw;font-size:1.4vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:180px;  }   
#s0 {font-size: 18pt}
#s01{font-size: 13pt}
#s1 {font-size: 13pt}
#s2 {font-size: 13pt}
#s3 {font-size: 13pt}
#s4 {font-size: 18pt} 
.sor_1 {display: none;}
.sor_2 {display: block;width:94.8%;}
.sor_3 {display: none;}
#kiemelt_content span { width: 18.7%;font-size: 0.8em;  }
.menukatcount {font-size: 2.8vw; }
#menu_mobil{display: block;}
#menu_tablet{display: none;}  
.f320box{max-width:320px;float: left;margin: 3px 3px 3px 3px;}
#start_tabla,#start_tabla_keres{width: 94.8%;}
#st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.sst_tb_td_3{width: 45%}
.tart_tabla{width: 91%;}
.elem_kat { width:10.0vw;margin-left: 1.4vw; font-size: 2.3vw;  }
.menutext { display:block; font-size: 11px;line-height: 12px; height: 30px}
.eki      { width: 50px;height: 50px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: block;}
.ac_2,.vg_2 {display: none;}
#loc_left_block  { display:block; width: 50%;}
#loc_right_block { display:none; }
#content_0      { width:100%;max-width:350px;height:auto;z-index:97;position:fixed;border:1px solid gray;border-top: 0px;background-color: #FF7B0D;border-bottom-right-radius:10px;display: none;}

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:768px) {

.kiemeltsav_div  {width:8.2vw;font-size:1vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:210px;  }   
#s0{font-size: 18pt}
#s01{font-size: 13pt}
#s1{font-size: 13pt}
#s2{font-size: 13pt}
#s3{font-size: 13pt}
#s4{font-size: 18pt}     
.sor_1 {display: none;}
.sor_2 {display: block;width:96.8%;}
.sor_3 {display: none;}
#kiemelt_content span { width: width:10.9000%;font-size: 0.8em;  }
.menukatcount {font-size:2.2vw; }
#menu_mobil{display: none;}
#menu_tablet{display: block;}
.f320box{max-width:355px;float: left;margin: 3px 3px 3px 3px; min-height: 370px; }
#start_tabla,#start_tabla_keres{width: 95.5%;}
.st_tb_td_1{width: 45%}
.st_tb_td_2{width: auto;}
.st_tb_td_3{width: 45%}
.elem_kat { width:10.0vw;margin-left: 1.4vw; font-size: 1.3vw;  }
.menutext { display:block;  font-size: 10px;line-height: 14px;height: 30px}
.eki      { width: 45px;height: 45px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: none;}
.ac_2,.vg_2 {display: block;}
#loc_left_block  { display:block; width: 33%; }
#loc_right_block { display:block; width: 33%; }

#content_0      { width:100%;max-width:350px;height:auto;z-index:97;position:fixed;border:1px solid gray;border-top: 0px;background-color: #FF7B0D;border-bottom-right-radius:10px;display: none;}

}




/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:1024px) {

/*
#startmenu_0_left  {display: block; width: 55%;float: left;}
#startmenu_0_right {display: block; width: 45%;float: right; align-content: center;}
*/

.kiemeltsav_div  {width:8.2vw;font-size:1vw ; margin: 0.25vw 0.25vw 0.25vw 0.25vw; }

#popup_menu        { margin-left:350px;  }   
#s0{font-size: 28pt}
#s01{font-size:16pt}
#s1{font-size: 16pt}
#s2{font-size: 16pt}
#s3{font-size: 16pt}
#s4{font-size: 17pt}
.sor_1 {display: none;}
.sor_2{display: none;}
.sor_3 {display: block;width:96.5%}
#kiemelt_content span { width: 8.300000%;font-size: 0.8em;  }
.menukatcount {font-size:  1.5vw; }
#menu_mobil{display: none;}
#menu_tablet{display: block;}  
.f320box{max-width:310px;float: left;margin: 3px 3px 3px 3px; min-height: 370px;}
#start_tabla,#start_tabla_keres{width: 96.70000%;}
.st_tb_td_1{width: 48%}
.st_tb_td_2{width: 2%}
.st_tb_td_3{width: 48%}
.elem_kat { width:10.0vw;margin-left: 1.45vw; font-size: 1.2vw;  }
.menutext { display:block;  font-size: 12px;line-height: 12px; height: 30px}
.eki      { width: 50px;height: 50px; vertical-align: middle; padding-top:10px;}
.ac_1,.vg_1{display: none;}
.ac_2,.vg_2 {display: block;}
#loc_left_block  { display:block; width: 33%; }
#loc_right_block { display:block; width: 33%;}


#content_0      { width:100%;max-width:350px;height:auto;z-index:97;position:fixed;border:1px solid gray;border-top: 0px;background-color: #FF7B0D;border-bottom-right-radius:10px;display: none;}


}







/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.eki:hover{ transform: scale3d(1.2,1.2,1.2); }
#lmt {background: url('../img/bg/leftmenubg2.png'); background-position: 0px 0px; background-size:260px auto;background-repeat: no-repeat; margin:0px 0px 0px 0px; }
#lmt,td { margin-left: 10px; }
#left_menu      { display: none;z-index: 100; position: fixed;top: 0px;left:0px;bottom:-10px; padding:0px 8px 20px 0px;border-right:1px solid black;border-bottom: 1px solid black;
background:  -moz-linear-gradient(180deg, #C9C9C9 78%, #C9C9C9 83%, #000000 100%); /* ff3.6+ */
background:  -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(17%, #C9C9C9), color-stop(22%, #C9C9C9)); /* safari4+,chrome */
background:  -webkit-linear-gradient(180deg, #C9C9C9 78%, #C9C9C9 83%, #000000 100%); /* safari5.1+,chrome10+ */
background:  -o-linear-gradient(180deg, #C9C9C9 78%, #C9C9C9 83%, #000000 100%); /* opera 11.10+ */
background:  -ms-linear-gradient(180deg, #C9C9C9 78%, #C9C9C9 83%, #000000 100%); /* ie10+ */
background:  linear-gradient(270deg, #C9C9C9 78%, #C9C9C9 83%, #000000 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#C9C9C9',GradientType=1 ); /* ie6-9 */
background-repeat:  repeat;
    background-position:left;
	margin:-20px 0px 0px 0px;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    height: 100%;
    width: 260px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: left .2s;
    white-space: nowrap;
}

#left_menu img { filter:drop-shadow(1px 1px 1px black);  }


.menu_btn           { color: black;font-size: 0.9em;letter-spacing:2px;font-family:'Times New Roman', Cursive, serif;font-weight: 500;margin: 10px 10px 10px -30px;padding:5px 5px 5px 5px; list-style: none; border:1px solid gray;border-left: 2px solid gray;border-radius: 5px;text-align: left; }
.menu_bubble_red    { color:   red;font-size: 1em; font-weight: 700; border:1px solid gray;border-radius:3px;padding:2px 6px 2px 6px;letter-spacing: 2px;}
.menu_bubble_green  { color: green;font-size: 1em; font-weight: 700; border:1px solid gray;border-radius:3px;padding:2px 6px 2px 6px;letter-spacing: 2px;}
.menu_bubble_gray   { color:  gray;font-size: 1em; font-weight: 700; border:1px solid gray;border-radius:3px;padding:2px 6px 2px 6px;letter-spacing: 2px;}
.btn_br         { border:1px solid transparent;border-radius:3px; padding: 3px 3px 3px 3px;}
.btn_br:hover   { border:1px solid white; }

#tabmenu {width: 100%;height: 40px;line-height: 40px;  margin-top: -14px;border-bottom: 1px solid gray;  margin-bottom: 10px; font-size:1.0em;font-weight:100; color:gray; overflow: hidden;}


.tabmenu_scroll { 
position:sticky;
left: 0px;
top:40px;
right: 0px;
}



.tabmenu_sel    { border-bottom:3px solid #9D0000;color:#15AE1D; font-weight:700;}

#find_area      {  height: 40px; margin-left: 5px; margin-right: 10px; vertical-align: middle; background-color: white; border:1px solid gray; border-radius:3px;}
#findtext       {  overflow:hidden;font-size:16px;float: left; background-color: transparent;border:0px;color:gray; }
#rescount       {  right:-10px;position:relative;z-index:97;font-size:25px;text-shadow:1px 1px 2px gray;line-height:34px;float:right;margin-right:13px;border-radius:3px;border:1px solid gray;background-color:orange; color:white; text-align: center;  }
#content_00     { display: none; }





#content_1      { width:100%;height:auto;padding: 5px 0px 0px 0px; }
#content_2      { width:100%;color: black;padding: 5px 0px 0px 0px;display: none; }
#content_3      { z-index:3;width:100%;color: black;padding: 5px 0px 0px 0px;display: none;}
#content_4      { z-index:100;display: none;position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid gray;border-radius: 4px;}
#content_22     { width:100%;color: black;padding: 45px 0px 0px 0px;display: none; }
#content_10     {z-index:100;width: 100%; height: auto; padding: 0px 0px 0px 0px; display: none;
background: rgb(69,72,77);
background: -moz-linear-gradient(-45deg, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(135deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 );
}
#content_100  { display:none;  text-align: center; position:fixed; top:0px; height:auto; color:gray; width:94vw;box-shadow: 1px 1px 3px black;margin:1px 3vw 10px 3vw;  
 background: #eeeeee; /* Old browsers */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
 border-top:1px solid gray;overflow:hidden;z-index: 100000;
}

#content_101  { display:block;width:100%; max-width:320px;  border-radius: 5px; border: 1px solid gray; box-shadow: 0px 0px 3px gray; height:auto;font-size: 15px; text-align: center; position:fixed;top:10px; left:-160px;margin-left: 50%; color:gray; 
 background: #eeeeee; /* Old browsers */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
 background-image: url(../img/popup_top_bg.png); background-repeat: repeat-x;
 border-top:1px solid gray;overflow:hidden;z-index: 100000;
}

#footer  { display:block;width:100%;height:18px;line-height:18px; font-size: 10px; text-align: center; position:fixed; bottom:0px; background-image:url(../img/bg/mbbg30_gray.png); background-repeat:repeat-x;color:#5A5A69; border-top:1px solid gray;overflow:hidden;z-index: 10000;}




/* black */
.black {
  color: #d7d7d7;
  border: solid 1px #333;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background: -moz-linear-gradient(top,  #666,  #000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  background: -moz-linear-gradient(top,  #444,  #000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
  color: #666;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
  background: -moz-linear-gradient(top,  #000,  #444);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
  color: #e9e9e9;
  border: solid 1px #555;
  background: #6e6e6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
  background: -moz-linear-gradient(top,  #888,  #575757);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
  background: #616161;
  background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
  background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
  color: #afafaf;
  background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
  background: -moz-linear-gradient(top,  #575757,  #888);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
  color: #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  background: -moz-linear-gradient(top,  #ededed,  #fff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top,  #f88e11,  #f06015);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
  color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
  color: #faddde;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top,  #c9151b,  #a11115);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
  color: #de898c;
  background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
  background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
  color: #fae7e9;
  border: solid 1px #b73948;
  background: #da5867;
  background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
  background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
  background: #ba4b58;
  background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
  background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
  color: #dca4ab;
  background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
  background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
  color: #e8f0de;
  border: solid 1px #538312;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
  color: #a9c08c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
  background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.green_hover {
  color: #e8f0de;
  border: solid 1px #538312;
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}


/* pink */
.pink {
  color: #feeef5;
  border: solid 1px #d2729e;
  background: #f895c2;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
  background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
  background: #d57ea5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
  background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
  color: #f3c3d9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
  background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}






.grayscale
 {
 background: #eeeeee; /* Old browsers */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
 }
.selok {border-left:10px solid green;}
.selno {border-left:10px solid red;}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;

/* alapmeret megadasa */
  width            : 20px; // 1.1em;
  height           : 20px; // 1.1em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 1px solid gray;
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
   /* aktiv zold pipa meret megadasa */
  width       : 16px;// 1.1em;
  color       : #8AC007;
   /* aktiv zold pipa fontmeret megadasa */
  font-size   : 18px;// 1.1em;
  line-height : 20px; // 1em;
  text-align  : center;
  margin-top  : 2px;// 0.1em;
  margin-left : 2px;
  font-weight : bold;
}
input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 14px; // 0.55em;
  height           : 14px; //0.7em;
  margin           :  2px; // 0.125em;
  border           : 1px solid gray;
  border-radius    : 0.125em;
  background       : #8AC007;
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

#showhirdmenu { z-index:100; position:absolute; top:6.1em;right:0.9em;width:2.5em;height:2.5em;border-radius:3px; opacity: 1}
.showhirdmenu_btn        { position: absolute; top:130px; left:135px;border:1px solid black;border-radius:50%;box-shadow: 0px 0px 20px white;}
.showhirdmenu_btn_close  { position: absolute; top:130px; left:125px;border:1px solid black;border-radius:50%;box-shadow: 0px 0px 20px white;
}

.error_div {
display: inline-block;
border-radius:3px;
padding:3px 5px 3px 5px;
color: gray;
  background       : #8AC007;
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
box-shadow: 0px 0px 6px black; 

}

.flash-button{
	background:#8AC007;
	padding:0px 0px;
	color:#fff;
	border:none;
	border-radius:5px;
	text-shadow:1px 1px 0px #000;
	
	animation-name: flash;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	//Firefox 1+
	-webkit-animation-name: flash;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	//Safari 3-4
	-moz-animation-name: flash;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Firefox 1+
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

//Safari 3-4
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
/* Ajax loader  */
#inTurnFadingTextG{
  width:123px;
  margin:auto;
  border: 1px solid gray;
  padding: 3px 15px 3px 15px;
  border-radius: 5px;
  background-color: white;
  height: 30px;
  box-shadow: 2px 2px 8px black;

}
.inTurnFadingTextG{
  color:rgb(0,0,0);
  font-family:Arial;
  font-size:24px;
  text-decoration:none;
  font-weight:normal;
  font-style:normal;
  float:left;
  animation-name:bounce_inTurnFadingTextG;
    -o-animation-name:bounce_inTurnFadingTextG;
    -ms-animation-name:bounce_inTurnFadingTextG;
    -webkit-animation-name:bounce_inTurnFadingTextG;
    -moz-animation-name:bounce_inTurnFadingTextG;
  animation-duration:1.181s;
    -o-animation-duration:1.181s;
    -ms-animation-duration:1.181s;
    -webkit-animation-duration:1.181s;
    -moz-animation-duration:1.181s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#inTurnFadingTextG_1{
  animation-delay:0.4225s;
    -o-animation-delay:0.4225s;
    -ms-animation-delay:0.4225s;
    -webkit-animation-delay:0.4225s;
    -moz-animation-delay:0.4225s;
}
#inTurnFadingTextG_2{
  animation-delay:0.509s;
    -o-animation-delay:0.509s;
    -ms-animation-delay:0.509s;
    -webkit-animation-delay:0.509s;
    -moz-animation-delay:0.509s;
}
#inTurnFadingTextG_3{
  animation-delay:0.5955s;
    -o-animation-delay:0.5955s;
    -ms-animation-delay:0.5955s;
    -webkit-animation-delay:0.5955s;
    -moz-animation-delay:0.5955s;
}
#inTurnFadingTextG_4{
  animation-delay:0.672s;
    -o-animation-delay:0.672s;
    -ms-animation-delay:0.672s;
    -webkit-animation-delay:0.672s;
    -moz-animation-delay:0.672s;
}
#inTurnFadingTextG_5{
  animation-delay:0.7585s;
    -o-animation-delay:0.7585s;
    -ms-animation-delay:0.7585s;
    -webkit-animation-delay:0.7585s;
    -moz-animation-delay:0.7585s;
}
#inTurnFadingTextG_6{
  animation-delay:0.845s;
    -o-animation-delay:0.845s;
    -ms-animation-delay:0.845s;
    -webkit-animation-delay:0.845s;
    -moz-animation-delay:0.845s;
}
#inTurnFadingTextG_7{
  animation-delay:0.9315s;
    -o-animation-delay:0.9315s;
    -ms-animation-delay:0.9315s;
    -webkit-animation-delay:0.9315s;
    -moz-animation-delay:0.9315s;
}
#inTurnFadingTextG_8{
  animation-delay:1.018s;
    -o-animation-delay:1.018s;
    -ms-animation-delay:1.018s;
    -webkit-animation-delay:1.018s;
    -moz-animation-delay:1.018s;
}
#inTurnFadingTextG_9{
  animation-delay:1.0945s;
    -o-animation-delay:1.0945s;
    -ms-animation-delay:1.0945s;
    -webkit-animation-delay:1.0945s;
    -moz-animation-delay:1.0945s;
}
#inTurnFadingTextG_10{
  animation-delay:1.181s;
    -o-animation-delay:1.181s;
    -ms-animation-delay:1.181s;
    -webkit-animation-delay:1.181s;
    -moz-animation-delay:1.181s;
}

@keyframes bounce_inTurnFadingTextG{
  0%{
    color:rgba(0,0,0,0.98);
  }

  100%{
    color:rgb(255,255,255);
  }
}

@-o-keyframes bounce_inTurnFadingTextG{
  0%{
    color:rgba(0,0,0,0.98);
  }

  100%{
    color:rgb(255,255,255);
  }
}

@-ms-keyframes bounce_inTurnFadingTextG{
  0%{
    color:rgba(0,0,0,0.98);
  }

  100%{
    color:rgb(255,255,255);
  }
}

@-webkit-keyframes bounce_inTurnFadingTextG{
  0%{
    color:rgba(0,0,0,0.98);
  }

  100%{
    color:rgb(255,255,255);
  }
}

@-moz-keyframes bounce_inTurnFadingTextG{
  0%{
    color:rgba(0,0,0,0.98);
  }

  100%{
    color:rgb(255,255,255);
  }
}



input[type=range]{
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid green;
    height: 20px;
    width:  20px;
    border-radius: 50%;
    background: white;
    margin-top: -8px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}


input[type=range]::-webkit-slider-thumb:hover { 
  border: 1px solid orange;
}