@charset "utf-8";
/* Szinek
#878b8d
#373e41
#22282a
#2c3336
#c1c6c8
#808586
#009ee0
#5c6366
*/
#g_container_content { width: 954px; height: 564px; background: #22282a; }
#g_content_left { float: left; width: 186px; height: 564px; margin: 0; padding: 0; background: #22282a url(../images/title_gallery.png) center no-repeat; }
#g_content_right { float: left; height: 564px; background: #2c3336; }
#g_content_header { width: 745px; height: 20px; margin: 0; padding: 5px 15px 0 8px; }
#g_content, #g_content_imgupload { background: #22282a url(../images/bg_gallery_content.png); }
#g_content { clear: both; width: 768px; height: 512px; margin: 0; padding: 0; text-align: center; position: relative; }
/* Kepek */
#g_content .imglist { margin: 0; padding: 0; border: 0; }
#g_content #pic_small,#g_content #pic_mid,#g_content #pic_big { position: absolute; cursor: pointer; display: none; }
#g_content #pic_small { width: 384px; height: 256px;  margin: 128px 192px; }
#g_content #pic_small img { max-width: 384px; max-height: 256px; }
#g_content #pic_mid { width: 576px; height: 384px; margin: 64px 96px; }
#g_content #pic_mid img { max-width: 576px; max-height: 384px; }
#g_content #pic_big { width: 768px; height: 512px; margin: 0; }
#g_content #pic_big img { max-width: 768px; max-height: 512px; }

#g_content_imgupload { width: 384px; height: 256px; margin: 0; padding: 128px 192px;  }
#g_content_footer { width: 750px; height: 21px; margin: 0; padding: 3px 9px; text-align: right; }
#g_content_footer #pic_details { display: none; text-align: center; line-height: 21px; color: #808586; font-family: Lomopix; font-size: 8px; font-weight: normal; }
#g_content_footer #pic_details a { padding: 9px 0; color: #808586; text-decoration: none; }
#g_content_footer #pic_details a:hover { color: #009ee0; cursor: pointer; }
#g_content_footer ul { font-family: Lomopix; font-size: 8px; font-weight: normal; list-style: none; }
#g_content_footer ul li { display: inline-block; color: #808586; }
#g_content_footer ul li a { margin-top: 0px; padding: 9px 0; color: #808586; text-decoration: none; }
#g_content_footer ul li a:hover { color: #009ee0; cursor: pointer; }
#g_content_footer ul li a.selected { color: #FFF; }

/* Login */
#g_content_imgupload h3, #g_content_imgupload label, #g_content_imgupload .g_login_button, #g_content_imgupload .img_submit, #g_content_imgupload .lomolink { font-family: Lomopix; font-size: 8px; font-weight: normal; text-align: left; }
#g_content_imgupload h3 { margin: 78px 0 0 95px; padding: 0; color: #c1c6c8; }
#g_content_imgupload label { color: #c1c6c8; }
#g_content_imgupload .login_input { border: none; width: 99px; height: 14px; margin: 7px 7px 0 95px; padding: 2px; font-size: 10px; }
#g_content_imgupload .img_name { border: none; width: 185px; height: 14px; margin: 7px 7px 0 95px; padding: 2px; font-size: 10px; }
#g_content_imgupload .img_select { border: none; width: 189px; height: 20px; margin: 10px 7px 10px 95px; padding: 2px; font-size: 10px; }
#g_content_imgupload .img_file { border: none; width: auto; height: auto; margin: 7px 7px 0px 92px; padding: 2px; font-size: 10px; color: #c1c6c8; }
#g_content_imgupload .img_submit { display: block; text-indent: -12px; color: #00adef; margin: 25px 0 0 107px; padding: 0; text-decoration: none; }
#g_content_imgupload .img_submit:hover { color: #e164a5; text-decoration: none; cursor: pointer; }
#g_content_imgupload .g_login_button { color: #c1c6c8; margin: 7px 0 25px 92px; padding: 0; border: none; background: none; }
#g_content_imgupload .g_login_button:hover { color: #FFF; text-decoration: none; cursor: pointer; }
#g_content_imgupload .lomolink { display: block; text-indent: -12px; color: #c1c6c8; margin: 0 0 0 107px; padding: 0; text-decoration: none; }
#g_content_imgupload .lomolink:hover { color: #00adef; text-decoration: none; }

