/***** Table *****/

table {
	width: 100%;
	border-collapse: collapse;
}
th {
	background: #2b2b2b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #de2623;
	text-transform:uppercase;
	font-weight:normal;
	border-left:1px solid #464646;
	padding: 12px 6px;
	text-align: center;

}

table td {
	background:#000;
	font-size:12px;
	line-height:15px;
	color:#929292;
	border-left: 1px solid #262626;
	text-align:center;
	padding-bottom:11px;
}

table td:first-child {
	border-left: none;
	text-align:left;
	padding:0 0 0 49px;
}

table th:first-child {
	border-left: none;
	text-align:left;
	padding-left: 20px;
}


table td.item-1 {background:url(../images/flags2.png) no-repeat 10px 0 #000;}
table tr:first-child td.item-1 {background:url(../images/flags2.png) no-repeat 10px 26px #000;}
table td.item-2 {background:url(../images/flags2.png) no-repeat 10px -105px #000;}
table td.item-3 {background:url(../images/flags2.png) no-repeat 10px -210px #000;}

tbody tr:first-child td {padding-top:26px;}
tbody tr.last td {padding-bottom:26px;}

@media only screen and (min-width: 768px) and (max-width: 995px) {
	.indent-sw1 {margin-bottom:10px;}
	.indent-sw2 {padding: 0 10px !important;}
	.width-1 {width:220px !important; height:88px !important;}
	.indent {padding-left:54px;}
	.statistic {padding: 13px 5px;}
	.statistic-text {padding-right:4px;}
	.banner {width:200px;height:80px;}
	.content-menu {padding-left:15px;}
	.content-menu ul li {padding: 0 3px;}
	.footer-menu {padding-left:139px;}
	.extra-wrap {overflow:visible;}
	.left-pad2, .left-pad3 {padding-left:20px;}
	.right-pad, .right-pad2, .right-pad3 {padding-right:20px;}
	.img-style {margin-right:10px;}
	.block-1, .block-2, .block-3, 
	.block-1 a, .block-2 a, .block-3 a {width:216px;}
	.block-1 em.block-indent, .block-2 em.block-indent, .block-3 em.block-indent {padding-left:7px;}
	.block-1 strong, .block-2 strong, .block-3 strong {font-size:20px;line-height:24px;}
	.list-3 {width:216px;}
	.list-4 li {padding-left:29px;}
	.map-style iframe {}
	#contact-form input, #contact-form textarea {width:432px;max-width:432px;}
}
@media only screen and (max-width: 767px) {
	.indent-sw1 {margin-bottom:10px;}
	.indent-sw3 {margin-bottom:50px;}
	.indent-sw4 {padding: 0 20px;}
	.width, .width-2 {width:260px !important;}
	.float-sw1 {float:left !important;margin-right: 20px !important;}
	.fright {float:none !important;}
	.overflow-sw1 {overflow:visible;}
	header {background:none;}
	h1 {padding-left:44px;}
	.row-1 {padding-top:160px;}
	.row-2 {position:absolute;top:20px;left:0;padding:0;}
	.content-menu, .footer-menu {display:none;}
	.indent-bot4 {margin-bottom:0;}
	.statistic {margin-left:26px;}
	.statistic-text {padding-bottom:10px;padding-left:40px;}
	.img-style {float:none;margin: 0 0 10px;}
	.left-pad, .left-pad2, .left-pad3,
	.right-pad, .right-pad2, .right-pad3 {padding:0 20px;}
	.star {margin-left:40px;}
	.block-1, .block-2, .block-3,
	.block-1 a, .block-2 a, .block-3 a,
	.list-3 {width:260px;}
	.list-3 {padding-bottom:30px;}
	#contact-form input, #contact-form textarea {width:240px;max-width:240px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.overflow-sw2 {overflow:hidden;}
	.indent-sw5 {margin-right: 20px;}
	.indent-sw6 {padding-left: 25px;}	
	.width, .width-2 {width:162px !important;}
	.width-4 {width:380px !important;}
	h1 {padding-bottom:20px;padding-left:100px;}
	.statistic {margin-left:0px;}
	.statistic-text {padding-left:20px;}
	.float-sw2 {float:left !important;margin:0 10px 0 0px;}
	#page1 .banner {width:180px;height:72px;float:left;}
	.img-style {float:left;margin: 5px 20px 0 0;}
	.block-1, .block-2, .block-3,
	.block-1 a, .block-2 a, .block-3 a,
	.width-3 {width:264px !important;}
	.list-3 {width:380px;}
	.map-style iframe {}
	#contact-form input, #contact-form textarea {width:360px;max-width:360px;}
}


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

	table, thead, tbody, th, td, tr {display: block;}
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {border: 1px solid #464646; border-bottom:none;}
	tr.last {border-bottom: 1px solid #464646;}

	td {
		border: none;
		border-bottom: 1px solid #464646;
		position: relative;
		padding-left: 50% !important;
	}
	
	table td {text-align:left;}
	tbody tr:first-child td, tbody td {padding-top:5px !important;padding-bottom:11px !important;}

	td:before {
		position: absolute;
		top: 5px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:14px;
		color: #fff;
		text-transform:uppercase;
	}
	
	table td.item-1, table td.item-2, table td.item-3, table tr:first-child td.item-1 {background:none;background-color:#000;}

	td:nth-of-type(1):before { content: "Asztal Név"; }
	td:nth-of-type(2):before { content: "Felhasználók"; }
	td:nth-of-type(3):before { content: "Asztal Típus"; }
	td:nth-of-type(4):before { content: "Befizetés"; }
	td:nth-of-type(5):before { content: "Kis Vak"; }
	td:nth-of-type(6):before { content: "Nagy Vak"; }
	td:nth-of-type(7):before { content: "Asztal Státusz"; }
	
	
}