/* clear all*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}
body { text-align: center; font-size: 10px; font-family: Verdana; color: #000; background: #11131d; }
div { text-align: left; }
a { cursor: pointer; font-size: 10px; font-weight: normal; text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }
.blue {color: #12a8d7;}
#wrapper { margin: auto; width: 732px; }
/********************************************************** HEADER *********************************************************** */
#header { position: relative; float: left; width: 100%; }
h1#logo a {width: 131px; height: 78px; background: url(../images/logo.png) no-repeat; float: left; cursor: pointer; margin-top: 30px; margin-left: 30px;}
#menu {float: right; width: 100%; }
#menu ul {float: right; list-style: none; padding-right: 20px;}
#menu li {float: left; padding-left: 5px; padding-bottom: 10px; }
#menu a {float: left;}
.sep {float:left; color: #fff;}
#slogan {position: absolute; z-index: 15; right: 15px; top: 40px; background: url(../images/slogan.png) no-repeat; width: 359px; height: 13px;}
/********************************************************** BANER *********************************************************** */
#baner-img {float:left; width: 100%; height: 242px; background: url(../images/baner-img.jpg) no-repeat;}
#baner_wyposazenie {float:left; width: 100%; height: 242px; background: url(../images/baner_wyposazenie.jpg) no-repeat;}
#baner_instalacje {float:left; width: 100%; height: 242px; background: url(../images/baner_instalacje.jpg) no-repeat;}
#baner_wentylacja {float:left; width: 100%; height: 242px; background: url(../images/baner_wentylacja.jpg) no-repeat;}
#baner_kontakt {float:left; width: 100%; height: 242px; background: url(../images/baner_kontakt.jpg) no-repeat;}
#baner_aktualnosci {float:left; width: 100%; height: 242px; background: url(../images/baner_aktualnosci.jpg) no-repeat;}
/********************************************************** CONTENT *********************************************************** */
.white_frame {float: right; background: url(../images/border-content.jpg) repeat-y; width: 494px; margin-top: 10px;}
.top_frame { float: right; background: url(../images/border-top-content.jpg) no-repeat; width: 494px; height: 22px;}
.bottom_frame { float: right; background: url(../images/border-bottom-content.jpg) no-repeat; width: 494px; height: 22px; margin-top: 25px;}
.ramka_1 {float: left; background: url(../images/border-sidebar-aktualnosci.jpg) repeat-y; width: 189px; margin-left: 20px; margin-top: 10px;}
.border_top_ramka_1 {float: left; background: url(../images/border-top-sidebar-aktualnosci.jpg) no-repeat; width: 189px; height: 13px;}
.border_bottom_ramka_1 {float: left; background: url(../images/border-bottom-sidebar-aktualnosci.jpg) no-repeat; width: 189px; height: 13px;}
/******************************************************* CONTENT AKTUALNOSCi *********************************************************** */
#content_aktualnosci {float: left; width: 500px; text-align: left;}
.aktualnosci {float: left; width: 85%; padding-left: 10%; padding-right: 5%; padding-top: 10px; padding-bottom: 5px;}
.aktualnosci h2 {float: left; width: 100%;}
.aktualnosci .uppercase { float: left; text-transform: uppercase; font-weight: bold; padding-left: 5px;}
.aktualnosci .gray {float: left; color: #6a6a6a;}
.aktualnosci p {float: left; padding-top: 10px;}
.aktualnosci a {float: left; width: 100%; color: #12a8d7; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #dedede;}
/**********************************************************SIDEBAR AKTUALNOSCI *********************************************************** */
#sidebar_aktualnosci {float: left; width: 232px; }
#sidebar_aktualnosci .ramka_1 p { float: left; color: #fff; padding: 12px 20px; text-align: left;}
#sidebar_aktualnosci .ramka_1 a { display: block; color: #12a8d7; padding: 12px 10px;}
/******************************************************* CONTENT KONTAKT *********************************************************** */
#content_kontakt {float: left; width: 500px;}
.formularz {float: left; width: 75%; padding-left: 10%; padding-right: 15%; padding-top: 10px; padding-bottom: 5px; text-align: right;}
.formularz th { vertical-align: top; font-weight: normal; }
.formularz span {float: right; margin-top: 6px; }
.formularz span span { float: left; margin-top: 0px; }
.formularz .gwiazdka {color: #12a8d7;}
.input { width: 197px; height: 24px; margin-bottom: 5px; border: 1px solid #b4b4b4; height: 20px; }
.textarea { height: 165px; width: 197px; margin-left: 10px; border: 1px solid #b4b4b4; }
.formularz .submit {border: 0px; width: 103px; height: 24px; background: url(../images/button-wyslij.jpg) no-repeat; float: right; cursor: pointer; margin-right: 99px; margin-top: 10px;}
/**********************************************************SIDEBAR KONTAKT *********************************************************** */
#sidebar_kontakt {float: left; width: 232px; text-align: left;}
#sidebar_kontakt ul {float: left; padding-left: 25px; padding-top: 10px; padding-bottom: 20px; list-style: none;}
#sidebar_kontakt li { padding-top: 5px;}
#sidebar_kontakt a { background: url(../images/strzalka.gif) no-repeat 0px 1px; padding-left: 20px; display: block;}
/******************************************************* CONTENT OFERTA *********************************************************** */
#content_oferta {float: left; width: 500px; text-align: left;}
.oferta {float: left; width: 85%; padding-left: 10%; padding-right: 5%; padding-top: 10px; padding-bottom: 5px;}
.oferta h2 {float: left; width: 100%;}
.oferta .uppercase { float: left; text-transform: uppercase; font-weight: bold;}
.oferta p {float: left; padding-top: 10px;width:100%}
.oferta .linki {float: left; width: 100%; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #dedede;}
.oferta a {float: left; color: #12a8d7; padding-right: 10px; }
/**********************************************************SIDEBAR OFERTA *********************************************************** */
#sidebar_oferta {float: left; width: 232px; }
#sidebar_oferta ul {float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; list-style: none;}
#sidebar_oferta li { padding-top: 1px;}
#sidebar_oferta a { color: #fff; padding-left: 15px; padding-bottom:4px; padding-right:15px; display: block;}
#sidebar_oferta li span { color: #fff; padding-left: 15px; padding-bottom:4px; padding-right:15px; display: block;}
.wyposazenie_obiektu {float: left; background: url(../images/napis_wyposazenie_obiektu.gif) no-repeat; width: 138px; height: 23px; margin-left: 25px;}
.instalacje {float: left; background: url(../images/napis_instalacje.gif) no-repeat; width: 138px; height: 23px; margin-left: 25px; margin-top:10px;}
.wentylacja {float: left; background: url(../images/napis_wentylacja.gif) no-repeat; width: 138px; height: 23px; margin-left: 25px;}
/* ********************************************************* FOOTER *********************************************************** */
#footer { width: 100%; float: left; text-align: center; padding-bottom: 50px;}
#footer .line {width: 100%; border-top: 1px solid #44454b; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; display: block; height: 2px;}
#footer p {display: block; width: 100%; color: #fff;}
hr {display:block;float:left;height:1px;color:#dedede;margin-top:15px;width:100%;size:1px}
.oferta a {display:inline;}
li.sub {margin-left:20px; margin-top: 2px; background:url(../images/strzalka.jpg) no-repeat 0px 1px; display: block;}
li #active {color:#00abe7}