/* $ http://www.lakics.hu $ $ style/style.css | 2010/01/20 10:00 | 2010/03/22 09:16 $ */ /* -------------------- - CSS reset -------- -------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } body { margin: 0; padding: 0; color: #386E90; background: #fff; font: normal normal 12px/14px Verdana, Arial; } a:link { color: #333333; text-decoration: none; } a:visited { color: #333333; text-decoration: none; } a:hover { color: #333333; text-decoration: underline; } /* -------------------- - Közös részek ----- -------------------- */ /* Gombok */ span.button1 { display: inline-block; float: left; height: 15px; margin: 0; padding: 0 7px 0 0; color: #7C7C7C; background: url(sprite.jpg) no-repeat 0px -273px; border: none; cursor: pointer; font-size: 0; line-height: 0; } span.button1:hover { background: url(sprite.jpg) no-repeat 0px -273px; } span.button1 button { float: left; width: auto; height: 15px; padding: 0 27px 1px 0; position: relative; left: 9px; overflow: visible; color: #7C7C7C; background-image: url(sprite.jpg); background-color: transparent; background-position: 100% -273px; background-repeat: no-repeat; border: none; cursor: pointer; font: normal normal 11px/16px Verdana, Arial; letter-spacing: 0px; white-space: nowrap; } span.button1:hover button { background-position: 100% -273px; } *html span.button1 button { line-height: 14px; } /* IE6 gomb alsó kinyúlás miatt */ /* Képek */ img { margin: 5px 5px 5px 0px; padding: 0; border: #1A82A7 3px solid; } img.captcha { float: left; position: relative; top: -5px; border: none; } .inline { float: left; } /* Űrlapok */ p.note { margin: 0 !important; padding: 5px 0 !important; font: normal normal 11px/13px Verdana, Arial; } form { margin: 0; padding: 0; } form p { clear: left; margin: 0; padding: 0; } form p label { display: block; float: left; width: 110px; padding: 0 5px 0 0; text-align: right; font: normal normal 11px/13px Verdana, Arial; } form p label.error { color: #ff0000; font-weight: bold; text-decoration: blink; } span.it { display: block; float: left; width: 201px; height: 16px; padding: 0 4px; background: url(sprite.jpg) no-repeat 0px -197px; } span.it input { display: block; float: left; width: 200px; height: 16px; color: #7C7C7C; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } span.ta { display: block; float: left; width: 201px; height: 52px; overflow: hidden; padding: 4px; background: url(sprite.jpg) no-repeat 0px -213px; } span.ta textarea { display: block; float: left; width: 201px; height: 52px; overflow: auto; color: #7C7C7C; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } span.human { display: block; float: left; width: 92px; height: 16px; position: relative; top: 7px; left: 18px; padding: 0 4px 0 20px; background: url(sprite.jpg) no-repeat -75px -374px; } span.human input { display: block; float: left; width: 92px; height: 16px; color: #7C7C7C; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } /* -------------------- - Fejléc ----------- -------------------- */ div.header { float: left; width: 100%; height: 85px; } div.headerInner { margin: 0 auto; width: 970px; position: relative; } div.headerInner a { text-decoration: none !important; text-indent: -5000px; } div.headerInner a.logo { display: block; width: 229px; height: 55px; position: absolute; top: 15px; left: 0px; background: url(sprite.jpg) no-repeat top left; } div.headerInner span.slogan { display: block; width: 360px; position: absolute; top: 20px; left: 230px; color: #386E90; font: normal normal 12px/14px Verdana, Arial; text-transform: uppercase; } div.headerInner a.q1 { display: block; width: 37px; height: 70px; position: absolute; top: 5px; left: 620px; background: url(sprite.jpg) no-repeat 0 -55px; } div.headerInner a.q2 { display: block; width: 81px; height: 70px; position: absolute; top: 5px; left: 657px; background: url(sprite.jpg) no-repeat -37px -57px; } div.headerInner a.q3 { display: block; width: 69px; height: 70px; position: absolute; top: 5px; left: 738px; background: url(sprite.jpg) no-repeat -118px -57px; } div.headerInner a.q4 { display: block; width: 48px; height: 70px; position: absolute; top: 5px; left: 804px; background: url(sprite.jpg) no-repeat 0 -127px; } div.headerInner a.q5 { display: block; width: 63px; height: 70px; position: absolute; top: 5px; left: 854px; background: url(sprite.jpg) no-repeat -48px -127px; } div.headerInner a.q6 { display: block; width: 82px; height: 70px; position: absolute; top: 5px; left: 917px; background: url(sprite.jpg) no-repeat -111px -127px; } /* -------------------- - Menü ------------- -------------------- */ div.menu { float: left; width: 100%; height: 28px; background: url(line_rx.jpg) repeat-x top left; } div.menuInner { margin: 0 auto; width: 970px; height: 28px; position: relative; } /* Főmenü */ div.menuInner ul.menu { position: absolute; top: 7px; left: 0px; } div.menuInner ul.menu li { float: left; padding: 0 10px; color: #154E65; background: url(menu_sep.png) no-repeat right 2px; } div.menuInner ul.menu li.first { padding: 0 10px 0 0; } div.menuInner ul.menu li.last { background: none; } div.menuInner ul.menu li a { color: #154E65; text-transform: uppercase; } /* Nyelvválasztó */ div.menuInner ul.languages { position: absolute; top: 7px; right: -15px; } div.menuInner ul.languages li { float: left; padding: 0 10px; color: #3A7487; background: url(lang_sep.png) no-repeat right 4px; } div.menuInner ul.languages li.last { padding: 0 0 0 10px; background: none; } div.menuInner ul.languages li a { color: #3A7487; font: normal normal 11px/13px Verdana, Arial; } div.menuInner ul.languages li a.active { font-weight: bold; } /* -------------------- - Tartalom --------- -------------------- */ div.content { float: left; width: 100%; } div.contentInner { margin: 0 auto; padding: 10px 0 5px 0; width: 970px; color: #384243; } div.sep { float: left; width: 700px; height: 1px; border-bottom: #CDD4D6 1px solid; font-size: 1px; line-height: 1px; overflow: hidden; } /* Hírek */ div.listBox { float: left; width: 700px; padding: 5px 0; } div.listBox div.listBoxL { float: left; width: 105px; } div.listBox div.listBoxR { float: left; width: 580px; padding: 0 5px; } div.listBox div.listBoxR h2 { margin: 0; padding: 5px 0 10px 0; color: #347786; font: normal bold 14px/16px Verdana, Arial; } div.listBox div.listBoxR h2 a { color: #347786; } div.listBox div.listBoxR p { margin: 0; padding: 5px 0 10px 0; } div.listBox div.listBoxR a.more { padding: 0 0 2px 18px; color: #E74A27; background: url(icon_download.jpg) no-repeat 0px 0px; font: normal bold 11px/18px Verdana, Arial; } /* Lapozó */ div.navBar { float: left; width: 700px; overflow: hidden; } div.navBar div.navBarL { float: left; width: 520px; padding: 0; } div.navBar div.navBarL a { display: block; float: left; width: 15px; height: 15px; margin: 0 2px; color: #367196 !important; background: url(sprite.jpg) no-repeat -90px -340px; border: none; font: normal normal 10px/13px Verdana, Arial !important; text-align: center; text-decoration: none !important; } div.navBar div.navBarL a:hover, div.navBar div.navBarL span.page { display: block; float: left; width: 15px; height: 15px; margin: 0 2px; color: #fff !important; background: url(sprite.jpg) no-repeat -90px -355px; border: none; font: normal normal 10px/13px Verdana, Arial; text-align: center; text-decoration: none; } div.navBar div.navBarL a.prev, div.navBar div.navBarL span.prev { display: block; float: left; width: 15px; height: 15px; margin: 0 2px; padding: 0; color: #fff; background: url(sprite.jpg) no-repeat -75px -340px; border: none; font: normal normal 10px/13px Verdana, Arial; text-indent: -10000px; } div.navBar div.navBarL a.prev:hover { background-position: -75px -344px; } div.navBar div.navBarL a.next, div.navBar div.navBarL span.next { display: block; float: left; width: 15px; height: 15px; margin: 0 2px; color: #fff; background: url(sprite.jpg) no-repeat -105px -340px; border: none; font: normal normal 10px/13px Verdana, Arial; text-indent: -10000px; } div.navBar div.navBarL a.next:hover { background-position: -105px -344px; } div.navBar div.navBarR { float: right; width: 160px; padding: 0; } div.navBar div.navBarR p { display: block; float: right; height: 18px; color: #346F8F; font: normal normal 10px/13px Verdana, Arial; } div.navBar div.navBarR select { color: #3D748D; background-color: #E5E5DE; border: #9C9C9C 1px solid; font: normal bold 10px/12px Verdana, Arial; } /* Bal oldal */ div.contentInnerL { float: left; width: 720px; padding: 0 10px 20px 0; min-height: 300px; height: 300px; height: auto !important; } div.contentInnerL h1 { margin: 0; padding: 5px 0 10px 0; color: #3F718A; font: normal bold 18px/22px Verdana, Arial; text-transform: uppercase; } div.contentInnerL h2 { margin: 0; padding: 5px 0 10px 0; color: #3F718A; font: normal normal 16px/20px Verdana, Arial; } div.contentInnerL h2 a { color: #3F718A; font: normal bold 16px/20px Verdana, Arial; text-decoration: none; } div.contentInnerL h3 { margin: 0; padding: 5px 0 10px 0; color: #3F718A; font: normal normal 12px/16px Verdana, Arial; } div.contentInnerL p { margin: 0; padding: 10px 0; } div.contentInnerL a { color: #E74A27; font-weight: bold; } div.contentInnerL ul { padding: 5px 5px 10px 40px; list-style-type: square; } div.contentInnerL ul li { padding: 2px 0; } div.contentInnerL a.back { padding: 0 0 0 18px; color: #E74A27; font-weight: bold; background: url(icon_back.png) no-repeat 0px 4px; } div.contentInnerL a.download { padding: 0 0 2px 18px; color: #E74A27; background: url(icon_download.jpg) no-repeat 0px 0px; font: normal bold 11px/18px Verdana, Arial; } div.contentInnerL table.gallery { float: left; margin: 5px 0; } div.contentInnerL table.gallery td { margin: 0; padding: 7px; } div.contentInnerL table.gallery td img { float: left; margin: 0 0 0 0 !important; } div.contentInnerL p.gallery { clear: left; margin: 5px 0; } div.contentInnerL div.textBox { clear: left; width: 100%; } div.contentInnerL div.googleMap { float: left; padding: 5px 0; } div.contentInnerL div.googleMap div.map { float: left; width: 700px; height: 250px; border: #B8B8B8 1px solid; } /* NFU blokk */ div.nfuBox { float: left; width: 100%; margin: 0; padding: 10px 0; } div.nfuBoxL { float: left; width: 220px; } div.nfuBoxR { float: left; width: 300px; } div.nfuBox a { text-decoration: none !important; } div.nfuBox a.l1 { display: block; float: right; width: 216px; height: 52px; background: url(sprite.jpg) no-repeat 0 -288px; text-indent: -5000px; } div.nfuBox p.t1 { display: block; float: left; width: 370px; height: 52px; padding: 0 10px; color: #005CA3; font: normal normal 10px/13px Verdana, Arial; } div.nfuBox p.t2 { display: block; float: left; width: 265px; height: 52px; padding: 0 10px; color: #005CA3; font: normal normal 10px/13px Verdana, Arial; } div.nfuBox p.t2 span { color: #659AC0; } div.nfuBox p.t2 a { color: #005CA3 !important; font-style: italic; } div.nfuBox a.l2 { display: block; float: right; width: 75px; height: 49px; background: url(sprite.jpg) no-repeat 0 -340px; text-indent: -5000px; } /* Elérhetőség */ div.contactL { float: left; width: 350px; padding: 0 10px 0 0; } div.contactL table td { vertical-align: top; } div.contactL table td p { margin: 0; padding: 5px; } div.contactR { float: left; width: 360px; padding: 40px 0 0 0; } /* Jobb oldal */ div.contentInnerR { float: left; width: 240px; } div.contentInnerR h2 { margin: 0; padding: 5px 0 10px 0; color: #3F718A; font: normal bold 18px/22px Verdana, Arial; text-transform: uppercase; } div.contentInnerR p { margin: 0; padding: 0 0 10px 0; } div.contentInnerR a.more { display: block; width: 200px; padding: 0 0 0 18px; color: #E74A27; font-weight: bold; background: url(icon_href.png) no-repeat 0px 3px; } div.contentInnerR img { margin: 5px 16px 13px 0px; padding: 0; border: #1A82A7 3px solid; } /* -------------------- - Lábléc ----------- -------------------- */ div.footer { float: left; width: 100%; height: 120px; background: url(line_rx.jpg) repeat-x 0 -28px; } div.footerInner { margin: 0 auto; width: 970px; position: relative; } div.footerTop { clear: left; height: 40px; } div.footerTop ul.links { position: absolute; top: 11px; left: 0px; } div.footerTop ul.links li { float: left; padding: 0 10px; color: #3A7487; background: url(lang_sep.png) no-repeat right 4px; } div.footerTop ul.links li.first { padding: 0 10px 0 0; } div.footerTop ul.links li.last { background: none; } div.footerTop ul.links li a { color: #3A7487; font: normal normal 11px/13px Verdana, Arial; } div.footerTop a.web200 { display: block; width: 65px; height: 17px; position: absolute; top: 11px; right: 13px; background: url(sprite.jpg) no-repeat -120px -340px; text-indent: -5000px; } div.footerTop a.web200:hover { background: url(sprite.jpg) no-repeat -120px -357px; }