/* ciało dokumentu */ body { margin: 0; padding: 0; line-height: 1.25em; font-size: .6em; border: 0; color: #124963; } /* domyślne wartości czcionki */ body, table, input, select, textarea, button { font-family: Arial, sans-serif; } /* rozmiar czcionki */ body { table, input, select, textarea, button { line-height: 1.25em; font-size: 1em; } } /* hack dla IE6 */ * html * { zoom: 100%; } /* klasy z czcionkami dla strony */ /* Arial */ .arial, .arial table, .arial input, .arial select, .arial textarea, .arial button { font-family: Arial, sans-serif; } /* Arial Narrow */ .arialNarrow, .arialNarrow table, .arialNarrow input, .arialNarrow select, .arialNarrow textarea, .arialNarrow button { font-family: "Arial Narrow", Arial, sans-serif; } /* Century Gothic */ .century, .century table, .century input, .century select, .century textarea, .century button { font-family: "Century Gothic", Geneva, sans-serif; } /* Tahoma */ .tahoma, .tahoma table, .tahoma input, .tahoma select, .tahoma textarea, .tahoma button { font-family: Tahoma, Geneva, sans-serif; } /* Trebuchet MS */ .trebuchet, .trebuchet table, .trebuchet input, .trebuchet select, .trebuchet textarea, .trebuchet button { font-family: "Trebuchet MS", Arial, sans-serif; } /* Verdana */ .verdana, .verdana table, .verdana input, .verdana select, .verdana textarea, .verdana button { font-family: Verdana, Arial, sans-serif; } /* Georgia */ .georgia, .georgia table, .georgia input, .georgia select, .georgia textarea, .georgia button { font-family: Georgia, Times, serif; } /* Palatino */ .palatino, .palatino table, .palatino input, .palatino select, .palatino textarea, .palatino button { font-family: Palatino, Times, serif; } /* Times New Roman */ .times, .times table, .times input, .times select, .times textarea, .times button { font-family: "Times New Roman", Times, serif; } /* Courier New */ .courier, .courier table, .courier input, .courier select, .courier textarea, .courier button { font-family: "Courier New", Courier, monospace; } /* Lucida Console */ .lucida, .lucida table, .lucida input, .lucida select, .lucida textarea, .lucida button { font-family: "Lucida Console", Courier, monospace; } /* ustawienia fokusu */ :focus { outline: 0; } /* zaznaczenie tekstu */ .selection() { background: #205F93; color: #FFF; } /* zaznaczenie w Safari */ ::selection { .selection; } /* zaznaczenie w Mozilli */ ::-moz-selection { .selection; } /* linki */ a { text-decoration: underline; color: #205f93; } a:hover { text-decoration: none; } /* ramki obrazów w linkach */ img { border: 0; } /* ustawienia marginesów */ h1, h2, h3, h4, h5, h6, p, form, ol, ul, address, fieldset { padding: 0; margin: 0 0 1.25em; } /* wysokość linii nagłówków */ h1, h2, h3, h4, h5, h6 { line-height: 1.25em; } /* ustawienia nagłówków */ h1 { font-size: 2em; margin-bottom: .67em; } h2 { font-size: 1.5em; margin-bottom: .75em; } h3 { font-size: 1.17em; margin-bottom: .83em; } h4 { font-size: 1em; margin-bottom: 1.12em; } h5 { font-size: .83em; margin-bottom: 1.5em; } h6 { font-size: .75em; margin-bottom: 1.67em; } /* włączenie kursora dla elementów klikalnych */ a, input[type=submit], input[type=button], input[type=image] { cursor: pointer; } /* marginesy list */ ol, ul { margin-left: 3em; ol, ul { margin-bottom: 0; } } /* ustawienia tabel */ table { border: none; border-collapse: collapse; border-spacing: 0; } th, td { text-align: left; padding: 3px 5px; } /* element opisowy elementów formularza */ label { cursor: pointer; } /* cytaty liniowe */ q { font-style: italic; quotes: "“" "”"; } /* cytaty blokowe */ blockquote { display: block; padding: 1.25em 3.5em; margin: 1.25em; &:before, &:after { display: block; font-size: 7em; width: .14em; height: .14em; } &:before { content: "“"; float: left; margin: .45em 0 0 -.45em; } &:after { content: "”"; margin: 0 -.25em 0 0; float: right; } } /* kod */ code { display: block; margin: 0 1.25em 1.25em; font-family: "Lucida Console", Courier, monospace; } /* element grupujący */ fieldset { padding: .5em; } /* akronimy i skróty */ acronym, abbr { cursor: help; border-bottom: 1px dashed; } /* mniejsza czcionka */ small, .smaller { font-size: .85em; } /* większa czcionka */ big, .bigger { font-size: 1.2em; } /* tekst wstawiony i usunięty */ ins { text-decoration: underline; } del { text-decoration: line-through; } /* przypis dolny i górny */ sub { vertical-align: -.25em; font-size: .65em; } sup { vertical-align: .6em; font-size: .65em; } /* klasa czyści opływanie */ .clear { clear: both; } /* CLEARFIX */ .clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* opływanie elementu */ .floatLeft { float: left; } .floatRight { float: right; } /* wyrównanie tekstu */ .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .justify { text-align: justify; } /* pogrubienie, pochylenie i podkreślenie */ .bold { font-weight: bold; } .italic { font-style: italic; } .underline { text-decoration: underline; } /* wyłączenie marginesów zewnętrznych i wewnętrznych */ .noMargin { margin: 0; } .noPadding { padding: 0; } /* wyłącza wcięcie */ .noIndent { text-indent: 0; } /* usunięcie stylowania listy */ .noBullet { list-style: none; margin-left: 0; } /* transformowanie tekstu */ .upper { text-transform: uppercase; } .caps { font-variant: small-caps; } /* ukrywa element */ .hide { display: none; } /* style strony */ .site { background: url('gfx/bg.jpg') 50% 0; } .shadow { -moz-box-shadow: 0 0 15px #222; -webkit-box-shadow: 0 0 15px #222; box-shadow: 0 0 15px #222; } #head_outer { background: url('gfx/top.jpg') no-repeat 50% 0; margin-bottom: 17px; .shadow; } #head { width: 981px; height: 224px; margin: 0 auto; background: url('gfx/top.jpg') no-repeat 50% 0; form { float: left; width: 170px; height: 22px; background: url('gfx/search.box.png'); .text { background: none; border: none; float: left; width: 137px; height: 18px; padding: 2px 4px; color: #204968; } .button { background: none; border: none; width: 22px; height: 22px; } } } /* .ie6 #head form { background: none; filter: e("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/search.box.png')"); } */ #logo a { display: block; height: 187px; overflow: hidden; text-indent: -9999em; } #current_page { float: left; padding: 3px 0 0 34px; width: 590px; } #languages { float: left; padding: 0 0 0 10px; opacity: .8; -moz-opacity: .8; a { float: left; } } #body_outer { width: 981px; margin: 0 auto; background: #FFF url('gfx/body.png') repeat-x; margin-bottom: 17px; .shadow; } #body { padding: 38px 10px 0; } #foot { padding: 7px; .center; } #sidebar { width: 217px; background: url('gfx/box.bg.png'); float: left; } .ie6 #sidebar { background: #FFF; } #menu { list-style: none; margin: 0; li { } .link { display: block; background: #D6E8F1; opacity: .8; -moz-opacity: .8; width: 150px; float: left; padding-left: 10px; margin: 6px 0; } span { display: block; float: left; width: 56px; height: 34px; background: no-repeat 50% 50%; } ul { list-style: circle; margin: 0 10px 0 25px; font-size: 1.1em; .clear; li { padding: 7px 0; } a { color: #124963; text-decoration: none; &:hover, &.active { color: #C29303; } } } } .ie6 #menu span { display: none; } #content { width: 734px; float: right; } #main_news { width: 508px; height: 313px; position: relative; overflow: hidden; margin-bottom: 15px; .shadow; .news { position: absolute; width: 508px; height: 313px; div { position: absolute; left: 0; bottom: 0; width: 488px; background: url('gfx/news.bg.png'); color: #FFF; text-decoration: none; padding: 25px 10px 30px; font-size: 1.4em; .center; } a { color: #FFF; text-decoration: none; } } } #news_pagination { position: absolute; right: 13px; bottom: 13px; a { margin-left: 3px; } } .ie6 #main_news .news div { background: #444; } #news_list { width: 506px; height: 263px; margin: 0 1px 5px; background: url('gfx/news.box.jpg'); ul { height: 211px; } } #news_list, #more_news { .shadow; h3 { height: 22px; margin: 0; } ul { list-style: none; margin: 0; padding: 5px 16px 0; img { opacity: .5; -moz-opacity: .5; margin-right: 36px; } } img { vertical-align: middle; } li { background: url('gfx/dot.gif') no-repeat 58px 50%; padding: 3px 0 2px; &:hover img { opacity: 1; -moz-opacity: 1; } } .more { text-align: right; padding-right: 13px; a { padding-right: 17px; &:hover { text-decoration: underline; } } } a { color: #0F2E3D; text-decoration: none; } } #main_left { float: left; width: 508px; } #main_right { width: 217px; background: url('gfx/box.bg.png'); float: right; h4 { background: #D3E7F1; margin: 10px 0; opacity: .8; -moz-opacity: .8; padding: 1px 5px; } } .ie6 #main_right { background: #FFF; } #main_contact { padding: 14px 14px 4px; .right; .phone { float: left; } } #partners { position: relative; overflow: hidden; width: 217px; a { display: block; position: absolute; } } #page { background: url('gfx/box.bg.png'); padding: 18px; } .ie6 #page { background: #FFF; } #page_links { list-style: none; padding-top: 10px; font-size: 1.1em; .clear; li { padding: 6px 0; } img { vertical-align: middle; } a { text-decoration: none; color: #124963; &:hover { text-decoration: underline; } } } .page_title { background: url('gfx/box.bg.png'); .center; h2 { background: url('gfx/box.bg.png'); margin: 0; } img { vertical-align: middle; } } .ie6 .page_title, .ie6 .page_title h2 { background: #FFF; } #page_back { background: #E4EEFD url('gfx/back.gif') no-repeat 96% 50%; padding: 5px 20px; margin: 20px 0 40px; .clear; .right; a { text-decoration: none; padding-right: 30px; &:hover { text-decoration: underline; } } } #page_pagination { background: #E4EEFD; padding: 5px 20px; margin: 20px 0; .clear; .center; a { text-decoration: none; &:hover { text-decoration: underline; } } } .box_title { background: #9EC0D0; position: relative; .center; img { vertical-align: middle; } } .box_body { background: #EEF4F8; .shadow; } .gallery_outer { width: 660px; overflow: hidden; padding: 10px; margin-left: 5px; } .shadow2 { -moz-box-shadow: 0 0 15px #222; -webkit-box-shadow: 0 0 15px #222; box-shadow: -3px 3px 10px #222; } .gallery_inner { width: 999999px; a { display: block; float: left; position: relative; text-decoration: none; color: #FFF; margin: 0 12px 12px 0; .shadow2; span { position: absolute; left: 0; bottom: 0; padding: 7px 0 15px; width: 100%; background: url('gfx/news.bg.png'); .center; } &.active span, &:hover span { background: url('gfx/gal.bg.png'); } } } .ie6 .gallery_inner a span { background: #444; } .ie6 .gallery_inner a:hover span { background: #437BA0; } .gallery_categories { background: url('gfx/line.png') no-repeat 50% 166px; padding: 10px 0 20px; position: relative; .arrow_left { position: absolute; left: -13px; top: 66px; } .arrow_right { position: absolute; right: -7px; top: 66px; } } .ie6 .gallery_categories { background: none; } #gallery_description { color: #C0C0C0; padding: 0 0 10px 10px; font-size: 1.1em; .bold; } .gallery_pictures { position: relative; height: 400px; .arrow_left { position: absolute; left: -13px; top: 189px; } .arrow_right { position: absolute; right: -2px; top: 189px; } .group { width: 678px; float: left; } } #contact_form { width: 682px; .right; .msgs { height: 19px; .center; padding-top: 6px; } .input { color: #94AFBA; background: #EEF7FC; border: 1px solid #8AC6E7; padding: 7px 5px; font-size: 1.2em; margin: 0 0 3px; width: 265px; } textarea.input { height: 100px; } .inuse { color: #32454E; } .button { color: #32454E; background: #EEF7FC; border: 1px outset #8AC6E7; padding: 4px; font-size: 1.2em; } } .ie6 #contact_form { width: auto; } .contact_box { float: left; margin-right: 4px; div { background: url('gfx/contact.bg.png'); padding: 12px 0; } .center; margin-bottom: 20px; }