/* Start of CMSMS style sheet 'Styl główny' */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 04.11.2009 Kodowanie: barteq.pl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~ GLOBAL STYLES ~~~~~~~~~~~~~~~~~~~~~~~*/ * {margin: 0; padding: 0; border: 0;} a {text-decoration: none; color: #373737; font-weight: bold;} a:hover {text-decoration: underline;} img, fieldset {border: none;} ul {list-style: none;} h1, h2, h3, h4, h5, h6 {font-size: 1.2em; font-weight: bold;} body {padding: 0; background: #4c4c4c; color: #4D3B17; font-family: Tahoma, Verdana, sans-serif; font-size: x-small;} body.form_page {background: ##F4E2AF;} body.rows2 { background: url(uploads/img/content_bg.jpg) center 130px #d9bb7c;} /*~~~~~~~~~~~~~~~~~~~~~ =#top_wrapper ~~~~~~~~~~~~~~~~~~~~~~~*/ #top_wrapper {margin: 0 auto; width: 100%; background: url(uploads/img/top_pattern.jpg) repeat-x #636363; font-size: 110%; line-height: 1.3em;} #top {width: 980px; padding: 0 8px 0 8px; overflow: hidden; zoom: 1; margin: 0 auto; height: 177px; background: url(uploads/img/top_bg3.jpg) no-repeat; position: relative;} #top h1 {float: left; width: 186px; height: 177px;} #top h1 a {display: block; width: 186px; height: 177px; background: url(uploads/img/logo.jpg) no-repeat;} #top h1 a span {display: none;} #top h2.top_slogan {width: 670px; height: 20px; float: right; display: inline; margin: 26px 22px 0 0;font:normal 17px Verdana;font-style:italic;color:#555555;text-align:right;} #top h2.top_slogan span {color:#813712;} #top h3.top_banner {float: right; clear: right; width: 333px; height: 33px; margin: 27px 20px 0 0;} #top h3.top_banner a {display: block; width: 333px; height: 33px; background: url(uploads/img/top_banner.jpg) 0 0px no-repeat;} #top h3.top_banner a span {display: none;} #top h3.top_banner a img {float: right;} dl#lang_switch {position: absolute; left: 200px; top: 6px;} dl#lang_switch dd {float: left; clear: left; list-style-type: none; padding: 4px;} ul#menu {float: left; position: absolute; bottom: 0; right: 8px;} * html ul#menu {bottom: -1px;} ul#menu li {float: left;} ul#menu li a {float: left; margin: 0 12px; background: #0f0; padding: 16px 0 0 0; background: url(uploads/img/menu_sprite.gif) center -141px repeat-x;} ul#menu li a span {float: left; cursor: pointer; display: inline; margin: 0 -9px; position: relative; padding: 0 9px 0 0; background: url(uploads/img/menu_sprite.gif) right -253px no-repeat;} ul#menu li a span em {float: left; font-style: normal; cursor: pointer; padding: 8px 0 8px 9px; background: url(uploads/img/menu_sprite.gif) 0 -205px no-repeat; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 150%; line-height: 19px; color: #503300;} ul#menu li a.active, ul#menu li a:hover {padding-top: 11px; text-decoration: none; background-position: center 3px !important; } ul#menu li a.active span, ul#menu li a:hover span { background-position: right -104px !important;} ul#menu li a.active span em, ul#menu li a:hover span em {padding-bottom: 13px; background-position: 0 -56px !important; color: #FFF;} ul#menu a.extra {background-position: center -285px;} ul#menu a.extra span {background-position: right -397px} ul#menu a.extra span em {background-position: 0 -349px; color: #FFF;} /*~~~~~~~~~~~~~~~~~~~~~ =#content_wrapper ~~~~~~~~~~~~~~~~~~~~~~~*/ #content_wrapper {margin: 0 auto; width: 100%; background: url(uploads/img/content_bg.jpg) 0 -4px #d9bb7c; font-size: 140%; line-height: 1.4em;} body.rows2 #content_wrapper {background: none; padding: 0 0 40px 0;} #content {width: 980px; padding: 25px 8px 0px 8px; overflow: hidden; zoom: 1; margin: 0 auto; background: url(uploads/img/content_pattern.jpg) center 0 no-repeat; color: #4d3b17; position: relative;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-szie: 120%; padding: 0 0 15px 0;} #content p {padding: 0 0 15px 0;} #content img {float: left; margin: 0 10px 10px 0;} #content strong {font-size: 1.0em; font-weight: bold; color: #373737;} #content small {font-size: 1.0em; font-weight: normal; font-style: normal;} #content em {font-size: 1.0em; font-style: italic;} #content ul {padding: 0 0 10px 0;} #content ul li {padding: 0 0 4px 20px; background: url(uploads/img/arrows.gif) 0 4px no-repeat; overflow: hidden; zoom: 1;} #content ul ul {padding: 0;} #content h2 {font-weight: bodl; font-size: 150%; line-height: 1.1em; color: #2d2d2d; padding: 5px 0 20px 0;} #content h2 span {color: #695c2f; font-weight: normal;} #content .main {float: right; width: 698px; padding: 0 0 10px 20px; position: relative; z-index: 2;} #content .side_pic {display: none; position: absolute; right: 0;} #content.kominy .side_pic {display: block; width: 259px; height: 344px; background: url(uploads/img/oferta_kominy.png) no-repeat; top: 20px;} #content.elewacje .side_pic {display: block; width: 397px; height: 239px; background: url(uploads/img/oferta_elewacja.png) no-repeat; top: 70px;} #content.antykorozja .side_pic {display: block; width: 352px; height: 344px; background: url(uploads/img/oferta_antykorozja.png) no-repeat; top: 20px;} #content.reklamy .side_pic {display: block; width: 352px; height: 344px; background: url(uploads/img/oferta_reklamy.png) no-repeat; top: -28px;} #content.projekty .side_pic {display: block; width: 283px; height: 344px; background: url(uploads/img/oferta_projekty.png) no-repeat; top: -6px;} #content.atmosferyczne .side_pic {display: block; width: 304px; height: 190px; background: url(uploads/img/oferta_atmosferyczne.png) no-repeat; top: 66px;} #content .sub_bg {float: left; position: absolute; left: 0; top: 0; z-index: 1; width: 270px; height: 366px; background: url(uploads/img/submenu_bg.png) no-repeat;} #content .sub {float: left; display: inline; margin: -25px 0 0 -8px; width: 270px; position: relative; z-index: 2; min-height: 310px; height: auto !important; height: 310px;} .sub #submenu {padding: 20px 18px 0 19px; width: 233px;} .sub #submenu li {float: left; clear: both; padding: 0 0 2px 0; background: url(uploads/img/submenu_sep.gif) 0 bottom no-repeat; font-size: 115%; line-height: 1.4em;} .sub #submenu li a {display: block; width: 188px; padding: 10px 5px 10px 40px; color: #3d3312; background: url(uploads/img/submenu_arr1.gif) 10px 16px no-repeat transparent;} .sub #submenu li a.active, #submenu li a:hover {text-decoration: none; padding: 10px 5px 10px 40px; color: #af021e; background: url(uploads/img/submenu_arr2.gif) 10px 16px no-repeat transparent;} /* .sub #submenu li a {display: block; width: 188px; padding: 10px 15px 10px 30px; background: url(uploads/img/submenu_arr1.gif) 6px 14px no-repeat #000; color: #3d3312;} .sub #submenu li a.active, #submenu li a:hover {text-decoration: none; padding: 10px 0px 10px 45px; background: url(uploads/img/submenu_arr1.gif) 21px 14px no-repeat #000; color: #af021e; }*/ .sub #submenu li.last {background: none;} #content .rotation_container {float: right; padding: 6px 0 0 3px; width: 348px; height: 262px; position: relative; overflow: hidden; position: relative; margin: 0 0 5px 10px;} #rotation {float: left; width: 340px; height: 254px; position: relative; overflow: hidden;} #rotation img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;} #rotation img.active {z-index:10; opacity:1.0;} #rotation img.last-active {z-index:9;} .rotation_container .overlay {position: absolute; top: 0; left: 0; z-index: 20; width: 351px; height: 268px; background: url(uploads/img/rotation_overlay.png) no-repeat;} /*~~~~~~~~~~~~~~~~~~~~~ =#middle_wrapper ~~~~~~~~~~~~~~~~~~~~~~~*/ #middle_wrapper {margin: 0 auto; width: 100%; background: url(uploads/img/middle_bg.gif) repeat-x #f4e2af; font-size: 120%; line-height: 1.3em;} #middle {width: 980px; padding: 20px 8px 0 8px; overflow: hidden; zoom: 1; margin: 0 auto; color: #373737; position: relative;} body.form_page #middle {padding-bottom: 40px;} #middle a {color: #373737;} #middle h2 {font-weight: bodl; font-size: 160%; line-height: 1.1em; color: #2d2d2d; padding: 0 0 15px 0;} #middle h2 span {color: #695c2f; font-weight: normal;} #middle h2 small {display: block; font-size: 70%; font-weight: normal;} #middle p {padding: 0 0 15px 0;} #middle ul {padding: 0 0 10px 0;} #middle ul li {padding: 0 0 5px 20px; background: url(uploads/img/middle_bullet.gif) 0 5px no-repeat; overflow: hidden; zoom: 1;} #middle .col1 {float: left; width: 270px;} #middle .col1 ul {padding-right: 102px;} #middle .col2 {float: left; width: 384px;} #middle .col2 ul {padding-right: 120px;} #middle .col3 {float: left; width: 326px;} #middle .col3 ul {padding-right: 150px;} #middle .pic_1 {position: absolute; bottom: 0; left: 162px; width: 115px; height: 90px; background: url(uploads/img/pic_1.png) no-repeat;} #middle .pic_2 {position: absolute; bottom: 0; left: 473px; width: 184px; height: 120px; background: url(uploads/img/pic_2.png) no-repeat;} #middle .pic_3 {position: absolute; bottom: 0; right: 0; width: 167px; height: 171px; background: url(uploads/img/pic_3.png) no-repeat;} /*~~~~~~~~~~~~~~~~~~~~~ =#footer_wrapper ~~~~~~~~~~~~~~~~~~~~~~~*/ #footer_wrapper {margin: 0 auto; width: 100%; background: #444; font-size: 110%; line-height: 1.6em; background: url(uploads/img/footer_bg.gif) repeat-x;} #footer {width: 980px; padding: 0 8px; overflow: hidden; zoom: 1; margin: 0 auto; color: #a7a6a6;} #footer a {color: #a7a6a6; font-weight: normal;} #footer h3 {font-size: 100%; font-weight: bold; color: #c5c3c3; padding: 0 0 10px 0;} #footer ul {padding: 0 0 10px 0;} #footer ul li {padding: 0 0 0 10px; background: url(uploads/img/footer_bullet.gif) 0 8px no-repeat; overflow: hidden; zoom: 1;} #footer .col {float: left; padding-top: 20px; min-height: 210px; height: auto !important; height: 210px;} #footer .col1 {width: 150px;} #footer .col2 {width: 367px; padding-left: 38px; background: url(uploads/img/footer_shadow.jpg) 0 6px no-repeat;} #footer .col3 {width: 232px; padding-left: 38px; background: url(uploads/img/footer_shadow.jpg) 0 6px no-repeat;} #footer .col4 {width: 135px; background: url(uploads/img/footer_shadow.jpg) 0 6px no-repeat;padding-left: 20px;} #footer .footer_menu li {padding: 0;background: none;} #footer .footer_menu li a {display: none;} #footer .footer_menu li li {padding: 0 0 0 10px; background: url(uploads/img/footer_bullet.gif) 0 8px no-repeat;} #footer .footer_menu li li a {display: block;} #footer_bottom{clear:both;width: 980px;margin:0 auto;} p#links {padding: 0 0 10px 0; color: #6E6E6E; float:left;} p#links a {color: #A7A6A6; font-weight: normal;} p#autor {float:right;display: block; margin: 0 auto; overflow: hidden; zoom: 1; padding: 0 0 10px 0; color: #6E6E6E; text-align: right;} p#autor a {color: #A7A6A6; font-weight: normal;} /*~~~~~~~~~~~~~~~~~~~~~ =GLOBAL CLASSES ~~~~~~~~~~~~~~~~~~~~~~~*/ .left {float: left;} .right{float: right;} img.left {float: left !important; margin: 0 10px 10px 0 !important;} img.right {float: right !important; margin: 0 0 10px 10px !important;} img.center {float: none !important; margin: 0 auto 10px auto !important; display: block !important;} .aright {text-align: right;} .acenter {text-align: center;} ul.picturelist li {float: left; padding: 5px !important; background: none !important;} ul.picturelist li img {float: left; margin: 0 !important; border: 3px double #000;} #fancy_title {display: none !important;} /*~~~~~~~~~~~~~~~~~~~~~ TinyMCE style ~~~~~~~~~~~~~~~~~~~~~~~*/ #tinymce {background: #D8B978; font-size: 14px; color: #4d3b17;} body.mceContentBody {background: #D8B978 !important;} #tinymce p {padding: 0 0 15px 0;} #tinymce img {float: left; margin: 0 10px 10px 0;} #tinymce strong {font-size: 1.0em; font-weight: bold; color: #373737;} #tinymce small {font-size: 1.0em; font-weight: normal; font-style: normal;} #tinymce em {font-size: 1.0em; font-style: italic;} #tinymce ul {padding: 0 0 10px 0;} #tinymce ul li {list-style-type: circle; padding: 0 0 4px 20px; background: url(../../uploads/img/arrows.gif) 0 4px no-repeat; overflow: hidden; zoom: 1;} #tinymce ul ul {padding: 0;} #tinymce h2 {font-weight: bodl; font-size: 150%; line-height: 1.1em; color: #2d2d2d; padding: 5px 0 20px 0;} #tinymce h2 span {color: #695c2f; font-weight: normal;} li.sectionheader {float: left; width: 50%; height: 400px; background: none !important; padding: 0 !important; color: #C81430; font-weight: bold;} #content ul li.currentpage {display: none;} #content ul#submenu li.currentpage {display: block;} /* End of 'Styl główny' */