@import url(block.twitter.css);

* {margin: 0; padding: 0;}
html, body {height: 100%; background: #fff; font-family: arial, tahoma, sans-serif;}
img {border: 0;}
fieldset, input, textarea, select, object, embed, table, tr, th, td {border-spacing: 0px; border-collapse: collapse;}

a, p, ul, ol, dl, input, textarea {font-size: 11px; color: #0a0a0a; font-family: arial, tahoma, sans-serif;}

a {color: #9a9da1;}
a:hover {color:#0f4986; text-decoration: none;}

h1, h1 a {font-size: 15px; color: #0a0a0a;}
h2, h2 a {font-size: 13px; color: #0a0a0a;}
h3, h3 a  {font-size: 11px; color: #0a0a0a;}

.gomb, .gomb span {display: block; background-repeat: no-repeat; overflow: hidden;}
.gomb {position: relative;}
.gomb span {position: absolute; top: 0; left: 0; *cursor: pointer;}

.lang-1 .gomb, .lang-1 .gomb span {background-image: url(../images/orangemo_button_pack_1.jpg);}
.lang-2 .gomb, .lang-2 .gomb span {background-image: url(../images/orangemo_button_pack_2.jpg);}

#footbg {background: url(../images/projname_foot_bg.gif) left bottom repeat-x;}
#base {width: 829px; margin: 0 auto; position: relative; padding-left: 165px;}
	#page {clear:both; overflow:hidden; _height: 1%; padding-bottom: 10px;}
	#foot {padding: 12px 0 20px; text-align: center;}

/*
	BASE > logo
*/
	h1#header-logo {position: absolute; top: 0; left: 0px;}
	h1#header-logo, h1#header-logo span {width: 165px; height: 556px; background-image: url(../images/header-logo.gif);}

/*
	PAGE > #content > #headline 
*/
	#page h2 {margin-bottom: 20px;}
	#page h2, #page h2 span {background-image: url(../images/h2pack.gif);}

/*
	PAGE > #content > #headline 
*/
	
	#headline {clear:both; overflow:hidden; _height: 1%; padding-top: 22px;}
	#headline .headline-item {width: 266px; float: left;}
		.headline-item p, .headline-forraskereses p, .headline-hiba p, .headline-error p, .headline-spam p {font-size: 11px; color: #9a9da1; line-height: 20px; margin-left: 23px; margin-right: 30px;}
	    .headline-item p a {font-decoration: underline; color: #9a9da1;}
		.headline-item ul {margin: 0 30px; padding-top: 15px; list-style:none; line-height:20px;}
		.headline-item ul li {background: url(../images/marker.png) 0 7px no-repeat; padding-left: 15px;}
		.headline-item ul li a:hover {font-decoration: none; color: #0f4986;}
		.headline-forraskereses {width: 532px; float: left; padding-bottom: 20px;}

	
	h2#headline-grafika, h2#headline-grafika span{width: 218px; height: 31px; background-position: 0 0;}
	h2#headline-szoftver, h2#headline-szoftver span{width: 218px; height: 31px; background-position: 0 -31px;}
	h2#headline-internet, h2#headline-internet span{width: 218px; height: 31px; background-position: 0 -62px;}
	h2#headline-reference-pic, h2#headline-reference-pic span{width: 218px; height: 31px; background-position: 0 -93px;}
	h2#headline-reference-more, h2#headline-reference-more span{width: 218px; height: 31px; background-position: 0 -124px;}
	h2#headline-contact, h2#headline-contact span{width: 218px; height: 31px; background-position: 0 -155px;}
	h2#headline-job, h2#headline-job span{width: 218px; height: 31px; background-position: 0 -186px;}
	
	h2#headline-forraskereses, h2#headline-forraskereses span{width: 218px; height: 31px; background-position: 0 -217px;}
	h2#headline-palyazatikp, h2#headline-palyazatikp span{width: 218px; height: 31px; background-position: 0 -248px;}
	
	h2#headline-hiba, h2#headline-hiba span {width: 218px; height: 31px; background-position: 0 -279px;}
	h2#headline-error, h2#headline-error span {width: 218px; height: 31px; background-position: 0 -279px; background-image:url(../images/h2pack_2.gif);}
	h2#headline-spam, h2#headline-spam span {width: 218px; height: 31px; background-position: 0 -310px;}
	
	h2#headline-online-grafika, h2#headline-online-grafika span {width: 218px; height: 31px; background-position: 0 -341px;}
	h2#headline-offline-grafika, h2#headline-offline-grafika span {width: 218px; height: 31px; background-position: 0 -372px;}
	h2#headline-arculattervezes, h2#headline-arculattervezes span {width: 218px; height: 31px; background-position: 0 -403px;}
	h2#headline-webdesign, h2#headline-webdesign span {width: 218px; height: 31px; background-position: 0 -434px;}
	h2#headline-dtp, h2#headline-dtp span {width: 218px; height: 31px; background-position: 0 -465px;}
	h2#headline-ajanlatkeres, h2#headline-ajanlatkeres span{width: 218px; height: 31px; background-position: 0 -496px;}
	
	h2#headline-kesz, h2#headline-kesz span {width: 218px; height: 31px; background-position: 0 -527px;}
	h2#headline-webshop, h2#headline-webshop span {width: 218px; height: 31px; background-position: 0 -558px;}
	h2#headline-egyedi, h2#headline-egyedi span {width: 218px; height: 31px; background-position: 0 -589px;}
	h2#headline-honlapkeszites, h2#headline-honlapkeszites span {width: 218px; height: 31px; background-position: 0 -620px;}	
	h2#headline-webaruhaz, h2#headline-webaruhaz span {width: 218px; height: 31px; background-position: 0 -651px;}	
	h2#headline-privat, h2#headline-privat span {width: 218px; height: 31px; background-position: 0 -682px;}	

	h2#headline-optimalizalas, h2#headline-optimalizalas span {width: 218px; height: 31px; background-position: 0 -713px;}	
	h2#headline-marketing, h2#headline-marketing span {width: 218px; height: 31px; background-position: 0 -744px;}	
	h2#headline-uzemeltetes, h2#headline-uzemeltetes span {width: 218px; height: 31px; background-position: 0 -775px;}	
	h2#headline-keresooptimalizalas, h2#headline-keresooptimalizalas span {width: 218px; height: 31px; background-position: 0 -806px;}	
	h2#headline-keresomarketing, h2#headline-keresomarketing span {width: 218px; height: 31px; background-position: 0 -837px;}	
	h2#headline-hatterrendszer, h2#headline-hatterrendszer span {width: 218px; height: 31px; background-position: 0 -868px;}	
	/*h2#headline-keresomarketing, h2#headline-hatterrendszer {margin-top: 20px;}*/

/*
	PAGE > #content > #reference-pic
*/

	.reference-pic {padding-top: 22px; *padding-bottom:30px;}
	ul#reference-list {clear:both; overflow:hidden; _height: 1%; list-style: none;}
	ul#reference-list li {display: block; width: 213px; height: 139px; float: left; margin-bottom: 30px; padding: 0 30px 0 23px;}
	ul#reference-list li a {display: block; background-color:#aaacaf; text-decoration: none;}
	ul#reference-list img {display: block; height: 98px;}
	ul#reference-list span {display: block; background-color:#aaacaf; height: 34px; padding: 7px 7px 0; color:#fff;}
	ul#reference-list span strong {text-transform: uppercase;}
	ul#reference-list li a:hover span {background-color: #fff; color: #0f4986;}
	
/*
	PAGE > #content > #reference-more
*/

	#reference-more {clear:both; overflow:hidden; _height: 1%;}
	#reference-more ul {width: 213px; height: 139px; float: left; list-style:none; padding: 0 30px 0 23px; line-height: 20px;}
	#reference-more ul li {background: url(../images/marker.png) 0 7px no-repeat; padding-left: 15px;}
	#reference-more ul a:hover {font-decoration: none; color: #0f4986;}

/*
	PAGE > #content > #webdesign, #dtp
*/

	.text-more {clear:both; overflow:hidden; _height: 1%; padding-top: 30px;}
	.content-more {width: 532px; float: left;}
	.content-more ul {list-style:none; padding: 0 30px 0 30px; line-height: 20px; color: #9a9da1;}
	.content-more ul li {background: url(../images/marker.png) 0 7px no-repeat; padding-left: 15px;}
	.content-more ul a:hover {font-decoration: none; color: #0f4986;}
	.content-more p {font-size: 11px; color: #9a9da1; line-height: 20px; margin-left: 23px; margin-right: 30px; padding: 10px 0 10px 0;}

/*
	PAGE > #content > #contact
*/

	#contactjob {clear:both; overflow:hidden; _height: 1%; padding-top: 10px;}
	#contact, .ajanlatkeres {width: 266px; float: left; color: #9a9da1; line-height: 20px; vertical-align: top;}
	#contact p, .ajanlatkeres p {color: #9a9da1; margin-left: 23px; margin-right: 30px;}
	#contact p img, .ajanlatkeres p img {margin-top: 30px;}
	#contact ul, .ajanlatkeres ul {color: #9a9da1; list-style: none; margin-left: 23px; margin-right: 30px;}
	#contact label, .ajanlatkeres label {display: block; float:left; width: 40px; font-size: 11px;}
	#contact input, textarea, .ajanlatkeres input, textarea {float: left; width: 169px;}
	#contact textarea, .ajanlatkeres textarea {height: 75px;} 
	#contact .frow, .ajanlatkeres .frow {clear:both; overflow:hidden; _height: 1%; padding-bottom: 6px;}
	#contact form, .ajanlatkeres form {margin-left: 23px; margin-right: 30px; padding-top: 8px; padding-bottom: 8px;}
	#contact form #submit, #contact form #submit span, .ajanlatkeres form #submit, .ajanlatkeres form #submit span {width: 42px; height: 18px; background-image: url(../images/btn_form_submit.png); float: right; }
	#contact fieldset, .ajanlatkeres fieldset {border: 0}
	#contact iframe, .ajanlatkeres iframe {margin-left: 23px;}
	#job {width: 532px; float: left;}
	#job p {color: #9a9da1; line-height: 20px; margin-left: 23px; margin-right: 30px; margin-top: 10px;}
	#job ul {margin-left: 30px; margin-right: 30px; list-style:none; color: #9a9da1; line-height: 20px;}
	#job ul li {background: url(../images/marker_grey.gif) 0 7px no-repeat; padding-left: 15px;}
	#job dl {margin-top: -8px;}
	#job dt {border-bottom: 1px solid #f2f2f2; padding: 8px 0 8px 15px; background: url(../images/marker.png) left center no-repeat;}
	

/*
	PAGE > #content > #palyazatikp
*/

	#palyazatikp {width: 532px; float: left;}
	#palyazatikp p {color: #9a9da1; line-height: 20px; margin-left: 23px; margin-right: 30px; margin-top: 10px;}
	#palyazatikp ul {margin-left: 30px; margin-right: 30px; list-style: none; color: #9a9da1; line-height: 20px;}
	#palyazatikp ul li {background: url(../images/marker.png) 0 7px no-repeat; padding-left: 15px;}
	#palyazatikp dt {border-bottom: 1px solid #f2f2f2; padding: 8px 0;}
	#palyazatikp dl {margin-top: -8px;}

	
/*
	FOOT 
*/
	#foot {border-top: 1px solid #f2f2f2; position: relative;}
	#foot ul {float: right; margin-right: 30px; color: #9a9da1;}
	#foot .inlinemenu li {display: inline; padding: 0px 5px 0 2px; *padding: 0px 2px 0px 6px; border-right: 0px solid #fff; list-style: none;}
	#foot .inlinemenu li, .inlinemenu a {font-size: 11px; text-decoration: underline; color: #9a9da1;}
	#foot .inlinemenu li, .inlinemenu a:hover {text-decoration: none; color:#003e7e;}
	#foot p {color: #9a9da1; text-align: left; margin-left: 23px; line-height: 20px;}
	#foot p img {padding: 10px 0;}
	#foot #negyzet {position: absolute; top: 0px; right:0px; width: 28px; height: 28px; background-color: #003e7e;}
	#foot #powerpages {position: absolute; top: 7px; right:40px; width: 111px; height: 31px;}
	#footermenu {margin-right: 20px;}

	
	/* HR - vonal */
	.hr {background: #ddd; margin: 10px 0 20px; height: 1px; font-size: 1px; line-height: 1px; clear: both;}
	.hr hr {display: none;}
	
	.fleft {float: left !important;}
	.fright {float: right !important;}
	.img-left {float: left !important; margin-right: 10px;}
	.img-right {float: right !important; margin-left: 10px;}
	.right {text-align: right !important;}
	.left {text-align: left !important;}
	.center {text-align: center !important;}
	.clear {clear: both;}
	.bold {font-weight: bold !important;}
	.hidden {display: none !important;}
	.noborder {border: 0 !important;}
	
	/*lightbox v1
	#lightbox{
		background-color: #eee;
		padding: 2px;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		}
	#lightboxDetails{
		color: #aaa;
		font: normal 9px verdana;
		padding-top: 0.4em;
		}
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }
	#lightbox img{ border: 0; }
	#overlay img{ border: none; }
	#overlay{ background-image: url(../images/overlay.png); }
	* html #overlay{
		background-color: #000;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/overlay.png", sizingMethod="scale");
	}*/
	
#layertext {
	background:transparent url(../images/xmas_open2008.jpg) no-repeat scroll 0 0;
	height:332px;
	left:165px;
	position:absolute;
	top:135px;
	width:463px;
	z-index:5;
}

.frow_hidden {display: none;}