#KiegeszitoInfo div:last-child {
    margin-bottom: 0px;
    }

.divOElozetesTartalom h3 {
	color:#500;
}


.divCikkTartalom table.meres-narrow{
	background-color: #FBCF37;
	border-collapse: collapse;	 	 	 	 
	font-size:1em;		
	border:0px #FBCF37 solid;
	vertical-align:middle;
}

.divCikkTartalom table.meres-narrow td {
    text-align: center;
    border: 2px white solid;
    font-family: Calibri;
}

.divCikkTartalom table.meres-narrow tr:first-child {
    font-weight: bold;
    background-color: orange;
}

.divCikkKulso {color:#420;}

.divCikkTartalom img {max-width:95%;}


.divCikkElozetesKulso, .divOElozetesKulso {background-color:#fff;}
#divKeresoMezo {background-color:#033; padding:10px;color:#fff; border: 3px solid #5D1F1F;}
#KeresImgSubmit {background-color:#033;border: 1px solid rgba(255, 255, 255, 0.5);display: inline-block;margin: 3px 0 0 0;padding: 5px;border-radius: 3px;vertical-align: -10px;}

#divMenuKeresoMezo {
padding:10px;color:#fff; border-radius: 5px  5px 5px 5px; margin:0 0 0 2px;     
background-color: #5D1F1F;
box-shadow: 0px -13px 12px 0px #884444 inset;
}
#MenuKeresImgSubmit {background-color:#5D1F1F;border: 1px solid rgba(255, 255, 255, 0.5);display: inline-block;margin: 3px 0 0 0;padding: 5px;border-radius: 3px;vertical-align: -10px;}
#divOElozetesekKulso {
    width: 100%; 
}
#Tartalom{
	background-color: #ffeed9;
	color: #500;
}
.divOElozetesKulso {
    min-height: 138px;
    float: left;
    margin:2px;
}

@media only screen and (max-width : 860px)   {
    #O_X_860   {overflow-x: scroll; overflow-y: hidden;}
}




@media only screen and (max-width : 510px)   {

	
	#divOTartalom #tag_refi_1 {width: 300px; font-size: 12px;}
	#divOTartalom #tag_refi_1 th,
	#divOTartalom #tag_refi_1 td,
	#divOTartalom #tag_refi_1 td a:link {font-size: 12px;}
}

@media only screen and (max-width : 410px)   {
    #divOTartalom #divOElozetesekKulso .Bmenu_bal {margin-left:2px;}
}


@media only screen and (max-width : 360px)   {
	#divOTartalom #divOElozetesekKulso .Bmenu_bal a,
	#divOTartalom #divOElozetesekKulso .leir001 {width: 300px; font-size: 12px;}
	#divOTartalom #tag_refi_1 {margin-left:2px;}
}




