/* ----------------------------------------------------------------------------------------------- 01. GLOBAL - Nagłówki, ikony, linki, kontener i Logo 02. TOP 02.1 Wyszukiwarka 02.2 Forma logowania 02.3 Menu główne 02.3.a Menu płaskie 02.3.b Menu rozwijane (poziome) 02.3.c Menu rozwijane (pionowe) 02.3.d Menu rozwijane (rozgałęzione) 02.4 Nawigator 02.5 Mini koszyk 03. CENTER COLUMNS - left, right, center 03.1 Menu - Elementy nawigacyjne 03.1.a Menu lewe 03.1.b Menu prawe 03.1.c Menu zakładkowe 03.1.d Menu górne 03.1.e Menu środkowe 03.1.f Menu dolne 03.2 Zawartość 03.2.a Elementy - pasek przewijania stron, tabele, komunikaty 03.2.b Boksy 03.2.c Podstrony 04. BOTTOM 05. SYSTEM ----------------------------------------------------------------------------------------------- */ /* 01. GLOBALE -----------------------------------------------------------------------------------------------*/ /* Reset */ html, body, div, p, h1, h2, h3, h4, ul, li, span, a, /*table, td,*/ form, fieldset, img { border: 0; margin: 0; padding: 0; list-style: none; } body { font: 62.5%/140% Arial,Verdana, Helvetica, sans-serif; color: #333; text-align: center; width:100%; } .clear { clear: both; font-size: 0; line-height: 0; } html {} strong { color:#8FB014; font-weight:normal} /* Nagłówki */ h1 { font-size: 25px; color: #000; margin:15px 15px 15px 0; font-family: Arial ;font-weight:lighter; } h2 { font-size: 18px; color: #333; margin:10px 0px; font-weight:normal;} h3 { font-size: 13px; color: #000; margin:10px 0 5px 0; } h4 { font-size: 13px; color: #000; } p { margin:5px 0px;} div.col_center h1 { } /* Linie rozdzielające */ .hr { background: #ccc; height: 1px; margin-top: 5px; margin-bottom: 5px; } /* Linki */ a:link { color:#8FB014; text-decoration:none; outline: none; } a:visited { color:#28569B; text-decoration:none; outline: none; } a:hover { color:#999999; text-decoration:underline; outline: none; } a:active { color:#000; text-decoration:none; outline: none; } /* Przyciski, ikonki */ a.comment:hover { color:#FFA978; } a.cart {background: url(images/ico_basket.gif) no-repeat; display: block; height: 22px; width:22px;} a.button {background: url(images/layout/button_bg.png) repeat-x; text-align:right; font-size:18px; text-decoration:none; border:1px solid #ccc; padding:4px 8px; color:#FFFFFF;} a.button:hover { color:#FFFFFF;} /* Kontrolki - tak shot to nazwal */ textarea { padding:3px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px;} select { padding:2px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px;} input[type=text], input[type=password] { padding:2px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; width:136px} input[type=text]:hover, input[type=password]:hover { padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif;} input[type=submit].submit-hidden, input[type=submit], input[type=button], input[type=reset] { padding:2px 8px; background:url(images/layout/input_type_submit_bg.png) repeat-x; cursor:pointer; border:1px solid #ccc; color: #333; text-decoration: none; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} input.narrowest { width:50px;} input.narrow { width:150px;} input.wide { width:250px;} input.widest { width:400px;} textarea.narrowest { width:50px;} textarea.narrow { width:150px;} textarea.wide { width:250px;} textarea.widest { width:400px;} #background {overflow:hidden;} /* Kontener - Logo*/ div#site{ position: relative; font-size: 1.1em; line-height: 1.6em; width: 100%; text-align: left; margin: 0px auto 0px auto; overflow:hidden } div#top { background: #fff url(images/layout/top_bg.jpg) repeat-x center bottom; height:89px; overflow:hidden; position:relative; z-index: 1; } div#top .top {width:980px;margin:auto;height:89px;} div#top .top .logo {float:left;margin-top:34px;} div#site a#logo { display: block; position: absolute; left: 35px; top: 25px; width: 200px; height: 43px; margin: 0; background: url(images/layout/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; z-index: 200; } /* Inne */ #trailimageid { /*font-size: 0.75em;*/ font-size:11px; position: absolute; display: none; left: 0px; top: 0px; width: auto;height: 0px; z-index: 150; } .popup { margin: 0 auto; text-align: left; width: 600px; padding-top: 20px;} .to_use { padding: 30px; border: 1px solid #00CC66; clear: both; background: #CCFFCC; } /* REALIZACJE ---------------------------------------------------------------------------------------*/ #realizations {} #realizations .realization_item {width:300px;height:200px;background:red;} /* 02. TOP -----------------------------------------------------------------------------------------------*/ /* 02.1 Wyszukiwarka -----------------------------------------------------------------------------------------------*/ div#search { padding:5px; text-align:right; background:#D0E799;} div#search input[type="text"] {} .autocomplete-w1 { background:url(Library/autocomplete/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#3399FF; } /* 02.2 Forma logowania -----------------------------------------------------------------------------------------------*/ div#login_board { position: absolute; top: 10px; left: 565px; padding: 0; width: 420px; height: 100px; z-index: 1; color: #3A3832; text-align: right; } div#login_board a {color:#006194; text-decoration:none;} div#login_board a:hover { color:#666666; text-decoration:underline;} div#login_board ul { margin: 0px; padding: 0px; width: 400px; float: right;} div#login_board ul li { float: right; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; padding-right: 8px; } div#login_board ul li a { border-right:1px solid #f1f1f1; padding-right:8px;} div#login_board ul li a:hover {} div#login_board ul li.avatar { display: none; } div#login_board ul li.avatar img { width: 32px; } div#login_board ul li.login a { font-weight:bold; color:#333333;} div#login_board ul li.cart a {background:url(images/layout/icons/cart.gif) left no-repeat; padding-left:27px;} div#login_board ul li.logout a { border:none; padding-right:0px;} /* 02.3 Menu główne -----------------------------------------------------------------------------------------------*/ /* 02.3.a Menu płaskie -----------------------------------------------------------------------------------------------*/ div#menu_type_0 {margin: 0px auto; padding: 0px;float:right;margin-top:9px;} div#menu_type_0 .tool_bar {float:right;} div#menu_type_0>ul { margin: 0px; padding: 0px; } div#menu_type_0>ul>li a{ color: #fff; display: block; text-decoration: none;height:38px; text-indent:-99999px } div#menu_type_0>ul>li { float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; height:38px;} div#menu_type_0>ul>li.bullet { color: #CFCFCF; line-height: 31px; } div#menu_type_0>ul>li.header { background: #CCCCCC; border: none; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } #nr_104 { position:relative; top:1px} #nr_104.normal>a{ color:#fff;width: 54px;background:url(images/layout/logo_btn.jpg) no-repeat top left; } #nr_104.normal>a:hover{ color:#fff;width: 54px;background:url(images/layout/logo_btn_h.jpg) no-repeat top left; } #nr_104.pressed>a{color:#fff;width: 54px;background:url(images/layout/logo_btn_h.jpg) no-repeat top left; } #nr_104.pressed>a:hover{color:#fff;width: 54px;background:url(images/layout/logo_btn_h.jpg) no-repeat top left; } #nr_49 {} #nr_49.normal>a{ color:#fff;width: 109px;background:url(images/layout/49_n.jpg) no-repeat top left; } #nr_49.normal>a:hover{ color:#fff;width: 109px;background:url(images/layout/49_h.jpg) no-repeat top left; } #nr_49.pressed>a{color:#fff;width: 109px;background:url(images/layout/49_h.jpg) no-repeat top left; } #nr_49.pressed>a:hover{color:#fff;width: 109px;background:url(images/layout/49_h.jpg) no-repeat top left; } #nr_50 {} #nr_50.normal>a{ color:#fff;width: 79px;background:url(images/layout/50_n.jpg) no-repeat top left; } #nr_50.normal>a:hover{ color:#fff;width: 79px;background:url(images/layout/50_h.jpg) no-repeat top left; } #nr_50.pressed>a{color:#fff;width: 79px;background:url(images/layout/50_h.jpg) no-repeat top left;} #nr_50.pressed>a:hover{ color:#fff;width: 79px;background:url(images/layout/50_h.jpg) no-repeat top left; } #nr_51 {} #nr_51.normal>a{ color:#fff;width: 91px;background:url(images/layout/51_n.jpg) no-repeat top left; } #nr_51.normal>a:hover{ color:#fff;width: 91px;background:url(images/layout/51_h.jpg) no-repeat top left; } #nr_51.pressed>a{color:#fff;width: 91px;background:url(images/layout/51_h.jpg) no-repeat top left;} #nr_51.pressed>a:hover{color:#fff;width: 91px;background:url(images/layout/51_h.jpg) no-repeat top left; } #nr_52 {} #nr_52.normal>a{ color:#fff;width: 66px;background:url(images/layout/52_n.jpg) no-repeat top left; } #nr_52.normal>a:hover{ color:#fff;width: 66px;background:url(images/layout/52_h.jpg) no-repeat top left; } #nr_52.pressed>a{color:#fff;width: 66px;background:url(images/layout/52_h.jpg) no-repeat top left;} #nr_52.pressed>a:hover{color:#fff;width: 66px;background:url(images/layout/52_h.jpg) no-repeat top left; } #nr_53 {} #nr_53.normal>a{color:#fff;width: 92px;background:url(images/layout/53_n.jpg) no-repeat top left; } #nr_53.normal>a:hover{ color:#fff;width: 92px;background:url(images/layout/53_h.jpg) no-repeat top left; } #nr_53.pressed>a{color:#fff;width: 92px;background:url(images/layout/53_h.jpg) no-repeat top left;} #nr_53.pressed>a:hover{ color:#fff;width: 92px;background:url(images/layout/53_h.jpg) no-repeat top left; } #nr_54 {} #nr_54.normal>a{ color:#fff;width: 64px;background:url(images/layout/54_n.jpg) no-repeat top left; } #nr_54.normal>a:hover{ color:#fff;width: 64px;background:url(images/layout/54_h.jpg) no-repeat top left; } #nr_54.pressed>a{color:#fff;width: 64px;background:url(images/layout/54_h.jpg) no-repeat top left;} #nr_54.pressed>a:hover{ color:#fff;width: 64px;background:url(images/layout/54_h.jpg) no-repeat top left;} /* 02.3.b Menu rozwijane (poziome) -----------------------------------------------------------------------------------------------*/ div#menu_type_1 { clear: both; margin: 0px auto; padding: 0px;} div#menu_type_1>ul { background: #6D0839; height: 31px; margin: 0px; padding: 0px; } div#menu_type_1>ul>li a{ color: #fff; display: block; height: 31px; line-height: 31px; padding-left: 12px; padding-right: 13px; text-decoration: none; } div#menu_type_1>ul>li { float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; } div#menu_type_1>ul>li.bullet { color: #CFCFCF; line-height: 31px; } div#menu_type_1>ul>li.header { background: #CCCCCC; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } div#menu_type_1>ul>li.normal>a{ color:#fff; border-right:1px solid #A30C53; background:#6D0839; } div#menu_type_1>ul>li.normal>a:hover{ color:#333333; background:#6D0839; } div#menu_type_1>ul>li.hovered>a { color:#333333; border-right:1px solid #A30C53; background:#A30C53; } div#menu_type_1>ul>li.pressed>a{ color:#fff; border-right:1px solid #A30C53; background: #A30C53;} div#menu_type_1>ul>li.pressed>a:hover{ background: #A30C53; } div#menu_type_1>ul>li.promoted>a{background: #FF9900; } div#menu_type_1>ul>li.promoted>a:hover{background: #FFC773; } div#menu_type_1>ul>li.separator{ background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_1>ul>li:last-child { display: block; } div#menu_type_1 ul.sub{border-top:1px solid #A30C53; margin: 0px; padding: 0px; background: #A30C53; min-height: 19px; padding-top:2px; padding-bottom:2px; overflow: hidden; font-size:11px;} div#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; } div#menu_type_1 ul.sub>li{ float: left; height: 15px; line-height:15px; list-style:none;} div#menu_type_1 ul.sub>li.normal a{color: #FCF0E0; padding-left: 8px; padding-right: 8px; } div#menu_type_1 ul.sub>li.normal a:hover{ background:#6D0839; color: #FFF; padding-left: 8px; padding-right: 8px; } div#menu_type_1 ul.sub>li.pressed a{ background:#6D0839; color: #FFF; padding-left: 8px; padding-right: 8px; } div#menu_type_1 ul.sub>li.pressed a:hover{ background: none; color: #ffffff; padding-left: 8px; padding-right: 8px; } /* 02.3.c Menu rozwijane (pionowe) -----------------------------------------------------------------------------------------------*/ div#menu_type_2 { clear: both; margin: 0px auto; padding: 0px; border:1px solid #4C4C4C; border-left:none; border-right:none;} div#menu_type_2>ul { background: #000 url(images/layout/top_menu_bg.gif); height: 31px; margin: 0px; padding: 0px; } div#menu_type_2>ul>li a{ color: #fff; display: block; height: 31px; line-height: 31px; padding-left: 12px; padding-right: 13px; text-decoration: none; } div#menu_type_2>ul>li { float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; } div#menu_type_2>ul>li.bullet { color: #CFCFCF; line-height: 31px; } div#menu_type_2>ul>li.header { background: #CCCCCC; border: none; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } div#menu_type_2>ul>li.normal>a{ color:#fff; border-right:1px solid #4C4C4C; background:#000 url(images/layout/top_menu_bg_normal.gif); } div#menu_type_2>ul>li.normal>a:hover{ color:#333333; background:#D39030 url(images/layout/top_menu_bg_normal_hover.gif); } div#menu_type_2>ul>li.hovered>a { color:#333333; border-right:1px solid #4C4C4C; background:#D39030 url(images/layout/top_menu_bg_normal_hover.gif); } div#menu_type_2>ul>li.pressed>a{color:#333333; border-right:1px solid #4C4C4C; background: #A66300 url(images/layout/top_menu_bg_pressed.gif);} div#menu_type_2>ul>li.pressed>a:hover{ background: #A66300 url(images/layout/top_menu_bg_pressed_hover.gif); } div#menu_type_2>ul>li.promoted>a{background: #FF9900 url(images/layout/top_menu_bg_promoted.gif); } div#menu_type_2>ul>li.promoted>a:hover{background: #FFC773 url(images/layout/top_menu_bg_promoted_hover.gif); } div#menu_type_2>ul>li.separator{ background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_2>ul>li:last-child { display: block; } div#menu_type_2 ul.sub{ font-size:11px; position: absolute; display:none; left:0px; top:31px; z-index: 100; margin: 0px; padding: 0px; list-style:none; } div#menu_type_2 ul.sub>li a{display: block; height: 22px; line-height: 22px; padding-left: 14px; padding-right: 15px; text-decoration: none; } div#menu_type_2 ul.sub>li{ border-bottom:1px solid #F0AC4D; z-index: 100000; height: 21px; float: none; height: 22px; width: 160px; background:#D39030 } div#menu_type_2 ul.sub>li.normal a{ border-top:1px solid #C87C23; color: #FAE0BE; padding-left: 8px; padding-right: 8px;} div#menu_type_2 ul.sub>li.normal a:hover{ background:#DF9B3B; color: #fff; padding-left: 8px; padding-right: 8px;} div#menu_type_2 ul.sub>li.pressed a{ background:#DF9B3B; color: #FAE0BE; border-top:1px solid #C87C23; padding-left: 8px; padding-right: 8px; } div#menu_type_2 ul.sub>li.pressed a:hover{ color: #fff; padding-left: 8px; padding-right: 8px; } div#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 } div#menu_type_2 ul>li>.arrowed { padding-right: 35px } /* 02.3.d Menu rozwijane (rozgałęzione) -----------------------------------------------------------------------------------------------*/ * html .jqueryslidemenu ul li a { display: inline-block; } div#menu_type_3>ul { display: none } div#menu_type_3 .jqueryslidemenu { font: bold 12px Verdana; background: #fff; width: 100%; border-bottom: 2px solid #dd4800;} div#menu_type_3 .jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; } div#menu_type_3 .jqueryslidemenu ul li { position: relative; display: inline; float: left; z-index: 10000 } div#menu_type_3 .jqueryslidemenu ul li.pressed>a { background: #dd4800; color: #FAE0BE; } div#menu_type_3 .jqueryslidemenu ul li.separator>a { background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_3 .jqueryslidemenu ul li ul li.pressed>a { background: #dd4800; color: #FAE0BE; } div#menu_type_3 .jqueryslidemenu ul li a { display: block; background: #fff; color: #3a3832; padding: 8px 10px; font-size: 11px; font-weight: normal; text-decoration: none; } div#menu_type_3 .jqueryslidemenu ul li a:link { } div#menu_type_3 .jqueryslidemenu ul li a:visited {} div#menu_type_3 .jqueryslidemenu ul li a:hover { background:#cc0000; } div#menu_type_3 .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } div#menu_type_3 .jqueryslidemenu ul li ul li { display: list-item; float: none; } div#menu_type_3 .jqueryslidemenu ul li ul li ul { top: 0; } div#menu_type_3 .jqueryslidemenu ul li ul li a { width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #cc0000; } div#menu_type_3 .jqueryslidemenuz ul li ul li a:hover{ background: #cc0000; color: black; } div#menu_type_3 .downarrowclass { position: absolute; top: 12px; right: 7px; } div#menu_type_3 .rightarrowclass { position: absolute; top: 6px; right: 5px;} /* 02.4 Nawigator -----------------------------------------------------------------------------------------------*/ div#nav_bar { background:#FFFFFF; font-size: 11px; overflow: hidden; padding: 5px;padding-top:0px;padding-left:0px;position:relative;top:-1px;margin-bottom:70px;margin-left:10px; } div#nav_bar ul{ margin: 0px; padding: 0px; } div#nav_bar ul li{ float: left; list-style: none; margin-right: 5px; } div#nav_bar ul li a{ text-decoration: none; } div#nav_bar ul li a:link{ color: #666; } div#nav_bar ul li a:link:hover{ color: #333; } div#nav_bar ul li a:visited{ color: #666; } div#nav_bar ul li a:visited:hover{ color: #333; } div#nav_bar ul li.first{ color: #999; } div#nav_bar ul li.pressed{ color: #8fb014; font-weight: bold; } div#nav_bar ul li.separator{ color: #999; float: left; } div#nav_bar ul li.title a{ color: #666; } div#nav_bar ul li.title a:visited:hover{ color: #333; } /* 02.5 Mini koszyk -----------------------------------------------------------------------------------------------*/ /* 03. CENTER COLUMNS -----------------------------------------------------------------------------------------------*/ div#center { overflow:hidden} .col_left { width: 223px; float: left; } .col_right { width: 223px; float: left; padding-right:29px;} .col_center {padding:0px; color:#333;font-size:11px;line-height:15px;} .col_center.full { float:left; width: 980px} .col_center.middle{ width: 540px; margin:auto; overflow: hidden; } .col_center.only_col_left { width: 750px; float:right; } .col_center.only_col_right { width: 620px; float:left; } .col_center.col_left_and_col_right { padding-left:20px;;width:485px; float:left;font-size:11px; line-height:13px;} .col_center.col_left_and_col_right b {color:#91b113} .col_center.only_col_left_w300 {width: 640px;} /* 03.1 Menu - Elementy nawigacyjne -----------------------------------------------------------------------------------------------*/ /* 03.1.a Menu lewe -----------------------------------------------------------------------------------------------*/ .cms { width:980px;margin:auto;margin-top:29px;} .cms_home { } .cms_home .home { width:1120px; margin:auto; overflow:hidden;} .cms_home .home object { float:left} .cms.rozwiazania { position:relative; height:700px} .cms>.col_left.kontakt .category_left {background:#a4ca15;padding:30px;padding-bottom:29px;margin-bottom:30px;padding-top:27px;min-height:152px;} .cms>.col_left .category_left {background:#a4ca15;padding:30px;padding-bottom:129px;margin-bottom:20px;padding-top:27px;min-height:152px;} .cms>.col_left .category_left .separator{ display: block; line-height: 30px; text-decoration: none; } .cms>.col_left .category_left .separator_end { height:10px; background:#00CC66;} .cms>.col_left .category_left .header { font-weight:bold; background:#333; color: #ffffff; line-height: 16px;} .cms>.col_left .category_left .main_normal {} .cms>.col_left .category_left .main_normal a { display:block;font-size:12px;font-weight:bold;color:#fff;padding-bottom:3px;text-decoration:none;} .cms>.col_left .category_left .main_normal p { margin:0px; padding:0px; display:block;font-size:12px;font-weight:bold;color:#fff;padding-bottom:3px;text-decoration:none;} .cms>.col_left .category_left .main_normal a:hover {} .cms>.col_left .category_left .main_pressed { } .cms>.col_left .category_left .main_pressed a {display:block;font-size:12px;font-weight:bold;color:#fff;padding-bottom:3px;text-decoration: underline;} .cms>.col_left .category_left .main_pressed a:hover{} .cms>.col_left .category_left .sub_normal{} .cms>.col_left .category_left .sub_normal a { display: block;} .cms>.col_left .category_left .sub_normal a:hover {} .cms>.col_left .category_left .sub_pressed {} .cms>.col_left .category_left .sub_pressed a { display: block;} .cms>.col_left .category_left .sub_pressed a:hover{} /* 03.1.b Menu prawe -----------------------------------------------------------------------------------------------*/ .cms>.col_right .category_right { } .cms>.col_right .category_right .separator{ display: block; line-height: 30px; text-decoration: none; } .cms>.col_right .category_right .separator_end { height:10px; background:#00CC66;} .cms>.col_right .category_right .header{ font-weight:bold; background:#333; color: #ffffff; line-height: 16px; } .cms>.col_right .category_right .main_normal {} .cms>.col_right .category_right .main_normal a { display:block;} .cms>.col_right .category_right .main_normal a:hover {} .cms>.col_right .category_right .main_pressed {display:block;} .cms>.col_right .category_right .main_pressed a {} .cms>.col_right .category_right .main_pressed a:hover{} .cms>.col_right .category_right .sub_normal{} .cms>.col_right .category_right .sub_normal a { display: block;} .cms>.col_right .category_right .sub_normal a:hover {} .cms>.col_right .category_right .sub_pressed {} .cms>.col_right .category_right .sub_pressed a { display: block;} .cms>.col_right .category_right .sub_pressed a:hover{} /* 03.1.c Menu zakładkowe -----------------------------------------------------------------------------------------------*/ .cms>.col_top .category_top{ border-bottom: 3px solid #cccccc; width: 100%; margin-top: 15px; height: 31px } .cms>.col_top .category_top .header { float: left; width:auto; background: #333333; color: #FFFFFF; line-height: 31px; padding-left: 10px; padding-right: 10px; margin-left: 2px } .cms>.col_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 } .cms>.col_top .category_top .main_normal a { color: #000000; display: block; line-height: 30px; text-decoration: none; } .cms>.col_top .category_top .main_normal a:hover { text-decoration: underline; } .cms>.col_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 } .cms>.col_top .category_top .main_pressed a { color: #000000; display: block; line-height: 30px; text-decoration: none; } .cms>.col_top .category_top .main_pressed a:hover { text-decoration: underline; } .cms>.col_top .category_top .separator { display: block; line-height: 30px; text-decoration: none; } .cms>.col_top .category_top .separator_end { } /* 03.1.d Menu górne -----------------------------------------------------------------------------------------------*/ .cms>.col_center .category_top{ background: #fafa99; margin: 0px; overflow: hidden; padding: 7px; } .cms>.col_center .category_top .main_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_top .main_normal a { text-decoration: none; } .cms>.col_center .category_top .main_normal a:hover { text-decoration: underline; } .cms>.col_center .category_top .main_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_top .main_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_top .main_pressed a:hover { text-decoration: underline; } .cms>.col_center .category_top .sub_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_top .sub_normal a { text-decoration: none; } .cms>.col_center .category_top .sub_normal a:hover { text-decoration: underline; } .cms>.col_center .category_top .sub_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_top .sub_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_top .sub_pressed a:hover { text-decoration: underline; } /* 03.1.e Menu środkowe -----------------------------------------------------------------------------------------------*/ .cms>.col_center .category_center {} .cms>.col_center .category_center .header{ background: #333333; color: #FFFFFF; line-height: 20px; } .cms>.col_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; } .cms>.col_center .category_center .main_normal a{ display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_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; } .cms>.col_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; } .cms>.col_center .category_center .main_pressed a{ color: #333; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .main_pressed a:hover{ } .cms>.col_center .category_center .separator{ display: block; line-height: 20px; text-decoration: none; } .cms>.col_center .category_center .separator_end { } .cms>.col_center .category_center .sub_normal{ font-size: 11px; background: #F0FfF9; line-height: 20px; padding-left: 0px; } .cms>.col_center .category_center .sub_normal a{ color: #000000; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .sub_normal a:hover{ background: #DCEDF1 url(images/layout/center_top_center_category_sub_normal_hover_bg.gif) left no-repeat; } .cms>.col_center .category_center .sub_pressed{ font-size: 11px; background: #DCEDF1; line-height: 20px; } .cms>.col_center .category_center .sub_pressed a{ color: #000000; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .sub_pressed a:hover{ } /* 03.1.f Menu dolne -----------------------------------------------------------------------------------------------*/ .cms>.col_center .category_bottom{ background: #fdf5e6; margin: 0px; overflow: hidden; padding: 7px; } .cms>.col_center .category_bottom .frame_html { background: white; } .cms>.col_center .category_bottom .main_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .main_normal a { text-decoration: none; } .cms>.col_center .category_bottom .main_normal a:hover { text-decoration: underline; } .cms>.col_center .category_bottom .main_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .main_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_bottom .main_pressed a:hover { text-decoration: underline; } .cms>.col_center .category_bottom .sub_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .sub_normal a { text-decoration: none; } .cms>.col_center .category_bottom .sub_normal a:hover { text-decoration: underline; } .cms>.col_center .category_bottom .sub_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .sub_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_bottom .sub_pressed a:hover { text-decoration: underline; } /* 03.2 Zawartośc -----------------------------------------------------------------------------------------------*/ /* 03.2.a Elementy -----------------------------------------------------------------------------------------------*/ /* Pasek przewijania stron -----------------------------------------------------------------------------------------------*/ .page_bar { padding:10px;} .page_bar>.light { font-weight: normal; text-decoration: none; } .page_bar>.next { margin-left: 5px; text-decoration: none; margin-right: 5px; } .page_bar>.previous { margin-right: 5px; margin-left: 5px; text-decoration: none; } .page_bar>.text { margin-right: 3px; color:#999999;} .page_bar>a { text-decoration: none; } .page_bar>a:hover { text-decoration: underline; } .page_bar>em { color:#ccc; margin-right: 2px; margin-left: 2px;} /* Komunikaty -----------------------------------------------------------------------------------------------*/ .col_center .message { color: #8FB014; font-weight: bold; padding: 5px;} .col_center .message.error { background: #EECCD6; color: #CC0000; border: 1px solid #A6002E; } .col_center .message.error a{color: #CC0000;} .col_center .message.ok { background: #F5FAE6; color: #006600; border: 1px solid #99CC33; } .col_center .message.ok a { color: #006600;} /* Form -----------------------------------------------------------------------------------------------*/ .col_center table.form { border-collapse:collapse; border:0px solid #D0E799; margin-left: 17px } .col_center table.form caption { text-align:left; font-weight:bold; background:#70B81E; padding:5px; color:#FFFFFF;} .col_center table.form td { padding:5px; padding-left:15px; padding-right:15px; font-size: 12px; font-weight: normal !important } .col_center table.form td em { color:#FF0000; } .col_center table.form tbody td.left_column { width:150px; font-weight:bold; text-align: right } .col_center table.form tbody td.right_column {} .col_center table.form tfoot td.left_column {} .col_center table.form tfoot td.right_column {padding-bottom:15px;} .col_center table.form td em.error { font-style:normal; margin-left:5px; background:url(images/layout/icons-validator-error.gif) no-repeat left; padding-left:20px; color:#FF0000;} .col_center table.form td em.success { font-style:normal; margin-left:5px; background:url(images/layout/icons-validator-ok.gif) no-repeat left; padding-left:20px; color:#006600;} .col_center table.form td .highlight { border:1px solid #FF0000;} /* 03.2.b Boksy -----------------------------------------------------------------------------------------------*/ /* Box - Cart Mini -----------------------------------------------------------------------------------------------*/ .cart_mini { background:#f5fae6; overflow:hidden; border:1px solid #009933;} .cart_mini .title {font-size: 16px; color: #73a621; line-height: 30px; font-weight: bold;} .cart_mini .message {} .cart_mini .dostawa { border-top: #99cc33 1px dotted; padding-left: 42px; padding-top: 10px; } .cart_mini .go_to_cart { margin: 5px; text-align: center; } .cart_mini .product { overflow:hidden; margin-bottom:5px; background:#FFFFFF;} .cart_mini .product .thumb { float: left; margin-right:5px;} .cart_mini .product .thumb img { width:64px; } .cart_mini .product .name { width:225px; float:left; font-weight:bold;} .cart_mini .product .count { float:left;} .cart_mini .product .count span.price { font-weight:bold;} .cart_mini .subtotal {} /* Box - Sonda -----------------------------------------------------------------------------------------------*/ .survey { border:1px solid #D0E799; padding:5px; background:#EBF5D3; margin-right:5px;} .survey .question { font-weight:bold; font-size:12px; } .survey .vote { text-align:center; margin-top:5px;} .survey .answer { font-weight:bold;} .survey .summary {margin-top:5px;} .survey .reply { border-bottom:1px dotted #D0E799;} .survey .statistic_chart { background:#6D0839; height:5px;} .survey .statistic {} /* Box - Aktualności kategorie -----------------------------------------------------------------------------------------------*/ .news_category { overflow:hidden; /*background:#00FF00*/} .news_category h2 { color:#ff9148; font-size:14px; padding:0; margin:0 0 10px 0;} .news_category>form { margin:0 0 0 10px;} .news_category>form input[type='text'] { width:90px; font-size:11px;} .news_category>form input[type='submit'] { font-size:11px;} .news_category>ul { padding:0; margin:10px 0 10px 10px;} .news_category>ul li { list-style:none;} .news_category>ul li a { display:block; color:#0d58ac; text-decoration:none;} .news_category>ul li a:hover { text-decoration:underline;} /* 03.2.c Podstrony -----------------------------------------------------------------------------------------------*/ /* Galeria */ .col_center .gallery_picture { width: 200px; text-align:left } .col_center .gallery_picture small { font-size:9px } .col_center .gallery_picture img { border:3px solid #CCCCCC; padding:7px;} .col_center .gallery_picture img:hover { border:3px solid #333; padding:7px;} .col_center .gallery_picture .name { max-width:220px; margin-left:auto; margin-right:auto; font-size:11px; color:#666666;} .col_center .gallery {} .col_center .gallery .name { text-align:center; max-width:420px; margin-left:auto; margin-right:auto; font-size:11px; color:#666666;} .col_center .gallery .navi{ padding:5px; font-size:11px; margin: 0px auto;background:#f7f7f7 ;color: #333;border: 1px solid #EBEBEB;} .col_center .gallery .previous{float: left;width: 100px; text-align:center;} .col_center .gallery .previous a{ text-decoration:none;} .col_center .gallery .next{float: right;width: 100px; text-align:center;} .col_center .gallery .next a{ text-decoration:none;} .col_center .gallery .back{margin-left: 100px;border-left: 1px solid #EBEBEB;margin-right: 100px;border-right: 1px solid #EBEBEB; text-align:center;} .col_center .gallery .back a{ text-decoration:none;} .col_center .gallery .picture { text-align:center; margin:10px 0px;} .col_center .gallery .picture img { border:5px solid #CCCCCC; padding:10px;} /* Plugin - Kontakt Rozszerzony -----------------------------------------------------------------------------------------------*/ .col_center .contact .section_personal_data { } /* Plugin - Kontakt Rozszerzony -----------------------------------------------------------------------------------------------*/ .col_center .contact_ex { } .col_center .contact_ex .section_personal_data { } .col_center .contact_ex .section_project_data { } .col_center .contact_ex textarea { } /* Plugin - Formularz logowania -----------------------------------------------------------------------------------------------*/ .col_center .login { } .col_center .login .section_login_data { overflow: hidden; padding-bottom: 15px; } /* Plugin - Aktualności -----------------------------------------------------------------------------------------------*/ .col_center .news { color:#686868} .col_center .news .col { overflow:hidden} .col_center .news .zielono { background: url(images/layout/aktualnosci_left_col.jpg) no-repeat; float:left; width:223px; min-height:454px} .col_center .news .col.left { width:220px; float:left; padding:0 30px } .col_center .news .col.right {width:476px; float:right} .col_center .news .col.right .news { float:left} .col_center .news .col .item {} .col_center .news .col .item .title { color:#4A4A4A; font-size:12px; text-decoration:none} .col_center .news .col .item .title:hover {color:#8FB014} .col_center .news .col .detail{ width:224px; padding-left:5px; text-align:justify; } .col_center .news .col .detail a { color:#8FB014 !important} .col_center .news .col .detail h1 { font-weight:bold; font-size:11px; color:#8FB014; margin:0} .col_center .news .item p { margin-top: 0px; } .col_center .news .detail .picture_left {display: inline; padding:20px } .col_center .news .detail .picture_left img {float:left; margin-right:10px;} .col_center .news .detail .picture_right {display: inline; padding:20px} .col_center .news .detail .picture_right img {float:right; margin-left:10px;} .col_center .news .detail p { margin-top: 0px; } .col_center .news .comments { } .col_center .news .comments .author { font-weight: bold; } .col_center .news .comments .content { font-size: 11px; } .col_center .news .comments .message { background: none transparent scroll repeat 0% 0%; color: #696969; } .col_center .news .comments .message div { display: none; } .col_center .news .comments .voute { font-weight: bold; font-size: 11px; color: #FF6600; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #F1f1f1; width: 70px; text-align: center; float: right; margin-right: 4px; } .col_center .news .comments .voute span { font-weight: normal; font-size: 11px; color: #333333; } /* Plugin - Profil użytkownika -----------------------------------------------------------------------------------------------*/ .col_center .profile .section_avatar_change { float: left; } .col_center .profile .section_avatar_change dt { height: auto; } .col_center .profile .section_avatar_view { float: left; width: 230px; height: 140px; } .col_center .profile .section_avatar_view img { border: 2px solid #990066; } .col_center .profile .section_personal_data { } /* Plugin - Rejestracja uzytkownika -----------------------------------------------------------------------------------------------*/ .col_center .register .section_rules span { color: red; padding-left: 6px; font-size: 11px; display: block; } .col_center .section_info { float: left; width: 250px; font-size: 11px; } .col_center .section_info p { font-style: italic; margin: 0px; padding: 0px; } .col_center .section_menu ul { padding: 0px; margin: 0px; } .col_center .section_menu ul li { float: left; margin-right: 6px; } .col_center #progress { clear:both; height:34px; width:100%;} .col_center #progress ul { margin:0px; padding:0px;} .col_center #progress ul li { height:34px; color:#999; float:left; list-style:none; background:url(images/layout/progress_disabled.gif) repeat-x bottom; font-weight:bold; text-align:center;} .col_center #progress ul li.enabled { height:34px; color:#333; float:left; list-style:none; background:url(images/layout/progress_enabled.gif) repeat-x bottom; font-weight:bold; text-align:center;} .col_center #progress ul li.now { height:34px; color:#333; float:left; list-style:none; background:url(images/layout/progress_now.gif) repeat-x bottom; font-weight:bold; text-align:center;} /* Plugin - Standardowa forma - Struktura strony -----------------------------------------------------------------------------------------------*/ .col_center .section_send_form { float: right; text-align: right; width: 235px; } .col_center .section_send_form a { margin-right: 5px; } /* Plugin - Mapa strony -----------------------------------------------------------------------------------------------*/ .col_center .site_map {} .col_center .site_map .category { float: left; margin-bottom: 5px; margin-right: 5px; width: 170px; } .col_center .site_map .category .main {} .col_center .site_map .category .main a {} .col_center .site_map .category .main a:hover { } .col_center .site_map .category .promoted { } .col_center .site_map .category .promoted a {} .col_center .site_map .category .promoted a:hover{ } .col_center .site_map .category .sub {} .col_center .site_map .category .sub a{} .col_center .site_map .category .sub a:hover{ } /* Plugin - Słownik -----------------------------------------------------------------------------------------------*/ .col_center .dictionary {} .col_center .dictionary .search { background:#fafafa; overflow:auto; padding:5px;} .col_center .dictionary .alphabet { background:#fafafa; overflow:auto; padding:5px;} .col_center .dictionary .alphabet .point { float:left; width:18px; text-align:center; padding:2px; margin-bottom:2px;} .col_center .dictionary .alphabet .point:hover { background:#f1f1f1} .col_center .dictionary dl {} .col_center .dictionary dt { margin:0px; padding:0px;} .col_center .dictionary dd { margin:0px; padding:0px; padding-bottom:10px; border-bottom:1px dotted #ccc;} /* List Detail -----------------------------------------------------------------------------------------------*/ .col_center .detail .related td { width: 120px } /* 04. BOTTOM -----------------------------------------------------------------------------------------------*/ div#bottom { color:#ccc; font-size: 11px; overflow:hidden;position:fixed; width:100%;z-index:9999;bottom:-235px;left:0px;background: url(images/layout/site_bg.png) repeat-x top left; padding-top:54px} #slide {height:26px;width:144px;background: url(images/layout/co_nowego_up.jpg) no-repeat top left;display:block;cursor:pointer; position:relative;left:-420px; opacity:1 !important; filter:alpha(opacity=100) !important;} div#bottom .bottom_content {position:relative;z-index:9999;height:252px;background:#fff;width:980px;margin:auto;} div#bottom .bottom_content .news_element {width:133px;height:191px;float:left;text-align:left;padding-left:13px;margin-right:16px;} div#bottom .bottom_content .news_element .head {font-size:14px; font-weight:bold ;color:#8FB014; font-family: Arial, Helvetica, sans-serif; height:60px;margin-top:30px; overflow:hidden; line-height:13px;} div#bottom .bottom_content .news_element .head strong { font-weight:bold !important} div#bottom .bottom_content .news_element .photo {width:120px;height:64px;} div#bottom .bottom_content .news_element .photo img {max-width:120px;max-height:72px;} div#bottom .bottom_content .news_element .button {} div#bottom .bottom_content .news_element .button a { float:left} div#bottom .bottom_content .news_element .button a img { float: left} div#bottom .bottom_content .kontakt_area {text-align:left;padding-left:30px;;padding-top:30px;width:132px;min-height:200px; background:url(images/layout/kontakt_area_bg.jpg) no-repeat top left;float:right;} div#bottom .copyright {} div#bottom .newsletter { width:154px; float:right; overflow:hidden; margin-right:10px; position:relative;} div#bottom .newsletter .n_button { height:79px; width:85px; display:block; background:url(images/layout/newsletter_btn.png) no-repeat; border:none;} div#bottom .newsletter #message_newsletter { position:absolute; top:111px; color: #999999; text-align:left} /* 05. SYSTEM -----------------------------------------------------------------------------------------------*/ .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; width: 7px !important; line-height: 7px !important; border: 0px !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 } .klienci {position:relative;} .klienci #klient1 { opacity:0;filter:alpha(opacity=0);} .klienci #klient2 {opacity:0;filter:alpha(opacity=0);} .klienci #klient3 {opacity:0;filter:alpha(opacity=0);} .klienci #klient4 {opacity:0;filter:alpha(opacity=0);} .klienci #klient5 {opacity:0;filter:alpha(opacity=0);} .klienci #klient6 {opacity:0;filter:alpha(opacity=0);} .klienci .col_center {padding:0px;margin:0px;width:505px;} .klienci .klient {width:220px;height:220px;text-align:center;vertical-align:middle;border: 1px solid #e5e5e5;float:left;margin-right:30px;margin-bottom:30px;} .klienci .klient table tr td {text-align:center;vertical-align:middle;width:220px;height:220px} .klienci .col_left {margin:0px;padding:0px} .klienci .col_left .frame_html {margin-bottom:23px;} .klienci .col_left .category_left {height:333px;padding-top:13px; overflow: auto} .klienci .col_right {padding:0px;margin:0px;width:220px;padding-left:30px;} .klienci .col_right .klient {width:220px;height:220px;text-align:center;vertical-align:middle;border: 1px solid #e5e5e5;margin-bottom:30px;} .klienci .col_right .klient table tr td {text-align:center;vertical-align:middle;width:220px;height:220px} .kontakt .col_left .category_left {padding-bottom:22px;padding-top:22px;margin-bottom:30px;} .kontakt .col_left .category_left p {font-weight:bold;color:#fff;line-height:14px;padding-bottom:6px;} .kontakt .col_left .category_left p span {padding-right:5px;color:#2e2c30;} .kontakt .col_left img {float:left;} .kontakt .col_center {} .kontakt .col_center table {position:relative;top:-20px;left:3px;} .kontakt .col_center table p {padding-left:35px;padding-top:13px;margin-top:0px;} .kontakt .col_center table p strong {color:#5d5d5d;margin-bottom:10px;} .podstrona .col_center {} .podstrona .col_center em {} .podstrona .col_center table {position:relative;top:-18px;} .podstrona .col_center table td ul li { list-style:circle; margin-left:15px} .rozwiazania .first_column {float:left;width:225px;margin-left:25px;margin-right:30px; text-align:justify} .rozwiazania .second_column {float:left;width:220px;margin-right:30px; text-align:justify} .rozwiazania .third_column {float:left;width:220px; text-align:justify} .realizacje_detail {} .realizacje_detail .box strong { color:white} .realizacje_detail .col_center table tr td {padding:7px;} .realizacje_detail .column_left {width:225px;float:left;height:100%;margin-left:9px;} .realizacje_detail .column_left .text { height:165px; padding:9px 0 0 0; margin-bottom:32px; overflow:hidden; line-height:14px; color:#383838} .realizacje_detail .box {width:125px; background:#a4ca15; float:right; padding:48px; text-align:left; color:#fff; height:117px; overflow:hidden; } .realizacje_detail .box table tr td { vertical-align:top; padding:0px; height:117px} .realizacje_detail #nav_bar {position:relative;} .realizacje_graficzne {padding:0px;margin:0px;width:980px;} .txt { width:188px; margin-left:34px;} #roboty { position:absolute; overflow:hidden; right:-170px; bottom:115px;} #copyrights {position:absolute;color:#aaaaaa;top:-30px;left:845px;z-index:99999;} .item.logo { border-left:1px solid #E5E5E5; height:435px} #logos_table { border-collapse:collapse; table-layout:fixed} #logos_table tr td {height:145px; vertical-align:middle; text-align:center; background:white} #logos_table tr td:hover { background: url(images/loga/td_bg.gif) no-repeat}