@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff; /*halvány*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background: url(image/gradient.png) repeat-x top left;
	}

/* Header */

.logo{
	margin: 35px 0 0 30px;
	}

#menu{
	width: 940px;
	height: 100px;
	margin: 0 auto;
	margin-top: 50px;
	background: url(image/head.gif) no-repeat center top;
}

#menu_nav {
	margin:0 auto;
	height:48px;
	float:right;
	padding-top: 20px;
}
#menu_nav ul {
	list-style:none;
	padding-right: 40px;
	height:48px;
	float:left;
}
#menu_nav ul li {
	position: relative;/**/
	margin:0;
	float:left;
}
#menu_nav ul li a {
	display:block;
	margin:0;
	padding: 10px 0 0;
	width:120px;
	height:48px;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#CCC;
	text-decoration:none;
	text-align: center;
}
#menu_nav ul li.active a, #menu_nav ul li a:hover {
	text-decoration:none;
	color:#fff;
	font-weight: bold;
	font-size: 16px;
}
	
/*Content */

#content{
	width: 940px;
	height: 480px;
	margin: 0 auto;

	background: url(image/templatemo_content.jpg) no-repeat center left;
	}
#content_a{
	width: 300px;
	height: 480px;
	float: left;
	clear: both;
	background: url(image/animacio_bovitett.gif) no-repeat bottom center;
	}

#content_a2{
	width: 300px;
	height: 350px;
	float: left;
	clear: both;
	background: url(image/e-mail_big.gif) no-repeat bottom center;
	}
	
#content_a3{
	width: 300px;
	height: 350px;
	float: left;
	clear: both;
	}
	
#h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: ;
	color: #286EAA;
	padding: 10px 40px 30px 40px;;
	}
		
#content_a4{
	width: 250px;
	height: 350px;
	float: left;
	clear: both;
	padding-top: 22px;
	padding-left: 40px;
	}
	
#h2{
	font-size: 18px;
	font-weight: bold;
	color: #286EAA;
	padding: 68px 10px 5px 0px;
	text-align:right;
	}
	
.name1{
	font-size: 13px;
	padding-left: 20px;
	}

.foto1{
	margin: 0 10px;
	}

#h2a{
	font-size: 17px;
	font-weight: bold;
	color: #286EAA;
	padding: 210px 10px 5px 0px;
	text-align:right;
	}
	
.name2{
	font-size: 13px;
	padding-left: 85px;
	}

.foto2{
	margin: 142px 10px 0 10px;
	}

.little{
	font-size: 11px;
	color: #666;
	}

#h3{
	font-size: 20px;
	font-weight: bold;
	color: #286EAA;
	padding: 10px 40px 30px 40px;;
	}

.kulso{
	font-size: 14px;
	color: #286EAA;
	}

#text{
	padding: 0 40px 0px 40px;
	width: auto;
	height: 400px;
	}

.sorolas{
	padding-left: 40px;
	}

.szolg_a{
	padding-left: 30px;
	}

#content_b{
	width: 640px;
	height: 480px;
	margin: 0 auto;
	background: url(images/content_b.gif) no-repeat top left;
	float: left;
	line-height: 18px;
	}

.bold{
	font-weight: bold;
	}

/*Referenciák*/

#lista ul{
	list-style-type: none;
	}
	
#lista a{
	text-decoration: none;
	color: #333;
	line-height: 30px;
	font-size: 16px;
	}
	
#lista a:hover{
	color: #286EAA;
	background: url(image/nyil.png) no-repeat left bottom;
	padding-left: 50px;
	}		

.nyil{
	border: 0px;
	}
	
.small {
	font-size: 13px;
	}
	
#textcim{
	padding-top: 15px;
	color: #286EAA;
	font-size: 16px;
	}	
	
#textscroll{
	display: block;
	width: auto;
	height: 340px;
	overflow: auto;
	margin-top: 20px;
	}

.vissza{
	float: right;
	margin-top: 15px;
	border: none;
	}

/* Footer*/

#footer{
	width: 940px;
	height: 20px;
	margin: 0 auto;
	background: url(image/templatemo_footer.jpg) no-repeat center left;
	}
	
#footer_text{
	width: 940px;
	height: 20px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #666;
	padding-top: 10px;
}
	
.content_link{
	text-decoration: none;
	color: #286EAA;
	font-family: "Comic Sans MS", cursive;
	}
	
.content_link2{
	text-decoration: none;
	color: #286EAA;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}