body {
margin: 0 ;
padding: 0 ;
background: #FFF url(gif/tlo-top.gif) repeat-x;
font-size: 13px;
font-family: Verdana, Tahoma;
color: #000;
text-align: center;
}


a:link, a:visited {
color: #3959F0 ;
}


#page {
margin: 0 auto ;
padding: 0 ;
text-align: left;
width: 760px;
}

#top {
background: url(gif/top.gif) no-repeat;
margin: 0 0 0 0  ;
padding: 5px 40px ;
color: #FFF; 
height: 200px;
font-style: italic;
}

#menu {
margin:  0 ;
padding: 0 ;
height: 40px; 
}


#main {
background: url(gif/tlo-middle.gif) repeat-y 25px 0px ;
line-height: 19px;
margin:  0 ;
padding:  20px 56px  ;
}

#footer {
clear: both; 
text-align: center;
font-size: 12px;
color: #215769;
margin: 0px;
padding: 30px 0 0px 0 ;
height: 34px;
background: url(gif/tlo-stopka.gif) repeat-x 0 0 ;
}


/* ----------------------------- koniec struktury --------------------------------------*/

h1 {
font-size: 26px;
}

h2 {
font-size: 17px;
margin: 30px 0 20px 0;
}

#top p {
font-style: italic ; 
font-size: 13px;
}

#top span {
margin-left: 320px;
}

#main p {
line-height: 18px; 
margin: 14px 0 ;
}


#footer span {
position: relative;
top: 6px;
left: 10px; 
}



/* --------------------- menu -----------------*/

#menu ul, #menu ul li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 26px;
}

#menu ul li {
        float: left;
}

#menu ul a:link,#menu ul a:visited {
        text-decoration: none;
        display: block;
        padding: 0px;
        margin-left: 150px;
        color: #215769;
}


#menu ul a:hover {
        color: #28add9 ;
}





/* --------------------- realizacje projektow -----------------*/

.realizacja {
padding: 0px 0px; 
margin: 35px 10px 50px 10px;
border-left: solid 3px #28adda;
border-bottom: solid 2px #28adda ;
}

.screen {
border: solid 1px #000;
float: left; 
width: 200px;
height: 120px ;
padding: 0 ;
margin: 0;
position: relative;
top: 6px;
left: 6px; 
}

.cien {
float: left; 
width: 200px;
height: 120px ;
background:#000 ;
margin: 0 20px 0  6px; 
padding: 0 ;

}

.realizacja a {
font-weight: bold;
font-size: 14px;
color: #215769;
padding: 5px  ;
margin: 0px 0px 0px 20px ;
}

.realizacja a:hover { 
background:  #28add9;
background: #215769 ; 
color: #FFF;
}

/* --------------------- formularz kontaktowy -----------------*/

#form-kontakt {
text-align: left;
width: 430px;
margin: 0 auto ;
}

#form-kontakt input {
border: solid 1px  #3e75a4 ;
margin: 1px 0 10px 10px;
padding: 4px;
width: 220px;
}

#form-kontakt textarea {
border: solid 1px  #3e75a4 ;
margin: 1px 0 10px 10px;
padding: 4px;
width: 390px;
height: 140px;
}

#form-kontakt input , #form-kontakt textarea {
color: #F00;
color: #215769;
}

#form-kontakt label {
display: block;
}

#form-kontakt-przycisk {
background: #FFF;
}