* {margin:0;padding:0;list-style:none;}
html, body {background-color:#fff;min-height:100%;filter:none;/* cleartype fix on xp */ }

fieldset,table,img {border:0;border-spacing:0;border-collapse:collapse;}

a,p,ul,ol,dl,input,textarea,select,label,div,th,td
{color:#888;font-size:12px;line-height:18px;font-family:'Myriad Pro',arial,sans-serif; cursor:default;}

a {text-decoration:none;cursor:pointer;color:#00aeef;}
a:hover {cursor:pointer;}
/*a:visited {color: #aaa; text-decoration: none; }*/
:focus {outline:none;}

h1, h1 a {letter-spacing:0.1em;font-size:24px;line-height:24px;font-weight:normal;font-family:'Myriad Pro',arial,sans-serif;}
h2, h2 a {letter-spacing:0.1em;font-size:20px;line-height:20px;font-weight:normal;font-family:'Myriad Pro',arial,sans-serif;}
h3, h3 a {letter-spacing:0.1em;font-size:18px;line-height:18px;font-weight:normal;font-family:'Myriad Pro',arial,sans-serif;}
h4, h4 a {letter-spacing:0.1em;font-size:16px;line-height:16px;font-weight:normal;font-family:'Myriad Pro',arial,sans-serif;}
h5, h5 a {letter-spacing:0.1em;font-size:14px;line-height:14px;font-weight:normal;font-family:'Myriad Pro',arial,sans-serif;}
h6, h6 a {letter-spacing:0.1em;font-size:12px;line-height:12px;font-weight:normal;font-family:'Myriad Pro',arial,sans-serif;}

.t2i, .t2i span {display:block;overflow:hidden;width:100%;height:100%;background-repeat:no-repeat;}
.t2i {position: relative;}
.t2i span {position: absolute; top: 0; left: 0; }
.t2i a span {*cursor: pointer;}

#no-js {/*position:fixed;*/width:100%;height:30px;background:#ffd800;padding:10px 0;z-index:100}
#no-js p {color:#000!important;text-align:center;}
#iesix {position:fixed;width:100%;height:30px;background:#ffd800;padding:10px 0;z-index:100}
#iesix p {color:#000!important;text-align:center;}	

		
/*
	layout
*/
	
#base {position:relative;width:820px;margin:0 auto;padding-bottom:60px;}
	
	#header {position:relative;min-height:160px;}	
	
		#header > h1 {text-indent:-10000em;position:absolute;top:37px;left:0;}
		#header > h1, #header > h1 span {width:160px;height:110px;background:url(i/header.png);}
		
		#header	> ol {clear:both;overflow:hidden;float:right;position:absolute;bottom:0;right:10px;}
		#header	> ol  li {position:relative;float:left;margin-left:25px;height:35px;}		
		#header	> ol  li,
		#header	> ol  li a {display:block;font-size:14px;line-height:auto;text-transform:uppercase;color:#888;letter-spacing:0.1em;}		
		#header	> ol  li a {height:35px;}		
		#header	> ol  li a:hover {border-bottom:4px solid #00aeef;height:31px;}						
		
	#page {position:relative;}
		
		#page h2 {min-height:56px;margin-bottom:18px;} 
		#page h2, 
		#page h2  a {font-size:28px;line-height:22px;text-transform:uppercase;}

		#page .colset3 {position:relative;padding-left:548px;}
		#page .colset3 p {margin-bottom:18px;}
		#page .colset3 .col1 {position:relative;float:left;width:254px;padding:0 8px 0 10px;margin-left:-548px;margin-right:2px;z-index:2}
		#page .colset3 .col2 {position:relative;float:left;width:254px;padding:0 8px 0 10px;margin-left:-274px;margin-right:2px;z-index:2}
		#page .colset3 .col3 {position:relative;float:left;width:254px;padding:0 8px 0 10px;z-index:2}
		#page .colset3 .bg {display:none;}
		
		.more, 
		.back {display:block;clear:both;float:right;height:24px;font-size:14px;line-height:24px;text-transform:uppercase;color:#888;}
		.more {padding-right:20px;background:url(i/rt.gif) 100% 50% no-repeat;}
		.back {padding-left:20px;background:url(i/lt.gif) 0% 50% no-repeat;}
		.more:hover,
		.back:hover {color:#00aeef!important}
		
		.blue {color:#00aeef!important;}
		
		.bluebox {clear:both;background:#00aeef url(i/bluebox.jpg) 0 0 repeat-x;padding:10px; width:252px;margin-left:-10px;margin-bottom:18px;}
		.bluebox h3 {font-size:22px;line-height:22px;margin-bottom:18px;text-transform:uppercase; color:#fff;}
		.bluebox ol {margin-top:-10px;}
		.bluebox ol li {margin-top:10px;padding-left:10px;margin-left:-10px;background:url(i/arr.png) 0 0 no-repeat; color:#fff;}
		.bluebox form ol li {background:url(i/arr.png) 0 6px no-repeat; }
		.bluebox ul.gallery {margin-left:-5px;margin-top:-13px;}
		.bluebox ul.gallery li {float:left;width:80px;margin-left:5px;margin-top:5px;background-color:#5fd3ff;}						
		.bluebox ul.gallery img {display:block;}	
		
		.bluebox ol.ref li {margin-top:0;padding-left:15px;} 		
				
		.greybox {clear:both;background:#d9d9d9;padding:10px; width:252px;margin-left:-10px;margin-bottom:18px;}
		.greybox h3 {font-size:22px;line-height:22px;margin-bottom:18px;text-transform:uppercase; color:#fff;}
		.greybox ol {margin-top:-10px;}
		.greybox ol li {margin-top:10px;padding-left:10px;margin-left:-10px;background:url(i/arr.png) 0 0 no-repeat; color:#fff;}
		.greybox form ol li {background:url(i/arr.png) 0 6px no-repeat; }
		.greybox ul.gallery {margin-left:-5px;margin-top:-13px;}
		.greybox ul.gallery li {float:left;width:80px;margin-left:5px;margin-top:5px;background-color:#5fd3ff;}						
		.greybox ul.gallery li:hover {outline:3px solid #00aeef;}						
		.greybox ul.gallery img {display:block;}	
		
		.greybox ol.ref li {margin-top:0;padding-left:15px;} 
	
	
		#page.index {padding-top:0px;border:0;}
			#main-promo {position:relative;width:820px;height:431px;background: #eee url(i/shadow.jpg) 0 100% no-repeat;}
			#main-promo .slides_container {width:820px;height:401px;overflow:hidden;}			
			/*#main-promo ul.pagination {position:absolute;left:39px;bottom:95px;z-index:100;}			
			#main-promo ul.pagination li {display:block;float:left;margin-right:7px;}			
			#main-promo ul.pagination li a {display:block;width:64px;height:6px;text-indent:-1000em;background:#1f1f1f;overflow:hidden;}			
			#main-promo ul.pagination li.current a {background:#fff}	*/		
			#main-promo a.prev, 	
			#main-promo a.next {position:absolute;display:block;width:18px;height:0px;padding-top:36px;top:182px;background-image:url(i/prevnext.png);overflow:hidden;}			
			#main-promo a.prev {left:-42px;background-position:0 0;}			
			#main-promo a.next {right:-42px;background-position:-18px 0;}			
			#main-promo a.prev:hover {background-position:0 -36px;}			
			#main-promo a.next:hover {background-position:-18px -36px;}			
			#main-promo img.ribbon {position:absolute;display:block;width:232px;height:232px;left:-6px;top:-6px;z-index:100;}			
			#main-promo div.ribbon {position:absolute;display:block;min-width:270px;padding-right:6px;height:46px;right:-6px;bottom:76px;background:url(i/project-ribbon.png) 100% 100% no-repeat;z-index:100;}			
			#main-promo div.ribbon p {letter-spacing:0.1em;padding:0 4px 0 10px;height:46px;font-size:18px;color:#fff;text-transform:uppercase;line-height:40px;background:url(i/project-ribbon.png) 0 0 no-repeat;}			
			
			#page.index .colset3 .bg {display:block;position:absolute;z-index:0;left:0;top:0;width:820px;height:100%;}
			#page.index .colset3 .bg .top {position:absolute;width:100%;height:15px;left:0;top:0;background:url(i/colset3.png) 0 0 no-repeat;}
			#page.index .colset3 .bg .mid {position:absolute;width:100%;height:100%;left:0;top:-15px;overflow:hidden;}
			#page.index .colset3 .bg .mid .rep {position:relative;top:30px;height:100%;width:100%;background:url(i/colset3.png) -820px 0 repeat-y;}
			#page.index .colset3 .bg .bot {position:absolute;width:100%;height:15px;left:0;bottom:0;background:url(i/colset3.png) 0 -15px no-repeat;}

			
			
		#page.bemutatkozas {}
		
		#page.tetotereket-vasarolunk {}

									
		#page.kapcsolat {}
		
			/* form */		
			input,textarea,select,span.placeholder {}
			select {padding:2px;}	
			option {padding:0px 4px;}	
			textarea {overflow-y:auto;resize:none}
			input[type="text"], span.placeholder {}		
			input.error {}
			input[type="checkbox"], input[type="radio"] {width:auto!important;border:0!important;background:none!important;}			
			textarea:focus,	input[type="text"]:focus {color:#000!important}	
			
			span.placeholder {color:#777;background:transparent;}		
			/* html5 placeholder support */
			input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#777;}
			input:placeholder,textarea:placeholder {color:#777;}			
			
				#contact-form {}
				#contact-form form {}
				#contact-form .field {position:relative;}
				#contact-form input[type="text"],
				#contact-form textarea {width:238px;background:#f5f5f5;border:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
				#contact-form input[type="text"],
				#contact-form .placeholder {height:30px;line-height:30px;padding:0 7px;}
				#contact-form input[type="text"] {}			
				#contact-form textarea {padding:7px;height:140px}

				#contact-form .field.captcha {padding-left:115px;}
				#contact-form .field.captcha img {float:left;margin-left:-105px;display:block;}
				#contact-form .field.captcha input[type="text"] {width:133px;}
				
				#contact-form .field.submit {}
				#contact-form .field.submit a {display:block;height:30px;font-size:15px;line-height:30px;color:#fff;text-transform:uppercase;}
				
				#contact-form .field.error {}
				#contact-form .field.valid {}

				#contact-form label.error {display:block;font-size:12px;color:#fff;font-weight:normal;padding:3px;}
				#contact-form .field.captcha label.error {margin-left:-105px;}		
				
			

/*
	misc
*/
		
			
	.displaymessage {display:none;position:fixed;top:0;left:0;z-index:110;width:100%;}
	.displaymessage .body {padding:8px 16px;border-bottom:2px solid #fff;background:#ffd800;color:#000;font-size:14px;line-height:24px;font-weight:bold; text-align:center;}
	.displaymessage .loading {float:right;width:24px;height:24px;background:url(i/displaymessage_loading.gif);}




				
	.hidden {display:none!important;}
	.rejtett {display:none!important;}
	.bold {font-weight:bold!important;}
	.big, 
	.big a {font-size:22px!important;line-height:22px!important;}
	.center {text-align:center;}
	.right {text-align:right;}
	.ls01 {letter-spacing:0.1em;}
	.uc {text-transform:uppercase!important;}
	
	/* new clearfix */
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */

	q {font-style:italic;color:#000!important;}
	q:before,q:after{content:""}	
	
	blockquote {}
	blockquote p {margin-bottom:0!important;}
	blockquote[cite]:after {
		display: block;
		margin-top:9px;
		text-align: left;
		content: attr(cite);
		font-style: italic;
		font-size: 14px;
    }		

#login-form {position:relative;padding:10px;width:222px;margin:40px auto; border:0px solid #ddd; box-shadow: 0px 1px 3px rgba(0,0,0,.1); }	
#login-form  > div{clear:both;overflow:hidden;}	
#login-form  > div.error{}	
#login-form  > div.rsub {text-align:right;}	
#login-form  > div + div {margin-top:10px;}	
#login-form select {width:221px;padding:6px 10px;border:1px solid #ddd;}	
#login-form input[type=text]{width:200px;padding:0 10px;height:26px;line-height:26px;border:1px solid #ddd;}	
#login-form input[type=password]{width:200px;padding:0 10px;height:26px;line-height:26px;border:1px solid #ddd;}	
#login-form button {width:auto;padding:0 20px;}	

#page.comments{width:500px;margin-left:10px;}
	#page.comments h2 {margin-top:20px;padding-bottom:0;min-height:0;}
	#page.comments .user-data {margin-bottom:6px;}	
	#comment-form {}
	#comment-form div.textarea {position:relative;display:block;border:1px solid #ddd;padding:5px 10px;min-height:16px;margin-right:65px;background:#fff;}
	#comment-form textarea {display:block;border:0;width:100%;}
	#comment-form div.textarea button {position:absolute;left:100%;bottom:0;margin-left:5px;}

	.comment-list {}
	.comment-list .depth {padding:10px;border-left:0px solid #eee;margin-top:10px; }
	/*.comment-list .depth:hover  {background: rgba(0,0,0,.02);}
	.comment-list .depth:hover .depth:hover  {background: rgba(0,0,0,.02);}
	.comment-list .depth:hover .depth {background:#fff;}*/
	.comment-list .depth .depth { background: rgba(0,0,0,.02); box-shadow: 0px 1px 2px rgba(0,0,0,.1) }
	/*.comment-list .depth .depth .depth  { border-left-color:blue;}
	.comment-list .depth .depth .depth  .depth { border-left-color:red;}
	.comment-list .depth .depth .depth  .depth  .depth { border-left-color:yellow;}
	.comment-list .depth .depth .depth  .depth  .depth .depth { border-left-color:orange;}*/
	.comment-list .depth .cbody {position:relative;}
	.comment-list .depth .cbody .data {border-bottom:1px dotted rgba(0,0,0,.1);padding-bottom:10px;font-weight:bold;}
	.comment-list .depth .cbody .data .date {margin-left:10px;font-size:10px;font-weight:normal;}
	.comment-list .depth .cbody .content {padding:18px 10px 9px;}
	.comment-list .depth > .cbody:hover  > .button.reply {display:block;}

	.button {display:inline-block;height:28px;font-size:11px;line-height:28px;background:#00aeef;color:#fff;border:0;width:60px;text-align:center;cursor:pointer;}	
	.button:hover {}	
	.button:active {background:orange}	
	.button.reply {background:none;color:#00aeef;position:absolute;right:0px;top:3px;display:none; width:auto;height:auto;line-height:1;}
	
	.google-maps {position:relative;padding-bottom:56.25%;/* 16:9 */height:0;overflow:hidden; margin-top:20px;}
	.google-maps iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important;}	
	.google-maps {
		filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		filter: grayscale(100%); /* Current draft standard */
		-webkit-filter: grayscale(100%); /* New WebKit */
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); 
		-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
		filter: gray; /* IE */
		-webkit-filter: grayscale(1); /* Old WebKit */				
	}