body { text-align:center; font-size:12px; background:url(/public/www/images/common/bg-body.gif) repeat-x #fff; color:#000; font-family:Arial, Verdana, sans-serif; } /* wyzerowanie marginesow i paddingow */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } h3{font-size:130%;font-weight:bold; margin:10px 0;} /* clearing float */ .clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; } /* usuniecie obramowania obrazkow */ img { border: 0; } /* common styles */ .floatleft { float:left; } .floatright { float:right; } a { text-decoration:none; color:#18B5F0; } a:hover { text-decoration:underline; } a.wiecej { float:right;} p { line-height:150%; } /* Main container */ #container { width:970px; margin:0px auto; text-align:left; } /* header */ #header { height:149px; position:relative; width:970px; background:url(/public/www/images/common/men.jpg) no-repeat right bottom;} #header.mainpage { height:149px; position:relative; width:970px; background:none;} #header #logo { position:absolute; top:30px; left:0; } #header #logo img { float:left; } #header #logo h1 { float:left; font-size:14px; color:#18B5F0; text-transform:uppercase; padding:22px 0 0 18px; } #header .avatar { position:absolute; right:0; bottom:0;} /* menu */ #menu { position:absolute; bottom:0px; left:0; height:30px; list-style-type:none; } #menu li { display:block; height:30px; float:left; font-size:14px; line-height:200%; background:url(/public/www/images/common/menu-bg.gif) repeat-x; } #menu li a { color:#fff; text-decoration:none; font-weight:bold; padding:0 10px 0 10px; } #menu li a:hover {text-decoration:underline;} #menu li span { color:#707070; } #menu li.first { background:#F6F6F6; width:72px; border-top:1px solid #E4E4E4; border-left:1px solid #E4E4E4; height:30px; border-right:1px solid #E4E4E4; margin-right:1px; } #menu li.first a { color:#18B5F0; background:url(/public/www/images/common/start.gif) no-repeat right; padding:0 22px 0 8px; } #menu li.last { background:#47C4F3; } /* breadcrumb */ #breadcrumb { font-size:11px; color:#BCBCBC; padding:15px 0 12px 10px; border-bottom:1px solid #EBEBEB; } /* left side */ #left-side { float:left; margin-top:20px; width:200px; } #left-side .kategorie { border: 1px solid #EBEBEB; padding:0 10px 10px 10px; width:178px; } #left-side .kategorie .wrapper { padding:10px 8px;} #left-side .kategorie legend { color:#fff; background:#505050; font-weight:bold; padding:3px 8px; } #left-side .kategorie h3.internet { background:url(/public/www/images/common/internet-bg.gif) repeat-x; color:#fff; font-size:18px; padding:6px 8px;} #left-side .kategorie h3.internet a {color:#fff;} #left-side .kategorie h3.telefon { background:url(/public/www/images/common/telefon-bg.gif) repeat-x; color:#fff; font-size:18px; padding:6px 8px;} #left-side .kategorie h3.telefon a {color:#fff;} #left-side .kategorie h3.kredyt { background:url(/public/www/images/common/kredyt-bg.gif) repeat-x; color:#fff; font-size:18px; padding:6px 8px;} #left-side .kategorie h3.kredyt a {color:#fff;} #left-side .kategorie ul { list-style-type:none; margin-bottom:6px; } #left-side .kategorie ul li { background:url(/public/www/images/common/kategorie-menu-bg.gif) repeat-x bottom; padding:7px 0 7px 6px; } #left-side .kategorie ul li a { color:#000; background:url(/public/www/images/common/arr.gif) no-repeat 1px 4px; padding:0 0 0 16px; } #left-side .faq { border: 1px solid #EBEBEB; padding:0 10px 10px 10px; width:178px; } #left-side .faq .wrapper { padding:10px 8px;} #left-side .faq legend { color:#fff; background:#505050; font-weight:bold; padding:3px 8px; } #left-side .faq ul li {list-style-type:square; color:#18b5f0; margin-left:15px;} /* cloudtag */ #left-side .cloudtag { width:200px; line-height:180%; } #left-side .cloudtag a { color:#BCBCBC; padding:0 5px; } /* right side */ #right-side { float:left; width:748px; margin-top:20px; margin-left:20px } #right-side .szukaj { border: 1px solid #EBEBEB; padding:0 10px 0px 10px; width:706px; height:70px; } #right-side .szukaj .wrapper { padding:10px 8px;} #right-side .szukaj legend { color:#fff; background:#505050; font-weight:bold; padding:3px 8px; } #right-side .szukaj p { float:left; margin-right:6px;} #right-side .szukaj input.search { border:1px solid #EBEBEB; width:360px; padding:2px; float:left; margin-right:1px; } #right-side .szukaj input.submit { cursor:pointer; font-size:0px; background:url(/public/www/images/common/submit.gif) no-repeat; width:22px; height:22px; border:0; float:left; margin-right:6px } #right-side .szukaj a { font-size:11px; float:left; line-height:200%; } fieldset h1 {font-size:18px; color:#aaa; margin:10px; margin-top:20px; font-weight:bold;} /* categories */ #right-side #categories .pic { width:173px; float:left; height:120px; border-right:1px solid #EBEBEB; margin-top:16px;} #right-side #categories .list { width:173px; float:right; line-height:200%; } #right-side #categories .list ul { list-style-type:none; margin:16px 0 0 34px; } #right-side #categories .list ul li { background:url(/public/www/images/common/arr2.gif) no-repeat 1px 10px; padding:0 0 0 14px; } #right-side #categories .list ul li a { color:#000;} #right-side #categories .list a.wiecej2 { margin-left:34px; background:url(/public/www/images/common/arr3.gif) no-repeat 1px 5px; padding:0 0 0 14px; } #right-side .box-1 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:left; margin-top:20px; } #right-side .box-1 h3 { background:url(/public/www/images/common/box1.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-1 .pic { background:url(/public/www/images/common/antena.jpg) no-repeat center; } #right-side .box-2 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:right; margin-top:20px; } #right-side .box-2 h3 { background:url(/public/www/images/common/box2.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-2 .pic { background:url(/public/www/images/common/telefon.jpg) no-repeat center; } #right-side .box-3 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:left; margin-top:20px; } #right-side .box-3 h3 { background:url(/public/www/images/common/box3.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-3 .pic {background:url(/public/www/images/common/tv.jpg) no-repeat center;} #right-side .box-4 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:right; margin-top:20px; } #right-side .box-4 h3 { background:url(/public/www/images/common/box4.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-5 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:left; margin-top:20px; } #right-side .box-5 h3 { background:url(/public/www/images/common/box5.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-6 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:right; margin-top:20px; } #right-side .box-6 h3 { background:url(/public/www/images/common/box6.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-7 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:left; margin-top:20px; } #right-side .box-7 h3 { background:url(/public/www/images/common/box1.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} #right-side .box-8 { background:url(/public/www/images/common/box-bg.gif) repeat-x bottom; border:1px solid #EBEBEB; width:348px; height:180px; float:right; margin-top:20px; } #right-side .box-8 h3 { background:url(/public/www/images/common/box2.gif) repeat-x; color:#fff; font-size:16px; padding:4px 8px;} /* partnerzy */ .partnerzy { border: 1px solid #EBEBEB; padding:0 10px 0px 10px; width:929px; height:145px; } .partnerzy .wrapper { padding:10px 8px;} .partnerzy legend { color:#fff; background:#505050; font-weight:bold; padding:3px 8px; } .partnerzy ul { list-style-type:none; } .partnerzy ul li { display:inline;} /* footer */ #footer { margin-top:12px; } #footer .copy { float:left; font-size:11px; line-height:150%; } #footer .copy a { padding:0 3px 0 3px; } #footer .copy span { color:#E4E4E4;} #footer #footer-menu { float:right; font-size:11px; } #footer #footer-menu ul { list-style-type:none; } #footer #footer-menu li { display:inline;} #footer #footer-menu li a { padding:0 5px 0 5px; } #footer #footer-menu li span { color:#E4E4E4;} #footer #footer-menu .realizacja { float:right; font-size:11px; color:#BCBCBC; padding-top:4px; } .orange {border: 1px solid #EBEBEB; padding:0 10px 0px 10px; width:726px; margin:0 0 0 0; } .orange legend {color:#fff; background:#FFC543; font-weight:bold; padding:3px 8px;} .green {border: 1px solid #EBEBEB; padding:0 10px 0px 10px; width:726px; margin:0 0 0 0; } .green legend {color:#fff; background:#00DC00; font-weight:bold; padding:3px 8px;} .red {border: 1px solid #EBEBEB; padding:0 10px 0px 10px; width:726px; margin:0 0 0 0; } .red legend {color:#fff; background:#FF6328; font-weight:bold; padding:3px 8px;} /* subpage */ .items { border: 1px solid #EBEBEB; padding:0 10px 0px 10px; width:726px; margin:0 0 0 0; } .items form {width:706px;} .items .wrapper { padding:10px 8px;} .items legend { color:#fff; background:#FFC543; font-weight:bold; padding:3px 8px; } .items ul { list-style-type:none; padding:10px } .items ul li { background:url(/public/www/images/common/arr4.gif) no-repeat 1px 6px; padding:0 0 0 8px; } /* tabela produktów */ .tb-items { border:1px solid #EBEBEB; margin-bottom:8px; } .tb-items td { vertical-align:top;} .tb-items td p { padding:8px 14px; } .tb-items td.td-1 { width:118px; min-height:75px; height:75px; border-right:1px solid #EBEBEB; vertical-align:middle; text-align:center; } .tb-items td.td-2 { width:229px; min-height:75px; height:75px; border-right:1px solid #EBEBEB; } .tb-items td.td-3 { width:250px; min-height:75px; height:75px; border-right:1px solid #EBEBEB; } .tb-items td.td-4 { width:98px; min-height:75px; height:75px; vertical-align:middle; text-align:center; } .tb-items td.td-4 .cena { color:#18B5F0; font-weight:bold; font-size:16px; padding-bottom:12px; } .tb-items td.td-4 .cena2 { color:#18B5F0; font-weight:bold; font-size:12px; padding-bottom:12px; } .tb-items h4 { font-size:12px; color:#18B5F0; padding:8px 8px 8px 12px; font-weight:bold; } textarea { font-size: 11px; border: 1px solid #AAAAAA } button { font-size: 10px } input.disabled { background-color: #F0F0F0 } input.button { cursor: pointer } input:focus,select:focus,textarea:focus { background-color: #ffd } form { font-size:12px; padding:20px; margin-top:10px; } dt{ color:#666666; display:block; font-size:13px; margin-bottom:2px; } dd{margin-bottom:10px;} dd input{ border:1px solid #AAAAAA; color:#444444; font-size:15px; font-weight:bold; padding:5px; } #send{cursor:pointer} .errors{color:red} .error {color:#f00; font-weight:bold; display:block; clear:both;} input.error {border:1px solid #f00;} textarea.error {border:1px solid #f00;} /******************************Friend Form************/ #form-friend {padding:0; margin:0; margin-left:auto; margin-right:auto;} #form-friend .error {font-size:10px; font-weight:normal; } #form-rekomendacja {text-align:center; width:282px; margin-left:auto; margin-right:auto; color:#555;} .form-label {width:120px; float:left; text-align:left; margin-bottom:2px;} #form-friend input {border:1px solid #ccc;margin-left:5px; margin-bottom:1px; font-size:11px;} #form-friend textarea {color:#aaa; border:1px solid #ccc; width:280px; height:50px; overflow:hidden;} #form-friend-submit {width:80px; color:#fff; background-color:#dc212a; margin-top:1px;} #form-friend input.error {border:1px solid #f00; clear:none; display:inline; font-size:11px} .box-4 h3 {margin-bottom:6px;} #input_od{text-align:right;height:30px;} #input_do{text-align:right; height:30px;} /*****************************Formularz izi***********************/ #privacy {float:left; margin-right:5px;} #newsletter {float:left; margin-right:5px;} #zgloszenie select {width:434px; border:1px solid #aaa; } /***************************formularz kontaktowy******************/ #kontakt {width:600px;} #kontakt input#user {width:430px;} #kontakt input#subject {width:430px;} #kontakt input#email {width:430px;} .zend_form dl {width:600px;} #kontakt textarea#message {width:430px;}