/************************************************************** Basic styles **************************************************************/ * { margin: 0; padding: 0; } img { border: 0; } .margin-top { margin-top: 25px; } .margin-bottom { margin-bottom: 25px; } .margin-left { margin-left: 50px; } .margin-right { margin-right: 25px; } .padding-both { padding: 17px 0; } .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; color: #6e1010; } .middle { vertical-align: middle; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .auto { margin: auto; } .big { font-size: 12px; line-height: 180%; } .forma { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #C0C0C0; } .forma_pols { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; } .redlink { color: #FF0000; } .bluelink { color: #0b53ad; } .kwadracik { background-image: url(../images/layout/misc/li.gif); padding-bottom: 15px; padding-top: 0px; padding-right: 5px; padding-left: 15px; background-repeat: no-repeat; margin: 0px; list-style-type: none; } a { color: #737373; text-decoration: underline; outline: none; } a:hover { color: #0b53ad; text-decoration: none; } p { text-align: left; } h1 { font: normal 18px Tahoma, Arial, Helvetica, sans-serif; } h2 { font: bold 15px Tahoma, Arial, Helvetica, sans-serif; } h3 { font: bold 13px Tahoma, Arial, Helvetica, sans-serif; } ul, ol { padding: 10px 0 10px 35px; line-height: 180%; } ul li, ol li { padding: 3px 0; } sup { line-height: 5px; font-size: 11px; } /* Table */ table { width: 100%; margin-bottom: 15px; border-collapse: collapse; } table tr th { padding: 10px 5px; font-size: 12px; color: #ffa800; background-color: #190712; text-align: center; } table tr td { padding: 10px 5px; border-bottom: 1px solid #190712; } /* Widths */ .px25 { width: 25px; } .px50 { width: 50px; } .px75 { width: 75px; } .px100 { width: 100px; } .px125 { width: 125px; } .px150 { width: 150px; } .px175 { width: 175px; } .px200 { width: 200px; } /* Messages */ div.message { height: 28px; margin: 0 0 5px; font-weight: bold; color: #fff; background-repeat: repeat-x; } div.message p { padding-left: 15px; line-height: 28px; background-repeat: no-repeat; background-position: right 0; } div.message p img { float: left; margin: 6px 5px 0 0; } div.message.warning { background-image: url(../images/layout/others/messagewarning-left.jpg); } div.message.warning p { } div.message.info { background-image: url(../images/layout/others/messageinfo-left.jpg); } div.message.info p { } /************************************************************** Layers **************************************************************/ body { background: #fff url(../images/layout/body-bg.gif) repeat-x; font: 11px Arial, Helvetica, sans-serif; color: #727171; text-align: center; line-height: 150%; } /* Container */ #container { width: 768px; margin: auto; text-align: left; } /*************************** * Top ****************************/ #top { height: 88px; background: url(../images/layout/top-bg.jpg) right top no-repeat; } /* Flash animation */ #flash { float: left; width: 350px; height: 60px; } /* Logo */ #logo { clear: left; width: 400px; height: 23px; position: relative; top: 5px; left: 35px; background: url(../images/layout/logo.gif); text-indent: -99999px; } /* Login box */ #top form { float: right; width: 309px; height: 91px; position: relative; top: 15px; right: 26px; background: url(../images/layout/misc/form-bg.jpg) left 28px no-repeat; } #top form fieldset { border: 0; } #top form div { float: left; width: 134px; height: 28px; line-height: 28px; padding-left: 15px; color: #4c4c4c; background: url(../images/layout/misc/form-legend.jpg) no-repeat; } #top form span { position: absolute; left: 150px; width: 180px; line-height: 28px; } #top form .input { clear: both; padding: 22px 0 0 65px; margin: 0; } #top form .input input { width: 103px; padding: 2px; border: 1px solid #e0e0e0; color: #828282; font-size: 11px; } #top form .submit input { float: right; width: 59px; height: 23px; position: relative; top: 11px; right: 16px; border: 0; cursor: pointer; color: #fff; font-size: 11px; background: #0884ff url(../images/layout/misc/form-submit.jpg) no-repeat; } /*************************** * Menu ****************************/ #menu { height: 45px; padding: 7px 0 0 20px; background: #0d6cd4 url(../images/layout/menu-bg.jpg) no-repeat; } #menu li { float: left; list-style: none; } #menu li a { float: left; height: 33px; padding-right: 10px; margin-right: 5px; color: #fff; font-size: 12px; } #menu li a strong { float: left; height: 33px; line-height: 33px; padding-left: 10px; } #menu li a:hover { background: url(../images/layout/misc/menu-right.jpg) right center no-repeat; } #menu li a:hover strong { background: url(../images/layout/misc/menu-left.jpg) left center no-repeat; cursor: pointer; } /*************************** * Content ****************************/ #content { } /* Left column */ #left { float: left; width: 360px; } /* Header */ #left h1 { margin: 15px 20px 2px; } #header { height: 20px; background-position: left top; background-repeat: no-repeat; text-indent: -99999px; } #header.o_nas { background-image: url(../images/layout/headers/o_nas.gif); } #header.oferta { background-image: url(../images/layout/headers/oferta.gif); } #header.cennik { background-image: url(../images/layout/headers/cennik.gif); } #header.aktualnosci { background-image: url(../images/layout/headers/aktualnosci.gif); } #header.promocje { background-image: url(../images/layout/headers/promocje.gif); } #header.partnerzy { background-image: url(../images/layout/headers/partnerzy.gif); } #header.kontakt { background-image: url(../images/layout/headers/kontakt.gif); } #header.wiecej_o { background-image: url(../images/layout/headers/wiecej_o.gif); } /* News */ .news { margin: 0 20px; background: url(../images/layout/misc/news-bg.gif) center 1px no-repeat; } .news.first { background-image: none; } .news dt { padding: 10px 3px 4px; border-bottom: 1px #dcdcdc dotted; } .news dt a { line-height: 20px; color: #0b53ad; font-weight: bold; font-size: 12px; } .news dt span { border-left: 1px #dcdcdc dotted; line-height: 10px; padding-left: 5px; margin: 5px 0 0 5px; font-size: 10px; color: #8b8b8b; } .news dd { padding: 10px 3px 5px; border-bottom: 1px #dcdcdc dotted; } .news dd a { font-weight: bold; } /* dot */ .dot { padding-left: 10px; background: url(../images/layout/misc/dot.gif) left 6px no-repeat; } /* Contact */ #contact { width: 312px; height: 119px; margin: 0 0 15px 0;padding: 25px 20px 0; background: url(../images/layout/misc/contact-bg.jpg) no-repeat; } #contact ul { float: left; width: 165px; height: 85px; padding: 0; } #contact ul li { list-style: none; height: 24px; line-height: 24px; margin: 0; background: url(../images/layout/misc/gg-left.gif) left center no-repeat; } #contact ul li span { float: left; width: 30px; height: 21px; padding: 3px 0 0 3px; text-align: left; } #contact ul li span img { vertical-align: middle; display: block; } #contact ul li a { float: left; height: 24px; padding-right: 15px; color: #fff; font-weight: bold; text-decoration: none; background: url(../images/layout/misc/gg-right.gif) right center no-repeat; } #contact address { width: 130px; float: right; color: #834c00; font-style: normal; line-height: 160%; } #contact address big { display: block; font-weight: bold; font-size: 12px; } #contact .mail { clear: left; color: #834c00; font-style: normal; font-weight: bold; } /* Right */ #right { float: right; width: 407px; height: 414px; margin: 15px 0; padding: 0; background: url(../images/layout/misc/right-banner.jpg) no-repeat; } #right dt a { display: block; width: 135px; height: 35px; position: absolute; margin: 190px 0 0 135px; text-indent: -99999px; } #right dd a { float: left; width: 202px; height: 205px; text-indent: -99999px; } /*************************** * Content subpages ****************************/ .text { padding: 0px 20px; margin: 15px 0; } .text_prawa_kol { padding: 0px 20px; margin: 33px 0; } /* Left column2 */ #left2 { float: left; width: 565px; } /* Header */ #left2 h1 { margin: 15px 20px 2px; } #header2 { height: 20px; background-position: left top; background-repeat: no-repeat; text-indent: -99999px; } #header2.o_nas { background-image: url(../images/layout/headers/o_nas.gif); } #header2.oferta { background-image: url(../images/layout/headers/oferta.gif); } #header2.cennik { background-image: url(../images/layout/headers/cennik.gif); } #header2.aktualnosci { background-image: url(../images/layout/headers/aktualnosci.gif); } #header2.promocje { background-image: url(../images/layout/headers/promocje.gif); } #header2.partnerzy { background-image: url(../images/layout/headers/partnerzy.gif); } #header2.kontakt { background-image: url(../images/layout/headers/kontakt.gif); } /* News */ .news2 { margin: 0 20px; background: url(../images/layout/misc/news-bg.gif) center 1px no-repeat; } .news2.first { background-image: none; } .news2 dt { padding: 10px 3px 4px; border-bottom: 1px #dcdcdc dotted; } .news2 dt a { line-height: 20px; color: #0b53ad; font-weight: bold; font-size: 12px; } .news2 dt span { border-left: 1px #dcdcdc dotted; line-height: 10px; padding-left: 5px; margin: 5px 0 0 5px; font-size: 10px; color: #8b8b8b; } .news2 dd { padding: 10px 3px 5px; border-bottom: 1px #dcdcdc dotted; } .news2 dd a { font-weight: bold; } /* dot */ .dot2 { padding-left: 10px; background: url(../images/layout/misc/dot.gif) left 6px no-repeat; } /* Right2 */ #right2 { float: right; width: 202px; height: 414px; margin: 15px 0; padding: 0; } #right2 dt a { display: block; width: 135px; height: 35px; position: absolute; margin: 190px 0 0 135px; text-indent: -99999px; } #right2 dd a { float: left; width: 202px; height: 205px; text-indent: -99999px; } /*************************** * Footer ****************************/ #footer { clear: both; padding: 15px 20px; overflow: hidden; height: 100%; background: url(../images/layout/footer-bg.jpg) center top no-repeat; } #footer p { float: left; } #footer p strong { color: #0b53ad; } #footer p a { font-weight: bold; } #footer ul { float: right; } #footer ul li { display: inline; padding: 0 7px; } #footer ul li a { color: #4c4c4c; } #footer ul li a:hover { color: #ff6d00; }