html, body {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
text-align:center;
font-family:Verdana, Helvetica, sans-serif;
font-size: 12px;
}

body {
background:#fff url(../images/tlo-strony.jpg) 0px 0px repeat-x;
}


a:focus {
  -moz-outline-style: none;
}

img {
display:block;
border:0;
}

img p {
display:inline;
border:0;
}

.offset {
display:none;
}

div#pojemnik_strony {
position:relative;
top:0px;
left:0px;
padding:270px 0px 0px 0px;
margin:0px auto 0px auto;
width:920px;
background:transparent;
text-align:left;
z-index:2;
overflow:hidden;

}

body.strona_glowna div#pojemnik_strony {
padding:400px 0px 0px 0px;
}

div#pojemnik_zawartosci {
position:relative;
top:0px;
left:0px;
padding:0px 0px 40px 0px;
margin:0px 0px 0px 0px;
width:920px;
background:transparent;
text-align:left;
z-index:10;
overflow:hidden;
clear:both;
background:transparent;
}

body.strona_glowna div#pojemnik_zawartosci {
padding:0px 0px 40px 0px;
background:none;
}


div#kreska-tlo {
position:absolute;
top:130px;
right:0px;
width:50%;
height:140px;
padding:0;
margin:0;
overflow:hidden;
z-index:1;
background:transparent url(../images/kreska-prawo.jpg) 0px 0px repeat-x;
}

h1 {
position:absolute;
top:24px;
left:0;
padding:0px;
margin:0px 0px 0px 0px;
width:183px;
height:58px;
z-index:11;
overflow:hidden;
}


h1 a {
position:absolute;
top:0px;
left:0px;
padding:0px;
margin:0px;
width:183px;
height:58px;
display:block;
text-indent:-100em;
overflow:hidden;
z-index:12;
background:transparent url(../images/logo.jpg) 0px 0px no-repeat;
}

/*--------------------------baner strona glowna-------------------------*/
div#baner {
position:absolute;
top:50px;
left:0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:920px;
height:350px;
background:transparent url(../images/baner-tresc.jpg) 0px 0px no-repeat;
z-index:3;
overflow:hidden;
}

body.strona_glowna div#baner {
height:350px;
background:transparent url(../images/baner.jpg) 0px 0px no-repeat;
}

div#baner h2 {
display:none;
}


div#baner p {
position:relative;
top:185px;
left:23px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
width:225px;
font-size:12px;
color:#515151;
}

/*--------------------------podmenu i tresc-------------------------*/

div#kolumna_podmenu {
position:relative;
top:0px;
left:10px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:250px;
border:solid 0px #000;
overflow:hidden;
z-index:10;
float:left;
}

div#tresc {
position:relative;
top:0px;
left:-20px;
padding:145px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:630px;
border:solid 0px #000;
overflow:hidden;
z-index:10;
float:right;
}


/*--------------------------masz pytania telefon-------------------------*/
div#telefon {
position:absolute;
top:40px;
right:-10px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:130px;
border:solid 0px #000;
overflow:hidden;
z-index:20;
}

div#telefon p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:20px;
color:#9a4a7b;
font-weight:bold;
text-align:left;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

div#telefon p span {
display:block;
font-size:11px;
color:#a0a0a0;
font-weight:normal;
font-family:Arial, Verdana, Helvetica, sans-serif;
}


/*--------------------------stopka-------------------------*/
div#stopka {
position:relative;
top:0px;
left:0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:920px;
height:100px;
background:transparent url(../images/stopka.jpg) top center no-repeat;
text-align:left;
z-index:2;
clear:both;
overflow:hidden;
}

div#stopka p { 
color:#969696;
padding:0px;
margin:0px 0px 0px 0px;
position:absolute;
font-size:11px;
left:36px;
text-align:left;
}



div#stopka p#copy { 
top:22px;
}


div#stopka p#projekt { 
top:60px;
font-size:10px;
}

div#stopka p#projekt a { 
text-decoration:none;
color:#5c5c5e;
}

div#stopka p#projekt a:hover { 
text-decoration:underline;
color:#838383;
}