@charset "utf-8";

body, html{
	color:#fff;
	font-family:Arial ,Helvetica,sans-serif;
	font-size:13px;
	/*font-size-adjust:none;*/
	/*font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	/*overflow:hidden;*/
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, em, img, q, s, small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style-type:none;
}

.cl{clear:both; height:0; line-height:0; font-size:0;
}
.clear { clear:both;}
a{text-decoration:none; color:#212121;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

#stars, #star-3d, .roll, #logo, #menu, #menu2, #foot, #to-top, #line, #line2, #pic, #mail, #tel, #home{position:fixed;}
#line{
	top:0;
	left:0;
	z-index:11;
	width:100%;
	line-height:30px;
	font-size:0.9em;
	float:left;
	display:block;
}
#line a{
	color:#fff;
	background:#212121;
	font-weight:bold;
	padding:0 7px;
	display:block;
	float:left;
}
#line a:hover{background:none;}
#line2{
	display:block;
	top:0;
	/*left:1110px;*/
	z-index:10;
	width:100%;
	height:30px;
	background:#212121;
	float:left;
}
.mini-head{
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	background-color:#212121;
	color:#FFF;
	padding-left:5px;
}
#preview{
	position:absolute;
	background:#212121;
	border:5px solid #212121;
	display:none;
	color:#fff;
	font-size:0.9em;
	max-width:500px;
	line-height:1.5em;
}
#preview img{width:500px;}
#more{clear:left;}
#more a{
	background-color:#212121;
	color:#fff;
	font-size:0.9em;
	background-image:url(../images/more.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding:0 10px 0 0;
}
#more a:hover{text-decoration:underline;}
#stars{
	top:0;
	left:0;
	z-index:1;
}		
#star-3d{
	left:90px;
	bottom:894px;
	z-index:4;
}
.roll{
	bottom:-400px;
	background:url(../images/rolls.png) no-repeat top;
	width:198px;
	height:467px;
}
	.roll1{
		z-index:4;
		left:-70px;
		height:330px; 
	}
	.roll2{
		z-index:3;
		left:50px;
		height:400px;
	}
	.roll3{
		z-index:2;
		left:150px;
		height:310px;
	}
#menu{
	left:228px;
	bottom:-300px;
	z-index:3;
	width:200px;
}
	#menu a{
		height:57px;
		display:block;
		margin:3px 0; left:-150px; position:relative;
		}
	#menu #info{background:url(../images/menu/info.png) no-repeat; width:157px;}
	#menu #services{background:url(../images/menu/services.png) no-repeat; width:347px;}
	#menu #referencies{background:url(../images/menu/referencies.png) no-repeat; width:289px;}
	#menu #contact{background:url(../images/menu/contact.png) no-repeat; width:262px;}
	
#menu2{
	left:328px;
	bottom:-300px;
	z-index:2;
}
	#menu2 a{
		height:47px;
		display:block;
		margin:3px 0; left:-130px; position:relative;
		}
	#menu2 #career{background:url(../images/menu/career.png) no-repeat; width:168px;}
	#menu2 #tutorials{background:url(../images/menu/tutorials.png) no-repeat; width:209px;}
	



#content h2, #content h3{margin:10px 0;font-size:1.5em; background:#212121; display:inline-block; padding:0 5px;}
#content h2 strong, #content h3 strong{color:#fff;}
#content a{}
#content a:hover{color:#fff; background:#212121;}
#content ul{margin:10px 0 0 0;}
#content ul li{background:url(../images/arrow.gif) no-repeat left center; padding:0 0 0 20px; margin:0 0 5px 0;}
#content p{margin:0 0 15px 0;}

#arajanlat{
	width:200px;
	position:absolute;
	left:430px;
	top:450px;
	z-index:3;
}

#arajanlat .head{
	background-color:#212121;
	margin-bottom:10px;
	width:100%;
}
#arajanlat .cont{
	background-color:#212121;
	width:100%;
}

#arajanlat h2{
	font-size:2.3em;
	letter-spacing:-2px;
	padding:5px;
}

#arajanlat p{
	padding:5px;
}

#arajanlat a{
	color:#FFF;
	text-decoration:underline;
}

#hirek{
	width:200px;
	height:300px;
	position:absolute;
	top:137px;
	left:430px;
	z-index:3;
	display:block;
}

#hirek h1{
	font-size:2.7em;
	color:#fff;
	padding-left:5px;
	line-height:1.1em;
	float:left;
}

#hirek .cont{
	height:250px;
	width:100%;
	background-color:#212121;
	margin-top:11px;
	position:relative;
}

#hirek .cont img{
	margin:5px;
}

#hirek ul{
	margin:0;
	padding:0;
	float:left;
	height:100%;
}

#hirek ul li{
	float:left;
	position:relative;
	height:100%;
}