h1, h2, h3 {color:#000;}

#divOTartalom  h1,
#divOTartalom  h2,
#divOTartalom  h3,
#divOTartalom > main > h2 {color:#500;}

a {color:#006666;}

#KiegeszitoInfo a {color:#88ffff;}

a#logoLink        {color:#222;}
a#logoLink:hover  {color:#222;}
a#logoLink:active {color:#222;}
a#logoLink:link   {color:#222;}
a#logoLink        {margin-left:10px; font-variant:small-caps;  font-size:24px; font-weight: bold;} /* !!! */

/*---------------------- MORZSANAVIGÁCIÓ FORMÁZÁSA ----------------------*/

.Morzsa_ a::after{content: " « ";}  
.Morzsa a        {font-weight:bold; color:#006666;}   
.Morzsa a:link   {font-weight:bold; color:#006666;}
.Morzsa a:active {font-weight:bold; color:#006666;}
.Morzsa a:hover  {font-weight:bold; color:#033;}    


.Morzsa .mbtn a::after{content: "";}  
.mbtn {float:left;}

.Morzsa #magyaraz_btn,
.Morzsa #Elozo,
.Morzsa #Menu_Btn,
.Morzsa #Ismet,
.Morzsa #Kovetkezo  {visibility: hidden;}

.Morzsa .MindigLatszik #magyaraz_btn,
.Morzsa .MindigLatszik #Elozo,
.Morzsa .MindigLatszik #Menu_Btn,
.Morzsa .MindigLatszik #Ismet,
.Morzsa .MindigLatszik #Kovetkezo  {visibility: visible;}


/*-------------------- FŐ SZERKEZET NAGY FELBONTÁSNÁL --------------------*/
	       
#FoHeder{background: #033; font-family: "Kalam", serif;
letter-spacing: 3px;
text-shadow: -5px 5px 10px #000;


}

/*-------------------------- TARTALOM FORMÁZÁSA --------------------------*/

body, html{ 
	font-family: tahoma, helvetica, arial, sans-serif;
	background-color: #ffeed9;
	color: #500;
}		 

html body{font-size: 14px;
}
#Keret_{background-color:#ffe;}

#BelsoKeret{ width:100%; padding:0 300px;  }  

#KiegeszitoInfo{background-color:#033; width:300px; margin-right:-300px; float:right;}

#Tartalom_
{background-color:#E9EAED;
    border-right:2px solid #4262A9;
    border-left:2px solid #4262A9; 
    border-bottom:2px solid #4262A9;
    border-radius: 0px 0px 5px 5px;}

#divOTartalom h1{margin-top:10px;margin-bottom:10px; font-weight:normal; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif;font-size: 26px;}
      
footer { line-height:15px; font-weight:bold; padding-top:0; color:#fff;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #5D1F1F;
box-shadow: 0px -13px 12px 0px #884444 inset;}



/*--------------------- KIEGÉSZÍTŐ TARTALOM FORMÁZÁSA ---------------------*/      

#KiegeszitoInfo{margin-top:0; padding-top:0;}

.divKiegTKulso{
    padding-left:0px; /* !!! */
    margin-top:0px;
    margin-right:0px; /* !!! */
    margin-left:0px; /* !!! */
    margin-bottom:10px;
    
    
    border-bottom:1px solid #fff;
   /* border-radius: 5px 5px 5px 5px; */
   /* box-shadow:5px 5px 5px -3px #000; */
}
.divKiegTKulso h2{
    margin-left:5px;
    margin-top:10px;
    
    font-style:normal;
    font-size:20px;
    
    color:#fff;
    font-style:italic;
    
}

.divKiegT{margin:5px 0px 5px 0px; color:#fff; font-size:15px;} /* !!! */

/*-------------------------- MENÜSOR FORMÁZÁSA --------------------------*/

#FoNav {
    width:100%; line-height:30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-family: 'Istok Web', sans-serif; font-variant:small-caps; color:black;
    background-color: #5D1F1F;
    box-shadow: 0px -13px 12px 0px #884444 inset;
}
#FoNav a {color:#88ffff; margin: 0 8px; }   /*!!!*/
#FoNavBal {float:left; width:100px;}
#FoNavJobb {width:100%;margin:0 100px; text-align:center; padding-right:10%;}
#FoNav label  {color:#fff; } /*!!!*/
.MPontLink{display:inline-block; color:#000;}
       
/*-------------------------- HELYI MENÜ FORMÁZÁSA --------------------------*/

#BelsoKeret #HelyiNav .divMenuInfo1 { font-size: 1.6em; text-align: center; font-family: "Kalam", serif; }
   
.divMenuInfo1, #divFelhasznaloUdv{font-weight:bold}

#HelyiNav{background-color:#ffeed9; padding-right:5px; margin-bottom:40px;  color:#500;}
#HelyiNav ul {list-style-type: none; padding-left:0px; font-size: 14px;}  
#HelyiNav .AktLink {font-weight:bold; }

#HelyiNav h2 {font-family: "Kalam", serif; font-size: 1.6em;}

#HelyiNav h2,
#HelyiNav h3 {color:#500;}
/*---- Első szint ----*/
#HelyiNav  li a {display: block;}
#HelyiNav  li a::before{content: "";}

#HelyiNav li.M1 > a,
#HelyiNav li.M1 > a:link
#HelyiNav li.M1 > a:visited { 
	text-align: right;
	height: 28px;
	color: #88ffff;
	font-variant: small-caps;
	font-size: 15px;
	width: 295px;
	margin: 2px 0 0 0;
	padding: 3px 12px 0px 0;
	box-shadow: 0px 3px 7px 0px #884444 inset, -3px 3px 8px 0px #613207;
	color: #88ffff;
	background-color: #5d1f1f;
	border-radius: 0px 5px 5px 0px;
	text-decoration:none;
	 
}  
	
#HelyiNav li.M1 > a.AktLink { 	
	font-weight:bold;
}	

#HelyiNav li.M1 > a:hover { 
	color: #fff;
}	


#HelyiNav  li a:active {color:black; border-bottom:2px; border-top:2px; padding-top:7px; color:#fff;}


/*---- Második szint ----*/
#HelyiNav .Ul2 {padding:0px;}

#HelyiNav li.M2 > a,
#HelyiNav li.M2 > a:link
#HelyiNav li.M2 > a:visited { 
	text-align: right;
	height: 26px;
	color: #88ffff;
	font-variant: small-caps;
	font-size: 13px;
	width: 286px;
	margin: 2px 0 0 0;
	padding: 3px 12px 0px 0;
	color: #006666;
	background-color: #ffeed9;
	border-radius: 0px 5px 5px 0px;
	text-decoration:none;
	border: 1px solid #5d1f1f;
	box-shadow: -3px 3px 8px 0px #613207;
}  
	
#HelyiNav li.M2 > a.AktLink { 	
	font-weight:bold;
}	

#HelyiNav li.M2 > a:hover { 
	background-color: #5d1f1f;
	color: #ffeed9;
}


/*---- Harmadik szint ----*/
#HelyiNav .Ul3 {padding:0px;}

#HelyiNav li.M3 > a,
#HelyiNav li.M3 > a:link
#HelyiNav li.M3 > a:visited { 
	text-align: right;
	height: 24px;
	color: #88ffff;
	font-size: 12px;
	width: 280px;
	margin: 2px 0 0 0;
	padding: 3px 12px 0px 0;
	color: #fff;
	background-color: #006666;
	border-radius: 0px 5px 5px 0px;
	text-decoration:none;
	border: 1px solid #006666;
	box-shadow: -3px 3px 10px 0px #613207;
}  
	
