/* 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 { padding-bottom:20px;color:#999; background:#fff url(images/layout/bottom_bg.png) repeat-x; font-size: 11px;} #bottom h3 { font-family:"Times New Roman", Times, serif; padding:0px; margin:0px; margin-top:7px; line-height:20px; font-size:15px; color:#333333;} #bottom .menu {float:left; width:960px;} #bottom .menu ul { margin: 0px; padding: 0px; margin-bottom: 10px } #bottom .menu ul li{ padding:1px 10px 1px 10px; float:left; list-style: none;} #bottom .menu ul li a { color:#cc0000; text-decoration: none;} #bottom .menu ul li a:hover {color:#FF1717} #bottom a {} #bottom a:hover {} #bottom p { margin: 0px; padding: 0px; margin-left:10px;} #bottom .payment { margin-top:10px; margin-bottom:10px; margin-left:10px; height:40px;} #bottom .copyright { float:left; margin-top:10px;} #bottom .newsletter { background:url(images/layout/newsletter_bg.gif) no-repeat left top; margin-right:10px; float:right; width:300px;} #bottom .newsletter h3 { padding:0px; margin:0px; margin-left:90px; font-size:16px;} #bottom .newsletter p {margin:5px 0px; margin-left:90px; padding:0px; color:#333333; line-height:14px;} #bottom .newsletter input { margin-left:90px; width:180px; border:1px solid #7F9DB9; border-right:none; padding:2px; color:#999999;} #bottom .newsletter #message_newsletter { color:#CC0000;} /* 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; width: 32px; margin-right: 3px; } #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; } /* 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; border: 1px solid #A6002E; } #center .cms>.center .message.error a{color: #CC0000;} #center .cms>.center .message.ok { background: #F5FAE6 url(images/layout/bullet_message_ok.gif) no-repeat left; color: #006600; border: 1px solid #99CC33; } #center .cms>.center .message.ok a { color: #006600;} /* 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 - Formatowanie tekstu */ #center .cms>.center { background:#fff; float: left; min-height: 150px; overflow: hidden; padding: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; width: 448px; } #center .cms>.center hr { height: 3px; color: #0099CC; background-color:#0066CC } #center .cms>.center a {} #center .cms>.center a:hover {} #center .cms>.center ol li { margin-bottom:5px;} #center .cms>.center ul {} #center .cms>.center ul li {} #center .cms>.center ul li a {} #center .cms>.center ul li a:href {} #center .cms>.center h1{ font-family:"Times New Roman", Times, serif; color: #999; font-size: 24px; margin: 10px 0px; line-height:20px;} #center .cms>.center h1 small{ color: #333; font-size: 11px; margin-bottom: 20px; } #center .cms>.center h2{font-family:"Times New Roman", Times, serif; color: #333; font-size: 17px; 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{ font-family:"Times New Roman", Times, serif; color: #333; font-size: 14px; 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{ font-family:"Times New Roman", Times, serif; color: #333; font-size: 11px; margin: margin: 2px 0px; } #center .cms>.center p {margin:10px 0px; text-align:justify;} /* 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="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-image: none; background-color: #FEFAF3; } #center .cms>.center form.default dt input[type="password"].focus { border: 1px solid #F1CA80; background-image: none; background-color: #FEFAF3; } #center .cms>.center form.default dt select.focus { border: 1px solid #F1CA80; } #center .cms>.center form.default dt textarea.focus { border: 1px solid #F1CA80; background: #FEFAF3;} #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 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.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; } /* 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 td.subtotal { 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 { 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; } /* 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: 620px;} #center .cms>.center.only_left_w300{ width: 620px; } #center .cms>.center.only_right{ width: 760px; } #center .cms>.center.only_shop{ width: 540px; } #center .cms>.center.popup{ width: 580px; min-height: 200px; } /* Element - Lewa kolumna */ #center .cms>.left{ float: left; min-height: 150px; width: 312px;} #center .cms>.left .category_left h2 { font-size:14px; color: #666; padding:3px 10px; margin:0px; font-family:"Times New Roman", Times, serif;} #center .cms>.left .category_left p { font-size:11px; padding:5px 10px; margin:0px; line-height:13px; text-align:justify;} #center .cms>.left .category_left {margin: 5px; border:1px solid #CCCCCC; background:#F8F8F8; padding-bottom:10px;} #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 .header{ font-family:"Times New Roman", Times, serif; font-size:17px; font-weight:bold; position: relative; z-index: 100; padding-left: 15px; background: url(images/layout/cms_category_left_header_bg.gif) #393939 repeat-x left center; color: #666; line-height: 25px; height: 25px; margin-left:-5px;} #center .cms>.left .category_left .main_normal{ border-top:none; display:block;} #center .cms>.left .category_left .main_normal a{ font-weight:bold; padding:4px; display:block; color:#333; background:url(images/layout/cms_category_left_main_normal_bg.gif) left no-repeat; text-decoration: none; padding-left:20px;} #center .cms>.left .category_left .main_normal a:hover{ color:#333; background:#fafafa url(images/layout/cms_category_left_main_normal_hover_bg.gif) center left no-repeat;} #center .cms>.left .category_left .main_pressed{display:block;} #center .cms>.left .category_left .main_pressed a { margin-left:-5px; width:277px; font-weight:bold; padding:4px; color:#cc0000;background:#F0F0F0 url(images/layout/cms_category_left_main_normal_pressed_bg.gif) center left no-repeat ; display:block; text-decoration:none; padding-left:25px;} #center .cms>.left .category_left .main_pressed a:hover{ color:#333;} #center .cms>.left .category_left .sub_normal{ border:1px solid #ccc; border-top:none; font-size:11px; display:block;} #center .cms>.left .category_left .sub_normal a { color:#666; background:url(images/layout/cms_category_left_sub_normal_bg.gif) left no-repeat; display: block; text-decoration: none; padding-left:27px;} #center .cms>.left .category_left .sub_normal a:hover{ color:#666; background:#f1f1f1 url(images/layout/cms_category_left_sub_normal_hover_bg.gif) left no-repeat;} #center .cms>.left .category_left .sub_pressed{ font-size:11px; border:1px solid #ccc; border-top:none; display:block;} #center .cms>.left .category_left .sub_pressed a{ color:#cc0000; background:#F0F0F0 url(images/layout/cms_category_left_sub_pressed_bg.gif) left no-repeat; display: block; text-decoration: none; padding-left:27px;} #center .cms>.left .category_left .sub_pressed a:hover{ color:#666;} /* Element Newsltetter */ #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; } /* Element - Sonda */ #center .cms>.left .category_left .survey{ border:1px solid #D9D6D0; background: #fafafa; margin-bottom: 8px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } #center .cms>.left .category_left .survey table { width:100%;} #center .cms>.left .category_left .survey th[scope="col"] { text-align:left; } #center .cms>.left .category_left .survey td{ border-bottom: 1px dotted #CCCCCC; padding:0px; margin:0px; font-size:11px;} #center .cms>.left .category_left .survey input{ margin-top: 2px; vertical-align: top; } #center .cms>.left .category_left .survey p{ padding: 0px; margin: 0px; text-align:center; font-size: 11px; line-height: 15px } #center .cms>.left .category_left .survey .result { padding: 0px; margin: 0px; } #center .cms>.left .category_left .survey .result .answer p { padding: 0px; margin: 0px; font-size: 11px; text-align:left; line-height: 17px } #center .cms>.left .category_left .survey .result .percentage p { padding: 0px; margin: 0px; font-size: 10px; text-align:right; color: #666666 } #center .cms>.left .category_left .survey .result .progress{ background: #fff; height: 7px; padding:1px; border:1px solid #CCCCCC;} #center .cms>.left .category_left .survey .result .progress div{ background: #993399; height: 7px } #center .cms>.left.w300{ width: 300px; } /* Element - Prawa kolumna */ #center .cms>.right{ float: right; min-height: 150px; width: 180px;} #center .cms>.right .menu2 { margin: 5px; clear:both; height:20px;} #center .cms>.right .menu2 ul { margin: 0px; padding:0px; font-size:11px;} #center .cms>.right .menu2 ul li { list-style:none; float:right; margin-left:10px;} #center .cms>.right .menu2 ul li a { text-decoration:none; color:#000;} #center .cms>.right .menu2 ul li img { margin-right:2px;} #center .cms>.right .category_right{ 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 .separator{ display: block; line-height: 30px; text-decoration: none; } #center .cms>.right .category_right .separator_end{ height:10px; background:#00CC66;} #center .cms>.right .category_right .header{ font-weight:bold; position: relative; z-index: 100; padding-left: 5px; background: url(images/layout/cms_category_right_header_bg.gif) #393939 repeat-x; color: #ffffff; line-height: 25px; height: 25px; } #center .cms>.right .category_right .main_normal{ border:1px solid #ccc; border-top:none; display:block;} #center .cms>.right .category_right .main_normal a{ display:block; color:#333; background:url(images/layout/cms_category_right_main_normal_bg.gif) left no-repeat; text-decoration: none; padding-left:17px;} #center .cms>.right .category_right .main_normal a:hover{ color:#333; background:#F0F0F0 url(images/layout/cms_category_right_main_normal_hover_bg.gif) left no-repeat;} #center .cms>.right .category_right .main_pressed{ border:1px solid #ccc; border-top:none; display:block;} #center .cms>.right .category_right .main_pressed a{ color:#cc0000;background:#F0F0F0 url(images/layout/cms_category_right_main_normal_pressed_bg.gif) left no-repeat; display:block; text-decoration:none; padding-left:17px;} #center .cms>.right .category_right .main_pressed a:hover{ color:#333;} #center .cms>.right .category_right .sub_normal{ border:1px solid #ccc; border-top:none; font-size:11px; display:block;} #center .cms>.right .category_right .sub_normal a { color:#666; background:url(images/layout/cms_category_right_sub_normal_bg.gif) left no-repeat; display: block; line-height: 21px; text-decoration: none; padding-left:27px;} #center .cms>.right .category_right .sub_normal a:hover{ color:#666; background:#f1f1f1 url(images/layout/cms_category_right_sub_normal_hover_bg.gif) left no-repeat;} #center .cms>.right .category_right .sub_pressed{ font-size:11px; border:1px solid #ccc; border-top:none; display:block;} #center .cms>.right .category_right .sub_pressed a{ color:#cc0000; background:#F0F0F0 url(images/layout/cms_category_right_sub_pressed_bg.gif) left no-repeat; display: block; text-decoration: none; padding-left:27px;} #center .cms>.right .category_right .sub_pressed a:hover{ color:#666;} #center .cms>.right .category_right .sub_sub_normal{ background: #FFFFFF; border: 1px solid #CCCCCC; border-top: none; font-size: 11px; font-weight: bold; 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; 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; } /* Element Newsltetter */ #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.w220{ width: 220px; } /* Element - Tabs */ #center .cms>.top .category_top{ border-bottom: 3px solid #cccccc; width: 100%; margin-top: 15px; height: 31px } #center .cms>.top .category_top .header { float: left; width:auto; background: #333333; color: #FFFFFF; line-height: 31px; padding-left: 10px; padding-right: 10px; margin-left: 2px } #center .cms>.top .category_top .main_normal{ float: left; width:auto; background: #F4F4F4; border: 1px solid #CCCCCC; border-bottom: none; line-height: 30px; padding-right: 10px; padding-left: 10px; margin-left: 2px } #center .cms>.top .category_top .main_normal a { color: #000000; display: block; line-height: 30px; text-decoration: none; } #center .cms>.top .category_top .main_normal a:hover { text-decoration: underline; } #center .cms>.top .category_top .main_pressed { float: left; width:auto; background: #FFFFFF; border: 1px solid #CCCCCC; border-bottom: none; line-height: 33px; margin-bottom: -4px; height: 33px; padding-right: 10px; padding-left: 10px; margin-left: 2px } #center .cms>.top .category_top .main_pressed a { color: #000000; display: block; line-height: 30px; text-decoration: none; } #center .cms>.top .category_top .main_pressed a:hover { text-decoration: underline; } #center .cms>.top .category_top .separator { display: block; line-height: 30px; 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{ } #top .login_board { display:none; background:#fff; color: #333; height:25px; line-height:25px;margin: 0px auto; text-align: right; font-size: 12px; padding-right:5px;} #top .login_board a {color:#006194; text-decoration:none;} #top .login_board a:hover { color:#666666; text-decoration:underline;} #top .login_board ul { margin: 0px; padding: 0px; width: 400px; 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 a { border-right:1px solid #f1f1f1; padding-right:8px;} #top .login_board ul li a:hover {} #top .login_board ul li.avatar { display: none; } #top .login_board ul li.avatar img { width: 32px; } #top .login_board ul li.login a { font-weight:bold; color:#333333;} #top .login_board ul li.cart a {background:url(images/layout/icons/cart.gif) left no-repeat; padding-left:27px;} #top .login_board ul li.logout a { border:none; padding-right:0px;} #top .logo{ float: left; margin: 0 auto; width: 180px; } #top .logo img{ margin: 62px 15px;} #top .main {} #top .mini_menu { float:right; margin-right:5px; margin-top:5px; color:#CCCCCC; font-size:11px;} #top .mini_menu a { color:#666666; text-decoration:none;} #top .menu { clear: both; margin: 0px auto; padding: 0px; border:1px solid #666; border-left:none; border-right:none; border-bottom:3px solid #D60000;} #top .menu>ul{ font-family:"Times New Roman", Times, serif; background: #000 url(images/layout/top_menu_bg.gif); height: 31px; margin: 0px; padding: 0px; } #top .menu>ul>li a{ color: #fff; display: block; height: 31px; line-height: 31px; padding-left: 12px; padding-right: 13px; text-decoration: none; } #top .menu>ul>li{ float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; } #top .menu>ul>li.bullet { color: #CFCFCF; line-height: 31px; } #top .menu>ul>li.header{ background: #CCCCCC; border: none; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } #top .menu>ul>li.normal>a{ font-size:15px; color:#fff; border-right:1px solid #666; background:#000 url(images/layout/top_menu_bg_normal.gif); } #top .menu>ul>li.normal>a:hover{ color:#fff; background:#CC0000 url(images/layout/top_menu_bg_normal_hover.gif); } #top .menu>ul>li.hovered>a { color:#333333; border-right:1px solid #4C4C4C; background:#D39030 url(images/layout/top_menu_bg_normal_hover.gif); } #top .menu>ul>li.pressed>a{ font-size:15px; color:#fff; border-right:1px solid #666; background: #FF0000 url(images/layout/top_menu_bg_pressed.gif);} #top .menu>ul>li.pressed>a:hover{ background: #FF0000 url(images/layout/top_menu_bg_pressed_hover.gif); } #top .menu>ul>li.promoted>a{background: #FF9900 url(images/layout/top_menu_bg_promoted.gif); } #top .menu>ul>li.promoted>a:hover{background: #FFC773 url(images/layout/top_menu_bg_promoted_hover.gif); } #top .menu>ul>li.separator{ background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } #top .menu>ul>li:last-child { display: block; } #top .menu_type_1 ul.sub{margin: 0px; padding: 0px; background: #D59E4E; min-height: 19px; padding-top:3px; padding-bottom:2px; overflow: hidden; font-size:11px;} #top .menu_type_1 ul.sub>li a{ display: block; height: 12px; line-height: 12px; padding-left: 14px; padding-right: 15px; padding-top:3px; padding-bottom:3px; text-decoration: none; } #top .menu_type_1 ul.sub>li{ float: left; height: 15px; line-height:15px; list-style:none;} #top .menu_type_1 ul.sub>li.normal a{ background: none; color: #FCF0E0; padding-left: 8px; padding-right: 8px; } #top .menu_type_1 ul.sub>li.normal a:hover{ background:#E8B36A; color: #FFF; padding-left: 8px; padding-right: 8px; } #top .menu_type_1 ul.sub>li.pressed a{ background:#E8B36A; color: #FFF; padding-left: 8px; padding-right: 8px; } #top .menu_type_1 ul.sub>li.pressed a:hover{ background: none; color: #ffffff; padding-left: 8px; padding-right: 8px; } #top .menu_type_2 ul.sub{ font-size:14px; position: absolute; display:none; left:0px; top:31px; z-index: 100; margin: 0px; padding: 0px; list-style:none; } #top .menu_type_2 ul.sub>li a{display: block; height: 22px; line-height: 22px; padding-left: 14px; padding-right: 15px; text-decoration: none; } #top .menu_type_2 ul.sub>li{ border-bottom:1px solid #F0AC4D; z-index: 100000; height: 21px; float: none; height: 22px; width: 160px; background:#D39030 } #top .menu_type_2 ul.sub>li.normal a{color: #FAE0BE; padding-left: 8px; padding-right: 8px;} #top .menu_type_2 ul.sub>li.normal a:hover{ background:#ccc; color: #fff; padding-left: 8px; padding-right: 8px;} #top .menu_type_2 ul.sub>li.pressed a{ background:#DF9B3B; color: #FAE0BE; padding-left: 8px; padding-right: 8px; } #top .menu_type_2 ul.sub>li.pressed a:hover{ color: #fff; padding-left: 8px; padding-right: 8px; } #top .menu_type_2 .arrow{ background:transparent url(images/layout/top_menu_arrow.gif) no-repeat left; width:25px; height:31px; position: absolute; right: 0; top: 0 } #top .menu_type_2 ul>li>.arrowed { padding-right: 35px } #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 { background:#fafafa; color: #FFFFFF; float: right; margin-top: 10px; text-align: center; padding:7px;} #top .search:hover { background:#f1f1f1;} #top .search p {padding:0px; margin:0px;} #top .search input[type="image"] { float: left; } #top .search input[type="text"] { padding: 2px; line-height:26px; height: 26px; color: #666666; border: 1px solid #7F9DB9; border-right: none; float: left; width: 300px; font-size:24px; font-family:"Times New Roman", Times, serif; font-weight:normal;} #top .title{ font-family:"Times New Roman", Times, serif; margin-left: 5px; float: left; height:30px; margin-top:75px; width: 290px; } #top .title strong{ color: #999; font-size: 18px; font-weight: normal; } .live_menu { position: relative; z-index: 1000; margin: 0px !important; padding:0px !important; border: none !important; } .live_menu .item { position: absolute; left: 0 !important; top: 0px !important; margin: 0px !important; padding:0px !important; border: none !important; float: none; height: 7px !important; line-height: 7px !important; } .live_menu .item a{ padding: 0px !important; margin:0px !important; border:none; height: 7px !important; line-height: 7px !important} .live_menu .item img{ padding: 0px !important; margin:0px !important; border:none !important; height: 7px !important; line-height: 7px !important } .live_menu .item img:hover{ padding: 0px !important; margin:0px !important; border:none !important; height: 7px !important; line-height: 7px !important }