/*------------------------------------- OGOLNE -------------------------------*/
html {height:100%;}
body {height:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#313634; font-size:12px; background:url(../gfx/bg.gif) 0 0 repeat-x;}
img {margin:0; padding:0; display:block; border:none;}
p {margin:0; padding:0;}
a {text-decoration:none; color:#941515;}
h1 {font-family: Arial, Helvetica, sans-serif; color:#941515; font-size:16px;}
h2 {font-family: Arial, Helvetica, sans-serif; color:#941515; font-size:14px;}
ol { list-style-type: upper-roman; }
ul { list-style-type: circle; } 

/*------------------------------------- WARSTWY -------------------------------*/
.container {width:960px; margin:0 auto; background:url(../gfx/bg-kratki.gif) 0 0 no-repeat; overflow:hidden}
#header {height:94px; overflow:hidden;}
.logo {padding-left:26px; float:left}
#footer {color:#8a8a8a; clear:both; overflow:hidden; padding:5px 0; font-size:11px; border-top:1px solid #c7cecf; }
#footer p {float:right; text-align:right;}
#leftColumn {width:350px; float:left; margin-right:20px;}
#rightColumn {width:590px; float:left;}
.buttony {height:260px; margin-bottom:6px;}
#menu {float:right; padding-top:32px;}
.slideshow {margin-bottom:30px; position:relative;}
.klienci {width:300px; height:115px; background:url(../gfx/bg-nasi-klienci.gif) 0 0 no-repeat; overflow:hidden; float:left; margin-right:50px;}

/* ------------------------------------- UL, LI  ---------------- */
#menu ul {margin:0; padding:0;}
#menu ul li {display:inline;}
#menu a {height:38px; display:block; float:left; margin-left:20px;}
#menu a.m01 {background:url(../gfx/m01.gif) 0 0 no-repeat; width:87px;}
#menu a.m02 {background:url(../gfx/m02.gif) 0 0 no-repeat; width:97px;}
#menu a.m03 {background:url(../gfx/m03.gif) 0 0 no-repeat; width:54px;}
#menu a.m04 {background:url(../gfx/m04.gif) 0 0 no-repeat; width:68px;}
#menu a:hover {background-position:0 -38px;}
#footer ul {float:left; margin:0; padding:0; list-style:none;}
#footer ul li {display:inline;}
.kulki {position:absolute; bottom:0; right:0; margin:0; padding:0; background:url(../gfx/bg-kulki.png) right 0 no-repeat; padding-right:9px;}
.kulki li {display:inline; background:none; padding:0;}
.kulki li a {display:block; float:left; height:41px; background:url(../gfx/ik-kulka.png) 0 -41px; width:27px; border:none;}
.kulki li a:hover, .kulki li a.active {background-position:0 0;}

/* ------------------------------------- ODNOSNIKI  ---------------- */
#footer a {color:#8a8a8a;}
#footer a:hover {color:#585858;}

/* ------------------------------------- MARGINESY, ODSTEPY  ---------------- */
.mt10 {margin-top:10px;}
.mb25 {margin-bottom:25px;}

/* ------------------------------------- CZCIONKI  ---------------- */
.bold {font-weight:bold;}
.f0 {font-size:1px; height:1px;}
.data {font-size:11px; color:#808181; margin-bottom:6px;}

/* ------------------------------------- POZYCJE  ---------------- */
.clearfix:after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.op0{opacity: .0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter: alpha(opacity=00);}

.clr {clear:both;}
.flol {float:left;}
.flop {float:right;}
.prawa {text-align:right!important;}
.lewa {text-align:left!important;}
.srodek {text-align:center;	margin:0 auto;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom!important;}
.din {display:inline;}