/**********KEZDŐLAP**********/

.kezdolap .boxes {
	width: 880px;
	margin: 0 30px 0 30px;
	overflow: hidden;
	background: transparent url(../images/kezdolap/boxes.jpg) top left no-repeat;
	}
	
	.kezdolap .boxes .webdesign {
		width: 280px;
		margin: 0 20px 0 0;
		overflow: hidden;
		float: left;
		}
		
		.kezdolap .boxes .webdesign .header {
			width: 280px;
			height: 39px;
			margin: 0;
			background: transparent url(../images/kezdolap/webdesignHeader.jpg) top left;
			text-indent: -1000em;
			}
			
		.kezdolap .boxes .webdesign .content {
			width: 240px;
			overflow: hidden;
			margin: 20px;
			color: #fff;
			}
		
	.kezdolap .boxes .seo {
		width: 280px;
		margin: 0 20px 0 0;
		overflow: hidden;
		float: left;
		}
		
		.kezdolap .boxes .seo .header {
			width: 280px;
			height: 39px;
			margin: 0;
			background: transparent url(../images/kezdolap/seoHeader.jpg) top left;
			text-indent: -1000em;
			}
			
		.kezdolap .boxes .seo .content {
			width: 240px;
			overflow: hidden;
			margin: 20px;
			color: #fff;
			}
		
	.kezdolap .boxes .marketing {
		width: 280px;
		overflow: hidden;
		float: left;
		}
		
		.kezdolap .boxes .marketing .header {
			width: 280px;
			height: 39px;
			margin: 0;
			background: transparent url(../images/kezdolap/marketingHeader.jpg) top left;
			text-indent: -1000em;
			}
			
		.kezdolap .boxes .marketing .content {
			width: 240px;
			overflow: hidden;
			margin: 20px;
			color: #fff;
			}
		
	.kezdolap .boxes .footer {
		width: 880px;
		height: 5px;
		overflow: hidden;
		background: transparent url(../images/kezdolap/boxesFooter.jpg) top left no-repeat;
		}
		
.kezdolap .productContainer {
	width: 880px;
	margin: 30px 30px 0 30px;
	overflow: hidden;
	}
	
	/* root element for tabs  */
	ul.css-tabs {
		width: 870px;
		height: 40px;
		margin: 0; 
		padding: 0 0 0 10px;
		background: url(../images/kezdolap/products/headerBackground.jpg) top left repeat-x;
		}
		
		ul.css-tabs li {  
			float: left;
			padding: 0;
			margin: 0;
			list-style-type: none;
			text-indent: -1000em;
			}
			
			ul.css-tabs a { 
				display: block;
				width: 100%;
				height: 40px;
				}
				
			ul.css-tabs a.current { cursor: default; }
			
			ul.css-tabs .firstTab { width: 232px; background: url(../images/kezdolap/products/tab1.jpg); }
			ul.css-tabs .firstTab a:hover { width: 232px; background: url(../images/kezdolap/products/tab1_hover.jpg); }
			ul.css-tabs .firstTab a.current { width: 232px; background: url(../images/kezdolap/products/tab1_active.jpg); }
			
			ul.css-tabs .secondTab { width: 190px; background: url(../images/kezdolap/products/tab2.jpg); }
			ul.css-tabs .secondTab a:hover { width: 190px; background: url(../images/kezdolap/products/tab2_hover.jpg); }
			ul.css-tabs .secondTab a.current { width: 190px; background: url(../images/kezdolap/products/tab2_active.jpg); }
			
			ul.css-tabs .thirdTab { width: 212px; background: url(../images/kezdolap/products/tab3.jpg); }
			ul.css-tabs .thirdTab a:hover { width: 212px; background: url(../images/kezdolap/products/tab3_hover.jpg); }
			ul.css-tabs .thirdTab a.current { width: 212px; background: url(../images/kezdolap/products/tab3_active.jpg); }
				
			/* tab pane */
			div.css-panes div {
				/*display: none;*/
				width: 878px;
				height: 330px;
				padding: 30px 0 0 0;
				border: 1px solid #aaa;
				/*border-width: 0 1px 1px 1px;*/
				background: #c4c2c2 url(../images/kezdolap/products/contentBackground.jpg) top left repeat-x;
				overflow: hidden;
				}
				
				div.css-panes  .left {
					display: block;
					float: left;
					width: 170px;
					height: 300px;
					margin: 0 30px 30px 30px;
					}
					
					div.css-panes .background1 { background: url(../images/kezdolap/products/background1.jpg) bottom right no-repeat; }
					div.css-panes .background2 { background: url(../images/kezdolap/products/background2.jpg) bottom right no-repeat; }
					div.css-panes .background3 { background: url(../images/kezdolap/products/background3.jpg) bottom right no-repeat; }
					
					div.css-panes  .left h4 {
						margin: 0;
						text-indent: -1000em;
						}
						
						div.css-panes  .left .everStart {
							width: 155px;
							height: 36px;
							margin: 0 0 0 10px;
							background: url(../images/kezdolap/products/header1.jpg);
							}
							
						div.css-panes  .left .everShop {
							width: 133px;
							height: 36px;
							margin: 0 0 0 32px;
							background: url(../images/kezdolap/products/header2.jpg);
							}
							
						div.css-panes  .left .elearningSystem {
							width: 142px;
							height: 59px;
							margin: 0 0 0 23px;
							background: url(../images/kezdolap/products/header3.jpg);
							}
							
				div.css-panes  .center {
					display: block;
					float: left;
					width: 280px;
					height: 300px;
					margin: 0 30px 30px 0;
					}
					
					div.css-panes  .center p { margin: 0 0 10px 0; }
					
				div.css-panes  .right {
					display: block;
					float: left;
					width: 308px;
					height: 300px;
					margin: 0 30px 30px 0;
					}
					
					div.css-panes  .right ul {
						list-style-image: url(../images/szolgaltatasok/check.png);
						list-style-type: none;
						margin: 0;
						padding: 0 0 0 30px;
						}
		
