body {background: #8d90c5 url('../panel/bgpage.jpg') repeat-x; font-family:Helvetica, sans-serif; Arial}

#container { margin-left : auto; margin-right : auto; text-align : center;
	margin-top : 30px; _margin-top : 17px/*for ie6*/; color : #333333; width : 780px; height : auto;}
#head {margin: 0; width : 780px; height : 160px; background : url('../panel/fejlec.jpg') no-repeat top left;}
#head_i {margin: 0; width : 780px; height : 160px; background : url('../panel/fejlec_i.jpg') no-repeat top left;}
#gallerypic {position: relative; margin-top: 35px; margin-right : 20px; _margin-right : 10px; width: 200px; height: 120px;
	float: right; /*border: 1px solid #fff;*/}

/* ----vertical gallery  menu---- */
#menu {width: 160px; /*white-space: nowrap;*/ height: auto; float: left; background: #0099ff; margin-bottom: 15px; }
#menu ul {margin: 0; padding: 0; list-style: none;}
#menu li {margin: 0; text-align: left; border-top: 1px solid #fff; border-bottom: 3px solid #4a5760;}
#menu li a {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; display: block;
	height: 20px; line-height: 20px; padding: 0; color: #FFF; text-decoration: none; background-color: transparent; padding-left: 10px;}
#menu a:hover { background-color: #007fd3;}
#menu li.menucsop {text-align: center; background: #ccc;}
#menu li.ezazoldal { padding-left: 10px; background: url('../panel/menulibg.jpg') no-repeat; color: #333; font-weight: bold;}
#menu li.empty {border: 0; background : url('../panel/menubg.jpg') no-repeat;}


#leftside {margin-top: 0px; width : 780px; height : 450px; background : url('../panel/contbg.jpg') repeat-y; clear: both;
	/*border: 1px solid #fff;*/}
#container_index {margin-top: 0px; width : 780px; height : 570px; background : url('../panel/contbg.jpg') repeat-y; clear: both;
	/*border: 1px solid #fff;*/}
#menubox { margin-left: 10px; _margin-left: 5px; width : 180px; height: auto; float: left;}
#menubox .leftlink {margin-left : auto; margin-right : auto; text-align : center; height: auto;}

#leftside_bottom {width : 780px; height: 100px; background : url('../panel/contbg_bottom.jpg') no-repeat;}

