@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: "trebuchet MS"; 
	color:#ffffff; 
	/*background:#6e1116;*/
	background:#f7e3c6;
}



div#container {
	margin:0 auto; 
	width:980px;
	text-align:left;
}
	
	
	div#container3 {
		width:980px;
		float:left;
		text-align:left;
		background:url(../img/bg_container3.jpg) right repeat-y #860d14;
		border:1px solid #333333;
	}
	
	div#container2 {
		width:980px;
		float:left;
		text-align:left;
		background:url(../img/bg_left_col.jpg) left repeat-y;
	}



/*************************************************************************/
	div.header_box{		
			width:980px;
			height:298px;
			overflow:hidden;
	}
	
	div#header_box_1{ background:url(../img/bg_header.png) left no-repeat;}
	div#header_box_2{ background:url(../img/bg_header2.png) left no-repeat;}
	div#header_box_3{ background:url(../img/bg_header3.png) left no-repeat;}
	div#header_box_4{ background:url(../img/bg_header4.png) left no-repeat;}
	div#header_box_5{ background:url(../img/bg_header5.png) left no-repeat;}
	div#header_box_6{ background:url(../img/bg_header6.png) left no-repeat;}
	div#header_box_7{ background:url(../img/bg_header7.png) left no-repeat;}
	div#header_box_8{ background:url(../img/bg_header8.png) left no-repeat;}
	div#header_box_9{ background:url(../img/bg_header9.png) left no-repeat;}
	
	
	div#logo_box{
		float:left;
		width:256px;
		height:185px;
	}
	
		a#logo{
			float:left;
			width:337px;
			height:125px;
			text-indent:-9999px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
		}
		
		a#webcam_link{
			float:left;
			width:94px;
			height:72px;
			text-indent:-9999px;
			margin:20px 172px 0px 10px;
			display:inline;
			overflow:hidden;
		}
	
	div#flash_box{
		float:right;
		width:594px;
		height:309px;
		padding-top:1px;
		text-align:left;
	}
		

			
/*************************************************************************/
		div#menu_box{
			float:left;
			width:100%;
			text-align:left;
			overflow:hidden;
			padding:70px 0px 0px 0px;
		}
		
		div#menu_box ul{
			list-style:none;
			float:left;
			width:280px;
			overflow:hidden;
			padding:0px 0px 5px 0px;
			background:url(../img/bg_menu_ul.jpg) -1px -2px no-repeat;
		}
		
		div#menu_box ul li{
			/*background:url(../img/csik.png) left bottom no-repeat;*/
			padding: 7px 0px 0px 0px;
			width:100%;
			float:left;
			text-align:left;
			height:22px;
			overflow:hidden;
		}
		
		div#menu_box ul a{
			font-family: "Myriad Pro";
			text-transform:uppercase;
			font-size:14px;
			color:#FFFFFF;
			width:220px;
			float:left;
			padding-left:26px;
			/*background:url(../img/menu_bg.png) left no-repeat; */
			text-align:left;
		}
		
			div#menu_box ul a:hover{
				text-decoration:underline;
			}

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

	div#flag_box{
		float:right;
		width:300px;
		padding:155px 40px 0px 0px;
	}
	
		div#flag_box ul{
			list-style:none;
		}
		
		div#flag_box li{
			float:left;
			padding:0px 5px;
		}

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

	div#webcam_box{
		float:left;
		padding:13px 0px 9px 50px;
	}
	
	div#webcam_box a{
		float:left;
		margin-top:5px;
	}
	
	.webcam_pic{
		padding:2px;
		border:1px solid #be9079;
	}
	
	#video_button{
		float:left;
		width:70px;
		height:16px;
		padding-left:40px;
		padding-top:1px;
		background:url(../img/bg_video.jpg) left no-repeat;
		color:#8a0c13;
		text-align:center;
	}
	
	
	#flash_box2{
		float:left;
		width:100%;
	}
	
	#flashMessage{
		float:left;
		text-align:center;
		border:1px solid #000000;
		background:#FFFFFF;
		color:#FF0000;
		margin-bottom:10px;
		width:600px
	}
	
