@charset "utf-8";

/* reset */

:active, :focus {
	outline: none;
}

html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, img, table, tr, th, td, input, textarea {
	padding: 0;
	margin: 0;
	border: none;
	font: normal 12px 'segoe ui', arial, verdana, helvetica, sans-serif;
	color: #333;
}

ul, dl, ol {
	list-style: none outside none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

/* basic */

body {
	margin: 0;
	padding: 0;
	background: #add5f0 url(../images/head_bg.jpg) top center repeat-x;
}


.clr {
	clear: both;
}

/* default url */

a:link, a:active, a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline
}

a.oh:link, a.oh:active, a.oh:visited {
	color: #3a6e02;
	text-decoration: none;
}

a.oh:hover {
	color: #294c02;
	text-decoration: none;
}

a.oh span {
	margin: -3px 0 0 10px;
}


/* body */

#wrap {
	width: 1024px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/head.jpg) top center no-repeat;
}

/* head */

#head {
	width: 950px;
	height: 273px;
	margin: 0;
	padding: 0;
}

	#head a.logo {
		width: 400px;
		height: 100px;
		margin: 0 0 0 280px;
		padding: 0;
		display: block;
		float: left;
	}

/* nav */

#nav {
	width: 950px;
	height: 88px;
	margin: 2px auto 0 auto;
	padding: 0;
	text-align: center;
}

	#nav .fooldal {
		width: 90px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		display: block;
		float: left;
		background: url(../images/nav/fooldal.png) no-repeat;
	}
	
		#nav .fooldal:hover {
			background: url(../images/nav/hover/fooldal.png) no-repeat;
		}
		
	#nav .arlista {
		width: 77px;
		height: 43px;
		margin: 0;
		padding: 0;
		display: block;
		cursor: pointer;
		float: left;
		background: url(../images/nav/arlista.png) no-repeat;
	}
	
		#nav .arlista:hover {
			background: url(../images/nav/hover/arlista.png) no-repeat;
		}
		
	#nav .akcioink {
		width: 88px;
		height: 43px;
		margin: 0;
		padding: 0;
		display: block;
		cursor: pointer;
		float: left;
		background: url(../images/nav/akcioink.png) no-repeat;
	}
	
		#nav .akcioink:hover {
			background: url(../images/nav/hover/akcioink.png) no-repeat;
		}
		
	#nav .ablakok {
		width: 162px;
		height: 43px;
		margin: 0;
		padding: 0;
		display: block;
		cursor: pointer;
		float: left;
		background: url(../images/nav/ablakok.png) no-repeat;
	}
	
		#nav .ablakok:hover {
			background: url(../images/nav/hover/ablakok.png) no-repeat;
		}
		
	#nav .ajtok {
		width: 154px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/ajtok.png) no-repeat;
	}
	
		#nav .ajtok:hover {
			background: url(../images/nav/hover/ajtok.png) no-repeat;
		}
		
	#nav .redonyok {
		width: 102px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/redonyok.png) no-repeat;
	}
	
		#nav .redonyok:hover {
			background: url(../images/nav/hover/redonyok.png) no-repeat;
		}
		
	#nav .szunyoghalok {
		width: 138px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/szunyoghalok.png) no-repeat;
	}
	
		#nav .szunyoghalok:hover {
			background: url(../images/nav/hover/szunyoghalok.png) no-repeat;
		}
		
	#nav .komuves {
		width: 162px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/komuves.png) no-repeat;
	}
	
		#nav .komuves:hover {
			background: url(../images/nav/hover/komuves.png) no-repeat;
		}
		
	#nav .festes {
		width: 68px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/festes.png) no-repeat;
	}
	
		#nav .festes:hover {
			background: url(../images/nav/hover/festes.png) no-repeat;
		}
		
	#nav .vizszereles {
		width: 108px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/vizszereles.png) no-repeat;
	}
	
		#nav .vizszereles:hover {
			background: url(../images/nav/hover/vizszereles.png) no-repeat;
		}
		
	#nav .villany {
		width: 148px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/villany.png) no-repeat;
	}
	
		#nav .villany:hover {
			background: url(../images/nav/hover/villany.png) no-repeat;
		}
		
	#nav .hidegburkolas {
		width: 138px;
		height: 43px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		float: left;
		background: url(../images/nav/hidegburkolas.png) no-repeat;
	}
	
		#nav .hidegburkolas:hover {
			background: url(../images/nav/hover/hidegburkolas.png) no-repeat;
		}

/* content */

