*{padding: 0; margin: 0;}
ul li{list-style-type: none;}
html, body {margin: 0px auto;	padding:0px;}
body{
	margin-bottom: 15px;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 75%;
	color: #000;
	background-color: #EEEEEE;
	line-height: 180%;
}
.clear { clear: both; height: 15px; width: 98%;}
.alignleft { text-align: left; }
.justify { text-align: justify; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatright{ float: right;}
.floatleft{	float: left;}
img, a img{	border: 0;}
#content a{color: #B22222;text-decoration: underline;outline: none;}
#content a:hover{color: #FF4500;text-decoration: none;}
#content p{padding: 5px;}
#wrap{
width:860px;
height:auto;
margin:0px auto;
padding:0px;
background: #FFFFFF;
}
#headercontainer{width: 100%;background: #3C3C3C;}
#header{
	margin: 0 auto;
	width: 860px;
	height: 125px;
	border: 1px solid #6F6F6F;
	background: #3C3C3C url('images/head.jpg');
}
#header h1{
	margin: 0;
	color: #EEEEEE;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 275%;
	letter-spacing: -3px;
	padding: 20px 0 0 10px;
}
#header h2{
	margin: 0;
	color: #203876;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 175%;
	padding: 20px 0 0 10px;
}
/* ---------- NAV ------------- */
#menucontainer{
	width: 100%;
	height: 28px;
	background: #6495ED;
	background-image: url('images/menu-background.jpg');
	background-repeat: repeat-x;
}
#menu{
	margin: 0 auto;
	width: 860px;
	background: #6495ED;
	border-right: 1px solid Teal;
}
#navcontainer ul{
	padding: 0;
	margin: 0;
	background-image: url('images/menu-background.jpg');
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	border-left: 1px solid ActiveBorder;
	letter-spacing: 1px;
}
#navcontainer ul li{	display: inline;}
#navcontainer ul li a{
	padding: 0.2em 1.5em;
	background-image: url('images/menu-background.jpg');
	background-repeat: repeat-x;
	color: #FFF;
	text-decoration: none;
	font-weight: bolder;
	float: left;
	border-right: 1px solid ActiveBorder;
}
#navcontainer ul li a:hover{
	background-image: url('images/menu-hover.jpg');
	background-repeat: repeat-x;
	color: #C8DAEE;
}
/* ------------- CONTENT ----------- */
#content{margin: 0 auto;width: 840px;padding: 10px 10px;background: #FFF;position:relative;}
#content h2{
	margin: 0;
	color: #2F4F4F;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	padding: 5px 0 0 5px;
}
#content h3{
	margin: 0;
	color: #2F4F4F;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 16px;
	padding: 5px 0 0 5px;
}
p.bevezeto{
	padding: 2px 0 0 5px;
	line-height: 140%;
}
#content-main{
	float: right;
	width: 620px;
}
#sidebar{
	float: left;
	width: 200px;
}
/* ---------- Body-bottom ------------ */
.body-bottom {
background:url(images/body-middle-line.gif) left top repeat-x;
width:860px;
margin:0px auto 10px;
padding:16px 0 15px 0;
height:200px;
clear: both;
}
.bottom-box1{
width:205px;
border-right:1px solid #D1D1D1;
text-align:left;
float:left;
padding-left:8px;
}
.bottom-box1-inside{
width:192px;
height:auto;
}
.bottom-box-th{
background:url(images/image-box-bg.gif) left top no-repeat;
padding-left:11px;
padding-top:12px;
padding-bottom:12px;
padding-right:13px;
}
.green-link-box {
padding:2px 0px 5px 15px;
}
.read-more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #57B121;
	text-decoration: underline;
	background-color:#FFF;
}
.read-more:hover{
color:#009933;
text-decoration:underline;
}
.title-14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #4E69B4;
	text-decoration: none;
	background-color:#FFF;
}
/* -------------- FOOTER ----------------- */
.footer{
width:860px;
height:26px;
border-top:4px solid #CBCBCB;
/*border-bottom:5px solid #FFF;*/
background-color:#E8E8E8;
text-align:center;
color:#A2A2A2;
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 26px;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.footer-link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 26px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #A2A2A2;
text-decoration: none;
}
.footer-link:hover{
color:#333;
text-decoration:underline;
}
.white-link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: 22px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFF;
text-decoration: none;
}
.white-link:hover{
color:#FFF;
text-decoration:underline;
}
/* -------------- feature box ----------- */
#feature_box {
	float: right;
	width: 540px;
	height: 180px;
	background: transparent url(images/diploma.jpg) no-repeat bottom right;
	border:2px solid #D8D8D8;
   background-color:#F6F6F6;
	padding: 10px;
	margin: 10px 8px 5px 8px;
	position: relative;
}
	#feature_box h4{
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	color: #FF8C00;
	width: 98%;
	font-weight: bolder;
}
	#feature_box p {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #5373AE;
	line-height: 14px;
	margin: 0;
	font-weight: bolder;
}
   #feature_box p.kiemelt{
	background: #FFD700;
	color: #3F3F3F;
	padding: 2px;
	width: 380px;
}
.diplomakotes_btn{
	position: absolute;
	top: 150px;
	left: 10px;
}
#feature_box p.small{
	font-size:12px;color: #393939;
}
/* ----------- kinalat ----------- */
.kinalat{
	margin: 10px 0 10px 5px;
	clear: both;
	height: 500px;
}
#content a.katalog{
width:200px;
height: 157px;
	margin: 5px 4px 0;
	float: left;
}
#content a.katalog img{
	border: 2px solid #c3c3c3;
	color: #c3c3c3;
}
#content a.katalog img:hover{
	border: 2px solid #FF8C00;
}
/* ------------- kapcsolat ---------------- */
#kapcsolat{width: 275px;float: right;}
#formbox{width: 250px;padding: 2px;border: 1px solid #c3c3c3;margin: 15px 0 10px 0;background-color: transparent;}
.criteria {display: block;width: 250px;}
.req{	font-size: 10px;	font-weight: bolder;}


