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, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } html, body{ height: 100%; overflow: auto; } body{ background: #23a9dc bottom repeat-x; font: 9pt Tahoma, Verdana, Sans-serif; color: #23a9dc; } a{ text-decoration: none; color: inherit; } a:hover{ text-decoration: underline; } strong{ font-weight: bold; } em{ font-style: italic; } sup{ vertical-align: super; font-size: .8em; } sub{ vertical-align: sub; font-size: .8em; } #top{ overflow: hidden; width: 100%; height: 160px; position: fixed; top: 0; left: 0; background: #fff; z-index: 1; } h1{ width: 345px; height: 66px; margin: 45px 0 0 50px; float: left; background: url('../images/logo.gif'); } h1 a{ display: block; height: 100%; text-indent: -9999px; } #top ul{ width: 530px; margin: 68px 50px 0 0; float: right; text-align: justify; } #top ul li{ float: left; display: block; overflow: hidden; width: 265px; height: 14px; margin: 0 0 2px; } #top ul li a{ display: block; width: 265px; height: 100%; background: url('../images/menu.gif') no-repeat; text-indent: -9999px; } #top #menu-filozofia{ background-position: 0 0; } #top #menu-filozofia:hover, #top #menu-filozofia.active{ background-position: 0 -96px; } #top #menu-fraxel{ background-position: 0 -48px; } #top #menu-fraxel:hover, #top #menu-fraxel.active{ background-position: 0 -144px; } #top #menu-stomatologia{ background-position: 0 -16px; } #top #menu-stomatologia:hover, #top #menu-stomatologia.active{ background-position: 0 -112px; } #top #menu-aktualnosci{ background-position: 0 -64px; } #top #menu-aktualnosci:hover, #top #menu-aktualnosci.active{ background-position: 0 -160px; } #top #menu-medycyna-estetyczna{ background-position: 0 -32px; } #top #menu-medycyna-estetyczna:hover, #top #menu-medycyna-estetyczna.active{ background-position: 0 -128px; } #top #menu-jak-do-mnie-trafic{ background-position: 0 -80px; } #top #menu-jak-do-mnie-trafic:hover, #top #menu-jak-do-mnie-trafic.active{ background-position: 0 -176px; } #top #menu-certyfikaty{ background-position: 0 -192px; } #top #menu-certyfikaty:hover, #top #menu-certyfikaty.active{ background-position: 0 -209px; } #content{ overflow: auto; width: 470px; margin: 160px 0 0; padding: 20px 30px; position: relative; float: right; background: #fff; z-index: 1; color: #9c9d9e; } #close-content{ display: block; width: 16px; height: 11px; position: absolute; top: 20px; left: 410px; background: url('../images/close-content.gif'); text-indent: -9999px; } #content.loading{ background: #fff url('../images/loading.gif') center no-repeat; } h2{ height: 15px; background: url('../images/menu.gif') no-repeat; text-indent: -9999px; } #header-filozofia{ background-position: 0 0; } #header-fraxel{ background-position: 0 -48px; } #header-stomatologia{ background-position: 0 -16px; } #header-aktualnosci{ background-position: 0 -64px; } #header-medycyna-estetyczna{ background-position: 0 -32px; } #header-jak-do-mnie-trafic{ background-position: 0 -80px; } h3{ margin: 20px 0 0; color: #23a9dc; } #content p, #content ul{ width: 365px; margin: 20px 0 0; line-height: 150%; text-align: left; } #content a{ color: #23a9dc; } #content .blue{ color: #23a9dc; } #content ul{ width: 335px; margin: 7px 0 0 30px; } #content ul li{ padding: 0 0 0 30px; background: url('../images/bullet.gif') 0 5px no-repeat; } #footer{ position: absolute; bottom: 20px; left: 20px; font-size: .9em; color: #fff; letter-spacing: .5px; vertical-align: top; -webkit-transform-origin: 0% 0%; -webkit-transform: rotate(-90deg); z-index: 9; } #footer a{ font-weight: bold; } h3.news-title{ margin: 20px 0 -15px; } a.news-more{ color: #23a9dc; } #background{ width: 100%; height: 421px; position: absolute; bottom: 0; left: 0; z-index: 0; } #background div{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-attachment: repeat-x; }