#content {
	width: 950px;
	min-height: 615px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/content.png) top center no-repeat;
}

	#content .contentIn {
		width: 780px;
		height: auto;
		margin: 0 0 0 72px;
		padding: 10px 10px 30px 10px;
		background: #fff;
	}

/* footer */

#footer {
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 12px 0 0 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: url(../images/footer.png) bottom center repeat-x;
}

	#footer span a:link, #footer span a:active, #footer span a:visited {
		color: #aedeff;
		text-decoration: underline;
	}

	#footer span a:hover {
		color: #daf0ff;
		text-decoration: none;
	}

/* title */

.welcomeTitle {
	margin: 0 0 10px 0;
	padding: 0;
	color: #353535;
	font-size: 26px;
	text-transform:uppercase;
	text-align: center;
}

h2 {
	margin: 0 0 10px 10px;
	padding: 0;
	color: #545454;
	font-size: 24px;
	text-transform:uppercase;
	border-bottom: 1px dotted #747474;
}

h3 {
	margin: 0 0 10px 10px;
	padding: 0;
	color: #545454;
	font-size: 19px;
	text-transform:uppercase;
}

h4 {
	margin: 10px 0 0 10px;
	padding: 0;
	color: #545454;
	font-size: 16px;
	text-transform:uppercase;
}

.bb {
	margin: 0 0 10px 10px;
	padding: 0;
	color: #1f6898;
	font-size: 21px;
	text-transform:uppercase;
}

/* referencia */

.scrollable {
	width: 690px;
	height: 100px;
	margin: 0 auto 0 auto;
	padding: 7px 0 7px 0;
	background: #333;
	border: 10px solid #333;
	overflow: hidden;
	position: relative;
	float: left;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

	img.gall {
		width: 130px;
		height: auto;
		margin: 0 0 0 3px;
		padding: 3px;
		border: 1px solid #fff;
		float: left;
	}
	
	.left {
		width: 33px;
		height: 33px;
		margin: 55px 2px 0 0;
		padding: 0;
		background: url(../images/left_arrow.png) no-repeat;
		cursor: pointer;
		float: left;
	}
	
	.right {
		width: 33px;
		height: 33px;
		margin: 55px 0 0 0;
		padding: 0;
		background: url(../images/right_arrow.png) no-repeat;
		cursor: pointer;
		float: right;
	}
	
/* services */

.services {
	height: 350px;
	margin: 10px 0 20px 10px;
	padding: 0;
}

	.services ul {
		margin: 0;
		padding: 0;
	}
	
		.services ul li {
			margin: 5px;
			padding: 0;
			float: left;
		}
		
/* other */

p {
	margin: 15px;
	color: #333;
	font-size: 14px;
}

ul.list {
	margin: 10px 0 20px 30px;
}

	ul.list li {
		margin: 0;
		padding: 0;
		font-size: 15px;
		color: #545454;
	}

ul.pipe {
	margin: 10px 0 20px 30px;
	padding: 0;
}

 ul.pipe li {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 15px;
	color: #545454;
	background: url(../images/pipe.jpg) left no-repeat;
 }
 
 .name {
	margin: 10px 0 0 20px;
	padding: 0;
	color: #2c5a78;
	font-size: 16px;
	font-weight: bold;
 }
 
.phone {
	margin: 3px 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	background: url(../images/phone.png) no-repeat;
}

.mail {
	margin: 3px 0 0 20px;
	padding: 0 0 0 23px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	background: url(../images/mail.png) no-repeat;
}

	.mail a:link, .mail a:active, .mail a:visited {
		color: #333;
		text-decoration: underline;
	}
	
	.mail a:hover {
		text-decoration: none;
	}
	
img.pic {
	margin: 3px;
	padding: 3px;
	border: 1px solid #cfcfcf;
}

	img.pic:hover {
		border: 1px solid #929292;
	}
	
/* music player */

.player {
	width: 200px;
	height: 200px;
	margin: 10px;
	padding: 0;
	float: left;
}

/* table */

.tb {
	width: 700px;
	height: auto;
	margin: 10px 0 20px 0;
	padding: 0;
}

table {
	width: 500px;
	height: auto;
	margin:  0 0 0 10px;
	padding: 0;
	float: left;
}

td {
	padding: 3px;
	color: #454545;
	background: #eaeaea;
	text-align: center;
}

td.size {
	padding: 3px;
	color: #454545;
	background: #eaeaea;
	text-align: center;
	font-weight: bold;
}

thead td {
	color: #e5e5e5;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	text-align: center;
	background: #454545;
}