/*---------------SZKARABEUSZ-CSS--------------------------*/
/*- BASICS -*/
/*---------*/

*, html, body, div, ul, li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
a img, :link img, :visited img { border: none; }			
h1, h2, h3, h4, h5, h6, pre, code, a, p, ul, li { font-size: 10px; }	
h1, h2, h3 { margin-left: 0px; padding-left: 0px; }

	#flashcontent {
		height: 380px;
	}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;	
	background: #600600 url(img/bg.gif) left top repeat;

	/* scrollbar - ie only */
	SCROLLBAR-FACE-COLOR: #ffcc00;
	SCROLLBAR-HIGHLIGHT-COLOR: #fcec5c;
	SCROLLBAR-BORDER-COLOR: #ffcc00;
	SCROLLBAR-SHADOW-COLOR: #9c7307;
	SCROLLBAR-ARROW-COLOR: #600600;
	SCROLLBAR-TRACK-COLOR: #eccc14;
	SCROLLBAR-BASE-COLOR: #ffcc22;
	scrollbar-dark-shadow-color: #ff6600;
}

a:link, a:visited, a:hover, a:active { text-decoration: none; color: #600600; }
a:hover { text-decoration: underline; /* HIR IE6 */ color: #ffcc00; }

ul, li { list-style-type: none; }
div.clr { clear: both; }

/*************************/
/*--- SITE STRUCTURE ----*/
/*************************/

div#wrappa, div#site, div#footer, div#footer_wrap { position: relative; display: block; overflow: hidden; }
	div#site, div#footer { margin-left: auto; margin-right: auto; }
div#site_head, div#site_body, div#site_content, div#menu_cont { position: absolute; display: block; }

div#banna { position: absolute; display: block; width: 514px; height: 100px; right: 0px; top: 220px; }

div#introholder {position: relative; display: block;width:300px;height:350px;margin-left: auto; margin-right: auto;margin-top:35px;}
div#preloadbox {position: absolute; display: block;width: 1px;height:1px;bottom:1px;right:1px;background: transparent url(img/szkarabeusz_bg.gif);}

div#introhead {color: #ffcc00;font-size:20px;font-weight:bold;margin-top:35px;}
div#info {text-align:center;font-size:12px;color: #ffcc00;}
div#info a, div#info a:link, div#info a:visited, div#info a:hover {color: #ffcc00;font-size:12px;}
a#skipintro, a#skipintro:link, a#skipintro:visited, a#skipintro:hover {color: #ffcc00;font-size:20px;font-weight:bold;}

/*----------------------------*/

div#wrappa { height: auto; text-align: center; }
	div#site { width: 824px; height: 788px; background: transparent url(img/szkarabeusz_bg.gif) -20px top no-repeat; text-align: justify; }
		div#site_head { width: 355px; height: 300px; top: 0px; left: 0px; z-index: 31; }
			div#site_head h1 { width: 205px; height: 38px; display: none; background: #fc0; position: relative; top: 220px; left: 64px; color: #600600; font-size: 24px; text-transform: uppercase; font-weight: bold; text-align: center; }
			div#site_head h2 { width: 205px; height: 26px; display: none; background: #fc0; position: relative; top: 220px; left: 64px; color: green; font-size: 16px; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; text-align: center; }
			div#site_head a {position:Absolute;display:block;width:100%;height:100%;top:0px;left:0px; }
			div#site_head a:hover {text-decoration:none;color:#600600;}
		div#site_body { width: 824px; height: 488px; top: 301px; left: 0px; }

			div#site_body ul li { 
				width: 205px; height: 42px;
				display: block; line-height: 20px; vertical-align: middle;
				text-align: left; }

			div#site_body ul li a { 
				font-size: 12px; font-weight: bold;
				text-transform: uppercase; }
			
			div#menu_cont { 
				width: 205px; height: 378px;
				top: 42px; left: 64px;
				overflow: hidden;
				background: #ffcc00 url(img/szkarabeusz_bg.gif) -84px -342px no-repeat;
				color: #600600;
				}
				ul#menu, ul#submenu_hastanc, ul#submenu_gyermekhastanc, ul#submenu_ekszerek {
					width: 205px; height: 42px; 
					letter-spacing: 2px;
				}

				div#menu_cont ul li a, div#menu_cont ul li a:link, div#menu_cont ul li a:visited { position: relative; display: block; width: 205px; height: 42px; background: #ffcc00; }
				div#menu_cont ul li a:hover { background: #600600; color: #ffcc00; }
				div#menu_cont ul li a span { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; }
				div#menu_cont ul li a:hover span { cursor:hand;cursor:pointer; }
				div#menu_cont ul li a.active { }

				div#menu_cont ul li a span span { width: 40px; height: 100%; position: absolute; background: none; }
				div#menu_cont ul li a:hover span span, div#menu_cont ul li a.active span span { background: transparent url(img/szkarabeusz.gif) 5px center no-repeat; }

				  div#menu_cont ul li a span { background-image: url(img/szkarabeusz_bg.gif); }

				  /*-- fomenu --*/
			/*	li#m01 a, li#m02 a, li#m03 a, li#m04 a {margin-top:50px;} 
				li#m01 a {margin-top:25px !important;} */

					li#m01 a span { background-position: -84px -843px; }
					li#m01 a:hover span { background-position: -84px -1273px; }

					li#m02 a span { background-position: -84px -886px; }
					li#m02 a:hover span { background-position: -84px -1316px; }

					li#m03 a span { background-position: -84px -925px; }
					li#m03 a:hover span { background-position: -84px -1355px; }

					li#m04 a span { background-position: -84px -967px; }
					li#m04 a:hover span { background-position: -84px -1397px; }

				/*-- submenu_hastanc, submenu_gyermekhastanc --*/
					li#s101 a span, li#s201 a span { background-position: -325px -843px; }
					li#s101 a:hover span, li#s201 a:hover span { background-position: -325px -1273px; }

					li#s102 a span, li#s202 a span { background-position: -325px -884px; }
					li#s102 a:hover span, li#s202 a:hover span { background-position: -325px -1314px; }

					li#s103 a span, li#s203 a span { background-position: -325px -925px; }
					li#s103 a:hover span, li#s203 a:hover span { background-position: -325px -1355px; }

					li#s104 a span, li#s204 a span { background-position: -325px -967px; }
					li#s104 a:hover span, li#s204 a:hover span { background-position: -325px -1397px; }

						li#s204 a span { background-position: -565px -886px; }
						li#s204 a:hover span { background-position: -565px -1316px; }

					li#s105 a span, li#s205 a span { background-position: -325px -1009px; }
					li#s105 a:hover span, li#s205 a:hover span { background-position: -325px -1439px; }

					li#s106 a span, li#s206 a span { background-position: -325px -1051px; }
					li#s106 a:hover span, li#s206 a:hover span { background-position: -325px -1481px; }

				/*-- submenu_ekszerek --*/
					li#s301 a span { background-position: -565px -843px; }
					li#s301 a:hover span { background-position: -565px -1273px; }

					li#s302 a span { background-position: -565px -886px; }
					li#s302 a:hover span { background-position: -565px -1316px; }

					li#s303 a span { background-position: -565px -925px; }
					li#s303 a:hover span { background-position: -565px -1355px; }

					li#s304 a span { background-position: -565px -967px; }
					li#s304 a:hover span { background-position: -565px -1397px; }

					li#s305 a span { background-position: -565px -1009px; }
					li#s305 a:hover span { background-position: -565px -1439px; }

					li#s306 a span { background-position: -565px -1051px; }
					li#s306 a:hover span { background-position: -565px -1481px; }

					li#s307 a span { background-position: -565px -1093px; }
					li#s307 a:hover span { background-position: -565px -1523px; }

					li#s308 a span { background-position: -565px -1135px; }
					li#s308 a:hover span { background-position: -565px -1565px; }

					li#s309 a span { background-position: -565px -1177px; }
					li#s309 a:hover span { background-position: -565px -1607px; }


			div#site_content { width: 453px; height: 392px; top: 42px; left: 303px;
				background-attachment: fixed; background: #ffcc00 url(img/szkarabeusz_bg.gif) -324px -342px no-repeat;
				color: #600600; }

			div#inner_content { width: 453px; height: 392px; }
			div#scroll_content { width: 453px; height: 392px; 
				overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
			
				div.signo { text-align: right; margin-right: 40px; margin-top: -10px; font-weight: bold; }

				div#site_content a, div#site_content a:link, div#site_content a:visited, div#site_content a:active { text-decoration: underline; }
					div#site_content a:hover { color: #600600; font-weight: bold; }
				div#site_content h2 { 
					font-size: 13px; font-weight: bold;
					text-transform: uppercase; letter-spacing: 2px;
					margin: 3px 0 0px 42px; }

				div#site_content p { margin: 15px; padding-left: 75px; /* background: url(content.gif) -96px 0 repeat-y; 
					border-left: 4px solid #ffcc00; */ text-align: left; }

					body#bemutatkozas div#site_content p { padding-left: 0px; }

					img.float {float:left;margin: 10px 10px 10px 15px;}

						div#video { position:absolute;displaY:block;bottom:90px;left: 62px;}
						p.float {  }
						p#player1 { margin-left: 0px !important; /* margin-left: -10px; */ padding-left: 0px; }
						p#player2 { display:block; margin-top:30px; margin-left: -10px !important; padding-left: 0px; }
						p#player3 { margin-left: 0px !important; padding-left: 0px; }
						p#player4 { margin-left: 0px !important; padding-left: 0px; }

