body {
	background-image:url('kepek/hatter.png');
	background-color:#525458;
	margin:auto;
	padding:0px;
	height:100%;
	overflow-y:scroll;
} 
#fooldal
{
	height:100%;
	padding:0px;
	width:1000px;
	margin:auto;
}

@font-face {
	font-family: jegyzet;
	src: url('kepek/handsean.ttf');
}
#bejelentkezes {
	margin:auto;
	margin-top:200px;
	padding:0px;
	width:400px;
	height:400px;
}

table.jegyzet
{
	border-radius:5px;
	float:right;
	width:315px;
	border:2px solid #553E36;
	background-color:#FCF9B3;
	margin:5px; 
	padding:0px;
	table-layout:fixed;
	font-size:12px;
	letter-spacing:1px;
	font-family:jegyzet;
	color:#6F5242;
	text-shadow:0px 0px 0.1px #000000;
}

tr.feladat
{
	background-color:#553E36;
	color:#FDFCFC;
	text-align:center;
}
input.jegyzet
{
	letter-spacing:1px;
	font-family:jegyzet;
	background-color:transparent;
	border:0px;
}
tr.kutich_tr
{
	background-color:#f6a5a5;
}
tr.kutich_tr:hover
{
	background-color:#ed7a7a;
}
tr.kutich_tr_nincs:hover
{
	background-color:#cccccc;
}
input.jegyzet_submit
{
	height:20px;
	width:20px;
	border: 1px solid #352A26;
	background-color:#7B534A;
	border-radius:5px;
	box-shadow:inset 1px 1px 1px #000000;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-family:Helvetica;
	padding:0px;
	margin:0px;
}
input.jegyzet_torles
{
	height:20px;
	width:20px;
	border: 1px solid #352A26;
	background-color:#CF2B2D;
	border-radius:25px;
	box-shadow:inset 1px 1px 1px #000000;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-family:Helvetica;
	padding:0px;
	margin:0px;
}
input.jegyzet_torles:active
{
	background-color:#931F1F;
}
table.bejelentkezes_table
{
	color:#C9C9C9;
	text-shadow: 1px 1px 8px #232529;
	border: 0px solid #FFFFFF;
	border-radius:5px;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
input.alap_stilus
{
	border: 1px solid #212328;
	border-radius:2px;
	padding-left:5px;
	-moz-box-shadow:    inset 0 0 15px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow:         inset 0 0 15px #000000;
	color:#FFFFFF;
	font-size:15px;
	font-family:Book Antiqua;
	font-weight:bold;
	background-image:url('kepek/hatter.png');
}
input.belepes
{
	padding:3px;
	background-image:url('kepek/hatter.png');
	border: 1px solid #212328;
	border-radius:10px;
	color:#FFFFFF;
	font-size:20px;
	padding-left:5px;
	font-family:Lucida Console;
	font-weight:bold;
	font-family: Helvetica;
}
input.belepes:hover
{
	text-shadow:	0 0 5px #212328;
	-moz-box-shadow:     0 0 2px #FFFFFF;
	-webkit-box-shadow:  0 0 2px #FFFFFF;
	box-shadow:          0 0 2px #FFFFFF;
}
.kilepes A:link {color:white;text-decoration:none;}
.kilepes A:{color:white;text-decoration:none;}
.kilepes A:visited {color:white;text-decoration:none;}
.link A:link {text-decoration:none;}
.link A:{text-decoration:none;}
.link A:visited {text-decoration:none;}
/*DIV-ek*/
tr.kortortenet:hover
{
	background-color:#BCCCDC;
	border-radius:5px;
	
}
#menu
{
	margin:auto;
	background-image:url('kepek/menu_bg.png');
	margin-top:10px;
	width:1000px;
	height:100px;
	border:1px solid #3C4657;
	background-image: linear-gradient(top, #B4BDCB 33%, #7085A1 67%);
	background-image: -o-linear-gradient(top, #B4BDCB 33%, #7085A1 67%);
	background-image: -moz-linear-gradient(top, #B4BDCB 33%, #7085A1 67%);
	background-image: -webkit-linear-gradient(top, #B4BDCB 33%, #7085A1 67%);
	background-image: -ms-linear-gradient(top, #B4BDCB 33%, #7085A1 67%);
	box-shadow:inset 0px 0px 5px #354052;
	
}
table.menu
{
	margin:auto;
	background-color:transparent;
	width:1000px;
	border:0px;
	padding:0px;
	table-layout:fixed;
}
table.kijelentkezes
{
background-color:#585858;border-radius:5px;width:100%;float:left;text-align:center;color:#FFFFFF;text-shadow: 0px 0px 0.3px #000000;font-size:18px;letter-spacing:3px;
}
table.kijelentkezes:hover
{
	letter-spacing:8px;
}
input.gomb
{
	box-shadow:inset 0px 0px 2px #64788F;
	border: 1px solid #3E5367;
	background-image: url('kepek/gomb_bg.png');
	background-image: linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -o-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -moz-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -webkit-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -ms-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	color:#E8F4F8;
	text-shadow:0px 0px 2px #54667B;
	border-radius:5px;
	margin:5px;
	height:30px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
input.gomb:active
{
	background-image: linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -o-linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -moz-linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -webkit-linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -ms-linear-gradient(top, #8C9FBA 33%, #415063 72%);
}
input.gomb_1
{
	box-shadow:inset 0px 0px 2px #64788F;
	border: 1px solid #3E5367;
	background-image: url('kepek/gomb_bg.png');
	background-image: linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -o-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -moz-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -webkit-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);
	background-image: -ms-linear-gradient(top, #8C9FBA 33%, #4B6B96 67%);

	color:#E8F4F8;
	text-shadow:0px 0px 2px #54667B;
	border-radius:5px;
	margin:5px;
	height:22px;
	font-size:13px;
	text-decoration:none;
}
input.gomb_1:active
{
	background-image: linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -o-linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -moz-linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -webkit-linear-gradient(top, #8C9FBA 33%, #415063 72%);
	background-image: -ms-linear-gradient(top, #8C9FBA 33%, #415063 72%);
}
input.szerviz_megnyit
{
	border: 1px solid #CFCFCF;
	color:#6A6A6A;
	font-size:15px;
	font-weight:bold;
	text-shadow: 0px 1px 3px #F9F9F9;
	border-radius:2px;
	background-color:#DFDFDF;
}
input.szerviz_megnyit:hover
{
	box-shadow:inset 0px 1px 10px #F9F9F9;
}
select.valaszto
{
	width:300px;
	font-family: sans-serif;
	margin: 0;  
	padding: 0;
	font-size:11px;
	border:2px solid #D9DCDF;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	height:20px;
	background-color:#eff3f7;
	overflow-y: scroll;
}
.valaszto
{
	font-weight:normal;
	font-size:10px;
	background-color:#cccccc;
}
select.valaszto_eszkoz
{
	width:200px;
	font-family: sans-serif;
	margin: 0;  
	padding: 0;
	font-size:12px;
	border:2px solid #D9DCDF;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	background-color:#eff3f7;
	overflow-y: scroll;
}
input.input
{
	border:1px solid #6D7F94;
	border-radius:5px;
	text-align:center;
	font-size:14px;
	margin:0px;
	padding:-2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
input.input:focus
{
	border:1px solid #8FDA41;
	box-shadow:inset 0px 0px 3px #8FDA41;
}
td.megjegyzes
{
	font-size:10px;
	margin:0px;
	padding:-2px;
}
#uj_szerviz
{
	margin:auto;
	margin-bottom:25px;
	background-color:#DDE4EE;
	background-image:url('kepek/aktiv_hatter.jpg');
	border:1px solid #D9DCDF;
	box-shadow:0px 0px 1px #A5AAAE;
	margin-top:10px;
	width:400px;
	border-radius:2px;
	border:1px solid #B2B4B7;
	box-shadow:inset 0px 0px 2px #354052;
}
table.szerviz_lista
{
	margin:2px;
	float:left;
	width:650px;
	min-height:350px;
	background-color:#EBEBEB;
	border: 2px solid #313131;
	border-radius:5px;
	box-shadow:inset 0px 0px 3px #383838;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	table-layout:fixed;
	text-shadow: 0px 0px 1px #FFFFFF;
}
tr.szerviz_lista_alt
{
	text-shadow: 0px 0px 0.5px #FFFFFF;
	background-color:	#F5F5F5;
}
tr.szerviz_lista:hover
{
	cursor:pointer;
	box-shadow: inset 0px 0px 10px #657892;
	border-radius:5px;
}
tr.szerviz_lista_alt:hover
{
	cursor:pointer;
	box-shadow: inset 0px 0px 10px #657892;
	border-radius:5px;
}
td.ugyfel_neve
{
	color:#585858;
	font-weight:bold;
	border-left:1px solid #676767;
	height:30px;
}
td.eszkoz_neve
{
	
	color:#A3A3A3;
	font-size:11px;
}

#szerviz_lista
{
	margin:auto;
	position: absolute;
	padding:2px;
	margin-top:2px;
	width:995px;
	background-image:url('kepek/aktiv_hatter.jpg');
	background-color:#EBEBEB;
	border: 2px solid #313131;
	border-radius:5px;
	min-height:450px;
}
#elkeszult_szerviz
{
	margin:auto;
	width:900px;
	background-image:url('kepek/aktiv_hatter.jpg');
	background-color:#EBEBEB;
	border: 2px solid #313131;
	border-radius:5px;
}
table.elkeszult_szerviz
{
	margin:auto;
	table-layout:fixed;
	box-shadow: inset 0px 0px 5px #000000;
	border: 1px solid #313131;
	border-radius:5px;
	width:800px;
	padding-left:10px;
	/*text-shadow:0px 0.5px 8px #000000;*/
	padding-right:10px;
	background-color:#F7F7F7;
	margin-top:15px;
}
#szerviz_infok
{
	margin:auto;
	margin-top:2px;
	width:800px;
	background-color:#EBEBEB;
	border: 1px solid #655F5E;
	border-radius:2px;
	min-height:200px;
	/*box-shadow: inset 0px 11px 8px -10px #655F5E;*/
	box-shadow: inset 0px 0px 8px #655F5E;
}
#szerviz_infok_szerkeszt
{
	float:left;
	margin:auto;
	margin-top:2px;
	width:800px;
	background-color:#EBEBEB;
	border: 1px solid #655F5E;
	border-radius:2px;
	min-height:200px;
	/*box-shadow: inset 0px 11px 8px -10px #655F5E;*/
	box-shadow: inset 0px 0px 8px #655F5E;
}
/*DIV-ek*/
p.szerviz_adatok
{
	margin:0px;
	padding:0px;
	font-size:12px;
}
p.eszkoz_neve
{
	margin:0px;
	text-align:center;
	padding:0px;
	font-weight:bold;
	box-shadow: inset 0px 10px 10px -5px #655F5E;
	text-shadow: 0px 0px 8px #FFFFFF;
	font-size:20px;
	font-family:Courier New;
	padding-top:3px;
	border-radius:5px;
}
p.eszkoz_sn
{
	margin:0px;
	font-family:Lucida Sans Unicode;
	text-align:center;
	padding:0px;
	letter-spacing:1px;
	font-size:15px;
	text-shadow: 0px 0px 8px #FFFFFF;
	padding-bottom:3px;
	box-shadow: inset 0px -10px 10px -10px #655F5E;
}
p.ugyfel_adatok
{
	margin:0px;
	text-align:center;
	padding:0px;
	font-size:16px;
	letter-spacing:1px;
	text-shadow: 0px 0px 8px #FFFFFF;
	padding-top:3px;
	font-family:Book Antiqua;
	padding-bottom:2px;
	/* box-shadow: inset 0px -10px 10px -10px #655F5E; */
}
p.web_ertesites
{
	z-index: 2000;
	position: relative;
	width:13px;
    top: -55px;
    right: -115px;
	text-align:center;
	border:1px solid #FFFFFF;
	font-size:12px;
	padding: 2px;
	color: #FFFFFF;
	background-color:#FF0000;
	border-radius:9px;

	}p.web_ertesites_sms
{
	z-index: 2000;
	position: relative;
	width:13px;
    top: -40px;
    right: -108px;
	text-align:center;
	border:1px solid #FFFFFF;
	font-size:12px;
	padding: 2px;
	color: #FFFFFF;
	background-color:#FF0000;
	border-radius:9px;
}
#szamolok {
    height:35px;
}

#popup_info {
    border: solid 4px black;
	border-radius:9px;
	box-shadow: 10px 100px 100px 20px #655F5E;
    position: absolute;
    left: 50%;
    top: 30%;
    background-color: white;
    z-index: 100;
    height: 200px;
    margin-top: -200px;
    width: 600px;
    margin-left: -300px;
}

#popup_aktualizal {
    border: solid 4px black;
	border-radius:9px;
	box-shadow: 10px 100px 100px 20px #655F5E;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: red;
    z-index: 110;
    height: 200px;
    margin-top: -200px;

    width: 600px;
    margin-left: -300px;
}
input.web_rendeles_szerkeszt
{	width:40px;
	height:40px;
    text-align:center;
	padding-right: 5px;
	color: #FFFFFF;
	background-image: url('http://szerviz.picishop.hu/admin/pictos/webrendszerk1.png');
	background-repeat: no-repeat;
	border-radius:9px;
}



table.felveteli_informaciok
{
	
	margin:auto;
	table-layout:fixed;
	padding:0px;
	width:600px;
	box-shadow: inset 0px -10px 10px -10px #655F5E;
}
table.felveteli_informaciok_szerkeszt
{
	float:left;
	margin:auto;
	table-layout:fixed;
	padding:0px;
	width:600px;
	box-shadow: inset 0px -10px 10px -10px #655F5E;
}
table.javitas_infok
{
	float:left;
	margin:auto;
	font-size:14px;
	padding:0px;
	width:600px;
	height:225px;
	background-color:#EBEBEB;
	border-radius:5px;
	border:1px solid #655F5E;
	box-shadow: inset 0px 0px 10px #655F5E;
	table-layout:fixed;
}
td.javitas_infok{
	padding:3px;
	vertical-align:top;
	border:1px dotted black;
	border-width:0 1px;
	font-size:12px;
}
td.javitas_infok:first-child,
td.javitas_infok + td.javitas_infok{ border-left:0;border-bottom:1px solid black; }
td.javitas_infok:last-child{ padding-right:1; border-right:0; }
table.javitasok_osszegzese
{
	float:right;
	margin:auto;
	padding:0px;
	text-align:center;
	border-radius:5px;
	border:1px solid #655F5E;
	width:198px;
	background-color:#EBEBEB;
	box-shadow: inset 0px 0px 10px #655F5E;
	table-layout:fixed;
}
tr.felveteli_informaciok
{
	margin:0px;
	text-align:left;
	padding:0px;
	font-size:11px;
	font-family:Helvetica;
	text-shadow: 0px 0px 8px #FFFFFF;
	vertical-align:text top;
	letter-spacing:2px;
	
}
tr.felveteli_informaciok_lenyeg
{
	text-align:center;
	height:20px;
	font-size:14x;
	text-shadow: 0px 0px 8px #FFFFFF;
	vertical-align:text top;
	font-weight:bold;
	
}
tr.hiba_leiras
{
	background-color:#FFFFFF;
	box-shadow: inset 0px 0px 3px #655F5E;
	border-radius:5px;
	font-size:18px;
	font-family:Palatino Linotype;
	padding:15px;
	margin:15px;
	
}
table.uj_szerviz
{
	text-align:center;
	margin:auto;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#DDE4EE;
	border:1px solid #B2B4B7;
	border-radius:5px;
	table-layout:fixed;
}
table.uj_ugyfel
{
	float:left;
	text-align:center;
	margin:auto;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#DDE4EE;
	border:1px solid #B2B4B7;
	border-radius:5px;
	table-layout:fixed;
	margin-left:10px;
}
td.web_rendeles_info_td
{
	text-align:center;
	margin:2px;
	padding:2px;
	border:1px solid #FFFFFF;
	font-size:12px;
	text-shadow:0px 0px 3px #CCCCCC;
	background-color:#7C7C7C;
	border-radius:5px;
}
td.web_rendeles_td
{
	text-align:center;
	margin:0px;
	word-break:keep-all;
	padding:2px;
	font-size:12px;
	border:1px solid #EBEBEB;
	border-right:1px solid #4F5155;
}
td.infotabla
{
    z-index: 1000;
	text-align:center;
	font-size:50px;
	color: #FFFFFF;
	background-color:#FF0000;
}

a.thumbnail 
{
color:black;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
box-shadow: 1px 1px 3px black;
padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */

}
/* entire container, keeps perspective */
.flip-container {
	padding-right: 8px;
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		padding-right: 8px;
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	padding-right: 8px;
	width: 40px;
	height: 40px;
}

/* flip speed goes here */
.flipper {
	transition: 0.5s;
	transform-style: preserve-3d;
	padding-right: 8px;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	padding-right: 8px;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	padding-right: 8px;
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	padding-right: 0px;
	transform: rotateY(180deg);
}