* {margin: 0; padding: 0;}
html, body {height: 100%;}

body {background: #cecece; font: 12px tahoma;}
a img {border: 0;}
/*--- Nyitó ---------*/

#open {width: 100%; height: 100%;  border-collapse: collapse; border: 0;}
#minwidth {min-width: 980px;}

#holder {position: relative; width: 100%; height: 431px; background: #cecece url(../images/bg_open.gif) center center no-repeat; border-collapse: collapse; }

#holder #l {position: relative; width: 50%; height: 431px;}
#holder #r {position: relative; width: 50%; height: 431px;}

#holder #l .bx, #holder #r .bx {position: relative; width: 100%; height: 431px;}



.menubox {position: absolute; top: 94px; right: 226px; _right: 156px; width: 235px; height: 245px; background: #051932 url(../images/bg_menubox.gif) no-repeat; }
#flashbox {position: absolute; top: 0; left: 172px; /ight: 0; width: 340px; height: 431px; }

#flashbox .imageSlideshowHolder,.imageSlideshowHolder_left {position:relative; float: none; margin-left: 0px; width: 340px; height: 431px; padding: 0px; background: none;}
#flashbox .imageSlideshowHolder img {position:absolute; left:0px; top:0px;}
/*menu*/
ul#menu {width: 235px; height: 216px;  margin: 14px 0; text-align: left; list-style: none;}
ul#menu li, ul#menu li a, ul#menu li a span {height: 24px; width: 235px; color: #fff;}
ul#menu li.double, ul#menu li a#m6, ul#menu li a#m6 span  {height: 48px;}
ul#menu li a {position: relative;}
ul#menu li a:hover {cursor: pointer; } 
ul#menu li a span {position: absolute; background-image: url(../images/txt_menu.png); top: 0; left: 0; *cursor: pointer;}


ul#menu li a#m1 span {background-position: 0 0;}
ul#menu li a#m2 span {background-position: 0 -24px;}
ul#menu li a#m3 span {background-position: 0 -48px;}
ul#menu li a#m4 span {background-position: 0 -72px;}
ul#menu li a#m5 span {background-position: 0 -96px;}
ul#menu li a#m6 span {background-position: 0 -120px;}
ul#menu li a#m7 span {background-position: 0 -168px;}
ul#menu li a#m8 span {background-position: 0 -192px;}

ul#menu li a#m1:hover span {background-position: -235px 0;}
ul#menu li a#m2:hover span {background-position: -235px -24px;}
ul#menu li a#m3:hover span {background-position: -235px -48px;}
ul#menu li a#m4:hover span {background-position: -235px -72px;}
ul#menu li a#m5:hover span {background-position: -235px -96px;}
ul#menu li a#m6:hover span {background-position: -235px -120px;}
ul#menu li a#m7:hover span {background-position: -235px -168px;}
ul#menu li a#m8:hover span {background-position: -235px -192px;}

#separator, .separator {height: 5px !important; line-height:1px; font-size:1px;}


/*h1 - title*/
h1#title {position: relative; height: 26px; font-size: 12px; color: #072143; margin: 10px 0 22px 5px;} 
h1#title span {position: absolute; height: 26px; top: 0; left: 0; background-image: url(../images/txt_title.png); background-repeat: no-repeat; width: 100%;}
.bemutatkozunk span {background-position: 0 0;}
.termekeink span {background-position: 0 -26px;}
.szolgaltatasaink span {background-position: 0 -52px;}
.akciok span {background-position: 0 -78px;}
.egeszsegpenztar span {background-position: 0 -104px;}
.bankkartya span {background-position: 0 -130px;}
.elerhetosegeink span {background-position: 0 -156px;}
.impresszum span {background-position: 0 -182px;}
.referenciak span {background-position: 0 -208px;}

/*--- Belső ---------*/

#wrap {width: 986px; min-height: 100%; margin: 0 auto; background: #cecece url(../images/bg_wrap.gif) left top repeat-y; clear: both; overflow: hidden; }
#left-side {position: relative; width: 310px; min-height: 686px; margin-right: 6px; background: url(../images/bg_left_side.gif) no-repeat; float: left; }
*html #wrap {height: 100%; overflow: visible;}
*html #left-side {height: 686px;}
#main {width: 650px; padding: 0 10px; background: url(../images/bg_main.gif) repeat-y; float: left; }

/*
a#gotoindex {position: absolute; top: 0; right: 40px; width: 180px; height: 150px;}
*/
#gotoindex, 
#gotoindex span {position: absolute; top: 0;  width: 180px; height: 150px; background: url(../images/budaioptika_logo.jpg) no-repeat; font-size: 11px; overflow: hidden;}
#gotoindex {right: 40px; text-align: center;}
#gotoindex span {right: 0; *cursor:pointer;}
#gotoindex a {color: #333;}

#wrap .menubox {top: 186px; left: 45px;}

#content {padding: 0 15px 20px 15px; clear: both; overflow: hidden; position: relative; }
#content h2 {font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}
#content h3 {font-size: 12px; color: #404040;}
#content p {color: #464646; line-height: 20px; padding-bottom: 10px; text-align: justify;}
#content ul {padding: 0 30px 10px 30px; color: #404040; }
#content ul li {line-height: 20px; padding-bottom: 10px;}
#content ul ul, #content ul ul li {padding-bottom: 0px !important;}
#content a {color: #19467E; text-decoration: none;}
#content a:hover {color: #725917; }


#content table {border-collapse: collapse; margin-bottom: 10px;}
#content table td {border: 1px solid #eee; padding: 5px 10px;}
#content table p {padding: 0;}

table.egeszseg {margin: 0 auto 10px auto; border-collapse: collapse; color: #404040; width: 450px; }
table.egeszseg td {border: 0 !important; border-bottom: 0px solid #eee !important; }

table.contact {width: 100%;}
table.contact td {border: 0 !important; text-align: center !important;}
table.contact td p {text-align: center !important;}


.holder-box {clear: both; overflow: hidden; *height: 1%; margin-bottom: 25px;}
.imageSlideshowHolder,.imageSlideshowHolder_left {position:relative; float: right; margin-left: 20px; width: 265px; height: 175px; padding: 5px; background: url(../images/bg_pics.gif) no-repeat;}
.imageSlideshowHolder img {position:absolute; left:5px;	top:5px;}

.right-pics {float: right; margin-left: 20px; width: 265px; height: 175px; padding: 5px; background: url(../images/bg_pics.gif) no-repeat;}

.line {height: 14px; padding: 0 10px; *font-size: 1px; clear: both; overflow: hidden; text-align: right;}
.line p {color: #fff; font-size: 10px; line-height: 14px;}
.line a {color: #fff;}

#top {background: #072143;}
#bottom {background: #113463;}

.bold {font-weight: bold;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.fleft {float: left !important;}
.fright {float: right !important;}
.noborder {border: 0 !important;}
.clear {clear: both;}

.hr {font-size: 1px; line-height: 1px; background: #102f58; height: 1px; margin-bottom: 10px;}
.hr hr {display: none;}

li.line2 {
	list-style:none!important;
	background:#eee!important;
	height:1px!important;
	font-size:1px!important;
	line-height:1px!important;
	overflow:hidden!important;
	padding-bottom:0!important;
	margin-bottom:10px!important;}
	#imprint_page {}
		#imprint_page p,
		#imprint_page h1,
		#imprint_page h2 {padding:0;margin:0;border:0;background:none;}

		#imprint_owner {padding: 0 20px 20px;}
			#imprint_owner h1 {font-size:14px; margin-top: 10px;}
			p#owner_logo {padding: 10px 0;}

		.imprint_author {padding: 20px; }
			.imprint_author h2, .imprint_author h2 span {width:100px;height:40px;overflow:hidden;background-image:url(../images/imprint_logo.gif);}
			.imprint_author h2 {position: relative;padding:0 !important;}
			.imprint_author h2 a {}
			.imprint_author h2 span {display:block;position:absolute;top:0;left:0;*cursor:pointer;}

			h2#powerpages_logo, h2#powerpages_logo span {background-position: 0 -40px;}

	.imprint-center {text-align:center !important;}
	.imprint-center p {text-align:center !important;}
	.imprint-center h2 {margin-left: auto !important; margin-right: auto !important;}