/*************************************************************************/

	div#left_col{
		float:left;
		width:291px;
		padding:0px 0px 10px 0px;
		font-size:11px;
		z-index:2000;
		border-right:6px solid #e2c5b3;
		position:relative;
	}
	
	div#left_col_corner{
		float:right;
		width:195px;
		height:104px;
		background:url(../img/bg_left.png) right top no-repeat;
		overflow:hidden;
		position: absolute;
		right:-6px;
		top:-23px;
	}

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

	div.text_box{
		float:left;
		width:100%;
		border-bottom:2px solid #f2f2f2;
		padding:0px 0px 10px 0px;
		margin-bottom:6px;
	}		
		
		span.date{
			color:#FFFFFF;
			background:#2d2d2d;
			padding:1px 5px;
			font-weight:bold;
		}

/*************************************************************************/
	
	
	#content {
		float:right;
		width:683px;
		padding:10px 0px 20px 0px;
		text-align:justify;
	}
	
	#content2 {
		float:right;
		width:683px;
		padding:10px 0px 20px 0px;
		text-align:justify;
	}
	
		div#content a.blue{
			padding-left:10px;
			background:url(../img/bg_li.jpg) left 6px no-repeat;
			color:#1c94cd;
			text-decoration:underline;
			display:block;
		}
		
		div#content a.blue:hover{
			color:#2d2d2d;
		}
		
		#content p{
			padding:0px 15px;
		}
		
		#content ul{
			padding:0px 15px 0px 40px;
		}
		
		#content h1, #content2 h1{
			color:#630b0e;
			font-family: "Myriad Pro";
			font-size:24px;
			padding:6px 0px 20px 20px;
			background:url(../img/bg_h1.jpg) left top no-repeat;
		}
		
		#content h2{
			font-family: "Myriad Pro";
			font-size:18px;
			padding:6px 0px 15px 15px;
			letter-spacing:1px;
		}
		
		#content div{
			padding:0px 20px;
		}

/*************************************************************************/	
	div#steginfo_box{
		float:left;
		width:640px;
		height:544px;
		background:url(../img/bg_steginfo.jpg) left no-repeat;
		margin:20px 0px 0px 20px;
		display:inline;
		overflow:hidden;
	}
	
	.bubbleInfo {
            position: relative;
    }
	
	#bubble_1{ left:402px; top:306px;}
	#bubble_2{ left:374px; top:395px;}
	#bubble_3{ left:306px; top:371px;}
	#bubble_4{ left:236px; top:339px;}
	#bubble_5{ left:200px; top:290px;}
	#bubble_6{ left:220px; top:183px;}
	#bubble_7{ left:251px; top:206px;}
	#bubble_8{ left:287px; top:211px;}
	#bubble_9{ left:320px; top:200px;}
	#bubble_10{ left:356px; top:206px;}
	#bubble_11{ left:382px; top:210px;}
	
	
        .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:340px;
			height:150px;
			padding:10px 10px 20px 10px;
			background:url(../img/bubble.png) center no-repeat;
			color:#000000;
		}
		
		.bubble_content2{
		z-index:100;
			float:left;
			width:340px;
			height:150px;
			padding:10px 10px 20px 10px;
			background:url(../img/bubble2.png) center no-repeat;
			color:#000000;
		}
		
		.bubble_content3{
			z-index:100;
			float:left;
			width:340px;
			height:150px;
			padding:10px 10px 20px 10px;
			background:url(../img/bubble3.png) center no-repeat;
			color:#000000;
		}
	
        





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

		.gallery_box{
			float:left;
			padding:0px 30px;
			margin:10px 0px;
			text-align:center;
			position:relative;
			left:70px;
		}
		
		.gallery_box img{
			padding:2px;
			border:1px solid #E2C5B3;
		}
		
		.gallery_box a{
			font-size:14px;
			color:#FFF;
		}
		
		