#HelyiNav li.M3 > a.AktLink { 	
	font-weight:bold;
}	

#HelyiNav li.M3 > a:hover { 
	background-color: #ffffff;
	color: #006666;
}

/* 20190126 / Negyedik és ötödik szint */
/*---- Negyedik szint ----*/
#HelyiNav .Ul4 {padding:0px;}

#HelyiNav li.M4 > a,
#HelyiNav li.M4 > a:link
#HelyiNav li.M4 > a:visited { 
	text-align: right;
	height: 24px;
	font-size: 12px;
	width: 260px;
	margin: 2px 0 0 0;
	padding: 3px 12px 0px 0;
	color: #006666;
	background-color: #fff;
	border-radius: 0px 5px 5px 0px;
	text-decoration:none;
	border: 1px solid #006666;
	box-shadow: -3px 3px 10px 0px #613207;
}  
	
#HelyiNav li.M4 > a.AktLink { 	
	font-weight:bold;
}	

#HelyiNav li.M4 > a:hover { 
	background-color: #ffffff;
	color: #088;
}


/*---- Ötödik szint ----*/
#HelyiNav .Ul5 {padding:0px;}

#HelyiNav li.M5 > a,
#HelyiNav li.M5 > a:link
#HelyiNav li.M5 > a:visited { 
	text-align: right;
	height: 24px;
	font-size: 11px;
	width: 260px;
	margin: 2px 0 0 0;
	padding: 3px 16px 0px 0;
	color: #300;
	background-color: #fff;
	border-radius: 0px 5px 5px 0px;
	text-decoration:none;
	border: 1px solid #033;
	box-shadow: -3px 3px 10px 0px #613207;
}  
	
