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



* { 
	padding: 0px; 
	margin: 0px;
	border:none;
}

a, a:hover, a:active, a:visited { text-decoration:none; outline:none;}


html,body  {
	margin:0;
	padding:0;  
	font-size: 12px; 
	font-family: tahoma; 
	color:#ffffff; 
	background:#1587aa;
}



div#container {
	margin:0 auto; 
	width:980px;
	text-align:left;
}

div#container2 {
	float:left;
	width:974px;
	text-align:left;
	border:3px solid #0e486d;
	border-top:0px;
	background:url(../img/bg_left.jpg) left top repeat-y;
}


/*************************************************************************/
	div#logo_box{
		float:left;
		width:269px;
		padding-bottom:20px;
		background:url(../img/bg_logo.jpg) left top no-repeat;
	}
	
	#logo_link{
		float:left;
		width:200px;
		height:160px;
		text-indent:-9999px;
		overflow:hidden;
		margin:37px 0px 0px 20px;
	}
		
		

/*************************************************************************/
	
	
		div#menu_box{
			float:left;
			width:160px;
			padding:8px 0px 0px 50px;
		}
		
		div#menu_box ul{
			list-style:none;
			float:left;
			padding-bottom:40px;
		}
		
		div#menu_box ul li{
			float:left;
			padding:0px 0px 11px 0px;
			width:100%;
		}
		
		div#menu_box a{
			color:#fff;
			font-size:20px;
			font-family: tahoma;
			padding:4px 0px 4px 15px;
			float:left;
			overflow:hidden;
		}
		
		div#menu_box a:hover{
			color:#f7b519;
		}
		
/*************************************************************************/

	div#header{
		float:left;
		width:705px;
		background:url(../img/bg_header.jpg) left no-repeat;
		height:222px;
		margin-top:36px;
		overflow:hidden;
	}		
	
	div#header h1{ text-indent:-9999px; }
	
	.left_link{
		margin:15px 0px 20px 55px;
		display:inline;
		float:left;
	}
	
	.new_link{
		margin:0px 0px 20px 55px;
		display:inline;
		float:left;
		background:url(../img/bg_legujabb_kiadvany.jpg) left top no-repeat #e5f3f7;
		width:156px;
		text-align:center;
		color:#156785;
		padding:5px 0px;
		font-size:10px;
	}
	
	.new_link:hover{ text-decoration:underline;}

/*************************************************************************/

	#content {
		width:705px; 
		float:left;
	}


/*************************************************************************/
	
.bubbleInfo {
            position: relative;
    }
	
	#bubble_1{ left:352px; top:100px;}
	#bubble_2{ left:147px; top:248px;}
	#bubble_3{ left:206px; top:212px;}
	#bubble_4{ left:277px; top:172px;}
	#bubble_5{ left:151px; top:119px;}
	#bubble_6{ left:91px; top:126px;}
	#bubble_7{ left:289px; top:199px;}
	#bubble_8{ left:265px; top:258px;}
	#bubble_9{ left:501px; top:99px;}
	#bubble_10{ left:431px; top:158px;}

	
	
        .trigger {
            position: absolute;
			width:10px;
			height:10px;
			cursor:pointer;
			overflow:hidden;
			z-index: 40;
        }

	
		.popup {
        	position: absolute;
        	z-index: 50;
        	border-collapse: collapse;
			display:none;
        }

        .popup td.corner {
        	height: 20px;
        	width: 19px;
        }
		
		.bubble_content{
			z-index:100;
			float:left;
			width:202px;
			height:180px;
			padding:2px 10px 0px 10px;
			background:url(../img/bubble2.png) center no-repeat;
			color:#000000;
			text-align:center;
		}
		
		.bubble_content span{ position:relative; top:70px; font-weight:bold; }

/*************************************************************************/
	.map{
		float:right;
		width:640px;
		height:626px;
		padding:50px 25px 20px 25px;
		background: url(../img/map.jpg) right 36px no-repeat;
		color:#0e476c;
		font-size:15px;
		margin:10px 0px 25px 0px;
		overflow:hidden;
	}
	
	.map h1{
		font-size:26px;
		padding-bottom:10px;
		color:#FFFFFF;
	}
	
	
	.cell_1{
		float:right;
		width:640px;
		padding:15px 25px;
		background: url(../img/orange_corner.jpg) left top no-repeat #c6e4ee;
		color:#0e476c;
		font-size:15px;
		margin:0px 0px 25px 0px;
	}
	
	.cell_1 h1{
		font-size:18px;
		padding-bottom:10px;
	}
	
	.cell_1 a{
		color:#0e476c;
		font-weight:bold;
	}
	
	.cell_1 a:hover{ text-decoration:underline }
	
	.cell_2{
		float:right;
		width:690px;
		margin:0px 0px 25px 0px;
	}
	
		.cell_2 img{ float:left; }
	
	.cell_3{
		float:right;
		width:216px;
		height:146px;
		padding:15px 20px;
		background:url(../img/orange_corner.jpg) left top no-repeat #e5f3f7;
		color:#0e476c;
		font-size:14px;
		text-align:justify;
	}
	
	.cell_4{
		float:right;
		width:690px;
		margin:0px 0px 25px 0px;
	}
	
	.cell_4 img{
		float:right;
	}
	
	.cell_5{
		float:left;
		width:235px;
		height:147px;
		padding:15px 20px;
		background:url(../img/orange_corner.jpg) left top no-repeat #c6e4ee;
		color:#0e476c;
		font-size:14px;
		text-align:justify;
	}
	
	.cell_6{
		float:right;
		width:200px;
		height:147px;
		padding:15px 20px;
		background:url(../img/orange_corner.jpg) left top no-repeat #70b1cb;
		color:#ffffff;
		font-size:14px;
		text-align:justify;
	}
	
	.cell_7{
		float:right;
		width:690px;
		margin:0px 0px 25px 0px;
		color:#FFFFFF
	}
	

/*************************************************************************/
	#contact_form_box{
		width:100%;
	}
	
	#contact_form_box table input{
		background:#dbdbdb;
		border:1px solid #333333;
		padding:2px;
		float:left;
		margin:2px 0px;
		width:250px;
	}
	
	#contact_form_box table textarea{
		background:#dbdbdb;
		border:1px solid #333333;
		padding:2px;
		float:left;
		margin:2px 0px;
		width:250px;
		height:100px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#contact_form_box table label{
		width:100px;
		float:left;
		font-weight:bold;
	}
	
	#contact_submit{
		margin-top:15px;
		background:#f4dfd3;
		border:1px solid #333333;
		color:#333333;
		padding:2px;
	}
	


/*************************************************************************/
	
#footer{ 
	width:100%; 
	background:#e5f3f7; 
	float:left;
	height:52px;
	color:#000000;
	font-size:11px;
}


#footer span{
	float:left;
	padding:20px 0px 0px 15px;
}


#footer ul{
	list-style:none;
	padding:20px 0px 0px 15px;
	float:left;
}

#footer li{
	display:inline;
}

#footer a{
	color:#0e486d;
	padding:0px 2px;
}