/* Kiskepek */
.button_gallery_up { width: 24px; height: 14px; border: none; margin: 0 9px 0 0; background: url(../images/button_gallery_up.png) no-repeat; }
.button_gallery_up:hover { cursor: pointer; background: url(../images/button-hover_gallery_up.png) no-repeat; }
.button_gallery_thumbs { width: 24px; height: 14px; border: none; margin: 0 9px 0 0; background: url(../images/button_gallery_thumbs.png) no-repeat; }
.button_gallery_thumbs:hover { cursor: pointer; background: url(../images/button-hover_gallery_thumbs.png) no-repeat; }
/* Nagyitas */
.gallery_zoom { display: inline; width: auto; height: l4px; background: url(../images/bg_gallery_zoombutton.png) no-repeat; }
.button_gallery_zoomin, .button_gallery_zoomout { width: 5px; height: 14px; padding: 0; border: none; }
.button_gallery_zoomin { margin-right: 15px; background: url(../images/button_gallery_zoomin.png) no-repeat; }
.button_gallery_zoomin:hover { cursor: pointer; background: url(../images/button-hover_gallery_zoomin.png) no-repeat; }
.button_gallery_zoomout { background: url(../images/button_gallery_zoomout.png) no-repeat; }
.button_gallery_zoomout:hover { cursor: pointer; background: url(../images/button-hover_gallery_zoomout.png) no-repeat; }
/* Oldalazas */
.gallery_paging, .picture_paging { float: right; display: inline; width: auto; height: l4px; font-family: Lomopix; font-size: 8px; font-weight: normal; color: #5c6366; }
.gallery_paging #page_num, .picture_paging #numPic { display: inline; }
#prevBtn a { text-decoration: none; }
.button_gallery_prev, .button_gallery_next, #button_pic_prev, #button_pic_next { width: 5px; height: 14px; padding: 0; border: none; vertical-align: middle; color: #2d3437; }
.button_gallery_prev, #button_pic_prev { margin: 0 17px 0 25px; background: url(../images/button_gallery_prev.png) 0 -1px no-repeat; }
.button_gallery_prev:hover, #button_pic_prev:hover { cursor: pointer; background: url(../images/button-hover_gallery_prev.png) 0 -1px no-repeat; }
.button_gallery_next, #button_pic_next { background: url(../images/button_gallery_next.png) 0 -1px no-repeat; }
.button_gallery_next:hover, #button_pic_next:hover { cursor: pointer; background: url(../images/button-hover_gallery_next.png) 0 -1px no-repeat; }

/* Lablec */
#g_footer { clear: both; background: #373e41; width: 954px; height: 14px; margin-left: 36px; }
#g_footer ul { margin: 0 2px; padding: 2px; list-style: none; font-family: Lomopix; font-size: 8px; font-weight: normal; color: #878b8d; }
#g_footer ul li { display: inline-block; color: #878b8d; }
#g_footer ul li a { color: #878b8d; text-decoration: none; }
#g_footer ul li a:hover { color: #FFF; }
#g_footer_logo { width: 954px; height: 51px; margin-top: 4px; margin-left: 30px; text-align: center; }

#slider,div#img_list { width: 768px; height: 384px; }
#slider { margin: 0; padding: 64px 0; position: absolute; }
#slider ul { width: 768px; height: auto; margin:0; padding:0; list-style: none; display: block; }
#slider li { width: 96px; height: 64px; display: inline-block; overflow:hidden; cursor: pointer; }
#slider li img { width: 96px; height: 64px; }