#HelyiNav li.M5 > a.AktLink { 	
	font-weight:bold;
}	

#HelyiNav li.M5 > a:hover { 
	background-color: #ffffff;
	color: #088;
}


/*-------------------------- HELYI MENÜ ELREJTÉSE --------------------------*/

#chmenu:checked ~ #BelsoKeret #HelyiNav {display: none;}
#chmenu:checked ~ #BelsoKeret {padding-left:0;}
       
#Tartalom section img {margin:10px;}
#Tartalom article  {margin:6px;}
       

#OTartalom{width:95%;}
#OLeiras{width:95%;}

#divFormkod{margin-left:1px;}


/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-------------------------- ADMIN PANELEK FORMÁZÁSA --------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

.FontosStr{margin-top:10px; margin-bottom:10px;}

#divOModeratorCsoportValaszt, #divOModeratorValasztForm, #KepekFeltoltForm, #KisKepFelForm, 
#CikkKepTolForm, #formCsoportValaszt, #formCsoportValaszt2, #formFelhasznaloValaszt 
{width: 100%;}

/* ---------------- GYŰJTŐDIV FORMÁZÁSA ---------------- */
#divOTartalom h2{margin-top:10px; margin-bottom:10px;}

#divFormkod, #divFormkodCikk, #divFormkodFCsoport, #divFormkodFelhasznalo{  
    background-color:#E9EAED;
    border:2px solid #4262A9;
    border-radius: 5px 5px 5px 5px;
}

#divFormkodFCsoport h2 {margin-top:10px; margin-bottom:0px;}
#divFormkodFCsoport p {margin-top:10px; margin-bottom:10px;}
#divFormkodFCsoport label {padding:2px;}


#divFormkodFelhasznalo label {padding:2px;}
#divFormkodCikk label        {padding:2px;}
#divFormkod label            {padding:2px;}

.pCikkTorol{margin-top:0px; margin-bottom:5px;}

/* ---------------- ŰRLAPOK MEGJELENÉSE ---------------- */

#divFCsoportForm, #divFCsoportTorol, #divUjFCsoportForm, 
#divFelhasznaloForm, #divFelhasznaloTorol{padding:10px;}