/*************************************************************************/		
		
		#content_main{
			float:right;
			width:683px;
			height:530px;
			background:url(../img/bg_content_main.jpg) right top no-repeat;
		}
		
		#content_bemutatkozas{
			float:right;
			width:683px;
			height:530px;
			background:url(../img/bg_content_bemutatkozas.jpg) right top no-repeat;
		}
		
		#content_steginfo{
			float:right;
			width:683px;
			height:530px;
			background:url(../img/bg_content_steginfo.jpg) right top no-repeat;
		}
		
		

/*************************************************************************/
		#content_bemutatkozas h1{
			color:#630b0e;
			font-family: "Myriad Pro";
			font-size:24px;
			padding:174px 0px 16px 20px;
		}
		
		#content_bemutatkozas p{
			padding:0px 30px 0px 20px;
			font-size:14px;
			color:#630b0e;
			font-weight:bold;
		}

/*************************************************************************/
	
	div#home img{
		border:1px solid #838282;
		padding:1px;
	}
	
		div.home_box {
			float:left;
			width:286px;
			border-right:1px solid #f2f2f2;
			display:inline;
			margin:10px 10px 10px 0px;
		}
		
		div.gallery_nav {
			background:#f2f2f2;
			color:#000000;
			text-align:center;
			margin:5px 0px;
			padding:2px 0px;
			width:254px;
		}
		
		div.gallery_nav a{ color:#000000; }

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

	.index td, .index th{
		padding:1px 5px;
	}
	
	.index th a, .index th{ color:#FF0000;}
	
	div.actions{
		float:left;
		margin-top:10px;
	}
	
	div.actions ul{
		list-style: disc;
		
	}
	
	div.actions ul a{
		color: #FFFFFF;
		font-size:14px;
		font-weight:bold;
	}
	
	td.actions img{
		margin-top:3px;
	}
	
	.form{
		float:left;
	}
	
	.form .input{
		float:left;
		width:100%;
		margin:3px 0px;
	}
	
	.form label{
		float:left;
		width:150px; 
		font-size:14px; 
		font-weight:bold;
	}
	
	.form .text input{
		float:right;
		width:250px;
		padding:2px;
		border-top:1px solid #404040;
		border-left:1px solid #404040;
		border-right:1px solid #d4d0c8;
		border-bottom:1px solid #d4d0c8;
	}
	
	.form .checkbox input{
		float:right;
		margin-top:3px;
	}
	
	.form .select select{
		border:1px solid #000000;
		padding:1px;
		width:250px;
	}
	
	.form .date select{
		border:1px solid #000000;
		padding:1px;
	}
	
	.submit{
		padding:10px 0px;
	}
	
	 
	
	th{
		background:#FFFFFF;
		border-top:1px solid #000000;
		border-bottom:1px double #000000;
	}
	
	tr.altrow{
		color:#333;
		background: url(../img/altrow.jpg) bottom repeat-x #fff;
		padding-top:2px;
		border:1px solid #666;
		width:100%;
	}
	
	tr.altrow2{
		color:#333;
		background: url(../img/altrow.jpg) bottom repeat-x #FFF;
		padding-top:2px;
		border:1px solid #666;
		width:100%
	}
	
	.cell_1{
		border-left:1px solid #000;
	}
	
	.cell_2{
		border-right:1px solid #000;
	}
/*************************************************************************/

	.members_view{
		border:1px solid #000000;
		background:#FFFFFF;
		padding:10px;
		color:#000000;
		float:left;
	}
	
	.members_search{
		border:1px solid #000000;
		background:#FFFFFF;
		padding:10px;
		color:#000000;
		margin:0px 15px;
		float:left;
	}
		.members_search label{width:100px; float:left; margin:3px 0px; }
		
		.members_search fieldset input{width:150px; padding:2px; border:1px solid #000000; margin:3px 0px; background: #eeeeee; }
	
	.error-message{
		color:#FF0000;
		font-weight:bold;
		width:600px;
		float:left;
		padding:5px 0px;
	}

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

	#timetable{
		float:left;
		width:639px;
		border:1px solid #000000;
		border-right:none;
		border-bottom:none;
		margin-left:20px;
	}
	
	#timetable .sor{ float:left; width:100%; }
	#timetable .sor div{ float:left; width:70px; text-align:center; color:#000000; background: #EEEEEE; height:37px; border-right:1px solid #000000; 
	border-bottom:1px solid #000000; }
	#timetable .sor div span{ font-weight:bold; background: #33CCFF; color:#FFFFFF; border-top:1px solid #000000; width:100%; float:left;}
	
	#timetable .sor2{ float:left; width:568px; }
	#timetable .sor2 div{ float:left; width:70px; text-align:center; color:#000000; background: #EEEEEE; height:30px; border-right:1px solid #000000; 
	border-bottom:1px solid #000000; font-size:9px; }
	
	.oszlop{ float:left; width:70px; text-align:center; color:#000000; background: #EEEEEE; border-right:1px solid #000000; font-size:14px; overflow:hidden; }
	.oszlop div {font-size:14px; padding-top:40px; height:52px; border-bottom:1px solid #000000;}
	.oszlop2{ float:left; width:560px;}
	
	.left_week{
		float:left;
		padding:0px 0px 8px 18px;
	}

	.left_week a{ color:#FFFFFF}
		
	.right_week{
		float:right;
		padding:0px 22px 8px 0px;
	}
	.right_week a{ color:#FFFFFF}
	
	.day a.horgasz{
		float:left;
		width:100%;
		height:30px;
		color:#000000;
	}
	
	.day a.add_link{
		float:left;
		width:100%;
		height:30px;
		color:#000000;
	}
	
	.day a:hover{ background:#FF0000; color:#FFFFFF}
/*************************************************************************/

	#contact_form_box {
		color:#ffffff;}


	#contact_form_box table input{
		float:left;
		width:310px;
		padding:2px;
		border-top:1px solid #404040;
		border-left:1px solid #404040;
		border-right:1px solid #d4d0c8;
		border-bottom:1px solid #d4d0c8;
		margin:5px 0px;
		color:#000;
	}
	
	#contact_form_box textarea{
	 	float:left;
		width:310px;
		height:150px;
		padding:2px;
		border-top:1px solid #404040;
		border-left:1px solid #404040;
		border-right:1px solid #d4d0c8;
		border-bottom:1px solid #d4d0c8;
		margin:5px 0px;
		font-family:"trebuchet MS";
		font-size:12px;
		color:#000;
	}
	
	#contact_form_box table label{
		float:left;
		width:100px;
		margin:3px 0px;
		position:relative;
		top:4px;
	}
	
	#contact_submit{
		background:#E2C5B3;
		border:1px solid #000;
		margin-top:5px;
		padding:3px 6px;
		font-weight:bold;
		cursor:pointer;
	}
	
	.email{
		font-weight:bold;
		color:#2e2e2e;
	}


/*************************************************************************/
	
	#ReservationTimetableForm{
		float:left;
		width:300px;
	}
	
	#ReservationTimetableForm div, #ReservationTimetableForm fieldset{
		float:left; width:100px; padding:0px;}
		
	#ReservationDateJump{
		padding:1px;
		border:1px solid #000000;
	}

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

#footer_center{ 
	width:100%; 
	float:left;
	width:978px;
	height:30px;
	font-size:11px;
	background:#faeedd;
	border:1px solid #e4d3c3;
	color:#666;

}

#footer_main {
	text-align:left;
	color:#878787;
}

	#footer_main a{
		color:#6e1116;
		font-weight:bold;
	}
	
	#footer_main p{
		padding:5px 0px 0px 15px;
		float:left;
	}

	#sharky{
		float:right;
	}