#hirek .cont h3, #stat .cont h3{
	font-size:15px;
	border-bottom:dotted 1px #fff;
	
	margin:0px 5px 5px 5px;
	padding:0 !important;
}

#hirek .cont span{
	position:absolute;
	bottom:5px;
	right:10px;
	font-size:12px;
}

#hirek .cont p{
	font-size:12px;
	margin:5px;
}

#hirek .cont p a{
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}

#hirek .head{
	height:39px;
	background-color:#212121;
	letter-spacing:-3px;
	width:100%;
}

#hirek .head img{
	margin-top:7px;
	cursor:pointer;
}

#hirek .head #prev{
	margin-left:40px;
	margin-right:5px;
}

#right h1{font-size:1em; color:#fff;}
#right{
	border:0;
	padding:0;
	position:absolute;
	margin:0 40px 0 0px;
	left:640px;
	top:110px;
	/*width:320px;*/
	z-index:3;
	color:#212121;
	width:675px;
	
}

#content{
	padding-top:17px;
	/*width:675px;*/
	position:relative;
	right:75px;
	margin-right:0px;
}

/*#frissmunkak { margin-left:140px;}*/

#right #to-services a{
	font-size:1em;
	font-weight:normal;
	background:url(../images/arrow.gif) no-repeat center right;
	display:block;
	max-width:175px;
}
#right #to-services a:hover{background:#212121 url(../images/arrow.gif) no-repeat center right; color:#fff;}
#right .head{
	font-size:2.7em;
	line-height:1.1em;
	letter-spacing:-3px;
	font-weight:bold;
	background:#212121;
	margin:10px 0;
	padding:0 0 0 5px;
	color:#fff;
}
#right p{line-height:1.3em;}
#to-referencies ul{
	float:left;
	width:50%;
	margin:0 0 10px 0;
}
#to-referencies .mini-ref{float:left; margin:3px;}
#new, #content, #to-info, #to-services, #to-referencies, #to-contact{margin-bottom:1000px;}

#to-info, #to-services, #to-referencies, #to-contact {
	position:relative;
	right:75px;

}

#logo{
	background:url(../images/digital-gyor-logo.png) no-repeat;
	width:319px;
	height:72px;
	z-index:4;
	top:50px;
	left:920px;
	position:absolute;
}
/*
#logo {
	background:url(../images/digital-gyor-logo.png) no-repeat;
	width:319px;
	height:72px;
	z-index:4;
	top:20px;
	right:100px;
	position:absolute;
	}*/
  #logo	a{
		display:block;
		width:319px;
		height:72px;
	}
#logo a:hover, #home a:hover{
	  background:none !important;
}

#content .tuts h3{
  background:none;
	font-size:1em;
}
#content .tuts h3 a{
  padding:0 0 0 15px;
	background:url(../images/arrow.gif) no-repeat center left;
}
#content .tuts h3 a:hover{color:#fff;}

#check-cont{
	width:480px;
}

#check-cont p{
	font-size:1.1em;
	margin-top:10px;
	font-weight:bold;
}

#adatok label{
	font-size:1.1em;
	font-weight:bold;
	display:block;
}
#adatok label span{
	color:#FFF;
	font-size:0.8em;
}
#adatok img{
	margin-top:5px;
	float:left;
	margin-right:5px;
}

#adatok #captcha{
	width:74px; margin-top:20px; padding-top:7px;
}

#adatok input{
	width:200px;
	margin-bottom:7px;
	background-image:url(../images/inp-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	border:medium none;
	font-size:1em;
	line-height:1.1em;
	padding:3px;
}

#adatok textarea{
	width:440px;
	height:150px;
	border:medium none;
	background-image:url(../images/inp-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:1em;
	margin-bottom:10px;
}

#adatok #user div{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.check{
	width:160px;
	float:left;
	margin-bottom:5px;
}

.check label{
	line-height:1.1em;
	font-weight:bold;
}

