* {
    font-family: Arial,sans-serif;
        margin:0px;
    padding:0px;
}
/**************************************************** Style.css *********************************************/
body{
	background: gray;
	font-size: 12px;
	background: url("images/body_bg.jpg") repeat scroll 0 0 transparent;

}
#teljesoldal{
	background-color: #FFFFFF;

}

#belsotartalom{
position: relative;
top: -22px;
float:left;
margin-left: 10px;
border: 0px solid;
width: 560px;
background-color: white;
min-height: 600px;

}
img{
border: 0;
}

/**************************************************** Termékek *********************************************/


.termekek a {
	color: #000;
}


.termekek {
	margin-top: 10px;
	border-width: 1px;
	/**border-spacing: 2px;**/
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	border: 1px solid #c0c0c0;
	box-shadow:0px 0px 5px #c0c0c0;
	position: relative;
}

.akcios{
	border: 1px solid #AF0000;

	/*background-color: #AF0000;*/
	text-shadow: 0 0 2px #fff, 0 0 8px #fff,
        0 0 12px #fff

}
.szalag {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
z-index: 100;
margin-left: 98px;
margin-top: -4px;
}

.szalagfelirat {
font-size: 16px;
color: #333;
text-align: center;
text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #cc0000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#aa0000));
background-image: -webkit-linear-gradient(top, #cc0000, #aa0000);
background-image: -moz-linear-gradient(top, #cc0000, #aa0000);
background-image: -ms-linear-gradient(top, #cc0000, #aa0000);
background-image: -o-linear-gradient(top, #cc0000, #aa0000);
color: #ffffff;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow:3px 1px 2px 0px #000;
}

.szalagfelirat:before, .szalagfelirat:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}

.szalagfelirat:before {
left: 0;
}
.szalagfelirat:after {
right: 0;
}


.lista{
	background: url('images/akcioskozep.png') no-repeat;
	background-position:top center;
}


.kozepsocella{
	padding-left: 6px;
	padding-right: 6px;
}
#termektabla{
        border-collapse: collapse;
        border-spacing: 0;
}
.thumbnails a{
	margin: 4px;
}
.thumbnails a img{
	box-shadow:0px 0px 5px #ffffff;
}
.thumbnails a:hover img{
	box-shadow:0px 0px 5px #e0e0e0;
}
.termekdarabkosar{
	width: 30px;
	border: 1px solid #ccc;
}
.piroskor{
	box-shadow:0px 0px 3px red;
	width:10px;
	height: 10px;
	background: red;
	border-radius: 5px;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
}
.zoldkor{
	box-shadow:0px 0px 3px green;
	width:10px;
	height: 10px;
	background: green;
	border-radius: 5px;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
}
.sargakor{
	box-shadow:0px 0px 3px #FAC805;
	width:10px;
	height: 10px;
	background: #FAC805;
	border-radius: 5px;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
}

.kekkor{
	box-shadow:0px 0px 3px blue;
	width:10px;
	height: 10px;
	background: blue;
	border-radius: 5px;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 3px;
}
#nincstermek{
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #000000;
	margin-top: 20px;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	box-shadow:0px 0px 5px black;
}
.termekadatlap{
	border: 1px solid #c0c0c0;
	box-shadow:0px 0px 5px #c0c0c0;
}
#adatlapfejlec{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 542px;
    font-size: 18px;
    padding-left: 10px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0FFNUU1RSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0FFMDAwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIwKSIgLz4KPC9zdmc+);
	height: 20px;
	color: white;

}
#visszaalistahoz{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 160px;
	float:right;
	margin-right: 25px;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczOTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBRTAwMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBRTVFNUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czOTMpIiAvPgo8L3N2Zz4=);
	height: 18px;
	color: white;
}
#visszaalistahoz a{
	color: white;
}
/**************************************************** TermékMenüsor *********************************************/
#termekekfejlec{
	/*margin-top: 10px;*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #000;
    font-size: 16px;
    background-color: #f78d2b;
    padding-left: 10px;
    margin-left: 10px;
    height: 18px;

    width: 188px;
    padding-top: 0px;
    padding-bottom: 4px;
	box-shadow:0px 0px 5px #c0c0c0;
}
#termekmenusor ul, li{
	outline:none;
	margin:0;
	padding:0;
}
#termekmenusor{
	padding: 0px 0;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 200px;
	float: left;
	z-index: 5;
	box-shadow:0px 0px 5px #c0c0c0;
}
#termekmenusor ul{
	list-style:none;
}
.termekmenustyle{
background: #ffffff;
	line-height: 12px;
	border-left: 1px solid #1B1B1B;
	position: relative; /* Required */
	border: 1px solid #c0c0c0;
	border-top: none;
}
.termekmenustyle li a {
	display: block;
	color: #333;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
/*	border-top: 1px solid #555;
	border-bottom: 1px solid #222;
	border-right: 1px solid #1B1B1B; /*/
	border-bottom: 1px dotted #c0c0c0;
}
.termekmenustyle li a:hover, .termekmenustyle li.mega-hover a {
	background: #cbcbcb;
	color: black;
}
.termekmenustyle li a.dc-mega {
	position: relative;





}
.termekmenustyle li a .dc-mega-icon {
	display: block;
	position: absolute;
	top: 5px;
	right: 15px;
	width: 6px;
	height: 8px;
	background: url(images/arrow_right.png) no-repeat 0 0;
}
.termekmenustyle li .sub-container {
	position: absolute; /* Required */
	padding: 10px 10px 0 10px;
	border-left: none;
	box-shadow:0px 0px 5px #000;
	background: #fff;
}
.termekmenustyle li .sub-container .sub {}
.termekmenustyle li .sub .row {
	width: 100%; overflow: hidden; /* Clear floats */
}
.termekmenustyle li .sub li {
	float: none;
	width: 200px;
	font-size: 1em;
	font-weight: normal;
}
.termekmenustyle li .sub li.mega-hdr {
	float: left; /* Required */
	margin: 0 5px 10px 5px;
}
.termekmenustyle li .sub a, .termekmenustyle.left li .sub a {
	background: none;
	border: none;
	text-shadow: none;
	float: none;
	color: #000;
	padding: 7px 10px;
	display: block;

	text-decoration: none;
	font-size: 0.9em;
}
.termekmenustyle li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 5px 5px 15px;
	margin-bottom: 5px;
	background: #f88d2a;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}