.thumbnail{position: relative;z-index: 0;border: 0 none;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
/*width: 263px;
height: 372px*/
}
.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;padding: 2px;}
.thumbnail img{border: 1px solid #c3c3c3; }
.thumbnail:hover span.a1 {visibility: visible; top: -480px; left: 0px;}
.thumbnail:hover span.a2,.thumbnail:hover span.a3,
.thumbnail:hover span.a4, .thumbnail:hover span.a5, .thumbnail:hover span.a6 {visibility: visible; top: -480px;}
.thumbnail:hover span.a1, .thumbnail:hover span.a2, .thumbnail:hover span.a3{left: 0px; }
.thumbnail:hover span.a4{left: 0px;}
.thumbnail:hover span.a5{left: -20px;}
.thumbnail:hover span.a6{left: -150px;}

/* --------- arlista ---------- */
p.pont{
	font: 1.1em Garamond;
	color: #3E3E3E;
	margin: 0 36px 0 36px;
	padding: 0;
	border-bottom: 1px dashed #3E3E3E;
}
span.ar{
    float:right;
    display:block;
    color:#3E3E3E;
	 font:1.1em Garamond;
}
span.artikel{
    font:1.1em Garamond;
    color: #3E3E3E;
    margin:0;
    padding:0;
    width: 430px;
    display:block;
}
#uzlet{
	float: right;
	border: 2px solid #c3c3c3;
}
#uzlet p{
	font-weight: bolder;
	font-size: 16px;
}
/* ----------- sbox -------------- */
.sbox {
	float: left;
	width: 98%;
	padding: 10px;
	overflow: hidden;
	min-height: 110px;
	margin: 10px auto;
	background-color: #B0E0E6;
}
.sbox h2 {
	font-size: 18px;
	color: #2F4163;
	margin-bottom: 5px;
	font-weight: lighter;
}
.sbox img {
	padding: 3px;
	border: 3px solid #FFF;
	float: left;
	margin-right: 14px;
}
.sbox p {
	color: #7C7C7C;
	font-size: 14px;
	}
/* ---------- sitemap --------- */
#sitemap{
	padding: 30px 0 50px 80px;
}
.ajanlo{position:absolute;top:200px;left:210px;}

table#nyitvatartas{border-collapse:collapse;border:0;width:420px;}
table#nyitvatartas td{color: #228B22;padding:1px 4px;font-weight:bold;}
table#nyitvatartas td.red{color: Red !important;}
.zarva{color: Red !important;}

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#fff;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#000;
	}
	#consultationlayer h4 {
	padding:10px;font-family: verdana, arial, sans-serif;font-size: 18px;color: #FF8C00;font-weight: bolder;line-height:140%;}