#divOldalForm, #divUjOldalForm, #divOldalTorolForm, #divOldalKepForm, #divOldalModeratorForm, 
#divUjCikkForm, #divCikkForm, #divCikkKepForm, #divCikkValaszt, #divCikkTorolForm, 
#divFCsoportForm, #divFCsoportTorol, #divUjFCsoportForm, #divFelhasznaloForm, #divFelhasznaloTorol
{background-color:#E9EAED; margin-top:2; padding-top:0; border:0px;}

.divKiegTElem, .divFoMenuElem, .divMenuPlElem{
    width:710px;
    border:2px solid #4262A9;
    border-radius: 5px 5px 5px 5px;
}

.divMenuPlElem{padding-left:5px; margin-bottom:5px;}
.pMenuPlid {font-weight:bold;}

.divCikkKulso {
    border: 1px solid black;
    background-color:white;    
}
.divCikkElozetesKulso a,
#divOElozetesekKulso a,
#divOTartalom .Ul1a a {color:#008; padding-right: 3px;}


input{background-color:#CAD0E2;}
textarea{background-color:#CAD0E2;}

button{background-color:#CAD0E2;}



#divOTartalom #divFormkod, #divOTartalom #labelUjOldalForm, 
#divOTartalom #labelOldalForm, #divOTartalom #labelOldalTorolForm, 
#divOTartalom #labelOldalKepForm, #divOTartalom #labelOldalModeratorForm, 
#divOTartalom #labelchFormkod,

#divOTartalom #labelUjCikkForm, 
#divOTartalom #labelCikkForm,
#divOTartalom #labelCikkTorolForm,
#divOTartalom #labelCikkKepForm,
#divOTartalom #labelUjCikkForm,
#divOTartalom #labelchFormkodCikk,
#divOTartalom #divFormkodCikk
{background-color:#CC6600;}

#FoHeder #logoLink {color:#fff;}

#FoHeder #logoLink .idezet {color:#fff; 
font-variant: normal;
font-weight: bold;
font-style:italic;
line-height: 20px;
font-size: 16px;
vertical-align:super;
margin-left:10px;
}

#logoLink span:last-of-type {
    vertical-align: sub;
}

#logoImgLink img {box-shadow: 5px 5px 10px 0px #444444;}
#HelyiNav .Ul1 {
    margin: 0 0 0 1px;
}

.divCikkElozetesKulso, .divCikkKulso, .divOElozetesKulso {
                      border: 1px solid rgba(66, 98, 169, 0.1);
                      border-right: 1px solid rgba(66, 98, 169, 0.5);
                      border-bottom: 1px solid rgba(66, 98, 169, 0.5);}
                      
.divCikkElozetesKulso, .divCikkKulso, .divOElozetesKulso {
                      border: 1px solid rgba(128, 64, 0, 0.1);
                      border-right: 1px solid rgba(128, 64, 0, 0.5);
                      border-bottom: 1px solid rgba(128, 64, 0, 0.5);}                      

.divOElozetesKep {border-right: 2px solid rgba(128, 64, 0, 0.01);}


/*gtportal.css*/

.clear {
    clear: both;
    width: 100%;
    height: 1px;
    font-size: 1px;
}

.kod {  display:block; float:left; background-color: #5D1F1F;
      margin: 7px; border: 0px; padding: 0px;  
		-moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        box-shadow: -2px 2px 10px #613207;
}

#divOTartalom .kod .kod_cim h2,
#divOTartalom .demo .kod_cim h2 {
    text-align: center;
    color: #ffffff;
    margin: 0;
	padding: 0;
}

#Tartalom #tananyag iframe {margin: 0px;}

#KeresoForm1 {margin-left:-2px;}

.szin_1 { float:left;   width: 120px; }	
   .szin_1 	{
      margin: 5px; padding: 25px; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
     border-radius: 8px;
        box-shadow: -2px 2px 10px #613207;
}	

.dv_1 { float:left;  background-color:LightGreen; font-family: Verdana ; font-size:200%;

      margin: 4px; padding: 5px; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
     border-radius: 8px;
        box-shadow: -3px 3px 5px #613207;
}

.dv_2 { float:left;  background-color:white; font-family: Verdana ; font-size:200%;

      margin: 4px; padding: 5px; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
     border-radius: 8px;
        box-shadow: -3px 3px 5px #613207;
}

.l_1 {list-style-type: circle; margin-left: 20px; font-weight:bold;}
.fontos {font-weight:bold;}


  .kod_cim {text-align: center; color: #ffffff; }
  .zold { color:#006600; }
  .demo_iframe { width:400px; height:360px; background-color: #ffffff; display:block; float:left; }
  
  .kod_div {  background-color: #ffeed9; color: #000066; display:block; float:left; 
      margin: 0px; border: 0px; padding: 0px; margin-top: 0px; font-size: 14px;}
  .demo {  background-color: #5D1F1F; color:#ffeed9; display:block; float:left; width:410px; height:400px;
      margin: 7px; border: 0px; padding: 5px; margin-left: 10px;
      

-moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        box-shadow: -2px 2px 10px #613207;
display:block; float:left; 
 }	
 
.demo_iframe {  background-color: #ffffff; display:block; float:left; } 
 
 
#divOElozetesekKulso .Bmenu_bal {
    margin-left: 10px;
    margin-top: 20px;
    padding-left: 5px;
    width: 350px;
}  
  
#divOElozetesekKulso .Bmenu_bal a {
    display: block;
    background-color: #ffeed9;
    width: 320px;
    height: 30px;
    text-align: right;
    border: 1px solid #FFCC99;
    box-shadow: -4px 0px 5px 0px #613207;
    padding: 5px 8px 5px 0;
    border-radius: 5px 5px 5px 5px;
}

#divOElozetesekKulso .Bmenu_bal a,
#divOElozetesekKulso .Bmenu_bal a:link,
#divOElozetesekKulso .Bmenu_bal a:visited,
#divOElozetesekKulso .Bmenu_bal a:active  {
    color: #006666;
    font: small-caps bold 12px Verdana, Geneva, sans-serif;
    text-decoration: none;
}

#divOElozetesekKulso .fonav {
    background-color: #ffeed9;
}

#divOElozetesekKulso .leir001 {
    background-color: #ffffff;
    width: 320px;
    border: 1px solid #FFCC99;
    box-shadow: -4px 0px 5px 0px #613207;
    padding: 5px 12px 5px 10px;
    font: 13px Verdana, Geneva, sans-serif;
}