div#footer_wrap	{ width: 100%; height: auto; max-height: 278px; background: transparent url(img/footer_bg.gif) left top repeat-x;
	display: block; text-align: center; margin-bottom: 0px; } 

	div#footer { width: 824px; height: 55px; display: block; text-align: left; margin-top: 50px; margin-bottom: 0px; }

		div#footer ul li ul h2 { width: 160px; display: block; float: left;
			margin-left: 20px; text-align: right; text-transform: uppercase;
			color: #bb1b11; font-size: 10px; letter-spacing: -1px;
			}
		div#footer ul li ul li { display: block; float: left; }
		div#footer ul li ul { width: 100%; height: 15px; }

		div#footer a:link, div#footer a:visited, div#footer a:active { text-decoration: none; color: #f1cd44; letter-spacing: 0px; margin-left: 10px; }
		div#footer a:hover { text-transform: uppercase; font-weight: bold; }
		
		div#footer ul { margin-top: 5px; }
		div#footer ul li ul { margin-top: 0px; }

		div#footer h2 { width: 160px; _width: 180px; display: block;margin-left: 20px; text-transform: uppercase; text-align: right;color: #bb1b11; font-size: 10px; color: #fc0; }
		
			div#footer ul li ul h2 { margin-bottom: 0px; }

		div#footer h3 { text-align: left; width: 100%; padding-left: 44px; _padding-left: 62px;
			margin-top: 10px; margin-right: 30px; 
			position: relative; display: block;			
			color: #fc0; text-transform: uppercase;
			border-top: 2px dotted #fc0; }


