/************************************************************** Basic styles **************************************************************/ * { margin: 0; padding: 0; } img { border: 0; } .margin-top { margin-top: 25px; } .margin-bottom { margin-bottom: 25px; } .padding-both { padding: 25px 0 5px; } .no-padding { padding: 0; margin: 0; } .no-border { border: 0; } .no-display { display: none; } .center { margin: 0 auto; } .left { float: left; } .right { float: right; } .clear { clear: both; } .block { display: block; } .bold { font-weight: bold; } .middle { vertical-align: middle; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .small { font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 25px; } a { color: #482462; text-decoration: underline; outline: none; } a:hover { text-decoration: none; cursor: pointer; } :focus { -moz-outline-style: none; } p { text-align: left; font-size: 11px; } h1 { font: 20px Arial, Helvetica, sans-serif; } h2 { font: 18px Arial, Helvetica, sans-serif; } h3 { font: 15px Arial, Helvetica, sans-serif; } .header { background-position: left center; background-repeat: no-repeat; text-indent: -9999999px; } ul, ol { padding: 10px 0 10px 35px; line-height: 180%; } ul li, ol li { padding: 3px 0; } sup { line-height: 5px; font-size: 11px; } strong.stronger { color: #9b84a5; } /************************************************************** Layers **************************************************************/ body { background: #fff url(../images/layout/body-bg.jpg) 0 0 no-repeat; font: 11px Arial, Helvetica, sans-serif; color: #482462; text-align: left; } #e404 { position: absolute; top: 50%; left: 50%; margin: -114px 0 0 -266px; width: 537px; height: 229px; background: url(../images/layout/others/e404.png) no-repeat; z-index: 5; } #e404 h1, #e404 p { display: none; } #e404 a { display: block; width: 537px; height: 229px; text-indent: -9999999px; position: relative; z-index: 10; } #remont { position: absolute; top: 50%; left: 50%; margin: -114px 0 0 -266px; width: 537px; height: 229px; } /************************************************************** Main menu **************************************************************/ #menu { width: 100%; min-width: 981px; height: 28px; background: url(../images/layout/menu-bg.png) repeat-x; } #menu h1 { position: absolute; top: 4px; left: 213px; width: 136px; height: 15px; background: url(../images/layout/headers/agencja-interaktywna.gif) no-repeat; text-indent: -99999px; } #menu ul { float: left; padding: 0; margin: 0; width: 406px; height: 28px; position: relative; z-index: 1000; left: 569px; } #menu ul li { padding: 0; margin: 0; list-style: none; float: left; padding-right: 1px; background: url(../images/layout/others/menu-separator.gif) right center no-repeat; } #menu ul li a { float: left; height: 23px; background-position: center bottom; background-repeat: no-repeat; text-indent: -999999px; } #menu ul li a:hover { background-position: center -23px; } #menu ul li a.current, #menu ul li a:hover.current { background-position: center top; } #menu ul li#contact { padding: 0; background: none; } #home a { width: 63px; background-image: url(../images/layout/headers/menu-home.gif); } #agency a { width: 75px; background-image: url(../images/layout/headers/menu-agency.gif) } #realizations a { width: 89px; background-image: url(../images/layout/headers/menu-realizations.gif) } #news a { width: 96px; background-image: url(../images/layout/headers/menu-news.gif) } #contact a { width: 72px; background-image: url(../images/layout/headers/menu-contact.gif) } /************************************************************** Main content **************************************************************/ #main { width: 100%; height: 540px; } #container { width: 848px; margin-bottom: 10px; position: relative; left: 145px; padding: 15px 0; border-bottom: 1px solid #eaddef; } #content { text-align: left; margin: 15px 0; } #content div { padding: 10px 15px; border-left: 1px solid #e9e1ed; border-right: 1px solid #e9e1ed; background: url(../images/layout/content-bg.png); } /* Home */ #header-last-realization { background-image: url(../images/layout/headers/ostatnia-realizacja.gif); } #last-realization { height: 300px; padding-left: 275px; background: url(../images/layout/others/realizations-bg.gif) 561px center no-repeat; } #last-realization-img { float: left; width: 300px; height: 300px; margin-right: 10px; } #last-realization-img a img.mask { position: absolute; } #last-realization-img a img { /*border: 5px solid #dfd6e4; padding: 1px;*/ } #last-realization-img a:hover img { border-color: #D0C5D6; } #last-realization div { float: right; width: 250px; margin-top: 95px; } #last-realization div a, #realization a { text-decoration: none; } #last-realization div a:hover, #realization a:hover { text-decoration: underline; } #last-realization div h1, #realization h1, #events h1 { font-size: 14px; font-weight: bold; margin-bottom: 10px; } #last-realization div p, #realization p { line-height: 150%; color: #836994; text-align: justify; } #last-realization div p.text-right { text-align: right; margin-top: 10px; } #last-realization div p.text-right a { color: #D1BADB; padding-right: 15px; background: url(../images/layout/others/lupe.gif) right center no-repeat; } #newsbox { clear: both; padding-bottom: 4px; text-align: left; background: url(../images/layout/others/newsbox-bottom.gif) 0 bottom no-repeat; } #newsbox div { padding: 0px 3px; border-left: 1px solid #e9e1ed; border-right: 1px solid #e9e1ed; } #newsbox div dl { padding: 15px 20px 0; margin: 0; height: 128px; background: #e8e2eb url(../images/layout/others/newsbox-gradient.gif) repeat-x; } #newsbox div dl .news { width: 550px; } #newsbox div dl .clients { float: right; width: 230px; } #newsbox div dl dt { height: 16px; margin-bottom: 10px; background-repeat: no-repeat; text-indent: -999999px; } #newsbox div dl dt.news { background-image: url(../images/layout/headers/aktualnosci.gif); } #newsbox div dl dt.clients { background-image: url(../images/layout/headers/zaufali-nam.gif); } /* Clients in newsbox */ #newsbox div dl dd.clients { text-align: center; } /* News in newsbox */ #newsbox div dl dd.news { } #newsbox div dl dd.news span.box { width: 260px; } #newsbox div dl dd.news span.box em { font-style: normal; color: #b899c2; } #newsbox div dl dd.news span.box span.title { display: inline; font-size: 11px; font-weight: bold; margin-left: 5px; } #newsbox div dl dd.news span.box span.title a { color: #482462; text-decoration: none; } #newsbox div dl dd.news span.box span.title a:hover { text-decoration: underline; } #newsbox div dl dd.news span.box span.desc { display: block; padding: 5px 0; height: 40px; } #newsbox div dl dd.news span.box a.right { width: 70px; height: 23px; padding: 15px 30px 0 0; text-align: right; color: #9b84a5; text-decoration: none; background: url(../images/layout/others/newsbox-more.gif) no-repeat; } #newsbox div dl dd.news span.box a.right:hover { text-decoration: underline; } /* Contact */ #msg { display: none; width: 176px; margin: auto; padding: 3px 5px; text-align: center; background: #DFD6E4; border: 1px solid #B3A4BB; } /* Left column */ #contact-info { float: left; width: 200px; padding-left: 40px; height: 440px; } #contact-info p { margin-top: 260px; line-height: 150%; color: #836994; text-align: justify; } /* Right column */ #contact-map { float: right; width: 305px; height: 440px; } #localization { width: 78px; height: 18px; margin: 10px 0 20px; background-image: url(../images/layout/headers/lokalizacja.gif); } p.building { text-align: center; } p.building img { border: 10px solid #dfd6e4; } /* Middle column */ #contact-form { margin-left: 265px; width: 230px; padding: 0 10px; height: 440px; border: 1px solid #e0d8e6; border-bottom: 0; border-top: 0; color: #836994; } #address { width: 134px; height: 18px; margin: 10px 0 20px; background-image: url(../images/layout/headers/dane-teleadresowe.gif); } #contact-form address { font-style: normal; line-height: 190%; height: 130px; } #contactform { width: 158px; height: 18px; margin: 10px 0 20px; background-image: url(../images/layout/headers/formularz-kontaktowy.gif); } #contact-form fieldset { border: 0; } #contact-form fieldset p { padding: 3px 0; text-align: center; } #contact-form fieldset p input.input { width: 176px; height: 21px; line-height: 21px; padding: 0 5px; border: 0; font-size: 10px; color: #A19BA5; background: url(../images/layout/others/contact-input.gif) no-repeat; } #contact-form fieldset p textarea { width: 176px; height: 72px; padding: 3px 5px; font: 10px Arial, Helvetica, sans-serif; color: #A19BA5; background: url(../images/layout/others/contact-textarea.gif) no-repeat; border: 0; } #contact-form fieldset p input.submit { width: 66px; height: 24px; border: 0; font-size: 11px; font-weight: bold; color: #3A1B53; background: url(../images/layout/others/contact-submit.gif) no-repeat; } /* Agency */ #about-agency { float: left; width: 200px; height: 150px; padding: 260px 25px 0 40px; } #about-agency h1 { margin-bottom: 10px; background-image: url(../images/layout/headers/o-firmie.gif); } #about-agency p { line-height: 150%; color: #836994; text-align: justify; } #offer { float: left; width: 583px; } #offer dl { padding: 0 5px 15px; } #offer dl dt { height: 18px; } #offer dl dd { padding: 5px 0; line-height: 150%; color: #836994; text-align: justify; } #serwisy-firmowe dt { background-image: url(../images/layout/headers/serwisy-firmowe.gif); } #aplikacje-webowe dt { background-image: url(../images/layout/headers/aplikacje-webowe.gif); } #identyfikacja-wizualna dt { background-image: url(../images/layout/headers/identyfikacja-wizualna.gif); } #kampanie-reklamowe dt { background-image: url(../images/layout/headers/kampanie-reklamowe.gif); } /* Realizations */ #realizations-list { width: 580px; float: right; margin: 0; padding: 0; } #realizations-list li { list-style: none; float: left; } #realizations-list li a img { padding: 1px; border: 5px solid #dfd6e4; margin-right: 10px; } #realizations-list li a:hover img { border-color: #D0C5D6; } /* Realization */ #realization { float: left; width: 230px; padding: 200px 0 0 135px; height: 200px; background: url(../images/layout/others/realization-bg.gif) 95px 175px no-repeat; } #realization p.text-center { margin-top: 15px; text-align: center; } p.button a { padding: 5px 10px; font-weight: bold; background: url(../images/layout/others/on-line-bg.gif) center center no-repeat; } p.button.wstecz a { padding: 5px 40px; } #realization-num { float: right; width: 430px; padding: 60px 0 0 0; margin: 0; } #realization-num li { float: left; list-style: none; margin: 0; padding: 0; } #realization-num li a { background-color: #dfd6e4; padding: 3px 7px; margin-right: 1px; text-decoration: none; font-weight: bold; } #realization-num li a:hover { background-color: #D8C8E1; } #realization-num li a.current { background-color: #D0C5D6; } #realization-img { float: right; clear: right; width: 430px; padding: 0 0 30px 0; } #realization-img a img, #realization-img img { padding: 1px; border: 5px solid #D0C5D6; margin-right: 10px; } #realization-img a:hover img { border-color: #D0C5D6; } /* Wydarzenia */ #events { float: right; width: 550px; } #events h1 { padding-left: 30px; margin: 0; } #events img.right { padding: 1px; border: 5px solid #D0C5D6; } #events p.date { padding: 0 0 10px 30px; font-size: 10px; color: #B79CC4; } #events p.desc { width: 350px; padding: 0 0 30px 30px; line-height: 150%; color: #836994; text-align: justify; background: url(../images/layout/others/news-bg.gif) left bottom no-repeat; } #events ul { margin: 0; padding: 10px 0 0 30px; } #events ul li { list-style: none; margin: 0; padding: 0 0 6px 0; } #events ul li a { display: block; width: 345px; height: 24px; padding-left: 5px; line-height: 24px; text-decoration: none; } #events ul li a:hover { background: url(../images/layout/others/news-link.gif) no-repeat; } #events ul li a.current, #events ul li a:hover.current { color: #4C3D57; font-weight: bold; background: url(../images/layout/others/news-current.gif) no-repeat; } #events ul li a span { padding: 1px 5px; font-size: 10px; background: url(../images/layout/others/news-date.gif) center center no-repeat; } /************************************************************** Footer **************************************************************/ #footer { width: 848px; height: 35px; position: relative; left: 145px; color: #d3c2db; } #footer.flash { position: static; margin: auto; } #footer p { margin: 0; padding: 0; } #footer div {float: left; padding: 3px 0 0 0; z-index: 99; position: relative;} #footer p.left { width: 250px; } #footer p.right { width: 180px; } #footer p.right span { float: right; width: 177px; height: 19px; background: url(../images/layout/others/telefon.gif) no-repeat; text-indent: -999999px; } #footer p.text-center #contact_phone { float: left; margin: 7px 0 0 42px; width: 177px; height: 19px; background: url(../images/layout/others/telefon.gif) no-repeat; text-indent: -999999px; } #footer a { text-decoration: none; color: #d3c2db; margin: 0 5px; } #footer p.text-center a { color: #482462; } #footer a:hover { text-decoration: underline; } .linksTooltip { border: 3px solid #933; background-color: #600; padding: 10px; color: #ccc; } .inputsTooltip * { display: none; } .inputsTooltip #tooltipTitle { display: block; background: #714988; color: #fff; font-weight: bold; padding: 3px 10px; } #topMessage { width: 400px; left: 0px; padding: 10px; background-color: #ff1e33; color: white; top: 0px; clear: none; float: left; position: absolute; }