body {
	margin: 0;
	padding-top: 0px;
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	color: #333333;
	font-size: 16px;
	min-height: 1000px;
	background-color:#3A3A3A;
	}
img {
	border: 1px;
	border-color: #424242;
	}
a {
	color:#AA7E2D;
	text-decoration:none;
	cursor: pointer;
	}
a:hover {
	color: #0033FF;
	text-decoration: underline;
		}
		
a.ballink {
	color:#CCCCCC;
	text-decoration:none;
	font-weight:normal;
	}
a.ballink:hover {
	color:#CCCCCC;
	text-decoration:underline;
	font-weight:normal;
		}
		
h1 {
	width: 690px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 28px;
	font-weight:600;
	color: #585858;
	line-height: normal;
}
h1.tartalomEx {
	width: 690px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	color: #75ABE8
	line-height: normal;
}
h2 {
	font-family: 'Exo 2', sans-serif;
	font-size: 18px;
	color: #0066CC;
	display: inline;
}

h3 {
	font-family: 'Exo 2', sans-serif;
	font-size:14px;
	font-weight:700;
	color:#0066CC;
	line-height: 24px;
	display: inline;
}

ul {
	list-style-type:none;
}

		
/* top Menu */

#foxmenucontainer{
	height:28px;
	background:#0b0d0d;
	display:block;
	border-top:1px solid #4f5155;
	margin: auto;
	width: 950px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	font-size:13px;
	font-weight:normal;
	font-family:Tahoma,Verdana,Helvitica,sans-serif;
	}

#banner {
	width: 950px;
	margin: auto;
	position: relative;
}

a.foxmenu{
	display:block;
	float:left;
	color:#cccccc;
	text-align: center;
	text-decoration:none;
	width:150px;
	height: 28px;
	background:url(images/menubaseinakt.png) no-repeat top right;
	padding-top:2px;
	}
a.foxmenu:hover{
	color:#ffffff;
	background:url(images/menubaseakt.png) no-repeat top left;
	width:150px;
	height: 28px;
	text-align: center;
	padding-top:2px;
	}
a.footmenu{
	color:#ffffff;
	text-decoration:none;
	}
a.footmenu:hover{
	color:#00c9f8;
	text-decoration:none;
	}
td.foxmenu{
	color:#cccccc;
	text-align: center;
	text-decoration:none;
	width:81px; 
	height: 28px;
	background:url(images/menubaseon.png) no-repeat top right;
	padding-top:2px;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	background:#0a0c0d;	
	border-left:1px solid #302f2f;
	border-right:1px solid #302f2f;
	}

/* The Top */

#conttop {
	height: 90px;
	margin: auto;
	width: 100%;
	background-image: url(images/hdr-bck-dark.png);
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
	}
#header {
	width: 950px;
	margin: auto;
	position: relative;
	background: url(images/HPled-testheader100.png) no-repeat;
	height: 90px;
}

/* Tartalom */

#banner {
	width: 950px;
	margin: auto;
	padding: 0;
	position: relative;
	z-index: 4;
	height: auto;
	left: auto;
	top: 0px;
	background-color: #333
	}
#content {
	width: 950px;
	margin: auto;
	padding: 0;
	position: relative;
	z-index: 4;
	height: auto;
	left: auto;
	top: 0px;
	background-image:url(images/hdr-bck-darker.png);
	border-top:1px solid #404547;
	}
#tartalom {
	float: none;
	height: auto;
	width: 730px;
	position: relative;
	left: 220px;
	top: 0px;
}
#tartalomEx {
	float: none;
	height: auto;
	width: 720px;
	position: relative;
	left: 220px;
	top: 0px;
	padding: 5px;
	color: #FFF;
}
/* bal Menu */

#balmenu {
	float: left;
	width: 220px;
	position: absolute;
	z-index: 6;
	left: 0px;
	top: 10px;
}
td.balmenusor{
	background-color: #1b1b1b;
	border-color: #292d2f;
	border-style:solid;
	border-width:1px;
	text-align:left;
	padding:15px;
	color: #999999;
}
#lampa {
	float: left;
	width: 220px;
	position: relative;
	z-index: 7;
	left: 0px;
	top: 0px;
}

/* The Sidebar1*/

.sidebar{
	float:right;
	width:200px;
	padding-top:10px;
	padding-right:10px;
	font-size:13px;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	}

.sidebar h2 {
	height:27px;
	line-height:27px;
	font-size:18px;
	color:#cc9f4a;
	margin:5px 0 0 0 ;
	padding:0px 0 0 5px;
	background:#131313 ;
	background-repeat:repeat-x;
	font-weight:normal;
	}
.sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}	
.sidebar ul li {height:100%;
	}

.sidebar ul li a:link, .sidebar ul li a:visited {
	color:#737373;
	text-decoration: none;
	padding: 3px 0px 4px 5px;
	display:block;
	font-family:'Source Sans Pro', Arial, sans-serif;
	background:#1b1b1b;
	background-repeat:no-repeat;
	border-bottom:1px solid #2a2a2a;
	border-top:1px solid #161616;
	}