#tag_refi_1 {
    float: left;
    width: 400px;
    font-size: 12px;
    background-color: #5d1f1f;
    color: #ffffff;
    padding: 20px;
        padding-left: 20px;
    margin: 20px;
        margin-top: 20px;
        margin-left: 20px;
    margin-left: 10px;
    margin-top: 20px;
    padding-left: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 13px 12px 0px #884444 inset;
}

#tag_refi_1.W3FreeShop { height:900px;margin-left:20px;width:750px; }
#tag_refi_1.W3FreeShop #EloNezetIframe{ width:720px;}

@media only screen and (max-width : 1750px)   {
#tag_refi_1.W3FreeShop { height:900px;margin-left:20px;width:650px; }
#tag_refi_1.W3FreeShop #EloNezetIframe{ width:620px;}
}

@media only screen and (max-width : 1650px)   {
#tag_refi_1.W3FreeShop { height:900px;margin-left:20px;width:550px; }
#tag_refi_1.W3FreeShop #EloNezetIframe{ width:520px;}
}

@media only screen and (max-width : 1650px)   {
#tag_refi_1.W3FreeShop { height:900px;margin-left:20px;width:440px; padding:5px;}
#tag_refi_1.W3FreeShop #EloNezetIframe{ width:420px;}
}

@media only screen and (max-width : 1450px)   {
#tag_refi_1.W3FreeShop { height:900px;margin-left:20px;width:340px; padding:2px; overflow-x: hidden;}
#tag_refi_1.W3FreeShop #EloNezetIframe{ width:330px; overflow-x: hidden;}
}

@media only screen and (max-width : 400px)   {
#divOTartalom #tag_refi_1.W3FreeShop { height:900px;margin-left:20px;width:320px; padding:1px; overflow-x: hidden; margin:10px 0px 10px 0;}
#divOTartalom #tag_refi_1.W3FreeShop #EloNezetIframe{ width:318px; overflow-x: hidden;}
}

#tag_refi_1 {
    font-size: 12px;
    color: #ffffff;
}

#tag_refi_1 h2 {color: #fff;}

#tag_refi_1 a:link {
    color: #006666;
    font: 14px Verdana, Geneva, sans-serif;
        font-style: normal;
    text-decoration: none;
    font-style: italic;
}

#tag_refi_1 table {
    border-collapse: collapse;
}

#tag_refi_1 table tr:nth-child(2n) {
    background-color: #ffeed9;
}

#tag_refi_1 table tr:nth-child(2n-1) {
    background-color: #ffffff;
}

