/* backiel multimedia style */ *{margin:0;padding:0} html{font-size:100.01%;width:100%;height:100%} body{background:#090A4D url(../img/backiel_bg.png) repeat-x;font:9pt/1.5 normal Arial, Helvetica, sans-serif;color:#A2BEF4;text-align:left;width:100%;height:100%} #container{display:table;height:100%;margin-top:-33px;width:100%;background:url(../img/bok_tel.png) no-repeat 99% 50px} #wrapper{width:100%;height:100%;padding-top:33px} #header{width:817px;height:85px;position:relative} #header h1{position:absolute;top:15px;left:24px;margin:0;padding:0} #header h1 a{display:block;text-indent:-9999px;width:136px;height:147px;background:url(../img/backiel_multimedia.png) no-repeat;float:left} #header ul{margin:0;float:right} #header li{display:inline;float:left;padding:0;margin:0;background:none} #header li a{display:block;text-indent:-9999px;height:85px;float:left} #header li.news a{background:url(../img/news_li.png) no-repeat 0 0;width:112px} #header li.about a{background:url(../img/about_li.png) no-repeat 0 0;width:79px} #header li.quality a{background:url(../img/quality_li.png) no-repeat 0 0;width:141px} #header li.contact a{background:url(../img/contact_li.png) no-repeat 0 0;width:90px} #header li.bok a{background:url(../img/bok_li.png) no-repeat 0 0;width:90px} #header li.poczta a{background:url(../img/poczta_li.png) no-repeat 0 0;width:90px} #header li.news a:hover{background:url(../img/news_li.png) no-repeat 0 -85px} #header li.about a:hover{background:url(../img/about_li.png) no-repeat 0 -85px} #header li.quality a:hover{background:url(../img/quality_li.png) no-repeat 0 -85px} #header li.contact a:hover{background:url(../img/contact_li.png) no-repeat 0 -85px} #header li.bok a:hover{background:url(../img/bok_li.png) no-repeat 0 -85px;width:90px} #header li.poczta a:hover{background:url(../img/poczta_li.png) no-repeat 0 -85px;width:90px} #header li.news_active{display:block;text-indent:-9999px;height:85px;background:url(../img/news_li.png) no-repeat 0 -85px;width:112px} #header li.about_active{display:block;text-indent:-9999px;height:85px;background:url(../img/about_li.png) no-repeat 0 -85px;width:79px} #header li.quality_active{display:block;text-indent:-9999px;height:85px;background:url(../img/quality_li.png) no-repeat 0 -85px;width:141px} #header li.contact_active{display:block;text-indent:-9999px;height:85px;background:url(../img/contact_li.png) no-repeat 0 -85px;width:90px} #ad{height:144px;padding-top:60px;position:relative} #ad img{text-align:center;display:block;margin-left:auto;margin-right:auto} .internet{background:url(../img/internet_ad.jpg) no-repeat 100% 0} .tv{background:url(../img/tv_ad.jpg) no-repeat 100% 0} .phone{background:url(../img/phone_ad.jpg) no-repeat 100% 0} #content_anchor{position:absolute;left:698px;top:83px} #content_anchor h5{margin:0;padding:0} #content_anchor h5 a{display:block;text-indent:-9999px;width:120px;height:19px;background:url(../img/content_but.png) no-repeat 0 0} #content_anchor h5 a:hover{background:url(../img/content_but.png) no-repeat 0 -19px} #content{width:817px;position:relative} #products{width:817px;height:353px;position:relative;margin-bottom:30px} .round_corner{width:14px;height:13px;position:absolute;right:0;bottom:0;background:url(../img/round_corner.png) no-repeat;z-index:9999} #tv,#phone,#internet,#megapack{padding-top:190px;padding-bottom:10px;height:153px;border-right:1px solid #292862;float:left;background:url(../img/tv_bg.png) repeat-x 0 0;position:relative} #tv{width:170px;padding-left:24px;padding-right:16px} #phone{width:169px;padding-left:16px;padding-right:16px} #internet{width:169px;padding-left:16px;padding-right:16px} #megapack{width:169px;padding-left:16px;padding-right:16px} #tv h2,#phone h2,#internet h2,#megapack h2{margin:0;padding:0;position:absolute;top:-28px;right:14px} #tv h2 a,#phone h2 a,#internet h2 a,#megapack h2 a{display:block;text-indent:-9999px;width:173px;height:201px} #tv h2 a{background:url(../img/tv.jpg) no-repeat 0 0} #phone h2 a{background:url(../img/phone.jpg) no-repeat 0 0} #internet h2 a{background:url(../img/internet.jpg) no-repeat 0 0} #megapack h2 a{background:url(../img/megapack.jpg) no-repeat 0 0} #tv h2 a:hover{background:url(../img/tv.jpg) no-repeat 0 -201px} #phone h2 a:hover{background:url(../img/phone.jpg) no-repeat 0 -201px} #internet h2 a:hover{background:url(../img/internet.jpg) no-repeat 0 -201px} #megapack h2 a:hover{background:url(../img/megapack.jpg) no-repeat 0 -201px} #tv h3,#phone h3,#internet h3{} #tv h3{color:#DE6400} #phone h3{color:#E6B528} #internet h3{color:#6B8CCF} #megapack h3{color:#44A4B4} #tv p,#phone p,#internet p,#megapack p{margin:0 0 20px 0} #tv h4,#phone h4,#internet h4,#megapack h4{text-indent:-9999px;float:right;clear:none;width:87px;height:51px} #tv h4{background:url(../img/tv_price.png) no-repeat} #phone h4{background:url(../img/phone_price.png) no-repeat} #internet h4{background:url(../img/internet_price.png) no-repeat} #megapack h4{background:url(../img/megapack_price.png) no-repeat} .price_at{background:url(../img/price_at.png) no-repeat 0 0;float:left;text-indent:-9999px;width:41px;height:12px} #tv .more,#phone .more,#internet .more,#megapack .more{position:absolute;bottom:0;right:100px;margin:0} .more a{display:block;width:89px;height:20px;text-indent:-9999px} #tv .more a{background:url(../img/tv_more.png) no-repeat 0 0} #phone .more a{background:url(../img/phone_more.png) no-repeat 0 0} #internet .more a{background:url(../img/internet_more.png) no-repeat 0 0} #megapack .more a{background:url(../img/megapack_more.png) no-repeat 0 0} #tv .more a:hover{background:url(../img/tv_more.png) no-repeat 0 -20px} #phone .more a:hover{background:url(../img/phone_more.png) no-repeat 0 -20px} #internet .more a:hover{background:url(../img/internet_more.png) no-repeat 0 -20px} #megapack .more a:hover{background:url(../img/megapack_more.png) no-repeat 0 -20px} #heading{position:absolute;top:-29px;left:11px;width:100%} #heading ul{margin:0;float:right} #heading li{display:inline;padding-left:0;float:left;margin-left:3px} #heading li a{display:block;text-indent:-9999px;width:94px;height:25px;float:left} #heading li.tv a{background:url(../img/tv_but.png) no-repeat 0 0} #heading li.phone a{background:url(../img/phone_but.png) no-repeat 0 0} #heading li.internet a{background:url(../img/internet_but.png) no-repeat 0 0} #heading li.megapack a{background:url(../img/megapack_but.png) no-repeat 0 0} #heading li.tv a:hover{background:url(../img/tv_but.png) no-repeat 0 -25px} #heading li.phone a:hover{background:url(../img/phone_but.png) no-repeat 0 -25px} #heading li.internet a:hover{background:url(../img/internet_but.png) no-repeat 0 -25px} #heading li.megapack a:hover{background:url(../img/megapack_but.png) no-repeat 0 -25px} #heading li.tv_active{background:url(../img/tv_but.png) no-repeat 0 -25px;text-indent:-9999px;width:94px;height:25px} #heading li.phone_active{background:url(../img/phone_but.png) no-repeat 0 -25px;text-indent:-9999px;width:94px;height:25px} #heading li.internet_active{background:url(../img/internet_but.png) no-repeat 0 -25px;text-indent:-9999px;width:94px;height:25px} #heading li.megapack_active{background:url(../img/megapack_but.png) no-repeat 0 -25px;text-indent:-9999px;width:94px;height:25px} #heading_left{padding:0 0 5px 14px;background:url(../img/heading_bg.png) no-repeat 0 0;float:left;margin-right:10px} #heading_right{background:url(../img/heading_bg.png) no-repeat 100% 0;padding:12px 14px 0 0} #heading h3{margin:0 0 20px 0;height:18px;text-indent:-9999px;float:left} #heading h3.news{background:url(../img/news_home.png) no-repeat 0 0;width:146px} #heading h3.about{background:url(../img/about.png) no-repeat 0 0;width:86px} #heading h3.quality{background:url(../img/quality.png) no-repeat 0 0;width:193px} #heading h3.contact{background:url(../img/contact.png) no-repeat 0 0;width:109px} #heading h3.tv{background:url(../img/tv_heading.png) no-repeat 0 0;width:92px} #heading h3.phone{background:url(../img/phone_heading.png) no-repeat 0 0;width:80px} #heading h3.internet{background:url(../img/internet_heading.png) no-repeat 0 0;width:80px} #heading h3.megapack{background:url(../img/megapack_heading.png) no-repeat 0 0;width:85px} #news_home{width:554px;padding-right:32px;float:left} #news{padding-top:30px} #news_home h3{margin:0 0 20px 24px;background:url(../img/news_home.png) no-repeat 0 0;width:146px;height:18px;text-indent:-9999px} .news_home{padding:7px 0 0 24px;margin:8px 0} .news_home h4{color:#6CB8D2} .news_home p{margin:0;padding-right:15px} .date{color:#5D80BA;font-size:.9em;padding:0 15px 10px 0} .blue{background:#1C1B5D url(../img/news_home_tr.png) no-repeat 100% 0} .blue .date{background:url(../img/news_home_br.png) no-repeat 100% 100%} #news_home p.more{float:right} #news_home p.more a{display:block;width:101px;height:20px;text-indent:-9999px;background:url(../img/news_more.png) no-repeat 0 0} #news_home p.more a:hover{background:url(../img/news_more.png) no-repeat 0 -20px} #about,#quality,#contact,#phone_content,#internet_content,#tv_content,#megapack_content{padding:30px 0 0 24px} #baner_home{width:211px;margin-bottom:1em;float:right} #about_home{width:211px;float:right;margin-bottom:1.5em} #about_home h3,#about h3{background:url(../img/about_home.png) no-repeat 0 0;width:165px;height:13px;text-indent:-9999px;margin-bottom:1em} #about_home h4,#about h4{color:#7ACD61} #about_home p{margin-top:0} #about_home p.more{float:right} #about_home p.more a{display:block;width:86px;height:20px;text-indent:-9999px;background:url(../img/about_more.png) no-repeat 0 0} #about_home p.more a:hover{background:url(../img/about_more.png) no-repeat 0 -20px} #quality_home{width:211px;float:right;margin-bottom:1.5em} #quality_home h3{background:url(../img/quality_home.png) no-repeat 0 0;width:140px;height:13px;text-indent:-9999px;margin-bottom:1em} #quality_home h4,#quality h4{color:#9872BF} #quality_home ul{margin:0} #quality_home p.more{float:right} #quality_home p.more a{display:block;width:86px;height:20px;text-indent:-9999px;background:url(../img/quality_more.png) no-repeat 0 0} #quality_home p.more a:hover{background:url(../img/quality_more.png) no-repeat 0 -20px} #contact h4,#contact a{color:#9ABB6A} #contact dl{margin-top:1em} #map{width:100%;height:300px;margin-bottom:1em} #map p,#map b{color:#666} #map b{font-weight:bold} #left_column{width:170px;padding:20px 10px 0 20px;float:left} #left_column ul{} #left_column li{background:none;padding-left:0;margin:0} * html #left_column li{height:1%} #left_column li.active{display:block;padding:7px;border-bottom:1px solid #2C2D70;background:#1C1B5D;color:#A2BEF4;font-weight:bold} #left_column li a{display:block;padding:7px;border-bottom:1px solid #2C2D70;text-decoration:none;color:#A2BEF4} #left_column li a:hover{background:#1C1B5D;color:#6B8CCF} #phone_content,#internet_content,#tv_content,#megapack_content{float:left;width:585px} #phone_content dt,#internet_content dt,#tv_content dt,#megapack_content dt{width: 196px} #phone_content dd,#internet_content dd,#tv_content dd,#megapack_content dd{width: 346px} #phone_content ul.files li.pdf a,#internet_content ul.files li.pdf a,#tv_content ul.files li.pdf a,#megapack_content ul.files li.pdf a{color:#A2BEF4} #phone_content h4{color:#DEBD18} #phone_content a{color:#DEBD18} #internet_content h4{color:#628CE3} #internet_content a{color:#628CE3} #internet_content dl,#internet_content ol li{color:#6CB8D2} #megapack_content h4{color:#4BA5A5} #megapack_content a{color:#4BA5A5} #tv_content h4{color:#E05F01} #tv_content a{color:#E05F01} #channels p{clear:both} .channel{margin:.5em 0 1em 0;clear:both;padding-left:20px;float:left} .channel img{float:left;padding:10px;margin:0 10px 10px 0;border:1px solid #2C2D70;background:#1C1B5D} .orange img{background:#E05F01;border:1px solid #FF9900} #footer{margin-top:2px;width:100%;height:25px;background-color:#07073D;clear:both;text-align:center;padding-top:5px} #footer p{color:#333170;margin:0} p{margin:1em 0} .info{color:#6B8CCF;font-size:.9em} a{text-decoration:underline} a:hover{text-decoration:none} b,strong{color:#6B8CCF;font-size:1.1em;font-weight:normal} ul{list-style-type:none;margin:1em 0} ul.files{} ul.files li.pdf{background:url(../img/pdf.png) no-repeat 2px 3px} li{padding-left:25px;background:url(../img/sprite.png) no-repeat 4px 5px;margin:3px 0} ol{margin: .5em .5em 1.5em} ol li {color:#628CE3;margin-left: 1.4em;padding-left: 0;background: none;list-style-type:decimal} ol li p{font-style:italic;color:#A2BEF4} ol li table{color:#9FBDF3} dl{width: 100%;float:left} dl.first{margin-top:1em} dl.last{margin-bottom:2em} dt{width: 286px;float: left;padding: 5px;border-top: 1px solid #2C2D70;color:#628CE3;font-weight:normal} /* hack for mac-ie5 \*/ dt { clear: both } /* end hack */ dd{float: left;width: 466px;padding: .5em;border-top: 1px solid #2C2D70} dt { clear: both } h1,h2,h3,h4,h5,h6{padding-bottom:.1em;clear:both} h1{} h2{} h3{font-size:1.1em;font-weight:normal} h4{font-weight:normal;font-size:1.1em} h5{} h6{} .number{color:#9872BF} .error{color:#CC0000;font-weight:bold;margin:0 0 1em 0} .finfo{color:#33CC00;font-weight:bold;margin:0 0 1em 0} table {background-color: #090A4D;border: none;text-align: left;margin:1em 0 2em 0} tbody td, tbody th {background-color: #100f52;border-bottom: 2px solid #1C1B5D;border-top: 3px solid #090A4D;padding: 9px} tbody td.price,tbody tr.odd td.price{color:#fff;font-weight:bold;font-size:1.1em;text-align:center} tbody tr.odd th, tbody tr.odd td {background-color: #1C1B5D;border-bottom: 2px solid #2C2D70} tbody tr:hover td, tbody tr:hover th {background-color: #6B8CCF;color:#fff} td, th {vertical-align: middle} tfoot td, tfoot th {font-weight: bold;padding: 4px 8px 6px 9px} thead th {color:#ddd;font-size:1.2em;font-weight: bold;line-height: 19px;padding: 0 8px 2px 8px;white-space: nowrap} form {margin:0 0 1em 0} input,textarea {font-family: arial,tahoma,verdana,sans-serif;font-size:9pt;margin: 2px 0} fieldset {border: none} label {display:block;padding: 5px 0} label br {clear:left} input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%} form{width:100%;padding:0;position:relative} form fieldset {width:auto} form h4 {margin:0 0 .6em} form label {clear:left;float:left;width:100%} /* hide from IE mac \*/ form label {float:none} /* end hiding from IE5 mac */ form label input, form label textarea{width:21em;float:left;margin-left:10px;background:#1C1B5D;border:1px solid #2C2D70;color:#fff;padding:2px} form label b {float:left;color:#A2BEF4;width:12em;line-height: 1.7;display:block;position:relative;font-weight:normal} form label b .req {color:#C00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em} form div.req {font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right} form div.req b {color:#C00;font-size:140%} form label textarea.f-comments {width: 34em;height:18em;overflow:auto} form div.f-submit-wrap {padding: 5px 0 5px 168px} form input.buttonSubmit{background:#6B8CCF;color:#fff;border:1px solid #2C2D70;padding:2px 4px;cursor:pointer} form span.required{color:#c00}