.sidebar ul li a:hover {
background:#202020;
	background-repeat:no-repeat;
	color:#ccc;
	}

.sidebar p {
	padding: 7px 10px;
	margin:0;
	color:#ababab;

	}

.sidebar table {
	width:100%;
	text-align:center;
	background:#1b1b1b;
	color:#ababab;
	}	


/* --- FOOTER --- */

#contfoot {
	height: auto;
	width: 950px;
	position: relative;
	left: 0px;
	top: 3px;
	margin: auto;
	border-top:1px solid #2E2E2E;
	color:#cccccc;
	font-size:11px;
	font-weight:normal;
	background-image:url(images/hdr-bck-dark.png);
	padding-top: 5px;
	text-align: center;
}

#footer a {
	color:#cc9f4a;
	}

#footer a:hover {
	color:#eee;
	}


/* The Navigation */

.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#7A8B92;
	}
.navigation a:hover {
	color:#fff;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:28px;
	text-align:center;
	}

/* The Comments */

.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#3c3f41;
	border:1px solid #62676a;
	color:#999;
	padding:10px;
	overflow:auto;
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#3c3f41;
	border:1px solid #62676a;
	color:#777;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#888;
	}#cont00 {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}
td.izzok{
	border-top-width: 0px;
	border-top-style: dashed;
	border-top-color: #999999;
	border-right-width: 0px;
	border-right-style: dashed;
	border-right-color: #999999;
	padding: 5px;
	color: #000000;
}
td.izzok2{
	border-top-width:1px;
	border-top-style:dashed;
	border-top-color:#999999;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#999999;
	padding:5px;
}td.izzokfejlec  {
	border-top-width:1px;
	border-top-style:dashed;
	border-top-color:#999999;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#999999;
	padding:5px;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #333333;
}
.picture {
	background-color: #666666;
	border: 1px solid #CCCCCC;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 0px;
	color: #FFFFFF;
	text-indent: 0px;
} 
.picture img { border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px; } 
.right {
	float: right;
	margin-top: 0em;
	margin-right: 0pt;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
} 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
.indexhighlight {
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:16px;
	color:#0066CC;
	font-style: italic;
	line-height: normal;
}
.prodhighlight {
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-style: italic;
	line-height: 1.3em;
	font-weight: bold;
}
.prodhighlightinv {
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-style: italic;
	line-height: 1.3em;
	font-weight: bold;
}
.ar {
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	margin-bottom: 1em;
}
.pelda {
	font-family:"Trebuchet MS", Calibri, Arial, sans-serif;
	font-size:12px;
	color:#666666;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal;
	vertical-align: middle;
	display: block;
	padding: 2px;
	width: 343px;
	background-color:#EBEBEB;
	margin-left: 5px;
	margin-top: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #66CCFF;
	border-right-color: #66CCFF;
	border-bottom-color: #66CCFF;
	border-left-color: #66CCFF;
}
.kivalt {
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
}
#navlist
{
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	vertical-align: middle;
}

#navlist ul, #navlist li
{
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	vertical-align: middle;
	height: 40px;
	float: left;
}

#navlist a:link, #navlist a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #999;
	vertical-align: middle;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }
.outline {
	list-style: none;
}
#navcontainer {
	height: 80px;
	vertical-align:middle;

}
.cikkszam {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#7C0046;
	font-style: normal;
	line-height: inherit;
	font-weight: bold;
}
.footertext {
	font-family:'Source Sans Pro', Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
#cont00 #content #tartalom table tr td .izzok2 tr .izzok p strong {
	color: #0066CC;
}
#cont00 #content #tartalom table tr td .izzok2 tr .izzok p {
	color: #000000;
}
#cont00 #content #tartalom table tr td .izzok2 tr .izzok {
	font-weight: normal;
}
.highlight {
	font-size: 12px;
	font-style: normal;
	background-color: #D4D4D4;
	white-space: normal;
}
#updates {
	font-size: 14px;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	line-height: 1.5em !important;
	background-color: #D4D4D4;
}
a.updates {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #75004F;
	white-space: normal;
	text-decoration: none;
}
h3.updates  {
	color: #75004F;
}
.hlinv {
	color: #FFF;
	background-color: #464646;
}
.keszlet {
	color: #900;
	border: 1px;
	display: inline;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.prodbar {
	float: left;
    width: 690px;
    padding-left: 10px;
}
.prodleft {
	width: 350px;
    height: 370px;
    float: left;
    position: relative;
}
.prodright {
	float: right;
    width: 320px;
    padding-left: 10px;
	padding-right: 5px;
    position: relative;
}
.blank10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.alknavi{
	float: left;
    height: 33px;
    line-height: 15px;
    width: 110px;
    text-align: center;
    background: url(images/alk-navi1.png) no-repeat 0 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-right: 6px;
	font-size:10px;
}
.detail-tab {
	height: 28px;
}
.detail-tab .on {
	background-image:url(images/alk-navi2.png);
}
.alknavi a {
	color: #fff;
	text-decoration:none;
	cursor: pointer;
}
ul.prodlist {
	list-style-type:disk;
	padding-left: 20px;
}
#tooltip { position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; }	
#preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }
#screenshot { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:1; }


/* Responsive kieg - Utana ne illessz be uj kodot! */
@media all and (min-width: 981px) {
}
@media all and (max-width: 981px) {
	#header {
	max-width: 400px;
    width: 100%;
    margin: auto;
	}
	/*#cont00 p:first-child { display: none; }*/
}
/*@media all and (max-width: 980px) and (min-width: 768px) {
	#header div { padding: 0px !important; }
	#tartalom table tbody tr td div { width:100% !important; max-width: 760px; margin: 0px auto !important; float: none !important;     background-size: cover; text-align: center; }
}*/
@media all and (min-width: 981px) {
	body { background: url(images/stock4wh.jpg) fixed no-repeat top center; background-size: cover; }
}
/*@media all and (max-width: 981px) {
	#foxmenucontainer { width:100%; max-width:100%; margin:0 auto; height:auto; border: none; }
	#foxmenucontainer table { width:100%; max-width:300px; margin:0 auto; height:auto; }
	#foxmenucontainer table tbody tr td { max-width: 100%; display: inline-block; }
	#foxmenucontainer table tbody tr td:nth-child(2n+1) { display: none; }
	#foxmenucontainer table tbody tr td a.foxmenu { width: 100%; max-width: 100%; background: #000; float:none; line-height: 26px; margin: 4px 0; }
	#content { border: none; max-width:100%; width: 100%; }
	#balmenu {
		float: none;
		width: 100%; max-width:100%;
		position: inherit;
	}
	.p7DMM01.responsive ul.p7DMM01-menu { display: none !important; }
	.p7DMM01.responsive ul.p7DMM01-menu.opened,
	.p7DMM01.dmm-vertical ul.p7DMM01-menu.opened {
		display: none !important;
	}
	.p7DMM01.responsive ul.p7DMM01-menu.closed,
	.p7DMM01.dmm-vertical ul.p7DMM01-menu.closed {
		display: block !important;
	}
	.p7DMM01.responsive .p7DMM-toolbar a:before, .p7DMM01.dmm-vertical .p7DMM-toolbar a:before { content: "Termék kategóriák megjelenítése" !important; }
	.p7DMM01.responsive .p7DMM-toolbar a, .p7DMM01.dmm-vertical .p7DMM-toolbar a { font-size: 1em !important; text-decoration: none; }
	.referenciakrs { max-width: 210px; width:100% !important; margin: 0 auto !important; }
	.referenciakrs #motioncontainer { max-width: 190px; width: 100% !important; margin: 0 auto !important; height: 880px !important; }
	#tartalom { width:100% !important; max-width: 100%; margin:30px auto 0 !important; position:inherit !important; left: inherit !important; top: inherit !important; }
	#tartalom table { width:100% !important; max-width: 100%; margin:0 auto !important; background-color: #fff; }
	#tartalom table tbody tr:first-child, #tartalom table tbody tr:last-child, #contfoot table tbody tr:first-child, #contfoot table tbody tr:last-child { display: none; }
	#tartalom table tbody tr td { background: none !important; }
	#tartalom table tbody tr td div { width:100% !important; max-width: 400px; margin: 0px auto !important; float: none !important;     background-size: cover; text-align: center; }
	#tartalom img { max-width: 100%; width: auto !important; height:auto !important; }
	#tartalom table tbody tr td #slider { max-width: 400px; width: 100% !important; overflow: hidden !important; margin: 20px auto 0px !important; }
	#tartalom table tbody tr td h1 { width:100% !important; max-width: 400px; margin: 15px auto !important; line-height: 1.4 !important; text-align:center !important; }
	#tartalom table tbody tr td div.detail-tab { margin-top: 20px !important; }
	#tartalom table tbody tr td div.detail-tab  div.alknavi { width: calc(100%/6) !important; float: left !important; }
	#contfoot {
		width: 100% !important;
		max-width: 100%;
		margin: 0 auto !important;
		background-image: none;
		background-color: #000;
		padding: 0px !important;
	}
	#contfoot table { width:100% !important; max-width: 100%; margin:0 auto !important; }
	#contfoot table tbody tr td { width:100% !important; padding: 0px !important; max-width: 400px; margin: 40px auto !important; float: none !important; display: block; text-align:center !important; border: none !important; }
	#header div { padding: 0px !important; }
	#tartalom table tr td .izzok2 tr .izzok { width:50% !important; }
	#tartalom table tr td .picture { text-align:center; }
	#tartalom table tr td .picture img { clear: both; }
}*/
