body { margin:0 0 0 0; background: #ffffff url('../images/honlapkeszites10.jpg') no-repeat center -60px fixed; color: #336084;  font-family:'Open Sans', sans-serif; font-weight: normal;  font-size: 14px;  line-height:normal; text-align: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
img { border:0;}a { text-decoration: underline;  color:#58881d;  font-weight: normal; }a:link {}a:visited {}a:active {}a:hover {text-decoration: none; }#c0 { padding:0; margin-bottom:0; text-align:left; background: #ffffff; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#c00 { z-index:100;  position: fixed; top: 0;  left: 0; height:100px; }
#c1 { text-align:left; width: 1200px; padding:0; margin-bottom:0; margin-left: auto; margin-right: auto; margin-top:115px; }
.main { background: #ffffff;width: 100%; }
.main-in { text-align:left; width: 1100px; padding:20px 0; margin-left: auto; margin-right: auto; }
.h4 { font-size:18px;margin:0;padding-bottom:0px;border-bottom:0px dashed #a8c0d3;}
#h1 { border-bottom:1px solid #e8edf1; padding:6px 0px; background:#fff;}
#h11 { text-align:right; width: 1200px; padding:0; margin-bottom:0; margin-left: auto; margin-right: auto;	 font-size: 13px;  }
#h1 h1 { color:#335e7f; font-size:13px; display:inline; font-weight:normal; font-size: 13px;  }
#h1 h1 a { color:#335e7f; font-size:13px; display:inline; font-weight:normal; text-decoration:none;}
#h1 a { color:#335e7f; font-size:13px; display:inline; font-weight:normal; text-decoration:none; }
#menu {	 background: #ffffff;border-bottom:1px solid #8ecd69; }
#menu-in { padding:40px 0 42px 0; text-align:right; width: 1200px; margin:0 auto; font-size: 14px; }
#menu-in a  { color:#33648a; font-weight:normal; text-decoration:none; padding:10px 20px; margin-top:20px; margin-left:1px; }
#menu-in a:hover  { color:#33648a; background:#edf4f9; }
#menu-in a.last  { background:#da2721; color:#fff }
#menu-in a.last:hover  { background:#e9443f; border:0px; padding:10px 20px; }
#logo {  float:left; vertical-align:middle; margin:-5px 0px 0px 0px; }
#logo a { margin:0px; padding:0px; }
#logo a:hover { background:#ffffff; }
#bg11 { text-align:right; width: 1200px; margin:0 auto; }
#bg1 { height:480px; width:100%; border-bottom:1px solid #8ecd69; cursor:pointer; }
#bg2 { height:400px; width:100%; background: url('../images/honlapkeszites4.jpg') no-repeat top right; border-bottom:1px solid #8ecd69; cursor:pointer; }
#t11 { display:block; float:right; font-size:16px; font-weight:600; letter-spacing:1px; color:#ffffff; background: url('../images/t1.png') repeat; padding:18px 30px; margin-top:360px; margin-right:0px; }
#t12 { display:block; float:right; font-size:16px; font-weight:600; letter-spacing:1px; color:#ffffff; background: url('../images/t1.png') repeat; padding:18px 30px; margin-top:60px; margin-right:80px; }
#shadow { height:30px; width:100%; background: #ffffff url('../images/s.jpg') no-repeat center; }
#content { background: #ffffff;text-align:left; width: 1200px; padding:0px 0px; margin-left: auto; margin-right: auto; }
#h-jpg { float:right; margin-left:30px;margin-right:20px; }
#content1 b.bold { font-size:16px; font-weight:600; }
#content1 h2 { font-size:23px; font-weight:600;margin:0 0 8px 0;padding:0; }
#content1 .open3 { padding-top:8px;}
#content1 .open3 a { text-decoration:none;}
#content1 a { color:#33648a; font-weight:500; font-size:14px; }
.center { text-align:center;margin-top:20px;display:block;}
a .gomb_ajanlat  {  color:#fff;text-decoration:none;background:#da2721;border: 0px;font-size: 16px;margin-left: 0px;color: #ffffff;font-family:'Open Sans', sans-serif; padding:8px 18px;cursor:pointer;letter-spacing:1px;line-height:35px;font-weight:normal; }
a .gomb_ajanlat:hover { color:#fff;text-decoration:none;background:#e9443f;border: 0px;-moz-transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in; }
#content2 { background: #eaeefa; width: 100%; padding:20px 0px 30px 0px; margin-top:30px; }
#content2-in { text-align:left; width: 1200px; padding:0px 0px; margin-left: auto; margin-right: auto; }
#content2-in .open1 { float:left; width:360px; text-align:center; margin-right:60px; border:0px solid red; }
#content2-in .open1 h2 { font-size:16px;margin:15px 0 15px 0;font-family:'Open Sans', sans-serif;color: #336084;}
#content2-in .open1 h2 a { text-decoration:none;color: #336084;}
#content2-in .open1 h3 { display:inline;font-size:100%;font-weight:normal;}
#content2-in .open1 h5 { font-size:16px;margin:15px 0 15px 0;font-family:'Open Sans', sans-serif;color: #336084;}
#content2-in .open1 h5 a { text-decoration:none;color: #336084;}
#content2-in .open2 { margin-right:0px; }
#ref2 { text-align:center; width: 1200px; padding:30px 0px; margin-left: auto; margin-right: auto; }
#ref2 b { font-size:20px; display:block; margin-bottom:10px; } 
#ref2 .img-ref1 { float:left; margin-right:20px; margin-top:20px; width:386px; height:auto; }
#ref2 .img-ref2 { float:right; margin-right:0px; }
#ref1 { height:240px; width:100%; background: url('../images/honlapkeszites2.jpg') no-repeat center top; cursor:pointer; }
#ref1-in { padding-top:80px; }
#ref1-in h3 {  background: #fff; color:#2a5d87; padding:15px 0px; width:100%; width:420px; margin:0px auto; text-align:center; font-weight:400; font-size:24px; }
.move1 { background: #336084;color: #fff;display: block;font-size: 18px;padding: 6px 20px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.move1 a { color: #fff; text-decoration:none; }
#move11 { margin-bottom:2px;width:250px;}
#move11:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#move12 { margin-bottom:2px;margin-left:40px;width:420px;}
#move12:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#move13 { margin-bottom:2px;margin-left:25px;width:180px;}
#move13:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#move14 { margin-bottom:2px;margin-left:50px;width:375px;}
#move14:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#move15 { margin-bottom:2px;margin-left:15px;width:445px;}
#move15:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#move16 { margin-bottom:2px;margin-left:35px;width:260px;}
#move16:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#move17 { margin-left:5px;width:240px;}
#move17:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#web-design-jpg { margin-left:10px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;margin-right:20px;}
.left1 { float:left; }
.right1 { float:right; }
.a11 {  float:left;width:340px;margin-right:40px;line-height:23px; padding:0px;	 }
.a12 { margin-right:0px;float:right;}
h3 { font-size:14px; }
h4 { font-size:15px; font-family:'Open Sans', sans-serif; }
h5 { font-size:14px; }
div.sep { height: 1px; display:block; clear:both;	margin:auto; }
div.sep5 { height: 5px; display:block; clear:both;	margin:auto; }
div.sep10 { height: 10px; display:block; clear:both;	margin:auto; }
div.sep15 { height: 15px; display:block; clear:both;	margin:auto; }
div.sep20 { height: 20px; display:block; clear:both;	margin:auto; }
div.sep-line { height: 1px; display:block; clear:both;	margin:auto; border-bottom:2px solid #e8edf1; }
form { margin:0; }
.footer { background: #40739b;padding:20px 0;font-size:12px;text-align:center;color: #ffffff; }
.footer-in h1 { font-size:12px;color: #ffffff;display:inline;margin:0;font-weight: normal;}
.footer-in h2 { font-size:12px;color: #ffffff;display:inline;margin:0;font-weight: normal;}
.footer-in  a { text-decoration: none;color: #ffffff;font-weight: normal;}
.footer-in a:link {color: #ffffff;}
.footer-in a:visited {color: #ffffff;}
.footer-in a:active {color: #ffffff;}
.footer-in a:hover {color: #ffffff;text-decoration: underline;}
#menu-mobile { display:none; }

#CookieLayer { position: fixed; display: none; margin: 0; padding: 8px; left: 0;  bottom: 0; background-color:#33648a; color: #ffffff; opacity: 0.7; }
#CookieLayer2 {color: #ffffff; opacity: 1; font-size: 13px;z-index:1000;}
.button-cookie { border: 1px solid #dedede; color: #ffffff; padding: 2px 5px; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

@media screen and (max-width: 1280px) {	
	
	body { 
		background: #ffffff url('../images/honlapkeszites10.jpg') no-repeat center -30px fixed;
		-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
	}
	#bg1 { height:400px; }
	#t11 { margin-top:290px; }
}


@media screen and (max-width: 1024px) {	
	#h-jpg, #miben { display:none; }
	#c0 {
		padding:0;
		margin-bottom:0;
		text-align:left;
		background: #ffffff;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#c00 {
		z-index:100; 
		position: fixed;
		top: 0; 
		left: 0;
		height:100px;
	}
	#c1 {
		text-align:left;
		width: 100%;
		padding:0;
		margin-bottom:0;
		margin-left: auto;
		margin-right: auto;
		margin-top:115px;
	}
	.main {
		width: 100%;
	}
	.main-in {
		text-align:left;
		width: auto;
		padding:20px 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.h4 { font-size:18px;margin:0;padding-bottom:0px;border-bottom:0px dashed #a8c0d3;}


	#h1 {
		border-bottom:2px solid #e8edf1;
		padding:10px 0px;
	}
	#h11 {
		text-align:center;
		width: 100%;
		padding:0;
		margin-bottom:0;
		margin-left: auto;
		margin-right: auto;	
		font-size: 13px; 
	}
	#h1 h1 {
		color:#335e7f;
		font-size:13px;
		display:inline;
		font-weight:normal;
		font-size: 13px; 
	}

	#h1 h1 a {
		color:#335e7f;
		font-size:13px;
		display:inline;
		font-weight:normal;
		text-decoration:none;
	}
	#menu {	
		border-bottom:2px solid #8ecd69;
	}
	#menu-in {
		padding:20px 0 20px 0;
		text-align:center;
		width: 100%;
		margin:0 auto;
		font-size: 14px; 
	}
	#menu-in a  {
		color:#33648a;
		font-weight:normal;
		text-decoration:none;
		padding:15px 0px;
		margin-top:0px;
	}

	#menu-in a:hover  {
		color:#33648a;
		background:#edf4f9;
	}
	#menu-in a.last  {
		background:#ffffff;
	}
	#menu-in a.last:hover  {
		color:#33648a;
		background:#edf4f9;
		border:0;
		border-bottom:1px solid #d2daf2;
		padding:15px 0px 15px 0px;
		margin-top:0px;
	}
	
	#menu-mobile { display:block;text-align:center;margin:10px auto 0 auto; }
	
	#menu_new {			
		float: none;
		display:none;padding:0px;
		font-family:'Open Sans', sans-serif;
		font-weight: normal;font-style: normal;
		font-size:14px; 
		text-align:center;
		margin-bottom:0px;
		width:100%;
		margin-top:5px;
	}
	#menu_new a { 
		color:#33648a;
		width:100%;
		display:block;text-decoration: none;
		margin:0;
		border:0px;
		border-bottom:1px solid #d2daf2;
	}
	#menu_new a:link {}
	#menu_new a:visited {}
	#menu_new a:active {}
	#menu_new a:hover { 
		background:#edf4f9;text-decoration: none;
	}

	#logo { 
		width:216px;
		float:none;
		display:block;
		margin:0 auto;
	}

	#logo a {
		margin:0px;
		padding:0px;
	}

	#logo a:hover {
		background:#ffffff;
	}

	#bg1 {
		height:auto;
		width:100%;
		background: url('../images/honlapkeszites10.jpg') no-repeat center top;
		border-bottom:1px solid #8ecd69;
		-webkit-background-size: 120%;
		-moz-background-size: 120%;
		-o-background-size: 120%;
		background-size: 120%;
	}

	#bg2 {
		height:auto;
		width:100%;
		background: url('../images/honlapkeszites-referenciak.jpg') no-repeat center;
		border-bottom:1px solid #8ecd69;
	}

	#bg3 {
		height:auto;
		width:100%;
		background: url('../images/honlapkeszites1.jpg') no-repeat center;
		border-bottom:1px solid #8ecd69;
	}

	#bg11 {
		height:auto;
		text-align:center;
		width: 100%;
		margin:0 auto;
		padding:100px 0;
	}

	#t11 {
		display:block;
		float:none;
		text-align:center;
		font-size:16px;
		letter-spacing:1px;
		color:#ffffff;
		background: url('../images/t1.png') repeat;
		padding:15px;
		margin:0 auto;
		width:250px;
	}

	#t12 {
		display:block;
		float:none;
		text-align:center;
		font-size:16px;
		letter-spacing:1px;
		color:#ffffff;
		background: url('../images/t1.png') repeat;
		padding:15px;
		margin:0 auto;
		width:250px;
	}

	#shadow {
		height:20px;
		width:100%;
		background: url('../images/s.jpg') no-repeat center top;
	}

	#content {
		text-align:left;
		width: 100%;
		padding:0px 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content1 {
		padding:0 10px;
	}
	#content1 b.bold {
		font-size:16px;	
		font-weight:600;
	}

	#content1 h2 {
		margin-top:0;
		font-size:23px;
		font-weight:600;
	}

	#content1 a {
		color:#33648a;
		font-weight:500;
		font-size:14px;
	}
	
	.center { text-align:center;margin-top:20px;display:block;}

	a .gomb_ajanlat  { 
		color:#fff;text-decoration:none;background:#da2721;border: 0px;font-size: 16px;margin-left: 0px;color: #ffffff;font-family:'Open Sans', sans-serif; padding:7px 15px;cursor:pointer;letter-spacing:1px;line-height:35px;font-weight:normal;
	}
	a .gomb_ajanlat:hover {
		color:#fff;text-decoration:none;background:#e9443f;border: 0px;-moz-transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;
	}


	#content2 {
		background: #eaeefa;
		width: 100%;
		padding:20px 0px 30px 0px;
		margin-top:30px;
	}

	#content2-in {
		text-align:left;
		width: 100%;
		padding:0px 0px;
		margin-left: auto;
		margin-right: auto;
	}
	#content2-in .open1 {
		display:block;
		float:none;
		text-align:center;
		width:300px;
		text-align:center;
		margin:20px auto 0 auto;
		border:0px solid red;
	}
	#content2-in .open1 h2 { font-size:16px;margin:15px 0 15px 0;font-family:'Open Sans', sans-serif;color: #336084;}
	#content2-in .open1 h2 a { text-decoration:none;color: #336084;}
	#content2-in .open1 h3 { display:inline;font-size:100%;font-weight:normal;}
	#content2-in .open1 h5 { font-size:16px;margin:15px 0 15px 0;font-family:'Open Sans', sans-serif;color: #336084;}
	#content2-in .open1 h5 a { text-decoration:none;color: #336084;}
	#content2-in .open2 {
		margin:20px auto 0 auto;
	}
	#ref2 {
		text-align:center;
		width: 100%;
		padding:30px 0px;
		margin-left: auto;
		margin-right: auto;
	}
	#ref2 b {
		font-size:20px;
		display:block;
		margin-bottom:10px;
	}
	#ref2 .img-ref1 {
		display:block;
		float:none;
		text-align:center;
		margin-left: auto;
		margin-right: auto;
		width:300px;
		height:auto;
	}
	#ref2 .img-ref2 {
		display:block;
		float:none;
		text-align:center;
	}
	#ref1 {
		display:none;	
	}
	.move1 { background: #336084;color: #fff;display: block;font-size: 18px;padding: 6px 20px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
	.move1 a { color: #fff; text-decoration:none; }
	#move11 { margin-bottom:2px;width:250px;}
	#move11:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#move12 { margin-bottom:2px;margin-left:40px;width:420px;}
	#move12:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#move13 { margin-bottom:2px;margin-left:25px;width:180px;}
	#move13:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#move14 { margin-bottom:2px;margin-left:50px;width:375px;}
	#move14:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#move15 { margin-bottom:2px;margin-left:15px;width:445px;}
	#move15:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#move16 { margin-bottom:2px;margin-left:35px;width:260px;}
	#move16:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#move17 { margin-left:5px;width:240px;}
	#move17:hover { padding-left:50px;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
	#web-design-jpg { margin-left:10px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;margin-right:20px;}
	.left1 { float:left; }
	.right1 { float:right; }
	.a11 { 
		display:block;
		float:none;
		width:100%;
		margin-right:0px;
		line-height:23px;
		padding:0px;
		margin-bottom:23px;
	}
	.a12 { margin-right:0px;float:left;}
	h3 {
		font-size:14px;
	}
	h4 {
		font-size:15px;
		font-family:'Open Sans', sans-serif;
	}
	h5 {
		font-size:14px;
	}
	div.sep {				
		height: 1px; display:block; clear:both;	margin:auto;
	}
	div.sep5 {				
		height: 5px; display:block; clear:both;	margin:auto;
	}
	div.sep10 {				
		height: 10px; display:block; clear:both;	margin:auto;
	}
	div.sep15 {				
		height: 15px; display:block; clear:both;	margin:auto;
	}
	div.sep20 {				
		height: 20px; display:block; clear:both;	margin:auto;
	}

	div.sep-line {				
		height: 1px; display:block; clear:both;	margin:auto;
		border-bottom:1px solid #e8edf1;
	}
	form { margin:0; }
	.footer { 
		background: #40739b;padding:20px 0;font-size:12px;text-align:center;color: #ffffff;
	}
	.footer-in { }
	.footer-in h1 { font-size:12px;color: #ffffff;display:inline;margin:0;font-weight: normal;}
	.footer-in h2 { font-size:12px;color: #ffffff;display:inline;margin:0;font-weight: normal;}
	.footer-in  a { text-decoration: none;color: #ffffff;font-weight: normal;}
	.footer-in a:link {color: #ffffff;}
	.footer-in a:visited {color: #ffffff;}
	.footer-in a:active {color: #ffffff;}
	.footer-in a:hover {color: #ffffff;text-decoration: underline;}

}