/***************************
		UTILITY CLASSES
  ***************************/
  
	.lp10{
		margin-left: 10px;
	}

	.lp14{
		margin-left: 14px;
	}
	.lp15{
		margin-left: 15px;
	}
	
	.bm10{
		margin-bottom: 10px;
	}
	.bm15{
		margin-bottom: 15px;
	}
	.bm30{
		margin-bottom: 30px;
	}
	.pager a, .pager span{
		display: block;
		float: left;
		padding: 3px 6px 3px 6px;
		border: 1px solid #ccc;
		margin-right: 4px;
	}
	.pager a{
		background: #2FB4B1;
		color: #fff;
	}
	.pager{
		margin-left: -8px;
	}
	.show_row{
		display: table-row;
	}
	.hide_row{
		display: none;
	}
	.p10{
		padding: 10px;
	}

 /***************************
		ICON STYLES
  ***************************/

	#print{
		position: absolute;
		left: 46px;
		top: 78px;
		width: 19px;
		height: 17px;
		background: transparent url(../images/print.gif) no-repeat left top;
		z-index: 1000;
	}
		#print a{
			display: block;
			width: 100%;
			height: 100%;
		}
	#save{
		position: absolute;
		left: 70px;
		top: 80px;
		width: 12px;
		height: 14px;
		background: transparent url(../images/save.gif) no-repeat left top;
		z-index: 1000;
	}
		#save a{
			display: block;
			width: 100%;
			height: 100%;
		}

	#send{
		position: absolute;
		left: 21px;
		top: 80px;
		width: 18px;
		height: 12px;
		background: transparent url(../images/mail.gif) no-repeat left top;
		z-index: 1000;
	}
		#send a{
			display: block;
			width: 100%;
			height: 100%;
		}


 /***************************
		LAYOUT STYLES
  ***************************/
    
    #content_wrapper{
		width: 900px;
		margin: auto;
		padding-top: 39px;
    }
    
    #bg_wrapper{
		width: 900px;
		float:left;
		background: #205D60 url( ../images/bg_wrapper.jpg ) repeat-y left top;
    }
    
    #bg_wrapper.index{
		background: #205D60 url( ../images/bg_wrapper_index.jpg ) repeat-y left top;
    }
    
		#left_panel{
			overflow: hidden;
			width: 595px;
			float: left;
		}
		
			#header{
				width: 595px;
				height: 87px;
				float: left;
				background: #205D60 url( ../images/header.jpg ) no-repeat center top;
			}

			#header.EN{
				background: #205D60 url( ../images/header_en.jpg ) no-repeat center top;
			}

				#logo_mask{
					width: 248px;
					height: 60px;
					position: absolute;
					left: 0px;
					bottom: 0px;
					cursor: pointer;
				}
					#logo_mask a{
						width: 100%;
						height: 100%;
						display: block;
					}
							
			#content{
				width: 595px;
				float: left;			
			}
			
			#title_line{
				float: left;
				width: 595px;
				background: #205D60 url( ../images/fejlec.jpg ) no-repeat left top;
				height: 27px;
				margin-bottom: 10px;
				padding-left: 15px;
			}
			
				#title_line h1{
					font-size: 16px;
					font-family: trebuchet MS;
					position: absolute;
					left: 23px;
					top: 5px;
					font-size: 14px;
					font-weight: bold;
					color: #E9E9E9;
				}
				
				#title_line #back_button{
					font-size: 16px;
					font-family: trebuchet MS;
					position: absolute;
					right: 38px;
					top: 5px;
					font-size: 14px;
					font-weight: bold;
					color: #E9E9E9;
				}
			
		#right_panel{
			padding-top: 90px;
			width: 305px;
			float: right;
			background: #D9DAD5 url( ../images/right_top.jpg ) no-repeat center top;
			position: relative;
		}
		
		*:first-child+html #right_panel{
			width: 303px;
		}
		
			#lang{
				width: 64px;
				height: 30px;
				position: absolute;
				right: 0px;
				top: -34px;
				cursor: pointer;
				font-weight: bold;
			}

			#contact_us_HU{
				position: absolute;
				right: -28px;
				top: 21px;		
				height: 81px;
				width: 28px;	
				cursor: pointer;
				background: #D9DAD5 url( ../images/kapcs-HU.png ) no-repeat left top;
			}

			#contact_us_EN{
				position: absolute;
				right: -28px;
				top: 21px;		
				height: 81px;
				width: 28px;	
				cursor: pointer;
				background: #D9DAD5 url( ../images/kapcs-EN.png ) no-repeat left top;
			}
			
			#right_panel input{
				position: absolute;
				width: 190px;
				left: 26px;
				top: 28px;
				border: none;
				color: #ABABAB;
				font-size: 12px;
				font-weight: bold;
				background: transparent;
			}
			
			#search_send{
				position: absolute;
				left: 225px;
				top: 20px;
				width: 72px;
				height: 44px;
				cursor: pointer;
			}
				#r_content{
					margin: auto; 
					width: 276px;
				}
				

		#footer{
			width: 900px;
			height: 26px;
			float: left;
			background: #D9DAD5 url( ../images/footer.jpg ) repeat-x center top;
			position: relative;
			text-align: center;
			padding-top: 16px;
			color: #969B97;
			font-size: 11px;
			font-weight: bold;
		}
		
			#footer a{
				color: #969B97;
			}
			
 /***************************
		TOP NAVIGATION
  ***************************/
	
	ul#menu{
		
	}

	ul#menu li{
		float: left;
	}

	ul#menu li a{
		display: block;
		height: 22px;
		padding-top: 5px;
		width: 142px;
		color: #E9E9E9;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	
	ul#menu li a:hover, ul#menu li a.active{
		background: transparent url( ../images/marrow.gif ) no-repeat center bottom
	}
	
 /***************************
		CUSTOM STYLES
        -------------
        box_big_left.jpg
        box_big_right.jpg
		-------------
        box_hirek.jpg
			-hírek
        box_slideshow.jpg
			-corvin sétány
			-tudáspark
        box_extra.jpg
			-google map
			-galéria
			-iroda nézegető (alap, szintválasztó)
        
  ***************************/

	.box_big{
		float: left;
		width: 278px;
		height: 255px;
		margin-top: 10px;
	}
	
	.small{
		height: 149px;
	}
			
	.middle{
		height: 240px;
	}
	
		.box_big img.bg{
			position: absolute;
			top: 0px;
			left:0px;
			width: 100%;
			height: 100%;
		}

		.box_big div.button{
			padding-top: 4px;
			width: 210px;
			height: 21px;
			background: #D9DAD5 url( ../images/button.jpg ) no-repeat left top;
			position: absolute;
			left: 34px;
			top: 100px;
			text-align: center;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			z-index: 15;
		}
		.box_big div.sup{
			padding-top: 0px;
			height: 25px;
		}
		
		.box_big div.bp12{
			bottom: 12px;
		}

		.box_big div.button a{
			color: #fff;
			outline: none;
		}

		.box_big div.button a:hover{
			color: #ccc;
			outline: none;
		}
		
		.box_big div.box_content{
			width: 222px;
			position: relative;
			color: #515A59;
			font-size: 12px;
			line-height: 15px;
			padding-top: 137px;
			margin-left: 28px;
			margin-bottom: 10px;
		}
			.box_big div.box_content strong{
				display: block;
				margin-bottom: 3px;
			}
			
		.box_big div.hirek_text{

		}
		
		.no_height{
			height: inherit;
		}
 /***************************
		BOX STYLES :)))
  ***************************/

		.box_big img.main{
			position: absolute;
			top: -10px;
			left: 8px;
			z-index: 10;
		}

		.box_big img.google{
			top: -24px;
		}
		
		.box_big img.berlet{
			top: -23px;
			left: 27px;
		}

		.box_big img.szolg{
			top: 21px;
			left: 27px;
		}

		.box_big img.hirek{
			top: 22px;
			left: 27px;
		}

		.box_big div.hirek_button{
			top: 100px;
			bottom: none;
		}

		.hir_box{
			height: 210px;
		}
		
		#bpanel, #jpanel{
			height: 235px;
		}
 /***************************
		INDEX STYLES
  ***************************/

		#flash_holder{
			background: #fff url( ../images/flash_gradient.jpg ) no-repeat left top;
			width: 100%;
			height: 285px;		
		}
			#render_flash_here{
				margin: auto;
				width: 536px;
				height: 250px;
				background: #D9DAD5 url( ../images/flash_faker.jpg ) no-repeat left top;
			}

		ul#index_buttons {
			height: 39px;
			background: none;
			width: 800px;
			margin-left: 6px;
		}
			ul#index_buttons li{
				float: left;
			}
				ul#index_buttons li a{
					display: block;
					width: 284px;
					height: 38px;
				}
				ul#index_buttons li a.iroda{
					background: transparent url( ../images/index_buttons.jpg ) no-repeat -5px top;
				}
				ul#index_buttons li a.corvin{
					background: transparent url( ../images/index_buttons.jpg ) no-repeat -300px top;
				}
				ul#index_buttons li a.iroda:hover{
					background-position: -5px -38px;
				}
				ul#index_buttons li a.corvin:hover{
					background-position: -300px -38px;
				}

				ul#index_buttons.EN li a.iroda{
					background: transparent url( ../images/index_buttons_en.jpg ) no-repeat -5px top;
				}
				ul#index_buttons.EN li a.corvin{
					background: transparent url( ../images/index_buttons_en.jpg ) no-repeat -300px top;
				}
				ul#index_buttons.EN li a.iroda:hover{
					background-position: -5px -38px;
				}
				ul#index_buttons.EN li a.corvin:hover{
					background-position: -300px -38px;
				}
				
				
		#index_images{
			margin-left: 13px;
			position: relative;
		}
		#index_images a{
			display: block;
			float: left;
			width: 258px;
			height: 172px;
			margin-left: 17px;
			position: relative;
		}
		#index_images a img{
			position: absolute;
			left: 0px;
			top: 0px;
		}
 /***************************
	   IRODABERLES STYLES
  ***************************/

		ul#buildings {
			clear: left;
			height: 170px;
			background: none;
			width: 800px;
			padding-top: 20px;
		}
			ul#buildings li{
				float: left;
				margin-right: 9px;
				position: relative;
				width: 193px;
				height: 154px;
				float:left;
			}
				ul#buildings li a span{
					position: absolute;
					bottom: -18px;
					right: 5px;
					font-size: 11px;
					color: #7C573C;
					font-style: italic;
				}
				ul#buildings li a span strong{
					font-size: 17px;
				}
				ul#buildings li a{
					position: absolute;
					width: 193px;
					height: 154px;
					left: 0px;
					top: 0px;
					display: block;
					background-repeat: no-repeat;
				}
				
				/* Hovers */
				
				ul#buildings li.corvin1 a{
					background: transparent url( ../images/buildings.jpg ) no-repeat 0px top;
				}
				ul#buildings li.corvin2 a{
					background: transparent url( ../images/buildings.jpg ) no-repeat -202px top;
				}
				ul#buildings li.corvin3 a{
					background: transparent url( ../images/buildings.jpg ) no-repeat -404px top;
				}
				
				/* Actives */
				
				ul#buildings li.corvin1 a.active{
					background: transparent url( ../images/buildings.jpg ) no-repeat 0px bottom;
				}
				ul#buildings li.corvin2 a.active{
					background: transparent url( ../images/buildings.jpg ) no-repeat -202px bottom;
				}
				ul#buildings li.corvin3 a.active{
					background: transparent url( ../images/buildings.jpg ) no-repeat -404px bottom;
 				}

				/* Actives */
				
				ul#buildings li.corvin1 a.static{
					background: transparent url( ../images/buildings.jpg ) no-repeat 0px bottom;
				}
				ul#buildings li.corvin2 a.static{
					background: transparent url( ../images/buildings.jpg ) no-repeat -202px bottom;
				}
				ul#buildings li.corvin3 a.static{
					background: transparent url( ../images/buildings.jpg ) no-repeat -404px bottom;
 				}

				/*************** ENGLISH VERSIONS ***************/

				/* Hovers */
				
				ul#buildings.EN li.corvin1 a{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat 0px top;
				}
				ul#buildings.EN li.corvin2 a{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat -202px top;
				}
				ul#buildings.EN li.corvin3 a{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat -404px top;
				}
				
				/* Actives */
				
				ul#buildings.EN li.corvin1 a.active{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat 0px bottom;
				}
				ul#buildings.EN li.corvin2 a.active{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat -202px bottom;
				}
				ul#buildings.EN li.corvin3 a.active{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat -404px bottom;
 				}
				
				/* Actives */
				
				ul#buildings.EN li.corvin1 a.static{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat 0px bottom;
				}
				ul#buildings.EN li.corvin2 a.static{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat -202px bottom;
				}
				ul#buildings.EN li.corvin3 a.static{
					background: transparent url( ../images/buildings_en.jpg ) no-repeat -404px bottom;
 				}


 /***************************
	   KEPGALERIA STYLES
  ***************************/

		#gallery_box{
			background: transparent url( ../images/box_extra.jpg ) no-repeat -1px top;
			width: 596px;
			height: 349px;
			padding-top: 20px;
		}
			#gallery_image{
				margin: auto;
				width: 504px;
				height: 288px;
				overflow: hidden;
				background: #E0E0E0 url( ../images/load.gif ) no-repeat center center;
			}
			
			#gallery_image.nobg{
				background: #E0E0E0;
			}
			
			#balra_nyil{
				z-index: 50;
				cursor: pointer;
				width: 41px;
				height: 60px;
				position: absolute;
				top: 112px;
				left: -16px;
				background: transparent url( ../images/gall_balra.jpg ) no-repeat left top;
			}
			#jobbra_nyil{
				z-index: 50;
				cursor: pointer;
				width: 41px;
				height: 60px;
				position: absolute;
				top: 112px;
				right: -16px;
				background: transparent url( ../images/gall_jobbra.jpg ) no-repeat left top;
			}

 /********************************
	   HIREK, ESEMENYEK STYLES
  *******************************/

		.news_box{
			margin-left: 10px;
			margin-bottom: 16px;
			width: 573px;
			height: 145px;
			position: relative;
			background: transparent url( ../images/box_hirek.jpg ) no-repeat -11px -2px;
		}
			.news_image{
				position: absolute;
				overflow: hidden;
				width: 220px;
				height: 92px;
				left: 32px;
				top: 22px;
			}
				.news_image img{
					width: 100%;
				}
			
			.news_content{
				position: absolute;
				overflow: hidden;
				width: 280px;
				height: 92px;
				left: 268px;
				top: 20px;
				color: #5a5a5a;
			}
				.news_content h3, .news_content a{
					color: #42BFC9;
					font-weight: bold;
				}
			.news_box .read_more{
				position: absolute;
				right: 31px;
				bottom: 12px;
				color: #42BFC9;
			}

 /********************************
	   MEGKOZELITHETOSEG STYLES
	   A.K.A.: GOOGLE MAP
  *******************************/

		#google_map{
			margin: auto;
			background: #ccc;
			width: 504px;
			height: 288px;
			overflow: hidden;
		}
		
		#google_map_overlay{
			position: absolute;
			background: #000;
			width: 505px;
			height: 288px;
			left: 45px;
			top: 20px;
			z-index: 5;
		}
		
		#google_map_dialog{
			position: absolute;
			width: 434px;
			height: 107px;
			left: 65px;
			top: 105px;
			color: #5a5a5a;
			padding-right: 15px;
			padding-left: 15px;
			padding-top: 15px;
			z-index: 15;
			background: #ECECEC url( ../images/google_overlay.jpg ) no-repeat center 90px;
		}
			#overlay_ok{
				position: absolute;
				width: 137px;
				height: 25px;
				left: 315px;
				top: 86px;
				cursor: pointer;
			}
			
			#overlay_input{
				position: absolute;
				width: 286px;
				height: 20px;
				left: 18px;
				top: 93px;
				border: none;
				color: #999;
				background: transparent;
			}
			#error_msg{
				position: absolute;
				width: 430px;
				height: 20px;
				left: 18px;
				top: 118px;
				color: #900;
				font-weight: bold;
			}
			
		#google_map_text{
			margin-left:28px;
			margin-right:28px;
			color: #5a5a5a;
		}

 /********************************
	   SZOLGALTATASOK STYLES
  *******************************/

		#interactive_services{
			width: 100%;
			height: 400px;
			/*border: 1px solid #000;*/
		}
			
		#interactive_services_overlay{
			position: absolute;
			background: #000;
			width: 100%;
			height: 400px;
			left: 0px;
			top: 0px;
			z-index: 5;
		}

		#interactive_services_dialog h3{
			font-weight: bold;
			font-size: 14px;
			color: #42BFC9;
		}
		#interactive_services_dialog{
			position: absolute;
			width: 434px;
			height: 107px;
			left: 65px;
			top: 105px;
			padding-right: 15px;
			padding-left: 15px;
			padding-top: 15px;
			z-index: 15;
			color: #5a5a5a;
			background: #ECECEC url( ../images/ok.jpg ) no-repeat center 90px;
		}
		#accordion {
			margin: 10px;
		}
		#accordion h3{
			font-size: 16px;
			color: #5a5a5a;
			font-weight: bold;		
			cursor: pointer;
		}
		#accordion p{
			color: #5a5a5a;
		}

 /********************************
	   CORVIN OFFICE SHOWCASES
	   based on gallery_box id
  *******************************/

		#gallery_image img{
			position: absolute;
			left: 0px;
			top: 0px;
		}

		#sub_menu{
			background: #22B2A9;
			padding: 8px;
			position: absolute;
			left: 25px;
			bottom: -25px;
			color: #E9E9E9;
			z-index: 20000;
		}

		#sub_menu a.selected{
			color: #5a5a5a;
		}

		#sub_menu a{
			color: #E9E9E9;
			font-size: 12px;
			outline: none;
			font-weight: bold;
		}
		
		#szintvalaszto{
			display: none;
			width: 601px;
			height: 446px;
			border: 0px solid #000;
			position: absolute;
			left: -20px;
			top: 120px;
			z-index: 6;
		}
		
		#szintvalaszto_overlay{
			background: transparent url( ../images/clouds.jpg ) no-repeat right center;
			position: absolute;
			width: 505px;
			height: 288px;
			left: 45px;
			top: 20px;
			z-index: 5;
		}
		
		#hidden_pages{
			margin-left: 28px;
			margin-top: 30px;
			color: #5a5a5a;
		}
		

 /********************************
	   TUDAS-PARK
		   &
	   CORVIN SETANY Styles
  *******************************/

		#box_middle{
			background: transparent url( ../images/box_slideshow.jpg ) no-repeat -1px top;
			width: 596px;
			height: 228px;
			padding-top: 20px;
		}
			#box_middle_image{
				margin: auto;
				background: #ccc;
				width: 504px;
				height: 170px;
				overflow: hidden;
			}
				#box_middle_image img{
					position: absolute;
					left: 0px;
					top: 0px;
				}
			
			#text_holder{
				margin: 25px;
				margin-top: 0px;
				color: #5a5a5a;
			}
				#text_holder img{
					padding: 5px;
					width: 50%;
				}
				
			#text_holder_conn{
				margin: 25px;
				margin-top: 0px;
				color: #5a5a5a;
			}
				#text_holder_conn img{
					padding: 5px;
				}

 /********************************
	   GENERAL FORM FORMATTING
  *******************************/

		.input_big{
			width: 368px;
			height: 22px;
			border: none;
			background: transparent url( ../images/input_big.jpg ) no-repeat left center;
		}
		.input_half{
			width: 368px;
			height: 22px;
			border: none;
			background: transparent url( ../images/input_half.jpg ) no-repeat left center;
		}
		.input_big input, .input_half input{
			background: transparent;
			margin-top: 2px;
			padding-left: 5px;
			width: 100%;
			height: 22px;
			border: none;
			color: #999;
			font-size: 11px;
		}

		.push_button{
			background: transparent url( ../images/input_button.jpg ) no-repeat left top;
			width: 134px;
			height: 19px;
			padding-top: 3px;
			cursor: pointer;
			text-align: center;
			color: #000;
		}

		#content table{
			margin-top: 20px;
			margin-left: 20px;
		}

		/* TOOLTIPS  */

		.tippp{
			z-index: 5000;
		}
		
		div.tip {
			width: 150px;
			color: #fff;
			text-align: center;
			background: #58C2C2;
		}
		
		div.tip-text{
			display: none;
		}