.termekmenustyle li .sub li.mega-hdr a.mega-hdr-a:hover {
	color: #fff;
	text-shadow: none;
}
.termekmenustyle .sub li.mega-hdr li a {
	padding: 4px 5px 4px 20px;



	background: url(images/arrow_white.png) no-repeat 5px 8px;
	font-weight: normal;
}
.termekmenustyle .sub li.mega-hdr li a:hover {
	color: #000;
	background: #cbcbcb url(images/arrow_on.png) no-repeat 5px 8px;
}
.termekmenustyle .sub ul li {
	padding-right: 0;
}
.termekmenustyle li .sub-container.non-mega .sub {
	padding: 10px;
}
.termekmenustyle li .sub-container.non-mega li {
	padding: 0;
	margin: 0;
	width: 150px;
}
.termekmenustyle li .sub-container.non-mega li a {
	padding: 7px 5px 7px 22px;
	background: url(images/arrow_white.png) no-repeat 7px 10px;
}
.termekmenustyle li .sub-container.non-mega li a:hover {
	color: #a32403;
	background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
}




/**************************************************** FelsõverticalMenü *********************************************/
#felsoverticalmenu{
	font-size: 14px;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NDU0NTQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRjFGMUYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MDQpIiAvPgo8L3N2Zz4=');
	background-color: #464646;
	height:38px;
	border-top:1px solid #4e4e4e;
}
#felsoverticalmenu_jobb{
	border-color: transparent transparent transparent #000;
	border-style:solid;
	border-width:18px;
	height:0px;
	width:0px;
	position: relative;
	left: 1018px;
	top: -18px;
	z-index: -1; /* displayed under bubble */
}
#felsoverticalmenu_bal{
	border-color: transparent #000 transparent transparent;
	border-style:solid;
	border-width:18px;
	left: -18px;
	width: 0px;
	top:18px;
	z-index: -1; /* displayed under bubble */
}
#felsoverticalmenu ul{
	margin:0;
	margin-left: 18px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	color: white;
	position:absolute;
}
#felsoverticalmenu li{
	display: inline;
	margin: 0 0px 0 0;
	padding: 0;
}
#felsoverticalmenu a{
	float: left;
	top: 0px;
	display: block;
	color: white;
	margin: 0px 10px 0 0; /*Margin between each menu item*/
	padding: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	letter-spacing: 0px;
	background-color: transparent;
	/*border-bottom: 0px inset white;*/

}
#felsoverticalmenu a:hover{
	background-color:  rgba(248,141,42,0.3);
	border-radius: 5px;

}
#felsoverticalmenu .current a:hover{
	border-radius: 0px;
	background-image: none;

	border-top-right-radius: 5px;
	border-top-left-radius: 5px;


}