#tag_refi_1 th {
    background-color: #ffffff;
    font-size: 16px;
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #5D1F1F;
    text-align: center;
    color: #5D1F1F;
}

#tag_refi_1 td {
    font-size: 16px;
    border: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-color: #5D1F1F;
    color: #5D1F1F;
}

#tag_refi_1.kozepre a {color:#8ff;}


.tag_lista {
    text-align: center;   
}


/* TAG táblázat kategóriáknál*/
  .tag_tbl { border: 1px; border: solid 1px;  }
  .tag_tbl td { text-align: left; padding: 10px; border: solid 1px;   }
  .tag_tbl th { text-align: center; padding: 10px; background-color: #5D1F1F; color:#ffeed9; }
  .tag_tbl a { text-decoration:underline }
  .pre.prettyprint{ width:90%; margin: 0px; border: 0px; padding: 0px; font-size: 16px; }
  .nocode { text-align: center;  color:#ffffff; font-size: 16px; }
  
  
@media only screen and (max-width : 1000px)   {
  .tag_tbl {font-size: 12px !important;}
  .tag_tbl td {font-size: 12px !important;}
  #tananyag {font-size: 12px !important;}
}  
@media only screen and (max-width : 790px)   {
  .tag_tbl {font-size: 10px !important; width:98%;}
  .tag_tbl td {font-size: 10px !important;}
}  

#infopanel {background-color:#fff;}

.magyaraz {
    position: absolute;
    display: block;
    top: 16px;
    left: 230px;
    border: 1px solid #4333BC;
    text-align: left;
    font-size: 14px;
    background-color: #595;
    color: #fff;
}

#divSetTananyagForm {display: none;}
#chOldalFelOK:checked ~ #divSetTananyagForm {display: block;}



@keyframes elotunik_1 { 
    0% {opacity:0.2;}
  100% {opacity:1;}
}
@-webkit-keyframes elotunik_1 { 
    0% {opacity:0.2;}
  100% {opacity:1;}
}

#logoImgLink img  {          animation-name: fejlecanim_1;
  -webkit-animation-name: fejlecanim_1;
          animation-duration: 2s;
  -webkit-animation-duration: 2s; 
          animation-timing-function: linear;
  -webkit-animation-timing-function: linear;

-o-animation-name: fejlecanim_1;
-o-animation-duration: 2s;
}

@keyframes fejlecanim_1 { 
    0% {
      -webkit-transform: scale( 0.2, 0.2  );
         -moz-transform: scale( 0.2, 0.2  );
           -o-transform: scale( 0.2, 0.2  );
              transform: scale( 0.2, 0.2  );
}
    10% {
      -webkit-transform: scale( 0.2, 0.2  );
         -moz-transform: scale( 0.2, 0.2  );
           -o-transform: scale( 0.2, 0.2  );
              transform: scale( 0.2, 0.2  );
}


  100% {
      -webkit-transform: scale( 1, 1  );
         -moz-transform: scale( 1, 1  );
           -o-transform: scale( 1, 1  );
              transform: scale( 1, 1  );

}
}
@-webkit-keyframes fejlecanim_1 { 
    0% {
      -webkit-transform: scale( 0.2, 0.2  );
         -moz-transform: scale( 0.2, 0.2  );
           -o-transform: scale( 0.2, 0.2  );
              transform: scale( 0.2, 0.2  );
}
    10% {
      -webkit-transform: scale( 0.2, 0.2  );
         -moz-transform: scale( 0.2, 0.2  );
           -o-transform: scale( 0.2, 0.2  );
              transform: scale( 0.2, 0.2  );
}


  100% {
      -webkit-transform: scale( 1, 1  );
         -moz-transform: scale( 1, 1  );
           -o-transform: scale( 1, 1  );
              transform: scale( 1, 1  );

}
}



  
#tananyag {max-width:1024px;}

#magyaraz_btn::before{content: "?";} 
#magyaraz_btn {background:rgba(0, 0, 0, 0); background-color:rgba(0, 0, 0, 0); border:0; font-size:14px; color:#066; font-weight:bold; padding-top:4px;}
#infopanel, #divOTartalom  #infopanel h2 {color:#700;max-width:1024px;}
#infopanel {margin-top:20px;}
#magyaraz {max-width:1024px; cursor: pointer;}
#divOTartalom  #infopanel #zoldOK {color:#0a0;}
#kesz_btn {background-color:#066;border-radius: 5px 5px 5px 5px;color:#fff;border: 1px solid #006666;padding:5px;box-shadow: -3px 3px 10px 0px #613207;}

@media only screen and (max-width : 990px)   {
  #tananyag .demo,
  #tananyag #color_demo {overflow-x: scroll;max-width:98%;}
}



@media only screen and (max-width : 790px)   {
  #tananyag .demo {margin-left:0px;}
  .x-gorget {margin-left:0px;overflow-x: scroll;max-width:98%;background-color:#fff;}
  .kod {margin-left:0px; max-width:98%;}
  .prettyprint {overflow-x: scroll;}
  .dv_1, .dv_2 {font-size: 12px !important;}
  img {max-width:98%;}
}

#kereso input[type="submit"] {
    font: normal normal 13px Arial, Helvetica, sans-serif;
    color: #88ffff;
    border-radius: 5px 5px 5px 5px;
border: 1px solid #ffffff;

width: 80px;
height: 27px;
padding: 0px 0px;
background-color: #5d1f1f;
box-shadow: 0px 3px 7px 0px #884444 inset;
}

@media only screen and (max-width : 400px)   {
	.img_jobb_320 {margin-right: 0px !important;}
}

iframe {max-width: 98% !important;}

#kereso {box-shadow: -3px 3px 8px 0px #613207;}

#HelyiNav h1 {color:#fff; text-shadow: -5px 5px 10px #000; letter-spacing: 2px; font-size: 22px;} 
#Tartalom h1 {color:#500; text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.4); letter-spacing: 2px; font-size: 28px; font-family: "Kalam", serif;} 
#KiegeszitoInfo h2 {color:#fff; text-shadow: -5px 5px 10px #000; letter-spacing: 2px; font-size: 20px; font-family: "Kalam", serif;}
#KiegeszitoInfo h3 {font-size: 16px;}

#logoImgLink img {
    width: 152px;
    margin: 0px;    
}