.ref{
	float:left;
	position:relative;
	width:309px;
	height:75px;
	margin:1.5px;
	border:4px solid #212121;
}
.ref:hover{
	border:4px solid #fff;
	color:#212121;
}
.ref:hover span{
  background:#fff;
  color:#212121;
}
.ref span{
  position:absolute;
  bottom:0px;
  right:10px;
  background:#212121;
  color:#fff;
  font-size:0.9em;
  font-weight:bold;
  padding:0 3px;
}
#to-referencies div a img{border:5px solid #212121;}
#to-referencies div a img:hover{border:5px solid #fff;}		
#home{
	background:url(../images/home.png) right no-repeat;
	top:50px;
	left:-44px;
	height:47px;
	width:44px;
	z-index:4;
}
#home a{
  display:block;
	height:47px;
	width:44px;
}
#tel{
	background:url(../images/tel.png) right no-repeat;
	cursor:pointer;
	left:-301px;
	top:100px;
	height:47px;
	width:301px;
	z-index:4;
}
#mail{	
	background:url(../images/mail.png) right no-repeat;
	cursor:pointer;
	left:-321px;
	top:150px;
	height:47px;
	width:321px;
	z-index:4;
}
#to-contact a{color:#212121;}
#to-top{
	background:url(../images/to-top.png) no-repeat;
	width:24px;
	height:10px;
	bottom:5px;
	right:40px;
	z-index:4;
}	
#to-top:hover{background-position:0 -10px;}
#foot{
	font-size:0.9em;
	line-height:1.2em;
	bottom:5px;
	left:383px;
	z-index:1;
	color:#212121;
}
#foot a{color:#212121;}
#foot a:hover{text-decoration:underline;}
.button{ background-color:#212121; font-weight:bold; background-image:none !important; width:100px; line-height:20px; color:#FFF; font-size:1.3em !important; cursor:pointer; margin-top:30px;}

#stat .cont {
	min-height:250px;
	width:100%;
	background-color:#212121;
	margin-top:1px;
	position:relative;
}

#stat .cont table {
	margin:5px;
}

#stat .cont table td {
	color:#fff;
	padding:5px;
}

#stat .cont table thead td {
	border-bottom:dotted 1px #fff;
	color:white;
	font-weight:bold;
	font-size:14px;
	margin:0px 5px 5px 5px;
}

#stat .cont table tbody td a.kw{color:white;}
#stat .cont p.szoveg{color:white;padding:5px;}



/* Webshop html */


#webshop {
	color: #white;
	width:675px;
	position:relative;
	margin-bottom:1000px;

}
#webshop p {
	text-indent:10px;
	margin:5px 0 0 0;
	display:block;
	text-shadow:0px 0px 1px rgba(0, 0, 0, 0.12);
	
}
#webshop h2 {
	margin:10px 0 10px 0;
	background-color:#212121;
	text-align:left;
	display:block;
	color: white !important;
	position:relative;
	padding-bottom:2px;
	
}
#webshop ul {
	padding:0 0 0 30px;
}	
.keptar {
	float:left;
	display:block;
	background-image: url(../images/070401_this_is_sparta.jpg);
	background-repeat:no-repeat;

	width:375px;
}
.txt {
	width:280px;
	float:left;
	text-align:justify;
	margin:0 10px 0 10px;
}
.txt li {
	text-align:left;
}
.hirbox{
	padding:0 0 10px 0;
	margin:0 0 20px 0;

}
#kepkeret1_heg {
	background-image:url(../images/webshop_imgs/heg-logo.png);
	height:190px;
	background-repeat:no-repeat;
	margin:20px 0 0 0;
}
#kepkeret2_heg {
	background-image: url(../images/webshop_imgs/heg-1.png);
	position:relative;
	height:280px;
}	
#kepkeret3_heg {
	background-image: url(../images/webshop_imgs/heg-2.png);
	background-repeat:no-repeat;
	height:500px;
	position:relative;
	top:-60px;
}
#kepkeret4_heg {
	background-image:url(../images/webshop_imgs/heg-3.png);
	background-repeat: no-repeat;
	height:460px;
	position:relative;
	top:-80px;
}
#kepkeret5_heg {
	background-image:url(../images/webshop_imgs/heg-4.png);
	background-repeat:no-repeat;
	position:relative;
	height: 530px;
	top:-100px;
}
#kepkeret6 {
	background-image:url(../images/webshop_imgs/heg-5.png);
	background-repeat:no-repeat;
	position:relative;
	height:530px;
	top:-50px;
}
.kepkeret5_heg {
	height:300px;}
	
#nagybox {
	width:675px;
	background-image:url(../images/webshop_imgs/heg-6-nagy.png);
	background-repeat:no-repeat;
	position:relative;
	height:500px;
	padding:0 0 5px 0;
	top:-150px;
}
.csuszo {
	position:relative;
	top:-20px;}
#txt_admin {
	height:1100px;
	position:relative;
	top:-100px;}
.shop_lead {
	font-size:1.2em;
	font-weight:bolder;
	color:white;
	padding:10px;
	text-shadow:0px 0px 1px rgba(0, 0, 0, 0.8);}
.blue { background:url(../images/body-blue.gif) repeat;}
.green { background:url(../images/body-green.gif) repeat;}
.orange { background:url(../images/body-orange.gif) repeat;}
.purple { background:url(../images/body-purple.gif) repeat;}
.yellow { background:url(../images/body-yellow.gif) repeat;}
#logo_div { width: 775px; height:107px; position: fixed; top: 30px; left: 565px;}

#webshop h2 img { margin:0px 5px 0 0; position:absolute; left: 250px; top:-30px;}

.ws-hirek { font-weight:bold; text-decoration:underline; font-size:1.1em;}