#felsoverticalmenu .current a{
	background-color: white;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: black;
	padding-bottom: 12px;
	border-color: #3FB5FF;
}

#felsoverticalmenu_kereses{
text-align: right;
position: relative;
padding-right: 31px;
padding-top: 5px;
padding-left: 2px;
overflow: auto;
height: 33px;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NDU0NTQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRjFGMUYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MDQpIiAvPgo8L3N2Zz4=');

}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}
/* search input field */
input[type=search] {
	outline: none;
	background: #ededed url(images/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 3px 8px 3px 30px;
	width: 55px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	/*border-color: #6dcff6; */
	border-color: #f78d2b;
	-webkit-box-shadow: 0 0 5px rgba(193,46,46,.5);
	-moz-box-shadow: 0 0 5px rgba(193,46,46,.5);


	box-shadow: 0 0 5px rgba(193,46,46,.5);
	/*-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);*/


}
/**************************************************** Keresés *********************************************/
#keresolap{
	text-align: center;
	width: 200px;
	height: 34px;
	margin-left: 10px;
	background-color: gray;
}
#keresendomezo{
	color: #ffffff;
    background: #464646;
    border: 0px;

    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 5px;
    height: 32px;
    width: 143px;

}
#kereso_gomb{
	background: transparent url('images/kereso_gomb.png');
	float: right;
	cursor: pointer;
	background-color: #f78d2b;
	border: 0px;
	height: 34px;
	width: 46px;
}
/**************************************************** Kosár *********************************************/

#kosarfejlec{
	position: relative;
	color: #000;
    font-size: 16px;
    margin-right: 10px;
    padding-left: 10px;
    height: 18px;
    width: 198px;
    padding-top: 0px;
    padding-bottom: 4px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow:0px 0px 5px #c0c0c0;
}
#kosarlezaras{
	position: relative;
	color: #ffffff;
	background: #ccc;
    border: 0px;

    margin-right: 10px;
    width: 210px;
    height:0px;
    text-align: center;
box-shadow:0px 0px 5px #c0c0c0;
}
#lezarasgomb{
	color: white;
}
#lezarasgomb a{
	color: white;
	text-decoration: none;

}
#kosar{
	border: 1px solid #c0c0c0;
	border-top: none;
	position: relative;
	font-size: 12px;
    margin-right: 10px;
    max-height: 300px;
    width: 208px;
    overflow-y: auto;
    background: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    box-shadow:0px 0px 5px #c0c0c0;
}
#kosarlista{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.kosarelemalt{
	font-weight: bold;
	background-color: #eee;
	font-size: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
}
#kosarlista .inProgress{
	color: #808080;
}
.kosarmenualt{
	vertical-align: middle;
}
.tnev{
	height: 16px;
}
#uresakosarad{
	padding-left: 50px;
	font-size: 14px;
	font-weight: bold;
}
.elrejtve{
	display: none;
}
#kosarvegosszeg{

	font-weight: bold;
}
/**************************************************** Görgetendõ tartalom *********************************************/
#GorgetendoTartalom.fixed {




  position: fixed;
  top: 0px;
}
#GorgetendoTartalom{

	position: absolute;
	top: 135px;
	margin-top: 10px;
	left: 50%;
	margin-left: 280px;
}

/**************************************************** Rendezõmezõ cikkeknél *********************************************/
#rendezomezo{
	border: 2px solid #c0c0c0;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDMEMwQzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MTEpIiAvPgo8L3N2Zz4=);
/*	margin-bottom: 10px;*/
	width: 548px;
	position: relative;
	top: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow:0px 0px 5px #c0c0c0;
}

#rendezomezo .legordito{
	width: 100px;
}
#rendezomezo .szazalekosmezo {
	width: 100%;
	background: #ffffff;
	border: 1px solid #af0000;
}

#szuresgomb{
	width: 200px;
	text-shadow: 1px 1px 1px #000;
}