/* img trick */
div.pic-container { margin-left: 75px; margin-right: auto; text-align: center; }
div.pic-container img { padding: 10px; margin: /* 5px 5px 20px*/ 5px; border: 1px outset #660000; background: url(img/content.gif); }

div#horgony { position: absolute; width: 75px; height: 360px; top: 25px; left: 5px; overflow: hidden;
	border-top: 2px dotted #660000; }

	body#bemutatkozas div#horgony { width: 100px; }

div#horgony h3 { text-align: left; font-size: 11px; font-variant: small-caps; margin-top: 3px; margin-bottom: 3px; }
div#horgony ul, div#horgony ul li { list-style-type: none; margin: 0px; padding: 0px; }
div#horgony ul li { height: 13px; width: 20px; float:left; text-align: center; }
div#horgony a, div#horgony a:link, div#horgony a:visited, div#horgony a:active {
	height: 13px; width: 20px; display: block;
	font-family: Arial; /* height: 40px; width: 33px; */
	line-height: 13px;
	vertical-align: middle;
	font-size: 10px; font-weight: bold; text-decoration: none; /* display: block; text-align: center; 
	line-height: 40px; vertical-align: middle; */ }
div#horgony a:hover, div#horgony a:active { text-decoration: none;
	height: 13px; width: 20px; display: block;
	font-weight: bold;
	font-size: 12px;
 }

div#horgony br {margin-top:10px;}

 /* display off-s */ 
 div#footer h2  {display:block;}
 div#footer h3,
 div#footer ul#submenu_hastanc, div#footer ul#submenu_gyermekhastanc, div#footer ul#submenu_ekszerek 
 { display: none; }

 div#footer h2 {display:none;}