/*******************************************************/
/*	CSS Box tutorial							   */
/* 	Made by: ViziUbi					 		   */
/* 	Date: 2008.12.09					 		   */
/* 	Tutorial: http://www.tutorial.hu/css-box/		  	  */
/*	Email: viziubi@gmail.com			 		   */
/*	GNU GENERAL PUBLIC LICENSE				  */
/*******************************************************/


#wrapper { 
	width: 		910px; /*  */
	margin: 	auto; 
	margin-top: 10px;
 }

#menu_container { 
	width: 		300px; /* A CSS Box szélessége, tetszőlegesen állítható */
	margin: 	0px 0px 0px 0px;
	background: url(img/border_l.gif) repeat-y left; /* Bal oldali keret képe */
}

#menu_container_800 { 
	width: 		900px; /* A CSS Box szélessége, tetszőlegesen állítható */
	margin: 	0px 0px 0px 0px;
	background: url(img/border_l.gif) repeat-y left; /* Bal oldali keret képe */
}

#border_right {
	background: url(img/border_r.gif) repeat-y right; /* Jobb oldali keret képe */
}

#border_top {
	height:		55px;
	background: url(img/border_t.gif) repeat-x top; /* Felső keret képe */
}

#border_bottom {
	height:		25px;
	background: url(img/border_b.gif) repeat-x bottom; /* Alsó keret képe */
}

#corner_top_left { /* Jobb felső sarok képe  */
	float: 		left;
	width: 		21px;
	height: 	55px;
	background: url(img/corner_tl.gif) no-repeat left top;
}

#corner_top_right { /* Bal felső sarok képe */
	float: 		right;
	width: 		21px;
	height: 	55px;
	background: url(img/corner_tr.gif) no-repeat right top;
}

#corner_bottom_left { /* Bal alsó  sarok képe  */
	float: 		left;
	width: 		21px;
	height: 	25px;
	background: url(img/corner_bl.gif) no-repeat left bottom;
}

#corner_bottom_right { /* Jobb alsó  sarok képe  */
	float: 		right;
	width: 		21px;
	height: 	25px;
	background: url(img/corner_br.gif) no-repeat right bottom;	
}

#header_text {
	padding: 	9px 21px 0px 21px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal felső sarkának szélességét */
	color: 		#fff;
	font-family: Arial, Times, serif;
	font-size: 	1.2em;
	text-align: center;
}

#content {
	position: 	relative;
	margin: 	0px 21px 0px 21px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal oldali keretének szélességét */
	padding: 	10px; 
	color: 		#555; 
	font-family: Arial, Times, serif; 
	line-height:1.3em;
	/* A CSS Box magassága opcionálisan állítható. Ha ki van kommentezve a "height: 400px;" akkor tartalomhoz igazodik a CSS Box mérete */
	/* Ha a kommentezést eltávolítod akkor fix magasság adható meg. FIGYELEM! Ebben az esetben a szöveg túlfuthat a doboz területén, 	*/
	/* ezt leginkább fix tartalomnál (pl.: kép)  használd, az alsó és felső keret nagysága pedig ebben az értékben nincs benne */
	/* height: 400px; */
}

#content2 {
	position: 	relative;
	margin: 	0px 0px 0px 0px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal oldali keretének szélességét */
	padding: 	20px; 
	color: 		#fff; 
	font-family: Arial, Times, serif; 
	line-height:1.3em;
	height: 	218px;
	/* A CSS Box magassága opcionálisan állítható. Ha ki van kommentezve a "height: 400px;" akkor tartalomhoz igazodik a CSS Box mérete */
	/* Ha a kommentezést eltávolítod akkor fix magasság adható meg. FIGYELEM! Ebben az esetben a szöveg túlfuthat a doboz területén, 	*/
	/* ezt leginkább fix tartalomnál (pl.: kép)  használd, az alsó és felső keret nagysága pedig ebben az értékben nincs benne */
	/* height: 400px; */
}

#content_bg_kep {
	margin:		0px 21px 0px 21px;
	width: 		258px;
	height: 	258px;
	background: url(infra_kepek/img_pro01.jpg);
}
#content_film_kep {
	margin:		0px 21px 0px 21px;
	width: 		258px;
	height: 	258px;
	background: url(images/film.jpg);
}

#content_ember_kep {
 	width: 		790px;
	height: 350px;
 
	background: url(infra_kepek/hkamers_ember.jpg);
}

.bg_piros {
	background: #A74941;
	margin: 	0px 21px 0px 21px;
}

.bg_kek {
	background: #52788D;
	margin: 	0px 21px 0px 21px;
}

.footer_text {
	text-align:	center;
}

.float_left {
	float:		left;
}

.clear {
	clear:		both;
}