/**************************************************** Alsó rész, szerzõi, céginfo *********************************************/
#szerzoi{
box-shadow: inset 0px 0px 5px #000;
position: relative;
position: relative;
z-index:0;
height: 220px;
background-image:url('data:image/png;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgALQAtAwERAAIRAQMRAf/EAGUAAQEBAQEAAAAAAAAAAAAAAAIBAwAJAQEBAQAAAAAAAAAAAAAAAAAAAQQQAAICAgMBAQACAwEAAAAAAAECERIhAzEiEwBBMiNRYTNxEQEAAwEBAAAAAAAAAAAAAAAAEUFxsWH/2gAMAwEAAhEDEQA/APMWS1xUl2N7MSCAxq0IFYB32YkEkGBMA/bWAmr/ABizJHoG1a9ar2Cf2uWu5GwgtkgiMj4IzSuw+boVFCKuw1ucmL7jQPBBwYgcTHzojPseQA9EV4gXVRNGkOBTWgMLMVAH+fgborW6hi6dSqVVG16zMVYdlWC6waznIAJOKZor5iH3fxe3p6IanvYxtxMyF/2R8WHWXz1qoZnZUo+Nm142EMyKyyE10ACypJxLAT8PWa3AlbpBgkD9cKFUOGm09SJkY64MBwAZkKMSpYq7EgCq0WihlckBDJJMGRgBcg2ZBsYhhcFVRk1iWAqBOjb1AIIAAMrUyPgSOJC3E1IGsTsSztssQzEpqLh6rzlsxn4DdvPy9BcKSHtsuFICnUB6Uqdig8DoLZ4ADWELEhiq9lYokABywAJY/wDMqM2yCR/78OlZX3UEbNbShc9SVs3nsJZWNlWGLAEhSQIHwkixLAKIYmGBUEu4AgB1qpNhViCMEwezSGSnY+wbIyrKA4wFYv6q7+gYhWIPYxA/0I+BMVcuAthWWCF6oOf1h0UNC24MgjIgmrVpB6UsT6+Q9LyCesXKh88YGOTT5ITooQo+wdQsyrNZpY64nzAGwybHhYBzPxWDqCzRBTJGyoLFcrr4sBQOAQsQQB+SA0qwkmzqjbFUAMwQK4Z3GtiRVLZUlQSRM5+oLOWaHs0l3BbzLs7VdXKyFMggZsCDA/Ih6qAKyqwZ2dSoRXko0Oq6yFebsQJBH6QFkR8CjRQ7INgyrW6kktraFmQioCs8GQa4IkgCzTquq4CtbWyhilRqClz1CgoQZkLMcY+DRJyykSVZtbh9YZY2ay5Ll07BWnsJC4JgYCKde0mIQ3Ri5WgQUoxUamDZdp/ZIURzI0izEsW2a67qF10hXVCrh11KiuFhQBHFmMfhIC3BXoNo62VVRasgJJACvKBti8giIwJ5GpC0sIg6yzdTBI2jWhOm9C4lgBULackZAct4MeceIgLWDokXAY8MFtMAse05+DPVay1iLMD/AM6j+vDH1wx87SMGf2eAurngfxX0kifSu4f3yJKxJx04DZk/WjRMeOua+V+TAf06nbUKTikAwY4Jzj6BG/k1ePXZ6AVwYT/qw6MteMATMZ+FNYax7C/kp/jo9CkNKjvUME/cyp4BEG0P/9k=');	text-decoration:none;color: #EEEEEE;text-shadow: 1px 1px 1px #000;
width: 100%;
float:right;
}

/**************************************************** Fejléc *********************************************/
#fejlec{
	background-color: #f78d2b;
	background-image: url('images/fejlec.png');
	background-repeat: no-repeat;
	background-position: right;
}
#magyardatum{
	font-size: 12px;
}
/**************************************************** Egyebek *********************************************/
/*#androidhely{
	width: 210px;
	margin-top: 10px;
	height: 300px;
	background-image: url('images/android1.png');

}
*/
/*************************************************** LOGIN **************************************************/
#loggedinuser{
	color:white;
}
#loggedinuser b{
	color:white;
}
#loggedinceg{
	color:white;
}
#loggedinceg b{
	color:white;
}

