body { margin: 0; padding: 0; background: #C6C6C6 url(../img/tlo.jpg) no-repeat center; text-align: center; }
* { margin: 0; padding: 0; border: 0; font-family: Georgia, Tahoma, sans-serif; font-size: 14px; color: #3B1D15; }
table.maintable { width:100%; height:100%; }
h1 { margin: 0 0 7px 0; color: #FFF; font-size: 20px; font-weight: normal; text-align: left; padding: 0; }
h2 { margin: 0 0 7px 0; color: #FFF; font-size: 15px; font-weight: normal; text-align: left; }
a { color: #000; }
a:hover { color: #333; }
p { padding: 0 0 5px 0; text-align: left; }
ul { list-style: square outside none; padding: 0 0 0 15px; text-align: left; }
ul li { padding-top: 10px; }
.usun { display: none; }
.last { padding: 0; }

/* konstrukcja strony */
#page { width: 1000px; height: 500px; margin: 0 auto; background-color: #3B1D15; }
#page-left { display: inline; float: left; width: 300px; height: 500px; background-color: #3B1D15; }
#page-right { position: relative; display: inline; float: left; width: 660px; height: 460px; padding: 20px; background-color: #B0224A; text-align: left; overflow: auto; }

/* kolumna lewa */
#logo { margin: 10px; }
#logo-img { margin: 10px; }
#page-left ul { clear: both; list-style: none outside none; margin: 10px 0 0 0; padding: 0; text-align: right; }
#page-left ul li a { display: block; width: 250px; height: 25px; margin: 0 10px; padding: 5px 15px; font-size: 20px; text-decoration: none; color: #3B1D15; background: #fff; }
#page-left ul li a:hover { color: #B0224A; }
body#index a#menu-index, body#oferta a#menu-oferta, body#realizacje a#menu-realizacje, body#kontakt a#menu-kontakt { width: 265px; margin: 0 0 0 10px; padding: 5px 25px 5px 0; color: #fff; background-color: #B0224A; }
body#index#index a#menu-index:hover, body#oferta a#menu-oferta:hover, body#realizacje a#menu-realizacje:hover, body#kontakt a#menu-kontakt:hover { color: #fff; }

/* hp */
#hpImage { margin-bottom: 6px; }

/* oferta */
#oferta-menu { list-style: none outside none; }
#oferta-menu li { margin: 0; padding: 0; }
#oferta-menu li a { display: block; padding: 178px 0 15px 0; color: #fff; font-size: 16px; text-decoration: none; font-weight: bold; text-align: center;}
#oferta-firany { position: absolute; z-index: 2; top: 15px; left: 15px; width: 260px; height: 210px; background: url(../img/oferta-1.jpg) no-repeat center; }
#oferta-rolety { position: absolute; z-index: 2; top: 15px; right: 15px; width: 260px; height: 210px; background: url(../img/oferta-2.jpg) no-repeat center; }
#oferta-artykuly { position: absolute; z-index: 2; bottom: 15px; left: 15px; width: 260px; height: 210px; background: url(../img/oferta-3.jpg) no-repeat center; }
#oferta-sznurki { position: absolute; z-index: 3; top: 150px; left: 230px; width: 240px; height: 210px; background: url(../img/oferta-4.jpg) no-repeat center; }
#oferta-uslugi { position: absolute; z-index: 2; bottom: 15px; right: 145px; width: 128px; height: 210px; background: url(../img/oferta-5.jpg) no-repeat center; }
#oferta-projektowanie { position: absolute; z-index: 2; bottom: 15px; right: 15px; width: 128px; height: 210px; background: url(../img/oferta-6.jpg) no-repeat center; }
li#oferta-projektowanie a { padding: 168px 0 5px 0; }

/* realizacje */
#realizacje-images img { padding: 4px; }

/* oferta */
.oferta-images img { padding: 4px; }
#oferta-images-right { float: right; width: 320px; }
#oferta-images-right img { padding: 4px; }

#linki { display: block; position: absolute; right: 10%; margin: 5px auto 0; font-size: 11px; color: #888; text-decoration: none; }


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
position: absolute;
width: 100%; 
height: 27px; 
margin: 0 auto;
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 98%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}