/**********PORTFOLIO**********/

.portfolio .subMenu {
	width: 940px;
	height: 46px;
	margin: 0 0 30px 0;
	background: transparent url(../images/portfolio/menu.jpg) top left repeat-x;
	}
	
	.portfolio .subMenu ul {
		width: 910px;
		height: 46px;
		margin: 0;
		padding: 0 0 0 30px;
		overflow: hidden;
		list-style-type: none;
		font-family: arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		}
		
		.portfolio .subMenu li {
			_width: 10px;
			_white-space: nowrap;
			height: 46px;
			line-height: 46px;
			float: left;
			background: transparent url(../images/portfolio/menuBorder.jpg) top right no-repeat;
			}
			
			.portfolio .subMenu li a {
				display: block;
				padding: 0 15px 0 15px;
				height: 46px;
				}
				
			.portfolio .subMenu .active {
				background: #fff url(../images/portfolio/menuBorder.jpg) top right no-repeat;
				}
			
			.portfolio .subMenu .last {
				background: none;
				}
				
.thumbsContainer {
	width: 897px;
	margin: 0 30px 0 13px;
	}
				
	.portfolio .thumb {
		width: 282px;
		margin: 0 0 30px 17px;
		overflow: hidden;
		float: left;
		}
		
		.portfolio .thumb .img {
			width: 271px;
			height: 214px;
			padding: 11px 0 0 11px;
			background: transparent url(../images/portfolio/workBorder.jpg) top left no-repeat;
			}
			
		.portfolio .thumb .details {
			position: relative;
			top: 0;
			left: 0;
			width: 250px;
			height: 163px;
			margin: -214px 0 0 11px;
			padding: 5px;
			z-index: 10;
			background: transparent url(../images/portfolio/textBackground.png) top left repeat;
			behavior: url(styles/iepngfix.htc);
			font-size: 11px;
			color: #fff;
			filter:alpha(opacity=0);
			-moz-opacity:.0;
			opacity:.0;
			}
			
		.portfolio .thumb .detailsHover {
			position: relative;
			top: 0;
			left: 0;
			width: 250px;
			height: 163px;
			margin: -214px 0 0 11px;
			padding: 5px;
			z-index: 10;
			background: transparent url(../images/portfolio/textBackground.png) top left repeat;
			behavior: url(styles/iepngfix.htc);
			font-size: 11px;
			color: #fff;
			}
			
			.portfolio .thumb .detailsHover a {
				display: block;
				width: 100%;
				height: 100%;
				color: #fff;
				}
				
			.portfolio .thumb .detailsHover a:hover { color: #fff; }
				
		.portfolio .thumb .viewButton {
			width: 180px;
			height: 32px;
			background: transparent url(../images/portfolio/viewButton.jpg) top right no-repeat;
			cursor: pointer;
			margin: 40px 0 0 0;
			}
			
			.portfolio .thumb .viewButton a {
				display: block;
				width: 180px;
				height: 32px;
				text-indent: -1000em;
				}
			
		.portfolio .thumb .viewButtonHover {
			width: 180px;
			height: 32px;
			background: transparent url(../images/portfolio/viewButtonHover.jpg) top right no-repeat;
			text-indent: -1000em;
			cursor: pointer;
			margin: 40px 0 0 0;
			}
			
			.portfolio .thumb .viewButtonHover a {
				display: block;
				width: 180px;
				height: 32px;
				text-indent: -1000em;
				}
				
/**********SZOLGÁLTATÁSOK**********/
				
#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

.fl {
	width: 880px;
	margin: 0 30px 30px 30px;
	height: 465px;
	overflow: hidden;
	background: url(../images/szolgaltatasok/contentBackground.jpg) top left repeat-x;
	}
	
	.fl div { float: left; }

	.fl .header {
		height: 465px;
		width: 40px;
		cursor: pointer;
		float: left;
		margin: 0 2px 0 0;
		background-color: green;
		}
		
		.fl .webfejlesztes { background: url(../images/szolgaltatasok/header1.jpg); }
		.fl .d { background: url(../images/szolgaltatasok/header2.jpg); }
		.fl .foto { background: url(../images/szolgaltatasok/header3.jpg); }
		.fl .video { background: url(../images/szolgaltatasok/header4.jpg); }
		.fl .grafika { background: url(../images/szolgaltatasok/header5.jpg); }
		.fl .it { background: url(../images/szolgaltatasok/header6.jpg); }
		.fl .marketing { background: url(../images/szolgaltatasok/header7.jpg); }
		
	.fl .content {
		height: 439px;
		width: 558px;
		padding: 13px;
		float: left;
		}
		
		.fl .content h6 {
			font-family: arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			}
			
		#horizontal_slide_1 { background: url(../images/szolgaltatasok/weblap.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
		#horizontal_slide_2 { background: url(../images/szolgaltatasok/3d.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
		#horizontal_slide_3 { background: url(../images/szolgaltatasok/foto.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
		#horizontal_slide_4 { background: url(../images/szolgaltatasok/video.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
		#horizontal_slide_5 { background: url(../images/szolgaltatasok/grafika.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
		#horizontal_slide_6 { background: url(../images/szolgaltatasok/programozas.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
		#horizontal_slide_7 { background: url(../images/szolgaltatasok/marketing.png) 460px 260px no-repeat; behavior: url(styles/iepngfix.htc); }
			
		.fl .content ul {
			clear: both;
			padding: 0 0 0 40px;
			list-style-type: none;
			list-style-image: url(../images/szolgaltatasok/check.png);
			behavior: url(styles/iepngfix.htc);
			}
			
			.fl .content ul li {
				margin: 0 0 3px 0;
				line-height: -1px;
				}
				
		.portfolioButton {
			background: #353535;
			display: block;
			height: 20px;
			line-height: 20px;
			width: 200px;
			text-align: center;
			font-size: 10px;
			font-weight: bold;
			color: #fff;
			-moz-border-radius: 10px;  
			-webkit-border-radius: 10px;  
			border-radius: 10px;
			margin: 0 0 10px 0;
			cursor: pointer;
			}
			
			.portfolioButton:hover { background: #000; color: #fff; }
			
		.arajanlatButton {
			background: #353535;
			display: block;
			height: 20px;
			line-height: 20px;
			width: 150px;
			text-align: center;
			font-size: 10px;
			font-weight: bold;
			color: #fff;
			-moz-border-radius: 10px;  
			-webkit-border-radius: 10px;  
			border-radius: 10px;
			cursor: pointer;
			}
			
			.arajanlatButton:hover { background: #000; color: #fff; }
				
/**********ROLUNK**********/

.rolunk .clients1 {
	width: 900px;
	margin: 0 10px 10px 30px;
	overflow: hidden;
	}
	
.rolunk .clients2 {
	width: 900px;
	margin: 0 10px 0 30px;
	overflow: hidden;
	}
	
	.rolunk .thumb {
		width: 205px;
		margin: 0 20px 0 0;
		float: left;
		overflow: hidden;
		}
		
		.rolunk .thumb .header {
			width: 195px;
			height: 23px;
			line-height: 23px;
			padding: 0 0 0 10px;
			margin: 0 0 10px 0;
			background: #535353;
			font-family: arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #fff;
			}
			
		.rolunk .thumb ul {
			width: 195px;
			padding: 0 0 0 10px;
			margin: 0;
			list-style-type: none;
			}
			
/**********ÁRAJÁNLAT KÉRÉS**********/

.arajanlatkeres form {
	padding: 0 30px 0 30px;
	}
	
	.arajanlatkeres fieldset {
		width: 880px;
		background: #f8f8f8;
		margin: 0 0 30px 0;
		border: 1px solid #d5d5d5;
		-moz-border-radius: 7px;  
		-webkit-border-radius: 7px;  
		}
		
		.arajanlatkeres legend {
			font-size: 18px;
			}
			
		.arajanlatkeres label {
			padding: 0 0 0 5px;
			}
			
			.arajanlatkeres .mini { font-size: 11px; }
	
	.arajanlatkeres form .unit {
		margin: 0 0 15px 0;
		}
		
		.arajanlatkeres form .unit span {
			display: block;
			margin: 3px 0 0 0;
			font-size: 11px;
			color: #e10101;
			}
			
	.arajanlatkeres .modul {
		float: left;
		width: 20%;
		}
		
		.arajanlatkeres select { margin: 5px; }
		
		.arajanlatkeres .modul input {
			float: left;
			}
		
		.arajanlatkeres .modul label {
			font-size: 11px;
			float: left;
			}
			
/**********KAPCSOLAT**********/

.kapcsolat form {
	padding: 0 30px 0 30px;
	}
	
	.kapcsolat form .unit {
		margin: 0 0 15px 0;
		}
		
		.kapcsolat form .unit span {
			display: block;
			margin: 3px 0 0 0;
			font-size: 11px;
			color: #e10101;
			}
			
/**********SITEMAP**********/

.sitemap {
	padding: 0 0 0 45px;
	margin: 0;
	}
	
	.sitemap li {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		margin: 0 0 5px 0;
		}
		
		.sitemap ul {
			margin: 5px 0 5px 0;
			}
		
			.sitemap ul li {
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 12px;
				}