.wfInfo {
    max-width: 800px;
    padding-top: 20px;
    clear: left;
}
#Tartalom .wfInfoCimsor {
    display: block;
    background-color: #fff;
    width: 660px;
    height: 38px;
    text-align: left;
    border: 1px solid #FFCC99;
    box-shadow: -4px 0px 5px 0px #613207;
    padding: 5px 12px 5px 10px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 0px;
    font-size: 16px;
    font: 16px Verdana, Geneva, sans-serif;
}
#Tartalom .wfInfoTartalom {
    background-color: #ffffff;
    border: 1px solid #FFCC99;
    box-shadow: -4px 0px 5px 0px #613207;
    padding: 10px 12px 5px 10px;
    font: 14px Verdana, Geneva, sans-serif;
        line-height: normal;

    line-height: 150%;
}

@media only screen and (max-width : 1000px)   {
#Tartalom .wfInfoCimsor {font-size: 14px; width: 450px;}
#Tartalom .wfInfoTartalom {font-size: 12px; }
}

@media only screen and (max-width : 800px)   {
#Tartalom .wfInfoCimsor {font-size: 12px; width: 320px;}
#Tartalom .wfInfoTartalom {font-size: 11px; }
}

@media only screen and (max-width : 900px)   {
#Tartalom .wfInfo td {display:inline-block;}
#Tartalom .wfInfo .kisCenter {text-align: center; }
}

.gombostu {
    text-align: center;
}
img {max-width:100%;}

#FoNav div.MobilIkon img {
    width: 80px;
}