#loggedinbox a{
	color: white;
}
#loginform{
height: 100px;
padding-top: 5px;
/*box-shadow:0px 0px 5px #c0c0c0;*/
/*background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQ0NDQ0NDIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMikiIC8+Cjwvc3ZnPg==);*/
}
#loginusername{
color: white;
left: 0px;

width: 165px;
padding: 0px;
height: 25px;
border: 0px;
background: #35383c;
padding-left: 5px;

}
#loginpassword{
color: white;
left: 0px;
width: 145px;
padding: 0px;
height: 25px;
border: 0px;
background: #35383c;
padding-left: 5px;
}
#loginusername:focus{
	border-color: #C12E2E;
	-webkit-box-shadow: 0 0 5px rgba(193,46,46,.5);
	-moz-box-shadow: 0 0 5px rgba(193,46,46,.5);
	box-shadow: 0 0 5px rgba(193,46,46,.5);
}
#loginpassword:focus{
	border-color: #C12E2E;
	-webkit-box-shadow: 0 0 5px rgba(193,46,46,.5);
	-moz-box-shadow: 0 0 5px rgba(193,46,46,.5);
	box-shadow: 0 0 5px rgba(193,46,46,.5);
}
#usernamediv{
margin-top: 10px;
margin-left: 10px;
padding-left: 26px;
height: 25px;
background: #34373b url(images/ikon_newuser.jpg) no-repeat 0px center;
border: solid 1px black;
width: 174px;
position: relative;
}

#passworddiv{
position: relative;
margin-top: 5px;
padding-left: 26px;
margin-left: 10px;
height: 25px;
background: #34373b url(images/ikon_newpassw.jpg) no-repeat 0px center;
border: solid 1px black;
width: 174px;
margin-bottom: 10px;
}

#bejelentkezes_gomb{
position: absolute;
margin :0px;

border: 0px;
padding: 0px;
width: 24px;
height: 25px;
background: #34373b url(images/ikon_login.jpg) no-repeat 0px top;
cursor: pointer;
}
#regisztraciospan{
 margin-left: 70px;
}
#regisztraciospan a{
color: black;
font-size: 16px;
/*text-shadow: 1px 1px 1px #fff;*/

}

#loggedinbox{
	margin-top: 5px;
}

/****************************************************** RMA *************************************************/
/*
#rmatable{
	font-size: 12px;
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;

}
#rmatable th {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
}
#rmatable td {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;

}*/

/******************************************************* UGRÁS A TETEJÉRE ************************************/
#back-top {
	position: fixed;
	bottom: 30px;
	left: 50%;
	margin-left: 540px;
}
#back-top a {
	width: 54px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 54px;
	height: 54px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
/************************************************* SZERVIZ TÉTELEK ***************************************/
#szervizfulek{
margin: 0;
padding: 0;
width: 552px;
box-shadow:0px 0px 5px #c0c0c0;
}

/************************************************* RENDELÉSEK TÉTELEK ***************************************/
#rendelesekfulek{
margin: 0;
padding: 0;
width: 552px;
box-shadow:0px 0px 5px #c0c0c0;
}

/***************************************** Profilom TÉTELEK ***************************************/
#profilomfulek{
margin: 0;
padding: 0;
width: 552px;
box-shadow:0px 0px 5px #c0c0c0;
}

/***************************************** Profilom TÉTELEK ***************************************/
#termekadatlapful{
margin: 0;
padding: 0;
width: 552px;
box-shadow:0px 0px 5px #c0c0c0;
}

/************************************************* FIGYELMEZTETÉS ***************************************/
#figyelmeztetpiros{
background-color: #FF5246;
border-radius: 5px;
width: 548px;
padding: 2px;
text-align: center;
color: white;
box-shadow:0px 0px 5px #c0c0c0;
text-shadow: 1px 1px 1px #333;
margin-bottom: 5px;
}
#figyelmeztetzold{
background-color: green;
border-radius: 5px;
width: 548px;
padding: 2px;
text-align: center;
color: white;
box-shadow:0px 0px 5px #c0c0c0;
text-shadow: 1px 1px 1px #333;
margin-bottom: 5px;
}
/************************************************* MozogoFormRegisztracio ***************************************/
#regisztraciodiv{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:548px;
    height: 450px;
    overflow:hidden;
    position: relative;
}
#kosarlezarasdiv{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:548px;
    height: 450px;
    overflow:hidden;
    position: relative;
}
#lepesek{
	position:absolute;
    width:540px;
	height:455px;
    overflow:hidden;
}
.lepes{
    float:left;

    width:540px;
	height:435px;
	/*height:320px;*/
}
#navigacio{
	position: relative;
	top: 405px;
	left: 0px;
    height:45px;
    background-color:#e9e9e9;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#navigacio ul{
    list-style:none;
	float:left;
	margin-left:12px;
}
#navigacio ul li{
	float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
}
#navigacio ul li a{
    display:block;
    height:45px;
    background-color:#444;
    color:#777;
    outline:none;

    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 20px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(

        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,

        rgb(240,240,240) 78%
        )
}
#navigacio ul li a:hover,
#navigacio ul li.selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

