/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg.gif) repeat-x; color:#003366; font:13px/19px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----MAIN----*/
#main{width:778px; position:relative; margin:0 auto;}

/*----TOP----*/
#top{width:778px; height:150px; color:#828282; position:relative; margin:0 auto;}
/*----/TOP----*/

/*----BODY----*/
#body{
	width:750px;
	position:relative;
	margin:0 auto;
	padding-right: 0;
	padding-bottom: 0;
}
/*----Body Left----*/
#left{
	width:145px;
	float:left;
	background-color: #FFFFFF;
	display: block;
	height: 165px;
}
#left ul{
	width:114px;
	height:22px;
	margin: 10px auto auto;
}
#left ul.leftmenu li{
	width:114px;
	height:22px;
	margin: auto;
}
#left ul.leftmenu li.elso{
	width:72px;
	height:22px;
	background:url(images/bullet-hover.gif) no-repeat left;
	color:#003366;
	line-height:22px;
	text-decoration:none;
	display:block;
	margin: auto;
	padding-left: 20px;
}
#left ul.leftmenu li a{
	width:72px;
	height:22px;
	color:#003366;
	line-height:22px;
	text-decoration:none;
	display:block;
	margin: auto;
	padding-left: 20px;
	background-image: url(images/bullet-normal.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#left ul.leftmenu li a:hover{
	width:72px;
	height:22px;
	color:#003366;
	line-height:22px;
	text-decoration:none;
	display:block;
	margin: auto;
	background:url(images/bullet-hover.gif) no-repeat left;
	padding-left: 20px;
}

#left h2{
	width:114px;
	height:34px;
	background:#fff;
	color:#5F7A77;
	font-size:18px;
	line-height:34px;
	margin: auto;
	position: relative;
	left: 30px;
}
.contact{
	margin-top: 150px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
/*----/Body Left----*/

/*----Body Right----*/
#right{
	width:575px;
	float:left;
	margin:0px;
	padding:0 0px;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	/*----border-left:1px solid #000066;----*/
}
.szoveg{
	margin: 20px auto 20px 30px;
	width: 500px;
}
.h2{
	font-size: 16px;
	color: #6699CC;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
.szovegli{
	margin: 0px auto 0px 20px;
	list-style-image: url(images/pipa.gif);
	list-style-type: disc;
}
.szovegul{
	margin: 5px auto;
}
#right p{
	padding:0 0 0px;
	margin: auto;
	text-align: justify;
}
#right li{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	list-style-type: disc;
}
#right ul{
	margin-top: auto;
	margin-right: 20px;
	margin-bottom: auto;
	margin-left: 20px;
	text-align: justify;
}

/*----/Body Right----*/
/*----/BODY----*/
/*----/MAIN----*/

/*----FOOTER----*/
#footermain{
	height:150px;
	background:#6699CC url(images/footerbg.gif) repeat-x;
	color:#003366;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer{
	width:778px;
	position:relative;
	margin:0 auto;
	background-color: #6699CC;
}

#footer ul{width:608px; height:20px; position:relative; margin:0 auto;}
#footer li{float:left; }
#footer ul li a{padding:0 10px 0; color:#003366; background:#6699CC; text-decoration:none; font-size:13px;}
#footer ul li a:hover{text-decoration:underline;}

#footer p.copyright{width:250px; margin:10px 0 0 92px;}
#footer p.adres{margin:5px 0 0 92px;}

#footer ul.bea{width:250px; background:#6699CC; color:#FFFFFF; display:block; font-size:10px; position:absolute; top:80px; left:92px;}
#footer ul.bea li{height:20px;}
#footer ul.bea li a{background:#6699CC; display:block; color:#FFFFFF; text-decoration:none; padding:0px; font-size:10px;}
#footer ul.bea li a:hover{text-decoration:underline;}

#footerhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
#footerhtml a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) no-repeat; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerhtml a:hover{background:url(images/html-hover.gif) no-repeat; color:#fff;}
#footercss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
#footercss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) no-repeat; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footercss a:hover{background:url(images/css-hover.gif) no-repeat; color:#fff; text-decoration:none;}
/*----/FOOTER----*/
form {
	background-color: #E3F0FF;
	margin: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.adres {
	margin-top: 130px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
}
