/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#fefefe;
}

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:normal;
}

a{
	color:#000;
}

a:link {
	color: #000000;
	text-decoration:none;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}
a:active {
	color: #000000;
}

:focus {
	outline: 0;
}

img{
	-moz-user-select: none;
	-khtml-user-select: none;
	border:0px none;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#341714;
	margin-bottom:10px;
	letter-spacing:1px;
}

h2{
	font-size:13px;
	color:#341714;
	margin-bottom:5px;
}



.container{
	width:950px;  /* 980-padding */
	padding-left:15px;
	padding-right:15px;
	height:600px;
	margin:0 auto;
	background-image:url(../img/container_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}




.head{
	width:950px;
	height:150px;
	float:left;

}

div.logo {
	width:220px;
	height:150px;
	float:left;
	position:relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='crop');
	background-repeat:no-repeat;
}

.logo[class]{
	background-image:url(../img/logo.png);
}

.menu{
	float:right;
	position:relative;
	top:60px;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.menu ul{
	float:right;
	position:relative;
}

.menu ul, .menu li{
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
}

.menu li a{
	font-size:12px;
	float:left;
	display:block;
	padding:8px 15px 8px 15px;
    font-weight:bold;
	text-decoration:none;
	color:#fff !important;
	background-color:#1e3942 !important;
	margin-left:1px;
}




.menu li a:hover{
	color:#fff;
	background-color:#00aded !important;
	text-decoration:none;
}



.menu li a.selected{
	color:#fff;
	background-color:#f5b000 !important;
	text-decoration:none;
}



.header{
	width:950px;
	float:left;
	height:240px;
}


.header .right h1{
	font-size:13px;
	color:#fff;
	font-weight:bold;
	line-height:13px;
}

.header .right span{
	font-size:100%;
	color:#fff;
}

.header .right a, .header .right a:link, .header .right a:visited, .header .right a:active{
	color:#fff;
	text-decoration:underline;
}

.header .right a:hover{
	color:#f5b000;
	text-decoration:underline;
}


.content{
	width:950px;
	float:left;
}

.left{
	width:435px; /* 475-padding */
	padding:20px;
	float:left;
}

.right{
	width:435px; /* 475-padding */
	padding:20px;
	float:right;
}

.content h1{
	font-size:180%;
	color:#0e78b1;
	font-weight:500;
	margin-top:0px;
}

.content p{
	text-align:justify;
	color:#666;
}



.content .right ul{
	padding-left:15px;
	color:#666;
}


.content .right li{
	line-height:1.5em;
}


.footer{
	width:950px;
	float:left;
	border-top:5px solid #ccc;
	background-color:#fbfbfb;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
}




.menu2{
	float:left;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	width:70%;
}


.menu2 ul{
	float:left;
	position:relative;
	width:100%;
}

.menu2 ul, .menu2 li{
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
}

.menu2 li a{
	font-size:11px;
	float:left;
	display:block;
	margin-right:15px;
	text-decoration:underline;
	color:#666 !important;
	text-transform:uppercase;
}

.menu2 li a:link{
	color:#666 !important;
	text-decoration:underline;
}


.menu2 li a:hover{
	color:#111 !important;
	text-decoration:underline;
}

.copy{
	float:left;
	position:relative;
	padding-top:10px;
	color:#999;
	width:70%;
}



.layher{
	float:right;
	position:relative;
	top:-15px;
}










.cssform p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 125px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	text-align:right;
	margin-left: -125px; /*width of left column*/
	width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding-top:3px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	background-color:#fff;
	border:1px inset;
}

.cssform textarea{
	width: 320px;
	height: 150px;
	background-color:#fff;
	border:1px inset;
}



* html .threepxfix{
	margin-left: 3px;
}

.formError{
	padding:5px;
	color:#fff;
	background-color:#990000;
}







a.button{
	font-size:12px;
	float:left;
	display:block;
	padding:8px 15px 8px 15px;
    font-weight:bold;
	text-decoration:none;
	color:#fff !important;
	background-color:#00aded !important;
	margin-top:1em;
}




a.button:hover{
	color:#fff;
	background-color:#f5b000 !important;
	text-decoration:none;
}

ul.references{
	float:left;
}


ul.references li{
	float:left;
	width:200px;
	line-height:1.5em;
}




/* Képgaléria */

#gallery{
	margin:0 auto;
}

#gallery img{
	margin:0px auto;
}

div.box {
	width: 130px;
	float: left;
	display: inline;
	margin-right:10px;
	margin-bottom:10px;
}


div.box .picholder {
	background-color: #00aded;
	padding:5px;
}


div.box .picholder:hover  {
	background-color: #f5b000;
}