#navigacio ul li.utolso a{
    background:#ff0000;
    background:#ff0000;
    color:#fff;
    text-shadow:1px 1px 1px #000;
}
#navigacio ul li.elso a{
    background:#FF7070;
    background:#FF7070;
    color:#fff;
    text-shadow:1px 1px 1px #000;
}
#navigacio ul li.masodik a{
    background:#FF4949;
    background:#FF4949;
    color:#fff;
    text-shadow:1px 1px 1px #000;
}
#navigacio ul li.harmadik a{
    background:#FF3030;
    background:#FF3030;
    color:#fff;
    text-shadow:1px 1px 1px #000;
}





span.checked{
    background:transparent url(../images/checked.png) no-repeat top left;

    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#lepesek form fieldset{
    border:none;
    padding-bottom:20px;
}
#lepesek form legend{
    text-align:left;

    color:#000;
    font-size:24px;
    /*text-shadow:1px 1px 1px #000;*/
    font-weight:bold;
    float:left;
    width:540px;
    padding:5px 0px 5px 10px;
    margin:0px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;
}
#lepesek form p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:400px;
    padding:5px;
    margin-left:60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}
#lepesek form p label{
    width:160px;
    float:left;

    text-align:right;
    margin-right:15px;
    line-height:22px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}

#lepesek form input:not([type=radio]),
#lepesek form textarea,
#lepesek form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
}
#lepesek form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#lepesek form p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#lepesek form button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    /*background:#4797ED;*/
}
#lepesek form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
/******************************************  SZámla tételek lista kinézet  *****************************/
table.megrendeles {
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;

}
table.megrendeles th {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
}
table.megrendeles td {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
}

/******************************************  SZámla tételek lista kinézet  *****************************/

.SzamlaloBuborek {
    position:absolute;
	top: -10px;
    padding:1px 2px 1px 2px;
    background-color:red;

    color:white;
    font-weight:bold;
    font-size:0.8em;
    border: white 2px solid;
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}




.gombstyle {
	
	background-color:#f88d2a;
	text-shadow: 1px 1px 1px #000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #c0c0c0;
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
}
.gombstyle:hover {
	border:1px solid #000;
	background-color:#f88d2a;
}
.gombstyle:active {
	position:relative;
	top:1px;
}

#infobox{
	background: url('images/ikon_info.png') top left no-repeat;
	padding-left: 40px;
}
.kozepre{
	text-align: center;
	}
#newuserdialog .inputkinezet { display:block; }
#newuserdialog .inputkinezet { margin-bottom:6px; width:95%; padding: .2em; }
#newuserdialog .fieldsetkinezet { padding:0; border:0; margin-top:25px; }

#newuserdialog2 .inputkinezet { display:block; }
#newuserdialog2 .inputkinezet { margin-bottom:6px; width:95%; padding: .2em; }
#newuserdialog2 .fieldsetkinezet { padding:0; border:0; margin-top:25px; }

#kosarvegosszeg, #kosarerteke{
	color: black;
}

#dialog-kosar-modositasa .inputmodositdarab { display:block; }
#dialog-kosar-modositasa .inputmodositdarab { margin-bottom:6px; width:95%; padding: .2em; }

#kerestalatok{
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	color: red;
}

#newconndialog .inputkinezet { display:block; }
#newconndialog .inputkinezet { margin-bottom:6px; width:95%; padding: .2em; }
#newconndialog .fieldsetkinezet { padding:0; border:0; margin-top:12px; }

#szervizbe .inputkinezet { display:block; }
#szervizbe .inputkinezet { margin-bottom:6px; width:95%; padding: .2em; }
#szervizbe .fieldsetkinezet { padding:0; border:0; margin-top:12px; }