/* $ http://www.tibicsoki.hu $ $ style/style.css | 2010/05/04 12:30 | 2010/06/24 07:53 $ */ /* -------------------- - 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: #fff; background: #122F7F url(bg_rx.png) repeat-x top left; font: normal normal 12px/14px Verdana, Arial; } img { border: none; } /* -------------------- - Közös rész ------- -------------------- */ div.tibicsoki { float: left; width: 100%; background-color: #0159A6; } a:link { color: #fff; text-decoration: underline; } a:visited { color: #7CA5D7; text-decoration: underline; } a:hover { color: #fff; text-decoration: none; } /* -------------------- - Fejléc ----------- -------------------- */ div.headerOuter { float: left; width: 100%; height: 265px; background: url(header_bg_rx.png) repeat-x top left; } div.headerInner { float: left; width: 100%; height: 265px; background: url(header_bg.jpg) no-repeat center top; } div.header { width: 980px; height: 265px; margin: 0 auto; position: relative; } a.logo { display: block; width: 400px; height: 180px; position: absolute; top: 35px; z-index: 10; text-indent: -5000px; } ul.menu { position: absolute; top: 204px; left: 234px; z-index: 20; } ul.menu li { float: left; } ul.menu li a { display: block; height: 62px; overflow: hidden; background-image: url(menu_bg.jpg); background-repeat: no-repeat; line-height: 12px; text-indent: -5000px; } ul.menu li a.menu1 { width: 150px; background-position: 0px 0px; } ul.menu li a.menu2 { width: 140px; background-position: -150px 0px; } ul.menu li a.menu3 { width: 150px; background-position: -290px 0px; } ul.menu li a.menu4 { width: 145px; background-position: -440px 0px; } ul.menu li a.menu5 { width: 147px; background-position: -585px 0px; } ul.menu li a.menu1:hover { background-position: 0px -62px; } ul.menu li a.menu2:hover { background-position: -150px -62px; } ul.menu li a.menu3:hover { background-position: -290px -62px; } ul.menu li a.menu4:hover { background-position: -440px -62px; } ul.menu li a.menu5:hover { background-position: -585px -62px; } /* -------------------- - Tartalom --------- -------------------- */ div.contentOuter { float: left; width: 100%; } div.contentInner { width: 980px; min-height: 300px; height: auto !important; height: 300px; margin: 0 auto; } /* Nyitólap */ div.index { width: 980px; } div.indexL { float: left; width: 490px; overflow: hidden; } /* Legutóbbi két hír */ div.index div.newsBox { width: 490px; height: 214px; padding: 60px 0 0 0; overflow: hidden; background: url(newsBox_bg.jpg) no-repeat left top; } div.index div.newsBox h2 { padding: 10px 0; font: normal bold 14px/18px Verdana, Arial; } div.index div.newsBox p { padding: 5px 0; font: normal normal 12px/16px Verdana, Arial; } div.index div.newsBox a { color: #fff; } div.index div.newsBox div.left { float: left; width: 225px; padding: 0 10px; } div.index div.newsBox div.right { float: left; width: 225px; padding: 0 10px; } /* Dr. Tibor, reklámfilmek, csengőhang */ div.promoBox a { color: #fff; font: normal normal 11px/13px Verdana, Arial; } div.indexL div.promoBox { width: 490px; height: 372px; position: relative; overflow: hidden; background: url(promoBox_bg_left.jpg) no-repeat left top; font: normal normal 11px/13px Verdana, Arial; } div.indexL a.promo1 { position: absolute; top: 200px; left: 250px; } div.indexL p.promo2 { position: absolute; top: 285px; left: 10px; } div.indexL a.promo2 { position: absolute; top: 320px; left: 10px; } div.indexL div.promoBox iframe { position: absolute; top: 530px; left: 50px; color: #fff; } div.indexR div.promoBox { width: 490px; height: 171px; position: relative; top: 56px; overflow: hidden; background: url(promoBox_bg_right.jpg) no-repeat left top; font: normal normal 11px/13px Verdana, Arial; } div.indexR p.promo1 { width: 200px; position: absolute; top: 80px; left: 250px; } div.indexR a.promo1 { position: absolute; top: 145px; left: 250px; } /* Facebook lájk */ div.facebook { width: 510px; height: 120px; background: url(facebook_like_bg.jpg) no-repeat top right; } div.facebook iframe { position: relative; top: 20px; left: 45px; } div.indexR { float: left; width: 490px; padding: 10px 0 0 0; } /* Termék lapozó */ div.productSlider { clear: left; width: 490px; padding: 10px 0 0 0; } div.turner { display: block; float: left; width: 34px; height: 62px; } div.turner a { display: block; width: 34px; height: 62px; position: relative; top: 110px; text-indent: -5000px; } div.turner a.prev { background: url(productSlider_prev.gif) no-repeat top left; } div.turner a.next { background: url(productSlider_next.gif) no-repeat top left; } div.productSlider div.list { float: left; width: 422px; height: 350px; position: relative; overflow: hidden; } div.productSlider div.list ul { float: left; width: 12660px; height: 290px; overflow: hidden; } div.productSlider div.list ul li { float: left; width: 422px; position: relative; } div.productSlider div.list ul li div.left { float: left; width: 210px; } div.productSlider div.list ul li div.right { float: left; width: 212px; } div.productSlider div.list ul li div.right h2 { color: #ACCAE5; text-transform: uppercase; font: normal bold 14px/18px Verdana, Arial; } div.productSlider div.list ul li div.right h2 span { display: block; clear: left; padding: 10px 0; } div.productSlider div.list ul li div.right div.rateBox { padding: 20px 0 0 0; position: absolute; right: 0px; bottom: 10px; } div.productSlider div.list ul li div.right div.rateBox p { padding: 4px 0; color: #5F8EBA; font: normal bold 11px/13px Verdana, Arial; } div.productSlider div.list ul li div.right div.rateBox p.rateResult { display: none; color: #fff; font-weight: normal; } div.productSlider div.list ul li div.right div.rateBox label { display: block; clear: left; } /* A márkáról */ img.markTitle { float: left; margin: 0 0 20px 0; } div.markSlider { clear: left; width: 980px; } div.markSlider div.turner a { position: relative; top: 180px; } div.markSlider div.list { float: left; width: 912px; overflow: hidden; } div.markSlider div.list ul { float: left; width: 3000px; overflow: hidden; } div.markSlider div.list ul li { float: left; width: 912px; } div.markSlider div.left { float: left; width: 450px; text-align: center; } div.markSlider div.right { float: left; width: 400px; } div.markSlider div.right p { padding: 0 0 10px 0; font: normal normal 12px/16px Verdana, Arial; } div.markSlider div.right p.quote { padding: 0; } div.markSlider div.right .end { text-align: right; } /* A csokiról */ div.historySlider { clear: left; width: 980px; } div.historySlider div.turner { display: block; float: left; width: 55px; } div.historySlider div.turner a { position: relative; top: 280px; } div.historySlider div.turner a.next { position: relative; left: 20px; } div.historySlider div.list { float: left; width: 870px; overflow: hidden; } div.historySlider div.list ul { float: left; width: 2610px; overflow: hidden; } div.historySlider div.list ul li { float: left; width: 870px; } div.historySlider div.list ul li h2 { padding: 10px 0; font: normal bold 14px/18px Verdana, Arial; } div.historySlider div.list ul li p { padding: 5px 0; } div.historySlider div.list div.slide { display: block; width: 360px; height: 430px; padding: 150px 240px 0 270px; } /* Termékek */ img.productTitle { float: left; margin: 0 0 20px 0; } div.products { clear: left; padding: 20px 10px 0px 10px; } div.products h1 { clear: left; padding: 5px 10px 10px 20px; font: normal normal 20px/24px Verdana, Arial; text-transform: uppercase; } div.catList { clear: left; } div.catList ul li { float: left; padding: 2px 2px; } div.catList ul li a { display: block; width: 202px; height: 38px; padding: 0 5px; overflow: hidden; color: #B1C7D4; background: url(tab_bg.png) no-repeat top left; font: normal bold 12px/36px Verdana, Arial; text-transform: uppercase; text-align: center; text-decoration: none; } div.catList ul li a:hover, div.catList ul li a.active { color: #fff; background: url(tab_bg.png) no-repeat bottom left; } div.productList { clear: left; } div.productList div.sep { clear: both; width: 100%; height: 20px; overflow: hidden; font-size: 1px; line-height: 1px; } div.productBox { float: left; width: 480px; height: 280px; position: relative; background-repeat: no-repeat; background-position: top left; } div.productBox h2 { padding: 0 0 2px 220px; font: normal bold 14px/18px Verdana, Arial; text-transform: uppercase; } div.productBox h3 { padding: 0 0 2px 220px; font: normal bold 12px/16px Verdana, Arial; } div.productBox p { padding: 5px 0 5px 220px; font: normal normal 18px/22px Verdana, Arial; } div.productBox div.rateBox { width: 145px; height: 50px; position: absolute; right: 0px; bottom: 80px; } div.productBox div.rateBox p { padding: 4px 0 4px 4px; color: #5F8EBA; font: normal bold 11px/13px Verdana, Arial; } div.productBox div.rateBox p.rate { padding: 4px 0; } div.productBox div.rateBox p.rateResult { display: none; color: #fff; font-weight: normal; } div.productBox div.rateBox label { display: block; clear: left; } /* Reklámok */ img.adTitle { float: left; margin: 0 0 20px 0; } div.ads { clear: left; padding: 10px 0; } div.adsL { float: left; width: 435px; padding: 0 0 0 30px; } div.adsR { float: right; width: 515px; } div.adsR div.left { float: left; width: 249px; } div.adsR h3 { display: block; clear: left; width: 184px; height: 42px; padding: 0 10px; overflow: hidden; color: #0A4F9F; background: url(video_cat_bg.png) no-repeat top left; font: normal normal 16px/42px Verdana, Arial; } div.adsR div.left ul { padding: 5px 0; } div.adsR div.left ul li { clear: left; color: #fff; padding: 3px 0px 3px 10px; } div.adsR div.left ul li a { color: #fff; text-decoration: none; } div.adsR div.left ul li a:hover { text-decoration: underline; } div.adsR div.left ul li a.active { padding: 0 0 0 10px; background: url(arrow_left.png) no-repeat 0px 4px; } div.adsR div.right { float: left; width: 266px; height: 354px; background: url(tibimobil.jpg) no-repeat center bottom; } div.adsR div.right ul { padding: 10px 0; } div.adsR div.right ul li { padding: 3px 0px 3px 10px; } div.adsR div.right a { padding: 0 0 0 10px; color: #fff; background: url(arrow_right.png) no-repeat 0px 4px; text-decoration: none; } div.adsR div.right a:hover { text-decoration: underline; } /* Hírek, események */ div.eventSlider { clear: left; width: 980px; padding: 15px 0; } div.eventSlider div.turner { display: block; float: left; width: 38px; } div.eventSlider div.turner a { position: relative; top: 200px; } div.eventSlider div.list { float: left; width: 902px; overflow: hidden; } div.eventSlider div.list ul { float: left; width: 9020px; overflow: hidden; } div.eventSlider div.list ul li { display: block; float: left; width: 902px; } div.eventSlider div.list ul li div.sep { clear: left; width: 100%; height: 1px; overflow: hidden; border-bottom: #2570B2 1px solid; font-size: 1px; line-height: 1px; } div.eventSlider div.list ul li p.status { text-align: right; } div.eventSlider div.newsBox { float: left; width: 902px; min-height: 120px; height: auto !important; height: 120px; padding: 10px 0; } div.eventSlider div.newsBox .url { cursor: pointer; } div.eventSlider div.newsBoxL { float: left; width: 150px; padding: 0 0 0 150px; } div.eventSlider div.newsBoxR { float: left; width: 452px; padding: 0 150px 0 0; } div.eventSlider div.newsBoxR h2 { color: #0A4F9F; font: normal normal 16px/45px Verdana, Arial; } div.eventSlider div.newsBoxR h2 span { display: inline-block; float: left; height: 48px; } div.eventSlider div.newsBoxR h2 span.l { width: 7px; background: url(news_title_left.jpg) no-repeat 0px 9px; } div.eventSlider div.newsBoxR h2 span.m { width: auto; padding: 0 0 0 10px; background: url(news_title_bg_rx.jpg) repeat-x 0px 0px; } div.eventSlider div.newsBoxR h2 span.r { width: 109px; background: url(news_title_right.jpg) no-repeat top left; } div.eventSlider div.newsBoxR p { clear: left; padding: 5px 0; } /* Egyszerű aloldal */ div.text { padding: 10px 40px; } div.text p { padding: 5px 0; } /* -------------------- - Lábléc ----------- -------------------- */ div.footerOuter { float: left; width: 100%; height: 540px; background: url(footer_bg_rx.png) repeat-x left top; } div.footerInner { width: 980px; height: 540px; margin: 0 auto; position: relative; background: url(footer_bg.jpg) no-repeat right top; font: normal normal 11px/14px Verdana, Arial; } div.footerInner a.message { display: block; width: 298px; height: 86px; position: absolute; top: 40px; left: 270px; background: url(title_uzenetkuldes.jpg) no-repeat top left; text-indent: -5000px; } div.footerInner p { position: absolute; top: 370px; left: 7px; color: #7CA5D7; } div.footerInner p strong { color: #96BAD9; font-size: 12px; } div.footerInner p a { color: #7CA5D7; } div.footerInner ul { position: absolute; top: 450px; left: 0px; } div.footerInner ul li { float: left; color: #5074B3; padding: 0 7px; background: url(footer_sep.png) no-repeat right 4px; } div.footerInner ul li.last { background: none; } div.footerInner ul li a { color: #5074B3; }