/* block hatter(vilagos),menu hatter(kozep),fejlec(sotet) */
/* új #eee48b;#e2b07a;#6b673e */
/* kék #f9f9ff #9fcfdf #003366 */

body { 
	background:#fff none repeat scroll 0%; 
	padding:0pt; 
	margin:0pt; 
	color:#363636; 
}

/* Betűk */
h1, h2, h3 { font-family:arial,verdana,times,helvetica,sans-serif; margin:0pt; }
h4, h5, h6, .k_box { font-family:verdana,arial,times,helvetica,sans-serif; margin:0pt; }
h1 { font-size:22px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:14px; font-weight:normal; text-align:justify; }
h4, .k_box { font-size:12px; font-weight:normal; } 
h5 { font-size:12px; font-weight:normal; text-align:justify; } 
h6 { font-size:11px; font-weight:normal; text-align:justify; } 
.kiemel{color: #cc3733;}

.termeklink { text-decoration:none; color:#363636; font-family:verdana,arial,times,helvetica,sans-serif; font-style:italic; }
.termeklink:hover { color:#cc3733; cursor:pointer; } 

.cimlink {text-decoration:none; color:#363636;}
.cimlink:hover {color:#cc3733; cursor:pointer; } 

.szoveglink {color:#336666;}
.szoveglink:hover {color:#cc3733; cursor:pointer; } 

.codedirection { unicode-bidi:bidi-override; direction: rtl; }

hr { border:0px; height:1px; background: black; }

.vonal { margin:4px 0px; }
/* Alap */
.keret {
	width:95%;
	max-width:960px; 
	background:#fff none repeat scroll 0%; 
	display:block;
    margin:10pt auto; 
	padding:0px 10px;
    border-radius: 8px; 
	box-shadow:0px 0px 8px 3px #999;}
     
.fixHead {
	display:none;
}
	 
/*Fejléc*/
.fejlec {
	text-align:center;
	margin:5pt auto 15pt auto; 
	width:100%; 
	border:0px; 
}
.fejlec .balmezo, 
.fejlec .jobbmezo{
	float:left;
	width:220px;
	text-align:center;
	border:0px solid red;
}
.fejlec .balmezo{
	margin-left:-100%;
} 
.fejlec .jobbmezo{
	margin-left:-220px;
} 
.fejlec .kozepmezo{
	width:100%;
	float:left;
}
.kozepmezok {
	margin:0 220px 0 220px;
	padding:0px;
}
.cim {
	color:#336666; 
	margin:10px auto 2px auto; 
	font-size:30px; 
	font-family:times; 
	letter-spacing:2px; 
	text-shadow:1px 1px 1px #ffffff;
}  
/* Menü */
.fomenuicon, 
.tmenuicon {
	float:right;
	cursor: pointer;
	display: block;
	padding: 0;
	margin: 2px 5px 0 0;
	background: #575704;
	transition: background-color .5s
}
.icon-bar {
	background-color: #fff;
	display: block;
	width: 15px;
	height: 2px
}
.icon-bar + .icon-bar {
	margin-top: 4px 
}
.arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 8px;
	vertical-align: middle
}
.arrow.down {
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}
.arrow.up {
	border-bottom: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}
.fomenusav,
.tmenusav{
	width:98%;
	background:#003366 none repeat scroll 0%; 
	color:#fff;
	margin:5px auto 15px auto; 
	padding:3px;
	font-size:16px;
	font-family:verdana,tahoma,arial,times,helvetica,sans-serif;
	text-align:center;
	border:1px solid #003366; 
	border-radius: 8px;
}
.tmenusav{
	display:none;
}
.fomenufej,
.tmenufej{
	display:none;
}
.fomenu,
.tmenu{
	font-size:14px;
	font-family:verdana,tahoma,arial,times,helvetica,sans-serif;
}
.fomenulink, 
.fomenulinkm, 
.tmenulink { 
	display:block; 
	position: relative; 
	background:#003366; 
	color:#fff;
//	width:110px; 
//	margin:0 auto;
	margin:0px 6px 0px 14px;
	padding:3px 8px;
	float:left; 
	text-align:center;
	text-decoration:none; 
	cursor: default;
    border-radius: 6px;
}
.fomenulink:hover,
.fomenulinkm:hover,
.tmenulink:hover {
	background: #fff; 
	background-image: radial-gradient(rgba(255,255,255,1) 40%,rgba(102,102,102,1));
	color:#003366;
	cursor: pointer;
}
.fomenulinkm { 
	display:none; 
}
/* Kereso */
.search_input{width:140px; height:21px; background: #fff ; color:#cc3733; text-align:left;vertical-align:middle;margin:0px;border:1px solid #336666; border-right:none;border-top-left-radius: 6px;border-bottom-left-radius: 6px;padding:0px 3px;}
.search_gomb {height:24px;  background-color:#336666; color:#fff; vertical-align:middle; margin-bottom:1px;border:1px solid #336666;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
//.search_button{width:50px; height:22px; background: url('https://www.esoviztechnika.hu/uniq/search2.gif') ; border:1px solid #336666; vertical-align:top;margin-right:1px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
//.search_button:hover{background: url('https://www.esoviztechnika.hu/uniq/search3.gif') ; cursor:pointer;}

.ac_results {margin-top: 5px; padding: 5px;	border-radius: 6px;
	background-color: #f9f9ff; overflow: hidden; z-index: 99999; }
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block;
	font-family:verdana,arial,times,helvetica,sans-serif; font-size:12px; font-weight:normal;
	line-height: 16px; overflow: hidden; }
.ac_loading {background: white url('https://www.esoviztechnika.hu/images/load.gif') right center no-repeat; }
/*.ac_odd {background-color: white; }*/
.ac_over {background-color: #336666; color: white;border-radius: 6px; }
 

/* Középsáv */
.kozep { 
	float:left;
	clear:none; 
	width:100%; 
	margin:0pt auto;
    text-align:center; 
	vertical-align:top;
}
.kozepsav { 
	max-width:650px;
	margin:0pt auto;
	padding:0 150px;
    text-align:center; 
	vertical-align:top;
}

.k_box { 
	margin:0pt;
	background:#fff none repeat scroll 0%; 
	color:#363636; 
    padding:10px; 
	margin:0pt auto 10px auto; 
	text-align:center; 
	vertical-align:top;
    border-radius: 8px; 
	box-shadow:2px 2px 4px 0px #999;
}
.k_box .szoveg {text-align:justify;}

.k_box .lista {padding:0px 20px;text-align:justify; font-size:12px; font-weight:normal;font-family:verdana,arial,times,helvetica,sans-serif;}
.k_box .lista ul { list-style-type:square; list-style-position:outside; list-style-image: url("https://www.esoviztechnika.hu/uniq/jel1.gif"); margin-left:10px; padding-left:10px; }
.k_box .lista li {margin-top:8px; font-family:verdana,arial,times,helvetica,sans-serif; 
     font-size:12px; font-weight:normal; text-align:justify;}
.k_box .lista li a { color:#336666; font-family:verdana,arial,times,helvetica,sans-serif; font-size:14px; font-weight:normal; }
.k_box .lista li a:hover { color:#cc3733; cursor:pointer; } 

.k_box ul { list-style-type:square; list-style-position:outside; list-style-image: url("https://www.esoviztechnika.hu/uniq/jel1.gif"); margin-left:10px; padding-left:10px; }
.k_box li {margin-top:8px; font-family:verdana,arial,times,helvetica,sans-serif; 
     font-size:12px; font-weight:normal; text-align:justify;}
.k_box li a { color:#336666; font-family:verdana,arial,times,helvetica,sans-serif; font-size:14px; font-weight:normal; }
.k_box li a:hover { color:#cc3733; cursor:pointer; } 

.mellekbox {
	vertical-align:top;
	display:inline-block;
	width:50%;
	margin: 0 auto;
}
.kep1 ,
.kep500 { 
	margin : 5px auto; 
	border : 1px solid #363636; 
	border-radius: 6px; 
	box-shadow:2px 2px 4px 0px #999;
} 
.kep200 {
	width:202px; 
	margin : 5px 20px 5px 20px; 
	border : 1px solid #363636; 
	border-radius: 6px; 
	box-shadow:2px 2px 4px 0px #999;
} 
.kep60 { width:56px; height:38px; margin : 5px 5px 5px 5px; border : 1px solid #363636; border-radius: 4px; } 
.kep150 { width:146px; height:99px; margin : 5px 5px 5px 5px; border : 1px solid #363636; border-radius: 6px; } 
.kepkeres { float:right; width:120px; height:80px; margin : 12px 20px 5px 20px; border : 1px solid #363636; border-radius: 6px; box-shadow:2px 2px 4px 0px #999;} 
.szgarieco { width:100px; height:100px; position:absolute; top:-2px; left: 11px; margin:0px 2px; clear:both;}


.kupon1, 
.kupon2 {
	min-height:90px;
	float:left;
	padding:3px;
	margin:0px auto;
	text-align:center;
	border:0px solid red;
}
.kupon1 {
	width:150px;
	margin-left:-100%;
}
.kupon2 {
	width:100%;
}
.kupon2k {
	margin-left:150px;
}


/* Facebook */
.megoszt {width:16px; height:16px; border: 5px solid white; border-width: 5px 10px;}
.megoszt:hover { border-color:#336666;}

/* Táblázat */
.tablazat,
.tablazataszt, 
.tablazatoldal {
	width:100%; 
	max-width:550px; 
	background-color:#fff; 
	border-collapse:collapse; 
	margin:5px auto; 
	font-family:verdana,arial,times,helvetica,sans-serif; 
	font-size:12px; 
	border-radius: 8px;
}
.tablazat th { 
	text-align:center; 
	vertical-align:top; 
	font-weight:bold;  
	padding:0px 0px 5px 0px; 
}
.tablazat td, 
.tablazat .bal{
 	text-align:center; 
	vertical-align:top; 
	padding:5px 0px 5px 0px; 
}
.tablazat .notitle{
 	text-align:center; 
	vertical-align:top; 
	padding:5px; 
}
.tablazat .bal{
 	text-align:left; 
}
.tablazat .tablasztali , 
.tablazat tr .tablasztali {
//	display:block;
}
.tablazat .tablmobil {
	display:none;
}

/* Input */
fieldset{ color:#363636; 
     padding:10px; margin:0pt auto 10px auto; text-align:center; vertical-align:top;
     border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}
.input{
	background: #fff ; 
	color:#363636; 
	text-align:left;
	vertical-align:middle;
	margin:0px;
    border-radius: 6px;padding:3px 3px;
    font-family:verdana,arial,times,helvetica,sans-serif;
	font-size:12px;
}
.inputtabla{background: #fff ; color:#363636; margin:0px;
     border-radius: 6px;text-align:center;
     font-family:verdana,arial,times,helvetica,sans-serif;font-size:12px;}
.gomb {height:24px; color:#fff; vertical-align:middle; margin-bottom:1px; border-radius: 6px;}

/* Oldalsáv */
.balsav  ,
.jobbsav{
	display:block;
	float:left; 
	vertical-align:top; 
	width:140px; 
	margin:0px;
}
.balsav { 
	margin-left:-100%;
}
.jobbsav { 
	margin-left:-140px;
}

.balbox { background:#ffffff none repeat scroll 0%; width:132px;
     text-align:left; vertical-align:top; padding:2px; margin:0px auto 10px auto;
     border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}
.balbox .fejlec { height:16px; color:#ffffff;
     font-family:arial,verdana,times,helvetica,sans-serif; font-size:14px; padding:2px 0pt; text-align:center;
     margin:3px 0px;border-radius: 6px;}
.balbox .fejlec a{ height:16px; color:#ffffff;
     font-family:arial,verdana,times,helvetica,sans-serif; font-size:14px; text-decoration:none;}
.balbox .fejlec a:hover { cursor: pointer; } 
.ballink { display:block; color:#363636;
    font-family:verdana,arial,times,helvetica,sans-serif; font-style:normal; font-weight:normal;
    font-size:12px; padding:3px 0px 3px 2px;
    text-align:left; text-decoration:none; }
.ballink:hover { cursor: pointer; color:#f7f7f7; 
    border-radius: 6px;} 
.balalmenu { margin:5px 2px; padding:2px;
    border:1px solid black; border-radius: 6px;}

/* Kosár */
.kosar { vertical-align:top; padding:0px; margin:0px; 
     font-family:verdana,arial,times,helvetica,sans-serif; 
     font-size:12px; font-weight:bold; text-align:center; }
.kosar .kosarbox { font-size:10px; font-weight:normal; padding:2px; margin:10px 2px; text-align:left;
     border:1px solid black; border-radius: 8px; }
.kosar .kosarbox h6 { text-align:left; font-weight:bold; }     
.kosar .kosarbox .torol { float:right; width:20px; }     

.kosar h6 { text-align:left; font-weight:bold;}     
.kosar .kosarlink { color:#363636; text-decoration:none; font-weight:bold; font-size:12px;}
.kosar .kosarlink:hover { color:#cc3733; cursor:pointer; } 

/* Akció */ 
.akcio { font-family:verdana,arial,times,helvetica,sans-serif; 
     font-size:12px; font-weight:bold; text-align:center; }
.akcio .akciobox { vertical-align:top; padding:10px 2px; margin:10px 2px;
     border:1px solid black; border-radius: 8px;} 
.akcio .akciobox img {width:120px; height:80px; margin:3px auto; border:0px;}
.akcio .akciobox .akciolink { color:#363636; text-decoration:none; }
.akcio .akciobox .akciolink:hover { color:#cc3733; cursor:pointer; } 

/* Kisbox */
.kisbox { 
	display:inline-block;
	width:130px;
	background:#9fcfdf none repeat scroll 0%; 
	vertical-align:top; 
	padding:2%; 
	margin:10px 10px;
	border:1px solid black; 
	border-radius: 8px;
} 
.kisbox .kisfej {
	height:16px; color:#fff; 
    font-size:12px; 
	font-family:verdana,arial,times,helvetica,sans-serif;
	padding:2px;
	margin:0px auto 5px auto; 
    text-align:center;
	border-radius: 6px; 
}
.kisbox img {
	width:120px; 
	height:80px; 
	margin:3px auto; 
	border:0px;
}
.kisbox .link {
	color:#363636; 
	text-decoration:none; 
}
.kisbox .link:hover { 
	color:#cc3733; 
	cursor:pointer; 
}	
.kisbox .ajanltip { position:relative; cursor: pointer; text-decoration:none; }
.kisbox .ajanltip:hover {  cursor: pointer; }
.kisbox .ajanltip span { display:none; }
.kisbox .ajanltip:hover span { z-index: 25; display: block; position: absolute;  width: 200px; left: -50px; top: -40px; 
    font-family:verdana,arial,times,helvetica,sans-serif; font-style: normal; font-weight: normal; font-size:10px; line-height: 1.2;
    background-color: #f9f9ff; color:#363636; padding:5px 10px; text-align: justify;  
    border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}
 

/* Ajánló block */
.ajanlo { width:550px; background-color:#fff; border-collapse:separate; border-spacing: 15px; 
     margin:0px auto; padding:0px; 
     text-align:center; vertical-align:top; }
.ajanlo td { background:#fff none repeat scroll 0%; 
    text-align:center; vertical-align:top;}
.ajanloblock { background:#ffffff none repeat scroll 0%; 
     font-family:verdana,arial,times,helvetica,sans-serif; 
     font-size:12px; font-weight:normal;
     padding:2px; margin:0px auto; 
     text-align:center; vertical-align:top; }
.ajanlofej { height:16px; color:#fff; 
     font-size:11px; 
     padding:2px; margin:0px auto 5px auto; 
     text-align:center;  vertical-align:middle; border-radius: 6px; }
.ajanlobox { padding:4px; margin:0px auto 10px auto; line-height:1.2em;
     text-align:center;  vertical-align:top; 
     border:1px solid black; border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}
.ajanlobox img {width:116px; height:78px; margin:5px auto; border:1px solid black; border-radius: 4px;}
.ajanlobox .ajanlolink { color:#363636; text-decoration:none; }
.ajanlobox .ajanlolink:hover { color:#cc3733; cursor:pointer; } 


/* Menü felugró */
a.menutip { position: relative; width:135px; height:21px; margin:2px 6px; float:left; color:#ffffff;
     font-family:verdana,tahoma,arial,times,helvetica,sans-serif; font-size:14px; padding:0px 5px; text-align:center;
     border-radius: 6px; text-decoration:none; cursor: default;}
a.menutip:hover {background: #ffffff; background-image: radial-gradient(rgba(255,255,255,1) 40%,rgba(51,102,102,1)); cursor: pointer;}
a.menutip span { display:none; }
a.menutip:hover span {z-index: 25; display: block; position: absolute; width: 300px; top: 28px; left: -150px; 
    font-family:tahoma,verdana,arial,times,helvetica,sans-serif; font-style: normal; font-size:12px;line-height: 1.3;
    background-color: #f9f9ff; color:#363636; padding:5px; text-align: justify;
    border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}
h4.menutip { position: relative; width:135px; height:21px; margin:2px 6px; float:left; color:#ffffff;
     font-family:verdana,tahoma,arial,times,helvetica,sans-serif; font-size:14px; padding:0px 5px; text-align:center;
     border-radius: 6px; text-decoration:none; cursor: default;}
h4.menutip:hover {background: #ffffff; background-image: radial-gradient(rgba(255,255,255,1) 40%,rgba(51,102,102,1)); cursor: pointer;}
h4.menutip span { display:none; }
h4.menutip:hover span {z-index: 25; display: block; position: absolute; width: 300px; top: 28px; left: -150px; 
    font-family:tahoma,verdana,arial,times,helvetica,sans-serif; font-style: normal; font-size:12px;line-height: 1.3;
    background-color: #f9f9ff; color:#363636; padding:5px; text-align: justify;
    border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}

/* Oldalkép felugró */
a.oldalkeptip { position:relative; cursor: pointer; text-decoration:none; }
a.oldalkeptip:hover {  cursor: pointer; }
a.oldalkeptip span { display:none;}
a.oldalkeptip:hover span { z-index: 25; display: block; position: absolute;  width: 370px; top:-127px; left:233px;
    font-family:verdana,arial,times,helvetica,sans-serif; font-style: normal; font-weight: normal; font-size:10px; line-height: 1.2;
    background-color: #f9f9ff; color:#363636; padding:5px 10px; text-align: justify;  
    border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}
a.oldalkeptip span em {display:none;}

/* Fotó felugró */
a.keptip { position: relative; cursor: default;}
a.keptip:hover { cursor: default;}
a.keptip span { display: none; }
a.keptip:hover span {z-index: 25; display: block; position: absolute; top: -160px; left:228px; }

/* Ajánló felugró */
a.ajanltip { position:relative; cursor: pointer; text-decoration:none; }
a.ajanltip:hover {  cursor: pointer; }
a.ajanltip span { display:none; }
a.ajanltip:hover span { z-index: 25; display: block; position: absolute;  width: 200px; left: -50px; top: -40px; 
    font-family:verdana,arial,times,helvetica,sans-serif; font-style: normal; font-weight: normal; font-size:10px; line-height: 1.2;
    background-color: #f9f9ff; color:#363636; padding:5px 10px; text-align: justify;  
    border-radius: 8px; box-shadow:2px 2px 4px 0px #999;}

/* Képváltó kicsi*/
div.clear{
	clear:both;
}
ul#valtosav{
	margin:0;
	margin-left:10px;
	padding:0;
	list-style:none;
}
ul#valtosav li{
	text-align:center;
	float:left;
	width:60px;
	margin:6px;
	cursor:pointer;
}
ul#valtosav1{
	margin:0;
	margin-left:25px;
	padding:0;
	list-style:none;
}
ul#valtosav1 li{
	text-align:center;
	float:left;
	width:150px;
	margin:20px;
	cursor:pointer;
}
ul#valtosav span{
	display:none;
	width:600px;
	height:400px;
	border : 1px solid #363636;
	border-radius: 8px;
	box-shadow:2px 2px 4px 0px #999;
}
/*
img.span1 :hover{
	display:block;
}
img.span2{
	display:none;
}
img.span2:hover{
	display:block;
}
img.span3{
	display:none;
}
img.span3:hover{
	display:block;
}
*/
div#valtokep div{
	display:none;
}
#fixFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0.7;
  float: left;
}

#fixFooter p{
  float: left;
  width: 100%;
  color: #fff;
  text-align: center;
  margin: 8px auto;
  font-family: verdana, ariel;
  font-size: 16px;
  font-weight: normal; 
}

#fixFooter a{
	color: #fff; 
	font-family: verdana, ariel; 
	font-size: 16px; 
	font-weight: normal; 
}

@media only screen and (max-width:900px) {
	.fixHead {
		width:100%;
		background:#003366 none repeat scroll 0%; 
		color:#fff;
		margin:0px auto 15px auto; 
		padding:3px;
		border:1px solid #003366; 
//		border-radius: 8px;
		font-family:verdana,arial,times,helvetica,sans-serif; 
		font-size: 16px; 
		display: block;	
		position: fixed;
		top: 0;
		left: 0;
	}
	.fixHead .box{
		width:25%;
		float: left;
		text-align:center;
	}
	.fixHead .box img{
		margin:0px auto; 
		width:20px; 
		height:20px;
	}

	.fejlec {
		margin-top: 26px;
	}
	
	.fejlec .kozepmezo, 
	.fejlec .kozepmezok,
	.fejlec .fej,
	.fejlec .jobbmezo,
	.fejlec .balmezo{
		display:none;
		width:95%;
		height:100%;
		float:none;
		margin:0px auto;
	}	
	.fejlec .onlineuser{
//		display:none;
		width:95%;
		height:100%;
		float:none;
		margin:15px auto;
	}	
	.fejlec .kozepmezo, 
	.fejlec .kozepmezok,
	.fejlec .balmezo{
		display:block;
	}	
	h4, h5, h6, .input, .k_box .lista ul li{
		font-size:16px; 
		font-weight:normal; 
//		text-align:justify; 
	} 
	.keret {
		width:90%;
		box-shadow: none;
	}

	.kozepsav { 
		width:98%;
		padding-left:0;
		padding-right:0;
	}
	.jobbsav{
		display:none;
	}
	.balsav{
		display:none;
	}
	.fomenusav{
		display:none;
	}
	.tmenusav{
		display:block;
	}
	.fomenu,
	.tmenu{
		display:none;
		font-size:16px;
	}
	.fomenufej,
	.tmenufej{
		display:block;
	}
	.fomenulinkm { 
		display:block; 
	}
	.fomenulink,
	.fomenulinkm,	
	.tmenulink{
		background-image:none;
		width:100%;
		padding:0px;
		text-align:left;
		margin: 8px 0px; 
		float:none;
	}
	.fomenulink:hover,
	.fomenulinkm:hover,
	.tmenulink:hover{
		background-image:none;
	}
	.kep200,
	.kep500 {
		width:90%;
		margin : 5px auto; 
	}
	.mellekbox {
		display:block;
		width:100%;
	}
	.kisbox { 
		width:120px;
		margin:10px 5px;
	}
	.kisbox .ajanltip:hover span {
		display:none; 
	}
	a.oldalkeptip:hover span {
		display:none; 
	}
	.kupon1, 
	.kupon2, 
	.kupon2k	{
		width:95%;
		float:none;
		margin:0px auto;
		min-height:0px;
	}	
	.tablazatoldal{
		font-size:16px; 
	}
	.tablazat,
	.tablazat table,
	.tablazat tbody,
	.tablazat tr,
	.tablazat th,
	.tablazat td{
		display: block; 
		border:0;
		font-size:16px; 
	}
	.tablazataszt tr,
	.tablazataszt th,
	.tablazataszt td{ 
		font-size:16px; 
	}

	.tablazat tr{
		width:90%; 
		max-width:400px; 
		margin:15px auto;
		border:1px solid #336666;
		padding:3px;
	}
	.tablazat .nokeret{
		border: none;
	}
	.tablazat tr:first-child {
//		border:0px solid #336666;
	}
	.tablazat th {
		position: absolute; 
		top: -9999px; 
		left: -9999px;
	}
	.tablazat td ,
	.tablazat .bal{
		position: relative; 
		padding-left: 50%;  
//		text-align:right;
		white-space: normal;
	}
	.tablazat .bal{
		background-color: #9fcfdf; 
	}
	
	.tablazat .tablasztali , 
	.tablazat tr .tablasztali {
		display:none;
	}
	.tablazat .tablmobil {
		display:block;
	}
	.tablazat td:before {
		position: absolute; 
		top: 2px; 
		left: 6px; 
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap; 
		text-align:left; 
		font-weight: bold; 
	}
	.tablazat td:before { 
		content: attr(title); 
	} 
	
}