/* Wazne informacje - CMS jest rodzicem struktury strony stad jego style sÄ… ustawiane najpierw, modyfikatorow lepiej nie umieszczac w jego modulach potomnych takich jak sklep internetowy, forum itd. - Wysokosc kolumny lewej, srodka i prawej jest ustawiana z poziomu java script - Zmiane struktury rozpoczynamy od ustalenia rozmiaru dla wrappera glownego styl .site - Ustalamy marginesy dla poszczegolnych kolumn - Rozmiary kolumn ustalamy zgodnie z marginesami poszczegolnych kolumn - Style umieszczamy w porzadku alfabetycznym wedlug struktury, sekcji strony a na koncu umieszczamy wrappery i modyfikatory - Poszczegolne wartosci styli umieszczamy w porzadku alfabetycznym */ /* Dodatek - Profil */ /* Struktura strony - Stopka - CSiteBottom.html*/ #bottom { color: #ccc; background: #191919 url(images/layout/bottom_bg.png) repeat-x; font-size: 11px; } #bottom .copyright { padding-bottom: 10px; } #bottom .menu { float: left; width: 150px; margin-left: 15px; border-right: 1px dotted #333333; overflow: hidden; height: 100%; } #bottom .menu ul { margin: 0px; padding: 0px; margin-bottom: 10px; } #bottom .menu ul li{ padding-left: 10px; background: url(images/layout/bullet_bottom_menu.gif) no-repeat left; list-style: none; } #bottom .menu ul li a { color: #999; text-decoration: none; } #bottom .menu ul li a:hover { color: #FAFAFA; } #bottom .newsletter { margin-left: 10px; float: left; width: 260px; } #bottom .newsletter #message_newsletter { color: #CC0000; } #bottom .newsletter h3 { padding: 0px; margin: 0px; margin-top: 10px; line-height: 20px; color: #ccc; font-size: 12px; } #bottom .newsletter input { width: 230px; border: 1px solid #666666; border-right: none; padding: 2px; } #bottom .newsletter p { margin: 10px 0px; padding: 0px; } #bottom .payment { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; height: 40px; } #bottom a { color: #ccc; } #bottom a:hover { color: #F1F1F1; } #bottom h3 { padding: 0px; margin: 0px; margin-top: 10px; line-height: 20px; color: #ccc; font-size: 12px; } #bottom p { margin: 0px; padding: 0px; margin-left: 10px; } /* Struktura strony - Srodek */ #center { background: #FFF; overflow: hidden; } #center .cms > .left .category_left .cart_mini { border-right: #99cc33 1px solid; border-top: #99cc33 1px solid; background: url(images/layout/shop_cart_mini_bg.gif) #f5fae6 no-repeat right top; margin-bottom: 5px; border-left: #99cc33 1px solid; border-bottom: #99cc33 1px solid; } #center .cms > .left .category_left .cart_mini .dostawa { border-top: #99cc33 1px dotted; padding-left: 42px; padding-top: 10px; } #center .cms > .left .category_left .cart_mini .go_to_cart { margin: 5px; text-align: center; } #center .cms > .left .category_left .cart_mini .product { margin: 0px 2px; padding: 5px; } #center .cms > .left .category_left .cart_mini .product .icon { float: left; margin-right: 10px; } #center .cms > .left .category_left .cart_mini .product .icon img{ height: 80px; } #center .cms > .left .category_left .cart_mini .product .name { font-size: 11px; float: left; width: 120px; } #center .cms > .left .category_left .cart_mini .product .price { font-weight: bold; font-size: 12px; } #center .cms > .left .category_left .cart_mini .product a { color: #000000; text-decoration: none; } #center .cms > .left .category_left .cart_mini .product a:hover { color: #000; text-decoration: underline; } #center .cms > .left .category_left .cart_mini .subtotal { padding-left: 42px; padding-bottom: 5px; } #center .cms > .left .category_left .cart_mini .title { padding-left: 10px; font-weight: bold; font-size: 16px; margin: 5px 5px 10px; vertical-align: middle; color: #73a621; line-height: 30px; height: 30px; } #center .cms>.center { float: left; min-height: 500px; overflow: hidden; padding: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; width: 580px; overflow: hidden; } /* Element - Formatowanie tekstu */ #center .cms>.center { } /* Element - Pudelko informacyjne */ #center .cms>.center .box { background: #FAFAFA; border: 1px solid #CCCCCC; padding-left: 18px; padding-top: 14px; } #center .cms>.center .box h5 { font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; padding-top: 3px; } #center .cms>.center .box ul { } #center .cms>.center .box ul li { } /* Element - Kategoria dolna */ #center .cms>.center .category_bottom{ background: #fdf5e6; margin: 0px; overflow: hidden; padding: 7px; } #center .cms>.center .category_bottom .frame_html { background: white; } #center .cms>.center .category_bottom .main_normal{ float: left; margin-right: 10px; } #center .cms>.center .category_bottom .main_normal a { text-decoration: none; } #center .cms>.center .category_bottom .main_normal a:hover { text-decoration: underline; } #center .cms>.center .category_bottom .main_pressed{ float: left; margin-right: 10px; } #center .cms>.center .category_bottom .main_pressed a { text-decoration: none; color: #000000; } #center .cms>.center .category_bottom .main_pressed a:hover { text-decoration: underline; } #center .cms>.center .category_bottom .sub_normal{ float: left; margin-right: 10px; } #center .cms>.center .category_bottom .sub_normal a { text-decoration: none; } #center .cms>.center .category_bottom .sub_normal a:hover { text-decoration: underline; } #center .cms>.center .category_bottom .sub_pressed{ float: left; margin-right: 10px; } #center .cms>.center .category_bottom .sub_pressed a { text-decoration: none; color: #000000; } #center .cms>.center .category_bottom .sub_pressed a:hover { text-decoration: underline; } /* Element - Kategoria srodkowa */ #center .cms>.center .category_center { } #center .cms>.center .category_center .header{ background: #333333; color: #FFFFFF; line-height: 20px; } #center .cms>.center .category_center .main_normal{ background: #F0F5F9 url(images/layout/center_top_center_category_normal_bg.gif) left no-repeat; border-bottom: 1px solid #fff; line-height: 20px; } #center .cms>.center .category_center .main_normal a{ display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } #center .cms>.center .category_center .main_normal a:hover{ background: #B2CDE0 url(images/layout/center_top_center_category_normal_hover_bg.gif) left no-repeat; color: #333333; } #center .cms>.center .category_center .main_pressed{ border-bottom: 1px solid #fff; background: #B2CDE0 url(images/layout/center_top_center_category_normal_pressed_bg.gif) left no-repeat; font-weight: bold; line-height: 30px; } #center .cms>.center .category_center .main_pressed a{ color: #333; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } #center .cms>.center .category_center .main_pressed a:hover{ } #center .cms>.center .category_center .separator{ display: block; line-height: 20px; text-decoration: none; } #center .cms>.center .category_center .separator_end { } #center .cms>.center .category_center .sub_normal{ font-size: 11px; background: #F0FfF9; line-height: 20px; padding-left: 0px; } #center .cms>.center .category_center .sub_normal a{ color: #000000; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } #center .cms>.center .category_center .sub_normal a:hover{ background: #DCEDF1 url(images/layout/center_top_center_category_sub_normal_hover_bg.gif) left no-repeat; } #center .cms>.center .category_center .sub_pressed{ font-size: 11px; background: #DCEDF1; line-height: 20px; } #center .cms>.center .category_center .sub_pressed a{ color: #000000; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } #center .cms>.center .category_center .sub_pressed a:hover{ } /* Element - Kategoria gorna */ #center .cms>.center .category_top{ background: #fafa99; margin: 0px; overflow: hidden; padding: 7px; } #center .cms>.center .category_top .main_normal{ float: left; margin-right: 10px; } #center .cms>.center .category_top .main_normal a { text-decoration: none; } #center .cms>.center .category_top .main_normal a:hover { text-decoration: underline; } #center .cms>.center .category_top .main_pressed{ float: left; margin-right: 10px; } #center .cms>.center .category_top .main_pressed a { text-decoration: none; color: #000000; } #center .cms>.center .category_top .main_pressed a:hover { text-decoration: underline; } #center .cms>.center .category_top .sub_normal{ float: left; margin-right: 10px; } #center .cms>.center .category_top .sub_normal a { text-decoration: none; } #center .cms>.center .category_top .sub_normal a:hover { text-decoration: underline; } #center .cms>.center .category_top .sub_pressed{ float: left; margin-right: 10px; } #center .cms>.center .category_top .sub_pressed a { text-decoration: none; color: #000000; } #center .cms>.center .category_top .sub_pressed a:hover { text-decoration: underline; } /* Komunikat systemowy */ #center .cms>.center .message { background: #CCE2F6 url(images/layout/bullet_message.gif) no-repeat left; color: #006AD2; font-weight: bold; padding: 5px; padding-left: 22px; margin-bottom: 5px; border: 1px solid #7FB4E9; } #center .cms>.center .message_error { background: #EECCD6 url(images/layout/bullet_message_error.gif) no-repeat left; color: #CC0000; font-weight: bold; padding: 5px; padding-left: 22px; margin-bottom: 5px; border: 1px solid #A6002E; } #center .cms>.center .message_ok { background: #F5FAE6 url(images/layout/bullet_message_ok.gif) no-repeat left; color: #006600; font-weight: bold; padding: 5px; padding-left: 22px; margin-bottom: 5px; border: 1px solid #99CC33; } /* Element - Pasek nawigacyjny */ #center .cms>.center .nav_bar { background: #FFFFFF; border-bottom: 1px solid #EBEBEB; font-size: 11px; overflow: hidden; padding: 5px; } #center .cms>.center .nav_bar ul{ margin: 0px; padding: 0px; } #center .cms>.center .nav_bar ul li{ float: left; list-style: none; margin-right: 5px; } #center .cms>.center .nav_bar ul li a{ text-decoration: none; } #center .cms>.center .nav_bar ul li a:link{ color: #666; } #center .cms>.center .nav_bar ul li a:link:hover{ color: #333; } #center .cms>.center .nav_bar ul li a:visited{ color: #666; } #center .cms>.center .nav_bar ul li a:visited:hover{ color: #333; } #center .cms>.center .nav_bar ul li.first{ color: #999; } #center .cms>.center .nav_bar ul li.pressed{ color: #333; font-weight: bold; } #center .cms>.center .nav_bar ul li.separator{ color: #999; float: left; } #center .cms>.center .nav_bar ul li.title a{ color: #666; } #center .cms>.center .nav_bar ul li.title a:visited:hover{ color: #333; } /* Element - Standardowa forma - Struktura strony */ #center .cms>.center .section_send_form { float: right; text-align: right; width: 235px; } #center .cms>.center .section_send_form a { margin-right: 5px; } #center .cms>.center a{ color: #006093; } #center .cms>.center a:hover{ color: #006093; } /* Element - Standardowa forma */ #center .cms>.center form.default { padding: 15px; border: 1px solid #CCCCCC; background: #fafafa; } #center .cms>.center form.default dl { padding: 0px; margin: 0px; } #center .cms>.center form.default dt { height: 24px; margin: 0px; padding: 0px; } #center .cms>.center form.default dt em { color: #ec4a24; font-weight: bold; } #center .cms>.center form.default dt input[type="password"] { border: 1px solid #bbb; font: 12px; width: 150px; float: left; } #center .cms>.center form.default dt input[type="password"].focus { border: 1px solid #F1CA80; background: #FEFAF3 none; } #center .cms>.center form.default dt input[type="text"] { border: 1px solid #bbb; font: 12px; width: 150px; float: left; } #center .cms>.center form.default dt input[type="text"].focus { border: 1px solid #F1CA80; background: #FEFAF3 none; } #center .cms>.center form.default dt label { width: 170px; text-align: right; padding-right: 10px; display: block; float: left; font-size: 11px; font-weight: bold; } #center .cms>.center form.default dt select.focus { border: 1px solid #F1CA80; } #center .cms>.center form.default dt span { color: red; padding-left: 6px; font-size: 11px; } #center .cms>.center form.default dt textarea { border: 1px solid #bbb; } #center .cms>.center form.default dt textarea.focus { border: 1px solid #F1CA80; background: #FEFAF3; } #center .cms>.center form.default dt.long { height: auto; } #center .cms>.center form.default dt.long textarea { } #center .cms>.center form.default em { color: #ec4a24; } #center .cms>.center form.default p { padding: 0px; margin: 0px; } #center .cms>.center h1{ color: #a60929; font-size: 24px; font-weight: normal; margin: 10px 0px; } #center .cms>.center h1 small{ color: #4C4C4C; font-size: 11px; font-weight: normal; margin-bottom: 20px; } #center .cms>.center h2{ color: #333; font-size: 16px; margin: 15px 0px 10px 0px; } #center .cms>.center h2 small{ color: #999999; font-size: 11px; font-weight: normal; margin-bottom: 10px; } #center .cms>.center h2.blue{ color: #006093; font-weight: bold; } #center .cms>.center h3{ color: #333; font-size: 12px; margin: margin: 2px 0px; } #center .cms>.center h3 small{ color: #4C4C4C; font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; } #center .cms>.center h3.blue{ color: #006093; font-weight: bold; } #center .cms>.center h4{ color: #333; font-size: 11px; margin: margin: 2px 0px; } #center .cms>.center p { } /* Element - Standardowa tabela */ #center .cms>.center table.default { } #center .cms>.center table.default caption { font-size: 11px; padding: 0 0 5px 0; text-align: right; } #center .cms>.center table.default td { background: #fff; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; color: #333333; padding: 6px 6px 6px 12px; } #center .cms>.center table.default td[scope="col"] { border-left: 1px solid #CCCCCC; background: #fafafa; } #center .cms>.center table.default th.long { width: 300px; } #center .cms>.center table.default th.medium { width: 150px; } #center .cms>.center table.default th.nobg { !important; border-right: 1px solid #CCCCCC; background: none; } #center .cms>.center table.default th.short { width: 100px; } #center .cms>.center table.default th[scope="col"] { background: #CAE8EA url(images/layout/center_table_files_bg_header.jpg) no-repeat; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font: bold 11px; padding: 6px 6px 6px 12px; text-align: left; } #center .cms>.center table.default th[scope="col"]:first-child { border-left: 1px solid #CCCCCC; } #center .cms>.center table.default th[scope="row"]:first-child { background: url(images/layout/center_table_files_bullet1.gif) #fff no-repeat; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; color: #333333; font: bold 11px; padding: 6px 6px 6px 12px; text-align: left; } #center .cms>.center ul { } #center .cms>.center ul li { } #center .cms>.center ul li a { } #center .cms>.center ul li a:href { } /* Element - Modyfikatory struktury strony */ #center .cms>.center.full{ width: 940px; } #center .cms>.center.full_no_margins{ width: 960px; margin: 0px; padding: 0px; } #center .cms>.center.middle{ margin-left: 200px; width: 540px; text-align: middle; } #center .cms>.center.only_left{ width: 700px; } #center .cms>.center.only_left_w300{ width: 640px; } #center .cms>.center.only_right{ width: 760px; } #center .cms>.center.only_shop{ width: 540px; } #center .cms>.center.popup{ width: 580px; min-height: 400px; } /* Element - Lewa kolumna */ #center .cms>.left{ float: left; min-height: 500px; width: 240px; } #center .cms>.left .category_left { margin: 5px; } #center .cms>.left .category_left .header{ background: #3A3A3A; color: #FFFFFF; font-weight: bold; line-height: 30px; padding-left: 10px; } #center .cms>.left .category_left .main_normal{ background: #F4F4F4; border: 1px solid #CCCCCC; border-top: none; line-height: 30px; padding-left: 10px; } #center .cms>.left .category_left .main_normal a{ color: #000000; display: block; line-height: 30px; text-decoration: none; } #center .cms>.left .category_left .main_normal a:hover{ text-decoration: underline; } #center .cms>.left .category_left .main_pressed{ background: #FFFFCC; border: 1px solid #CCCCCC; border-top: none; line-height: 30px; padding-left: 10px; } #center .cms>.left .category_left .main_pressed a{ color: #000000; display: block; line-height: 30px; text-decoration: none; } #center .cms>.left .category_left .main_pressed a:hover{ text-decoration: underline; } #center .cms>.left .category_left .newsletter{ background: #FFFFFF; border: 1px solid #D6D6D6; margin-bottom: 8px; padding-bottom: 15px; padding-left: 15px; } #center .cms>.left .category_left .newsletter h1{ font-size: 14px; font-weight: normal; margin-bottom: 0px; padding-bottom: 8px; padding-left: 0px; } #center .cms>.left .category_left .newsletter img{ padding-left: 5px; vertical-align: top; } #center .cms>.left .category_left .newsletter input{ margin-top: 2px; vertical-align: top; } #center .cms>.left .category_left .newsletter p{ margin-top: 0px; padding-top: 8px; } #center .cms>.left .category_left .separator{ display: block; line-height: 30px; text-decoration: none; } #center .cms>.left .category_left .separator_end{ height: 10px; background: #00CC66; } #center .cms>.left .category_left .sub_normal{ background: #FFFFFF; border: 1px solid #CCCCCC; border-top: 1px dotted #CCC; border-top: none; font-size: 11px; font-weight: bold; line-height: 25px; padding-left: 15px; } #center .cms>.left .category_left .sub_normal a{ color: #000000; display: block; line-height: 25px; text-decoration: none; } #center .cms>.left .category_left .sub_normal a:hover{ text-decoration: underline; } #center .cms>.left .category_left .sub_pressed{ background: #FFFF66; border: 1px solid #CCCCCC; border-top: 1px dotted #CCC; border-top: none; font-size: 11px; font-weight: bold; line-height: 25px; padding-left: 15px; } #center .cms>.left .category_left .sub_pressed a{ color: #000000; display: block; line-height: 25px; text-decoration: none; } #center .cms>.left .category_left .sub_pressed a:hover{ text-decoration: underline; } #center .cms>.left .category_left .sub_sub_normal{ background: #FFFFFF; border: 1px solid #CCCCCC; border-top: none; font-size: 11px; font-weight: bold; line-height: 20px; padding-left: 20px; } #center .cms>.left .category_left .sub_sub_normal a{ color: #000000; display: block; text-decoration: none; text-decoration: none; } #center .cms>.left .category_left .sub_sub_normal a:hover{ text-decoration: underline; } #center .cms>.left .category_left .sub_sub_pressed{ background: #FFCC00; border: 1px solid #CCCCCC; border-top: none; font-size: 11px; font-weight: bold; font-weight: bold; line-height: 30px; padding-left: 20px; } #center .cms>.left .category_left .sub_sub_pressed a{ color: #000000; display: block; line-height: 20px; text-decoration: none; } #center .cms>.left .category_left .sub_sub_pressed a:hover{ text-decoration: underline; } #center .cms>.left.w300{ width: 300px; } /* Element - Prawa kolumna */ #center .cms>.right{ float: right; min-height: 500px; width: 180px; } #center .cms>.right .category_right{ background: #0066CC; margin: 5px; } #center .cms>.right .category_right .frame{ background: #FFFFFF; margin-bottom: 8px; padding-bottom: 25px; } #center .cms>.right .category_right .frame h1{ font-size: 12px; font-weight: bold; line-height: 33px; margin: 0px; padding: 0px; padding-left: 18px; padding-top: 7px; } #center .cms>.right .category_right .frame h2{ font-size: 12px; font-weight: normal; font-weight: bold; margin: 0px; margin-bottom: 5px; margin-top: 5px; padding: 0px; padding-left: 18px; } #center .cms>.right .category_right .frame p{ font-size: 12px; font-weight: normal; line-height: 17px; margin: 0px; padding: 0px; padding-bottom: 0px; padding-left: 18px; padding-right: 18px; } #center .cms>.right .category_right .header{ background: #333333; color: #FFFFFF; line-height: 30px; padding-left: 10px; } #center .cms>.right .category_right .main_normal{ background: #F4F4F4; border: 1px solid #CCCCCC; border-top: none; line-height: 30px; padding-left: 10px; } #center .cms>.right .category_right .main_normal a{ color: #000000; display: block; line-height: 30px; text-decoration: none; } #center .cms>.right .category_right .main_normal a:hover{ text-decoration: underline; } #center .cms>.right .category_right .main_pressed{ background: #FFFFCC; border: 1px solid #CCCCCC; border-top: none; line-height: 30px; padding-left: 10px; } #center .cms>.right .category_right .main_pressed a{ color: #000000; display: block; line-height: 30px; text-decoration: none; } #center .cms>.right .category_right .main_pressed a:hover{ text-decoration: underline; } #center .cms>.right .category_right .newsletter{ background: #FFFFFF; border: 1px solid #D6D6D6; margin-bottom: 8px; padding-bottom: 15px; padding-left: 15px; } #center .cms>.right .category_right .newsletter h1{ font-size: 14px; font-weight: normal; margin-bottom: 0px; padding-bottom: 8px; padding-left: 0px; } #center .cms>.right .category_right .newsletter img{ padding-left: 5px; vertical-align: top; } #center .cms>.right .category_right .newsletter input{ margin-top: 2px; vertical-align: top; } #center .cms>.right .category_right .newsletter p{ margin-top: 0px; padding-top: 8px; } #center .cms>.right .category_right .separator{ display: block; line-height: 30px; text-decoration: none; } #center .cms>.right .category_right .separator_end{ } #center .cms>.right .category_right .sub_normal{ background: #FFFFFF; border: 1px solid #CCCCCC; border-top: 1px dotted #CCC; border-top: none; font-size: 11px; font-weight: bold; line-height: 25px; padding-left: 15px; } #center .cms>.right .category_right .sub_normal a{ color: #000000; display: block; line-height: 25px; text-decoration: none; } #center .cms>.right .category_right .sub_normal a:hover{ text-decoration: underline; } #center .cms>.right .category_right .sub_pressed{ background: #FFFF66; border: 1px solid #CCCCCC; border-top: 1px dotted #CCC; border-top: none; font-size: 11px; font-weight: bold; line-height: 25px; padding-left: 15px; } #center .cms>.right .category_right .sub_pressed a{ color: #000000; display: block; line-height: 25px; text-decoration: none; } #center .cms>.right .category_right .sub_pressed a:hover{ text-decoration: underline; } #center .cms>.right .category_right .sub_sub_normal{ background: #FFFFFF; border: 1px solid #CCCCCC; border-top: none; font-size: 11px; font-weight: bold; line-height: 20px; padding-left: 20px; } #center .cms>.right .category_right .sub_sub_normal a{ color: #000000; display: block; text-decoration: none; text-decoration: none; } #center .cms>.right .category_right .sub_sub_normal a:hover{ text-decoration: underline; } #center .cms>.right .category_right .sub_sub_pressed{ background: #FFCC00; border: 1px solid #CCCCCC; border-top: none; font-size: 11px; font-weight: bold; font-weight: bold; line-height: 30px; padding-left: 20px; } #center .cms>.right .category_right .sub_sub_pressed a{ color: #000000; display: block; line-height: 20px; text-decoration: none; } #center .cms>.right .category_right .sub_sub_pressed a:hover{ text-decoration: underline; } #center .cms>.right.w220{ width: 220px; } /* Element - Tabs */ #center .cms>.top .category_top{ border-bottom: 3px solid #b52a45; width: 100%; margin-top: 15px; height: 31px; } #center .cms>.top .category_top .header { height: 20px; float: left; width: auto; color: #ffffff; line-height: 20px; padding-left: 12px; padding-right: 10px; font-weight: bold; padding-top: 10px; } #center .cms>.top .category_top .main_normal{ float: left; width: auto; line-height: 30px; margin-left: 3px; height: 31px; } #center .cms>.top .category_top .main_normal a { display: block; color: #ffffff; text-decoration: none; background: url(images/layout/top_main_normal.gif) repeat-x; padding-left: 10px; padding-right: 10px; } #center .cms>.top .category_top .main_normal a:hover { ;background: url(images/layout/top_main_normal_hover.gif) repeat-x; height: 33px; } #center .cms>.top .category_top .main_pressed { float: left; width: auto; background: #b52a45; line-height: 33px; margin-bottom: -4px; height: 33px; padding-right: 10px; padding-left: 10px; margin-left: 3px; } #center .cms>.top .category_top .main_pressed a { font-weight: bold; color: #ffffff; display: block; line-height: 30px; text-decoration: none; } #center .cms>.top .category_top .main_pressed a:hover { text-decoration: none; } #center .cms>.top .category_top .separator { display: block; line-height: 35px; text-decoration: none; } #center .cms>.top .category_top .separator_end { } /* Element - Pasek nawigacyjny */ #center>.nav_bar{ background: #FFFFFF; border-bottom: 1px solid #EBEBEB; font-size: 11px; overflow: hidden; padding: 5px; } #center>.nav_bar ul{ margin: 0px; padding: 0px; } #center>.nav_bar ul li{ float: left; list-style: none; margin-right: 5px; } #center>.nav_bar ul li a{ text-decoration: none; } #center>.nav_bar ul li a:link{ color: #666; } #center>.nav_bar ul li a:link:hover{ color: #333; } #center>.nav_bar ul li a:visited{ color: #666; } #center>.nav_bar ul li a:visited:hover{ color: #333; } #center>.nav_bar ul li.first{ color: #999; } #center>.nav_bar ul li.pressed{ color: #333; font-weight: bold; } #center>.nav_bar ul li.separator{ color: #999; float: left; } #center>.nav_bar ul li.title a{ color: #666; } #center>.nav_bar ul li.title a:visited:hover{ color: #333; } #page_bar { height: 30px; vertical-align: middle; line-height: 30px; font-size: 12px; } #page_bar>.light { color: #000000; font-weight: normal; text-decoration: none; } #page_bar>.next { color: #000000; margin-left: 5px; text-decoration: none; margin-right: 5px; } #page_bar>.previous { color: #000000; margin-right: 5px; margin-left: 5px; text-decoration: none; } #page_bar>.text { color: #666666; margin-right: 3px; } #page_bar>a { color: #000000; text-decoration: none; } #page_bar>a:hover { color: #000000; text-decoration: underline; } #page_bar>em { color: silver; margin-right: 2px; margin-left: 2px; font-size: 11px; line-height: 10px; vertical-align: middle; } /* Struktura strony - Gora */ #top{ background: url(images/layout/top_bg.png) repeat-x; height: auto; overflow: hidden; } /*#top{ background: url(images/layout/1/swieta-bg.jpg) repeat-x; height: auto; overflow: hidden; }*/ #top .login_board { color: #fff; height: 18px; margin: 0px auto; padding: 5px; text-align: right; font-size: 11px; } #top .login_board a { color: #FF9148; text-decoration: none; } #top .login_board a:hover { color: #FFBD91; text-decoration: none; } #top .login_board ul { margin: 0px; padding: 0px; width: 200px; float: right; } #top .login_board ul li { float: right; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; padding-right: 8px; } #top .login_board ul li.avatar { display: none; } #top .login_board ul li.avatar img { width: 32px; } #top .login_board ul li.login { } #top .login_board ul li.logout a { } #top .logo{ float: left; margin: 0 auto; width: 200px; } #top .logo img{ margin: -2px 25px; } #top .main { } #top .menu { clear: both; margin: 0px auto; padding: 0px; margin-top: 10px; } #top .menu ul{ background: #ffffff url(images/layout/top_menu_bg.gif); height: 33px; margin: 0px; padding: 0px; } #top .menu ul a{ color: #fff; display: block; height: 33px; line-height: 33px; padding-left: 14px; padding-right: 15px; text-decoration: none; } #top .menu ul li{ float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; } #top .menu ul li.bullet { color: #CFCFCF; line-height: 33px; } #top .menu ul li.header{ background: #CCCCCC; border: none; font-weight: normal; line-height: 33px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } #top .menu ul li.normal a{ background: #fffff url(images/layout/top_menu_bg_normal.gif); } #top .menu ul li.normal a:hover{ background: url(images/layout/top_menu_bg_normal_hover.gif); } #top .menu ul li.pressed a{ background: url(images/layout/top_menu_bg_pressed.gif); color: #ffffff; } #top .menu ul li.pressed a:hover{ background: url(images/layout/top_menu_bg_pressed_hover.gif); } #top .menu ul li.promoted a{ background: url(images/layout/top_menu_bg_promoted.gif); } #top .menu ul li.promoted a:hover{ background: url(images/layout/top_menu_bg_promoted_hover.gif); } #top .menu ul li.separator{ background: ; line-height: 33px; padding-left: 5px; padding-right: 5px; } #top .menu ul li:last-child { display: block; } #top .menu ul.sub{ background: url(images/layout/top_menu_sub_bg.gif); min-height: 33px; overflow: hidden; } #top .menu ul.sub li{ float: left; height: 33px; } #top .menu ul.sub li.normal a{ background: none; color: #ffffff; padding-left: 8px; padding-right: 8px; } #top .menu ul.sub li.normal a:hover{ background: none; color: #FFF; padding-left: 8px; padding-right: 8px; } #top .menu ul.sub li.pressed a{ background: none; color: #ffffff; font-weight: bold; padding-left: 8px; padding-right: 8px; } #top .menu ul.sub li.pressed a:hover{ background: none; color: #ffffff; padding-left: 8px; padding-right: 8px; } #top .menu_mini{ float: right; margin: 0px auto; } #top .menu_mini ul{ float: right; height: 25px; margin: 0px; padding: 0px; } #top .menu_mini ul li{ float: left; font-size: 11px; line-height: 28px; list-style: none; margin-right: 10px; } #top .menu_mini ul li a{ color: #BC7DBD; display: block; text-decoration: none; } #top .menu_mini ul li a:hover{ color: #9C519D; } #top .search { color: #FFFFFF; float: right; margin-top: 10px; text-align: center; width: 290px; } #top .search input[type="image"] { float: left; } #top .search input[type="text"] { padding: 2px; height: 16px; color: #666666; border: 1px solid #FF3333; border-right: none; float: left; width: 200px; } #top .title{ margin-left: 40px; float: left; height: 50px; width: 150px; } #top .title strong{ color: #fff; font-size: 12px; font-weight: normal; }