#rightside {position: relative; margin-top: -550px; margin-right: 10px; _margin-right: 5px; width : 580px; height: auto; float: right; }
#gallerytop {margin-top: 0; width: 580px; height: 100px; background : url('../panel/gallerytop.jpg') no-repeat;}
h1 {width : 550px; color : #ffffcc; margin : 8px 0 0 0; padding : 0; text-align : right; font-size : 16px; float : left;}
#gallery {margin-top: 0; width: 580px; height: auto; background : url('../panel/gallerybg.jpg') repeat-y;}

#ures {margin-top: -20px; width: 580px; height: 0;}
#artshop {width: 300px; height: 100px; padding: 10px; margin-left: auto; margin-right: auto; text-align: center; background: #000;}
#artshop a img {border: 2px solid #ccc;}
#artshop a:hover img {border: 2px solid #1111ff;}

#gallerybottom {margin-top: -20px; width: 580px; height: 100px; background : url('../panel/gallerybottom2.jpg') no-repeat;}
#gallerybottom p {width: 350px; font-size: 11px;} 
p {text-align : center; color : #333333; margin : 0 0 0 0; padding : 0;}
.space_bg {width: 780px; height: 20px; background : url('../panel/contbg.jpg') repeat-y;}

#slidesh {position: relative; margin: 20px 0 0 0; width: 200px; height:170px; float: left; background: #333; border: 1px solid #fff;}


h2 {position: relative; margin-top: -20px; font-weight: bold; font-size: 14px; color: #ffffcc;}

#pic_about {width: 200px; height: 400px; margin-left: 10px; padding: 0 10px 10px 10px; float: left; background: #4d4d4d;}
#pic_about img {margin-top: 10px;}
#cont_about {width : 580px; height: auto; background : url('../panel/gallerybg.jpg') repeat-y;}
#cont_about a {color : #1111ff; font-weight : bold; font-size : 14px; text-decoration : none;}
#cont_about a:hover {color : #1111ff; font-weight : bold; font-size : 14px; text-decoration : underline;}

.rightside_about {position: relative; width : 280px; height : 390px; float : right; font-weight : bold; font-size : 12px; text-align : left;
	color : #333333; margin : 50px 10px 10px 10px; padding : 0 10px 10px 10px; background :#ffffcc; border: 3px solid #4d4d4d;}
.rightside_about p { text-align: left;}

#blokk1 {width: 570px; height: 450px; margin-left : auto; margin-right : auto; text-align : center;}
#javascript {width: 210px; height: 300px; margin: 0 0 0 10px; padding: 10px 0 10px 10px; float: left;  background: #4d4d4d;}
#blokk2 {width: 570px; height: 370px; margin-left : auto; margin-right : auto; text-align : center;}



a {color : #ffffff; font-weight : bold; font-size : 16px; text-decoration : none;}
a:hover {color : #1111ff; font-weight : bold; text-decoration : none;}

h3 {color : #333333; margin : 0 0 0 20px; padding : 0; text-align : left; font-size : 20px;}
h4 {color : #333333; margin : 0 0 0 20px; padding : 0; text-align : left; font-size : 18px;}
h5 {color : #333333; font-size : 14px;}

#index {float: left; background : url('../panel/kezdokep2.jpg') no-repeat top right; width : 750px; height : 445px;
	margin: 20px 0 0 10px; color : #ffff99; border : 5px solid #4d4d4d;}

#container_index p {position: relative; margin-top: 0; font-weight: bold; font-size: 14px; color: #1e1e38;}
.update {width : 780px; clear: both;}
.update a {color : #fff; font-weight : bold; font-size : 16px; padding: 5px;}
.update a:hover {color : #1111ff; text-decoration: underline; padding: 5px;}

#gallery img {margin : 0 0 5px 0; border : 2px solid #fff;}
#gallery a img {margin : 0 0 5px 0; border : 2px solid #fff;}
#gallery a:hover img {border : 2px solid #1111ff;}


#gallery a {font-size : 14px; font-weight : bold; text-decoration : none;}
#gallery a:hover {color : #1111ff; font-weight : bold;}
.detail {font-size : 14px; font-weight : bold; color : #333;}
.detail a {display : inline; color : #fff; background : #4d4d4d; padding : 2px; margin : 1px;}
#gallery .detail a:hover {color : #ccc; background : #1111ff;}
.det {margin : 0 5px 0 5px;}


.slideshow { margin-right : 10px; width: 204px; height: 24px; float: right; overflow: hidden;}
p.sli {margin-top: 5px; margin-right : 10px; float: right; color: #ffffcc; text-align: right; clear: both;}


#gallery h5 {margin : 5px 0 5px 0; font-size : 14px; font-weight : bold; color : #333333;}
#gallery h3 {width : 500px; margin-top : 20px; margin-left : auto; margin-right : auto; text-align : center;
	background : url('../panel/evszam.jpg') no-repeat top center; color : #ccc;}
.line_a {margin-left : auto; margin-right : auto; text-align : center; margin-top: 10px; width: 540px; height: 4px; background: #4d4d4d;  overflow: hidden;}
.line_b {margin-left : auto; margin-right : auto; text-align : center; margin-top: 5px; width: 540px; height: 2px; background: #4d4d4d;  overflow: hidden;}
.size_x {font-size : 10px;}

.line580 {width : 570px; height : auto; margin-left : auto; margin-right : auto; text-align : center;}
.line550 {width : 550px; height : auto; margin-left : auto; margin-right : auto; text-align : center;}
.line520 {width : 520px; height : auto; margin-left : auto; margin-right : auto; text-align : center;}
.line400 {width : 400px; height : auto; margin-left : auto; margin-right : auto; text-align : center;}

.box370 {width : 370px; margin-top : 10px; float : left;}
.box360 {width : 360px; margin-top : 10px; float : left;}
.box320 {width : 320px; margin-top : 10px; float : left;}
.box300 {width : 300px; margin-top : 10px; float : left;}
.box270 {width : 270px; margin-top : 10px; float : left;}
.box260 {width : 260px; margin-top : 10px; float : left;}
.box250 {width : 250px; margin-top : 10px; float : left;}
.box230 {width : 230px; margin-top : 10px; float : left;}
.box220 {width : 220px; margin-top : 10px; float : left;}
.box210 {width : 210px; margin-top : 10px; float : left;}
.box200 {width : 200px; margin-top : 10px; float : left;}
.box185 {width : 185px; margin-top : 10px; float : left;}
.box180 {width : 180px; margin-top : 10px; float : left;}
.box170 {width : 170px; margin-top : 10px; float : left;}
.box160 {width : 160px; margin-top : 10px; float : left;}
.box150 {width : 150px; margin-top : 10px; float : left;}
.box130 {width : 130px; margin-top : 10px; float : left;}
.box120 {width : 120px; margin-top : 10px; float : left;}
.box110 {width : 110px; margin-top : 10px; float : left;}
.box100 {width : 100px; margin-top : 10px; float : left;}
.box85 {width : 85px; margin-top : 10px; float : left;}
.box80 {width : 80px; margin-top : 10px; float : left;}
.box70 {width : 70px; margin-top : 10px; float : left;}
.box60 {width : 60px; margin-top : 10px; float : left;}
.box50 {width : 50px; margin-top : 10px; float : left;}
.box40 {width : 40px; margin-top : 10px; float : left;}
.box35 {width : 35px; margin-top : 10px; float : left;}
.box30 {width : 30px; margin-top : 10px; float : left;}
.box25 {width : 25px; margin-top : 10px; float : left;}
.box20 {width : 20px; margin-top : 10px; float : left;}
.box15 {width : 15px; margin-top : 10px;float : left;}
.box10 {width : 10px; margin-top : 10px; float : left;}
.box5 {width : 5px; margin-top : 10px; float : left;}
.space1 {height : 10px; overflow: hidden; clear : both;}
.space2 {height : 30px; clear : both;}
.space3 {height : 5px; overflow: hidden; clear : both;}

#box_ab {height : 280px; margin : 0 25px 0 25px; background : url('../panel/portre.jpg') no-repeat top left;}
#box_ab a {margin : 0 10px 0 0; font-family : Tahoma; color : #333333;}
#scroll {width : 700px; height : 230px;overflow : auto;}
table linear {width : 100%; display : inline; height : 170px;}
tr.fot {width : 240px; border-spacing : 5px;}
#photogal img {margin : 10px 5px 5px 5px; border : 1px solid #ffffff;}
#scroll p {font-size : 10px; color : #cccccc; font-weight : normal;}
#stat {margin-left : auto; margin-right : auto; text-align : center; width : 720px;}
.space_bottom {height : 10px;}
.right_stat {width : 80px; height : 0; overflow : hidden; float : right;}
#alsomenu {margin-left : auto; margin-right : auto; text-align : center; width : 580px;}
#alsomenu ul.feljebb { margin-top: -10px;}
#alsomenu ul.feljebb { margin-top: -10px;}

#alsomenu li {display : inline; list-style : none; margin-left : 10px; margin-right : 10px;}
#alsomenu li a {width : 120px; display : inline; font-size : 13px; list-style-type : none; color: #1e1e38;
	font-weight : bold;}
#alsomenu li a:hover {color : #1111ff; font-weight : bold; font-size : 13px; text-decoration: underline;}
#alsomenu li.long1 a {width : 350px;}
#alsomenu li.long2 a {width : 150px;}
#alsomenu li.long3 a {width : 210px;}
#alsomenu li.long4 a {width : 580px;}

.megj {font-size : 16px; font-weight : normal; float : left; margin-left : 40px; color : #ffffcc;}
#gal_menu {width : 750px; height : 320px; clear : both;}
#bal {width : 420px; height : 360px; margin-top : 0; margin-left : 40px; background : #000; float : left; border : 5px solid #4d4d4d;}

#leiras {margin-left : auto; margin-right : auto; text-align : center; width : 700px; height : 350px;
	background : #4d4d4d url('../panel/bg_leiras1.jpg') no-repeat top left; clear : both;}
#leiras_belso {height : 350px;}
#leiras_text {float : right; margin : 20px 10px auto auto; width : 500px; height : 300px; overflow : auto; font-weight : bold;
	font-size : 16px; background : #f6ede4; border : 1px solid #fff;}
#leiras_text p {margin : 10px 10px 5px 10px; text-align : left; float : left; color : #333;}
#text_about {float : left; background : url('../panel/portre.jpg') no-repeat top left; width : 550px; height : 280px;
	margin : 0 25px 0 25px;}

#text_about a {margin : 0 10px 0 0; font-family : Tahoma; color : #333333;}



#photogal {margin-left : auto; margin-right : auto; text-align : center; width : 550px; height : 264px; background : #000000;
	border-top : 3px solid #333333; border-left : 3px solid #333333; border-right : 3px solid #333333; clear: both;}
#photogal h2 {margin-top : 5px;}
#scroll {width : 550px; height : 220px; overflow : auto;}
table linear {width : 100%; display : inline; height : 170px;}
#photogal img {margin : 10px 5px 5px 5px; border : 1px solid #ffffff;}
#scroll p {font-size : 10px; color : #cccccc; font-weight : normal;}
#clos {top : 20px; margin : 5px 2px 2px 2px; padding : 0 0 0 10px; width : 300px; float : right; text-align : left;
	font-weight : bold; border : 1px solid #333333; background : #3399cc;}

#link {margin-left : auto; margin-right : auto; text-align : center; font-family : Tahoma; width : 500px; height : auto;}
#link img {border : 0;}
#link a {color : #eeeeee;}
#link a:hover {color : #1111ff;}

#link p {margin : 8px 0 8px 0; padding : 3px 0 3px 0; width : 500px; font-size : 12px; text-align : center; font-weight : bold;
	border : 1px solid #333333; background : #646464;}
#link .size_x {color : #eeeeee; font-weight : normal; font-size : 12px;}
#link .kiemel { background : #bb5e00;}
#link .normalfont {font-weight : normal; font-size : 16px;}


#techn {margin-left : auto; margin-right : auto; text-align : center; width: 440px; height: 150px; background : #666;}
#techn p {color: #66ff66; font-weight : normal; font-size : 12px;}
#techn a {font-size : 14px;}
#techn a:hover {font-size : 14px; color: #ffff66; text-decoration: underline;}
p.cim {padding-top: 10px; color: #66ff66; font-weight : bold; font-size : 13px; text-decoration: underline;}