/* ------------------------- Global --------------------------------- */ * { margin: 0; padding: 0; } ul, ol { list-style-type: none; } *:focus { outline: none; } img { border: 0; } body { background: url('../../images/frontend/bg.gif') repeat-x #F2EDDF; color: #393733; font: normal 12px Verdana, sans-serif; text-align: center; } a:link, a:focus, a:visited, a:active { color: #000000; text-decoration: none; } a:hover { text-decoration: underline; } .Clear { font-size: 4px; clear: both; visibility: hidden; } hr { clear: both; visibility: hidden; height: 8px; } table { border-collapse: collapse !important; border: 1px solid #C8BB9B; width: 100% !important; font: normal 12px Verdana, sans-serif; } td { padding: 2px 4px; vertical-align: middle; border: 1px solid #C8BB9B; text-align: left; } /* ------------------------------------------------------------------ */ /* ------------------------- Main ----------------------------------- */ #Main { margin: 0 auto; width: 999px; text-align: left; } #Top { float: left; height: 97px; width: 100%; position: relative; background: url('../../images/frontend/logo.gif') no-repeat; } #LogoWSSP { position: absolute; margin: 2px 0 0 4px; } #Logo { position: absolute; margin: 2px 0 0 180px; } #Middle { float: left; width: 100%; background: url('../../images/frontend/middle-bg.gif') repeat-y; } #Bottom { float: left; clear: both; width: 100%; background: url('../../images/frontend/bottom-bg.gif') repeat-y; } /* ------------------------------------------------------------------ */ /* ------------------------- LeftColumn ----------------------------- */ #LeftColumn { float: left; width: 183px; margin-right: 2px; padding-top: 50px; background: url('../../images/frontend/left-column-bg.gif') no-repeat; } #LeftMenu { padding: 4px 12px; } #LeftMenu li { overflow: hidden; } #LeftMenu li a { height: 1%; } #LeftMenu li.Level1 a, #LeftMenu li.Level1Last a { display: block; padding: 0 0; margin: 0 10px 0 15px; color: #DC003D; font-weight: bold; } #LeftMenu li.Level1SubMenu a { display: block; padding: 0 0 8px; margin: 0 10px 0 15px; color: #DC003D; font-weight: bold; } #LeftMenu li.Level2 a { display: block; padding: 2px 0 4px; margin: 0 10px 0 15px; font-weight: normal; } #LeftMenu li.Level2SubMenu a { display: block; padding: 2px 0 4px; margin: 0 10px 0 15px; font-weight: normal; } #LeftMenu li.Level2Last a { display: block; padding: 2px 0 8px; margin: 0 10px 0 15px; font-weight: normal; } #LeftMenu li.Level2 a, #LeftMenu li.Level2SubMenu a, #LeftMenu li.Level2Last a { text-decoration: underline; color: #CDC3AA; } #LeftMenu li.Level2 a span, #LeftMenu li.Level2SubMenu a span, #LeftMenu li.Level2Last a span { color: #00508F; } #LeftMenu li.Level2 a:hover, #LeftMenu li.Level2SubMenu a:hover, #LeftMenu li.Level2Last a:hover { color: #00508F; text-decoration: underline; } #LeftMenu li.Level2 a:hover span, #LeftMenu li.Level2SubMenu a:hover span, #LeftMenu li.Level2Last a:hover span { color: #00508F; text-decoration: underline; } #LeftMenu li.Level3 a, #LeftMenu li.Level3SubMenu a, #LeftMenu li.Level3Last a { display: block; padding: 2px 0; margin: 0 10px 0 25px; font-weight: normal; } #LeftMenu ul.Level1 { } #LeftMenu ul.Level2 { } #LeftMenu ul.Level3 { } #LeftMenu ul.Level4 { } #LeftMenu li.Level3 a, #LeftMenu li.Level3Last a, #LeftMenu li.Level3SubMenu a { font-size: 11px; } #LeftMenu li.Level4 a, #LeftMenu li.Level4Last a, #LeftMenu li.Level4SubMenu a { font-size: 10px; } #LeftMenu li.Level1 { padding: 12px 0 24px; background: url('../../images/frontend/level1-bg.gif') no-repeat; } #LeftMenu li.Level2 { padding: 0 0; background: url('../../images/frontend/level1-item-bg.gif') repeat-y; } #LeftMenu li.Level3 { padding: 0 0; background: url('../../images/frontend/arrow-red.gif') 18px 7px no-repeat; } #LeftMenu li.Level4 { padding: 0 0 0 6px; background: url('../../images/frontend/arrow-red.gif') 24px 7px no-repeat; } #LeftMenu li.Level1SubMenu { padding: 12px 0; background: url('../../images/frontend/level1-submenu-bg.gif') no-repeat; } #LeftMenu li.Level2SubMenu { padding: 0 0; background: url('../../images/frontend/level1-item-bg.gif') repeat-y; } #LeftMenu li.Level3SubMenu { padding: 0 0; background: url('../../images/frontend/arrow-red.gif') 18px 7px no-repeat; } #LeftMenu li.Level1Last { background: url('../../images/frontend/level1-bottom-bg.gif') 0 100% no-repeat; } #LeftMenu li.Level2Last { background: url('../../images/frontend/level1-bottom-bg.gif') 0 100% no-repeat; } #LeftMenu li.Level3Last { background: url('../../images/frontend/arrow-red.gif') 18px 7px no-repeat; } #LeftMenu li.Level4Last { padding: 0 0 0 6px; background: url('../../images/frontend/arrow-red.gif') 24px 7px no-repeat; } #LeftMenu li a.Selected { font-weight: bold; } /* ------------------------------------------------------------------ */ /* ------------------------- LeftColumn ----------------------------- */ #RightColumn { float: left; width: 177px; margin: 0 2px; background: url('../../images/frontend/column-bg.gif') 2px 0 repeat-x; } #RightColumn .Box { text-align: center; border: 2px solid #E9E0C9; background: #F7F4EC; padding: 6px 3px; margin: 8px 2px; } #RightColumn .Box img { margin: 4px 0; } #RightColumn .Box label { float: left; color: #DC003D; font-weight: bold; display: block; padding: 0 0 4px; } #RightColumn .Box input.text { float: left; width: 134px; padding: 3px 2px 5px; border-style: none; background: url('../../images/frontend/input-szukaj-bg.gif') no-repeat; } #RightColumn .Box input.image { float: left; } #RightMenu { padding: 4px 8px; } #RightMenu li a { height: 1%; } #RightMenu li { overflow: hidden; } #RightMenu li.Level1 a, #RightMenu li.Level1Last a { display: block; padding: 0 0; margin: 0 10px 0 15px; color: #DC003D; font-weight: bold; } #RightMenu li.Level1SubMenu a { display: block; padding: 0 0 8px; margin: 0 10px 0 15px; color: #DC003D; font-weight: bold; } #RightMenu li.Level2 a { display: block; padding: 2px 0 4px; margin: 0 10px 0 15px; font-weight: normal; } #RightMenu li.Level2SubMenu a { display: block; padding: 2px 0 4px; margin: 0 10px 0 15px; font-weight: normal; } #RightMenu li.Level2Last a { display: block; padding: 2px 0 8px; margin: 0 10px 0 15px; font-weight: normal; } #RightMenu li.Level2 a, #RightMenu li.Level2SubMenu a, #RightMenu li.Level2Last a { text-decoration: underline; color: #CDC3AA; } #RightMenu li.Level2 a span, #RightMenu li.Level2SubMenu a span, #RightMenu li.Level2Last a span { color: #00508F; } #RightMenu li.Level2 a:hover, #RightMenu li.Level2SubMenu a:hover, #RightMenu li.Level2Last a:hover { color: #00508F; text-decoration: underline; } #RightMenu li.Level2 a:hover span, #RightMenu li.Level2SubMenu a:hover span, #RightMenu li.Level2Last a:hover span { color: #00508F; text-decoration: underline; } #RightMenu li.Level3 a, #RightMenu li.Level3SubMenu a, #RightMenu li.Level3Last a { display: block; padding: 2px 0; margin: 0 10px 0 25px; font-weight: normal; } #RightMenu ul.Level1 { } #RightMenu ul.Level2 { } #RightMenu ul.Level3 { } #RightMenu ul.Level4 { } #RightMenu li.Level3 a, #RightMenu li.Level3Last a, #RightMenu li.Level3SubMenu a { font-size: 11px; } #RightMenu li.Level4 a, #RightMenu li.Level4Last a, #RightMenu li.Level4SubMenu a { font-size: 10px; } #RightMenu li.Level1 { padding: 12px 0 24px; background: url('../../images/frontend/level1-bg.gif') no-repeat; } #RightMenu li.Level2 { padding: 0 0; background: url('../../images/frontend/level1-item-bg.gif') repeat-y; } #RightMenu li.Level3 { padding: 0 0; background: url('../../images/frontend/arrow-red.gif') 18px 7px no-repeat; } #RightMenu li.Level4 { padding: 0 0 0 6px; background: url('../../images/frontend/arrow-red.gif') 24px 7px no-repeat; } #RightMenu li.Level1SubMenu { padding: 12px 0; background: url('../../images/frontend/level1-submenu-bg.gif') no-repeat; } #RightMenu li.Level2SubMenu { padding: 0 0; background: url('../../images/frontend/level1-item-bg.gif') repeat-y; } #RightMenu li.Level3SubMenu { padding: 0 0; background: url('../../images/frontend/arrow-red.gif') 18px 7px no-repeat; } #RightMenu li.Level1Last { background: url('../../images/frontend/level1-bottom-bg.gif') 0 100% no-repeat; } #RightMenu li.Level2Last { background: url('../../images/frontend/level1-bottom-bg.gif') 0 100% no-repeat; } #RightMenu li.Level3Last { background: url('../../images/frontend/arrow-red.gif') 18px 7px no-repeat; } #RightMenu li.Level4Last { padding: 0 0 0 6px; background: url('../../images/frontend/arrow-red.gif') 24px 7px no-repeat; } #RightMenu li a.Selected { font-weight: bold; } /* ------------------------------------------------------------------ */ /* ------------------------- CenterColumn --------------------------- */ #CenterColumn { float: left; width: 629px; background: url('../../images/frontend/column-bg.gif') repeat-x; overflow: hidden; } #CenterColumn h1 { padding: 4px 6px; margin: 0 0 8px; color: #00428F; font: bold 14px Verdana, sans-serif; background: url('../../images/frontend/header-bg.gif') no-repeat; } #Content { padding: 0 12px 0 12px; } #Content ul { padding: 6px 8px;} #Content ul li { padding-left: 12px; background: url('../../images/frontend/arrow-red.gif') 4px 6px no-repeat; } #Content ol { padding: 6px 34px; list-style-type: decimal; } #Content h2 { color: #393733; font-size: 12px; padding: 0 0 10px; } #Content h2 span { color: #00428F; font-size: 10px; } #Content .Text { clear: both; text-align: justify; } #Content a { color: #DC003D; } #Content a:hover { color: #00508F; text-decoration: underline; } #Content img { margin: 10px; } #Content .News { } #Content .News .Image { float: left; text-align: center; padding: 0 24px; } #Content .News h2 { color: #393733; font: bold 12px Verdana, sans-serif; padding: 12px 0; } #Content .News h2 a { color: #393733; } #Content .More { text-align: right; } #Content .More a { background: none; } #Content .More a:hover img { opacity: 0.8; filter: alpha(opacity:80); } #Content .Bottom { clear: both; } #Content .Article { padding: 0 0 16px; text-align: justify; } #Content .ALead { padding: 0 0 12px; } #Content .AContent { padding: 0 0 8px;} #Content .AMore { text-align: right; } #Content .AMore a { text-decoration: underline; color: #CDC3AA; } #Content .AMore a span { color: #00508F; } #Content .AMore a:hover { color: #00508F; text-decoration: underline; } #Content .AMore a:hover span { color: #00508F; text-decoration: underline; } #Content input.text { border: 1px solid #B3AC97; padding: 2px; background: url('../../images/frontend/input-bg.gif') repeat-x #FAF8F3; } #Content textarea { border: 1px solid #B3AC97; padding: 2px; background: url('../../images/frontend/input-bg.gif') repeat-x #FAF8F3; overflow: auto; } #Content select { border: 1px solid #B3AC97; padding: 1px; background: url('../../images/frontend/input-bg.gif') repeat-x #FAF8F3; } #Content input.submit { cursor: pointer; border-style: none; background: url('../../images/frontend/input-submit-bg.gif') no-repeat; text-align: center; width: 118px; padding: 4px 0 7px; color: #FFFFFF; font-weight: bold; } #Content .SubmitBox { padding: 24px 0 12px; text-align: center; clear: both; } #GoTop { clear: both; height: 24px; } #GoTop a { float: left; margin-left: 750px; font-size: 10px; color: #00508F; } #GoTop a:hover { color: #DC003D; text-decoration: none; } /* ------------------------------------------------------------------ */ /* ------------------------- Footer --------------------------------- */ #Enzo a:hover img { opacity: 0.80; filter: alpha(opacity:80); } #Footer { padding: 4px 30px 2px 10px; text-align: right; } #Footer ul { padding-top: 5px; float: left; text-align: left; } #Footer li { display: inline; padding-left: 10px; background: url('../../images/frontend/arrow-red.gif') 4px 6px no-repeat; } #Footer li a { font-size: 11px; color: #8B8476; } /* ------------------------------------------------------------------ */ /* ------------------------- Contact --------- ---------------------- */ #Contact div { padding: 6px 0 0; } #Contact label { display: block; padding: 0 0 2px; font-size: 11px; } #Contact input.text { width: 280px; } #Contact textarea { width: 280px; height: 140px; } #Contact .SubmitBox { text-align: left !important; padding-left: 84px !important; } /* ------------------------------------------------------------------ */ /* ------------------------- Gallery -------------------------------- */ #Gallery { padding: 0; } #Gallery .GDescription { text-align: justify; padding: 2px; } #Gallery .GImage, #Gallery .GAlbumImage { float: left; width: 180px; height: 114px; text-align: center; overflow: hidden; } #Gallery .GImage img, #Gallery .GAlbumImage img { margin-left: 40px; margin-top: 20px; } #Gallery .GAlbum { clear: both; } #Gallery .GAlbumLinkName { float: left; padding: 40px 20px; } /* ------------------------------------------------------------------ */ /* ------------------------- Paging --------------------------------- */ #Paging { text-align: center; } /* ------------------------------------------------------------------ */ /* ------------------------- BreadCrumb ----------------------------- */ #BreadCrumb { padding: 8px 14px 10px 12px; } #BreadCrumb ul { text-align: right; } #BreadCrumb li { display: inline; font-size: 10px; color: #00508F; } #BreadCrumb a { font-size: 10px; padding-bottom: 1px; color: #00508F; } #BreadCrumb a:hover { color: #DC003D; text-decoration: none; } /* ------------------------------------------------------------------ */ /* ------------------------- Adress --------------------------------- */ #Adress { clear: both; font-size: 10px; width: 100%; } #Adress div { margin: 0 4px; padding: 6px 12px; border-top: 1px solid #FFFFFF; } /* ------------------------------------------------------------------ */ /* ------------------------- Kwestionariusz ------------------------- */ #Kwestionariusz { padding: 8px 0; } #Kwestionariusz div { clear: both; padding: 6px 0 0; } #Kwestionariusz div div { float: left; clear: none; padding: 0 !important; } #Kwestionariusz div div div { float: none; clear: none; padding: 0 !important; } #Kwestionariusz label { display: block; padding: 0 0 2px; font-size: 11px; } #Kwestionariusz label span { color: #00508F; font-size: 10px; } #Kwestionariusz input.text { margin-right: 8px; } #Kwestionariusz select { margin-right: 8px; } /* ------------------------------------------------------------------ */ /* ------------------------- Table ---------------------------------- */ #Content .NoBorder { border-color: #F2EDDF !important; } #Content .NoBorder td { border-color: #F2EDDF !important; } #Content .Dark { border-color: #DFD0A7 !important; } #Content .Dark td { border-color: #DFD0A7 !important; } #Content .tab_fil { background-color: #FFEFBF; } #Content .tab_fil1 { background-color: #ffe79f; } #Content .tab_fil2 { background-color: #ffe79f; } #Content .tab_fil3 { background-color: #ffd48e; } /* ------------------------------------------------------------------ */ /* ------------------------- Language ------------------------------- */ #Language { padding: 12px 0 0 40px; } #Language a { display: block; height: 22px; width: 98px; overflow: hidden; } #Language img:hover { margin-top: -22px; }