html { overflow-y: scroll;}
body { margin: 0; padding: 0; background: #FFF; color: #686868; text-align: center; }
body, td { font-family: Arial, sans-serif; font-size: 12px; line-height: 120%; }
input, select, textarea { font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #333; padding: 1px 2px; }
img { border: 0; }
p { margin: 5px 2px; padding: 0; }
a { text-decoration: none; color: #767676; }
form { display: inline; }
h1, .form_title { font-size: 16px; font-weight: bold; margin: 0; padding: 5px 0; }

#intro_header { padding: 30px 0 10px; }

.wrapper { width: 885px; margin: 0 auto; text-align: left; }
.header { position: relative; margin: 0 0 10px 0; padding: 40px 0 10px; font-size: 18px; text-align: right; text-transform: uppercase; border-bottom: 1px solid #E0E0E0; }
.logo { position: absolute; top: 34px; left: 0; }
.left-col { position: relative; float: left; width: 220px; min-height: 525px; margin: 0 5px 10px 0; padding: 20px 0 10px; }
.left-col a { color: #FFF; }
.main .left-col { background: #D9C6A8; }
.kollekciok .left-col { background: #A68568; }
.katalogusok .left-col { background: #A68568; }
.hirek .left-col { background: #8E8E8E; }
.ceginfo .left-col { background: #D7B17C; }
.kapcsolat .left-col { background: #D8D1C4; }
.disztributorok .left-col { background: #D8D1C4; }
.forgalmazok .left-col { background: #D8D1C4; }
.left-col ul { margin: 0; padding: 0; list-style: none; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.left-col ul a { display: block; margin: 0 0 4px 0; padding: 3px 0 3px 15px; }
.left-col ul ul a { padding-left: 30px; }
.left-col ul ul ul a { padding-left: 45px; }
.main .left-col ul a:hover, .main .left-col ul a.active { background: #938672; }
.kollekciok .left-col ul a:hover, .kollekciok .left-col ul a.active { background: #715A47; }
.katalogusok .left-col ul a:hover, .katalogusok .left-col ul a.active { background: #715A47; }
.hirek .left-col ul a:hover, .hirek .left-col ul a.active { background: #6A6A6A; }
.ceginfo .left-col ul a:hover, .ceginfo .left-col ul a.active { background: #A1855D; }
.kapcsolat .left-col ul a:hover, .kapcsolat .left-col ul a.active { background: #ADA79D; }
.disztributorok .left-col ul a:hover, .disztributorok .left-col ul a.active { background: #ADA79D; }
.forgalmazok .left-col ul a:hover, .forgalmazok .left-col ul a.active { background: #ADA79D; }
.newsletter { position: absolute; bottom: 10px; right: 10px; width: 180px; padding: 10px; background: #686868; color: #FFF; }
.newsletter_email { width: 115px; border: 0; }
.newsletter_submit { color: #FFF; text-transform: uppercase; background: #4C4C4C; border: 0; }
.pager { position: absolute; bottom: 10px; right: 10px; width: 180px; padding: 10px; background: #715A47; color: #FFF; }
.content-col { position: relative; float: left; width: 640px; min-height: 515px; margin: 0 0 10px 0; padding: 25px 10px 15px; }
#page_num { width: 25px; border: 0; }
#jump_to_page { color: #FFF; text-transform: uppercase; background: #5A4635; border: 0; }
.main .content-col { width: 660px; padding: 0; }
.kollekciok .content-col { width: 660px; padding: 0; }
.katalogusok .content-col { width: 660px; padding: 0; }
.hirek .content-col { color: #767676; background: #E9E7E7; }
.ceginfo .content-col { color: #816640; background: #EBD8BD; }
.kapcsolat .content-col { color: #616161; background: #EBE8E1; }
.disztributorok .content-col { color: #616161; background: #EBE8E1; }
.forgalmazok .content-col { color: #616161; background: #EBE8E1; }
.footer { clear: both; padding: 5px 0; text-align: right; text-transform: uppercase; border-top: 1px solid #E0E0E0; }
.footer a { color: #686868; }

.content { width: 640px; }
.content td { width: 315px; padding: 0 0 0 10px; }
.content td:first-child { padding: 0; }
.ill-images { width: 640px; }
.ill-images td { width: 206px; padding: 0 0 0 11px; }
.ill-images td:first-child { width: 206px; padding: 0; }

.nc_article { clear: both; margin: 10px 20px 10px 10px; padding: 0 0 10px; border-bottom: 1px solid #DBD9D9; }
.nc_title { font-weight: bold; }
.nc_article a { color: #767676; }
.nc_image { float: left; width: 100px; margin: 0 20px 10px 0; }
.nc_next { text-transform: uppercase; text-align: right; font-weight: bold; }
.nc_date { display: none; }
.n_date { font-size: 10px; margin: 3px 0; }
.n_image { float: right; margin: 0 0 10px 20px; }
.n_intro { font-weight: bold; margin: 0 0 5px; text-align: justify; }
.n_author { display: none; }
.back { font-weight: bold; text-transform: uppercase; }

#image-list { position: absolute; top: 0; left: 0; width: 660px; height: 459px; overflow: hidden; }
#image-container img { position: absolute; top: 0; }
#thumbnail-toolbar { position: absolute; top: 459px; left: 0; width: 660px; height: 96px; overflow: hidden; background: #E9E7E7; }
.thumbnail-arrow { float: left; width: 30px; }
.thumbnail-arrow a { display: block; width: 30px; height: 96px; }
#thumbnail-prev { background: url(/gfx/prev.png) no-repeat center; }
#thumbnail-next { background: url(/gfx/next.png) no-repeat center; }
#thumbnail-list { position: relative; float: left; width: 600px; height: 96px; overflow: hidden; }
#thumbnail-container img { position: absolute; top: 0; cursor: pointer; }

#map1, #map2, #map3 { cursor: pointer; }

div.success, div.error, div.info, div.notice { margin: 10px; padding: 8px 10px 10px 28px; }
div.success { background: #CDEFA6 url(/gfx/icon_success.gif) no-repeat 5px 10px; border: 1px solid #9BCC54; color: #648434; }
div.error { background: #FFD5D5 url(/gfx/icon_error.gif) no-repeat 5px 10px; border: 1px solid #FFACAD; color: #CF3738; }
div.info { background: #A8CDE3 url(/gfx/icon_info.gif) no-repeat 5px 10px; border: 1px solid #6ABCE2; color: #1C6B8B; }
div.notice { background: #FFF3A3 url(/gfx/icon_notice.gif) no-repeat 5px 10px; border: 1px solid #E7BD72; color: #B79000; }
span.error { color: #CF3738; }
.required { font-weight: bold; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
img.left { float: left; }
img.right { float: right; }

