*{margin: 0px; padding: 0px;}
html,body{margin:0px; padding:0px; height: 100%; background-color:#f8f8f8;}
body {
  text-align:left;
  font-size: 11px;
  font-family: "trebuchet ms", sans-serif;
}

a:link {
  color: #344b5f;
  border: 0px
}
a:visited {
  color: #344b5f;
  border: 0px
}
a:hover {
  color: #344b5f;
  border: 10px
}
a:active {
  color: #344b5f;
  border: 0px
}
img {
  margin: 0px;
  padding: 0px;
  border: none;
}
#background_one , #background_two {width: 50%; height: 139px;}
#background_one {
	background-image: url('images/bg_one.png');
	background-position: top;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: 0;
}
#background_two {
	background-image: url('images/bg_two.png');
	background-position: top;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	right: 0;
}
#container {
  width: 100%;
}
#header {
  position: relative;
  width: 775px;
  height: 139px;
  background-image: url('images/header.png');
  margin-left:auto;
  margin-right: auto;
  z-index: 1;
}
#menu { 
  width: 311px;
  height: 72px;
  float: right;
  margin-top: 5px;
  margin-right: 19px;
}
#home{ 
  position: absolute;
  width: 62px;
  height: 72px;
  background: url('images/home.png');
  }
#home #ki a{
  background-image:url('images/home.png'); 
  height: 72px;
}
#home #ki a:link{
  display:block;
  background-image:url('images/home.png');
  padding: 0px 0 0 0px;
}
#home #ki a:visited {
	display: block;
	background: url('images/home.png') -124px;
	padding: 0px 0 0 0px;
        }
#home #ki a:hover {
	background: url('images/home.png') -62px;
	padding: 0px 0 0 0px;
        }
#omnie{
      margin-left: 64px;
      position: absolute;
      width: 62px;
      height: 72px;
  }
#omnie #ki a { 
        background: url('images/omnie.png');
  	height: 72px;	
}	
#omnie #ki a:link{
        display: block;
	background: url('images/omnie.png');
	padding: 0px 0 0 0px;
}
#omnie #ki a:visited {
	display: block;
	background: url('images/omnie.png') -126px;
	padding: 0px 0 0 0px;
        }
#omnie #ki a:hover {
	background: url('images/omnie.png') -63px;
	padding: 0px 0 0 0px;
}

#projekty{
  margin-left: 128px;
  position: absolute;
  width: 62px;
  height: 72px;
  }
#projekty #ki a { 
        background: url('images/projekty.png');
  	height: 72px;	
}	
#projekty #ki a:link{
        display: block;
	background: url('images/projekty.png');
	padding: 0px 0 0 0px;
}
#projekty #ki a:visited {
	display: block;
	background: url('images/projekty.png') -124px;
	padding: 0px 0 0 0px;
        }
#projekty #ki a:hover {
	background: url('images/projekty.png') -62px;
	padding: 0px 0 0 0px;
        }
      
#oferta{
  margin-left: 192px;
  position: absolute;
  width: 62px;
  height: 72px;
  }
#oferta #ki a { 
        background: url('images/oferta.png');
  	height: 72px;	
}	
#oferta #ki a:link{
        display: block;
	background: url('images/oferta.png');
	padding: 0px 0 0 0px;
}
#oferta #ki a:visited {
	display: block;
	background: url('images/oferta.png') -124px;
	padding: 0px 0 0 0px;
        }
#oferta #ki a:hover {
	background: url('images/oferta.png') -62px;
	padding: 0px 0 0 0px;
        }

#email{
  margin-left: 256px;
  position: absolute;
  width: 62px;
  height: 72px;
  }
#email #ki a { 
        background: url('images/email.png');
  	height: 72px;	
}	
#email #ki a:link{
        display: block;
	background: url('images/email.png');
	padding: 0px 0 0 0px;
}
#email #ki a:visited {
	display: block;
	background: url('images/email.png') -124px;
	padding: 0px 0 0 0px;
        }
#email #ki a:hover {
	background: url('images/email.png') -62px;
	padding: 0px 0 0 0px;
        }
#content {
  margin-top: 1em;
  width: 775px;
  margin-left:auto;
  margin-right: auto;
  background-image: url('images/content_middle.png');
  background-position: 11px;
  background-repeat: repeat-y;
}
#content_top {
  width: 750px;
  height: 7px;
  margin-left: 11px;
  background-image: url('images/content_top.png');
  background-repeat: repeat-x;
}
#content_middle {
  width: 750px;
}
#content_middle_left {
  float: left;
  width: 155px;
  padding-left: 5px;
}
#MainMenu{
margin-top: 5px;
margin-left: 10px;
float: left;
height: 90px ;
width: 150px ;
background-image:url('images/MainMenu.png');
background-repeat: no-repeat;
}
#LastProject{
margin-top: 150px;
margin-left: 10px;
float: left;
height: 33px ;
width: 150px ;
background-image:url('images/LastProject.png');
background-repeat: no-repeat;
}
#LastProject_foto{
padding-top:15px;
clear: both;
margin-left: 20px;
height: 135px;
width: 135px;
}
#LastProject_text{
margin-top: -20px;
height: auto;
clear: both;
padding-left: 30px;
padding-right: 5px;
font-family: "trebuchet ms", sans-serif;
text-align: justify;
font-size: 10px;
}
#LastProject_text p{
font-family: "trebuchet ms", sans-serif;
text-align: justify;
font-size: 10px;
}
#LastProject_text span{
font-family: "trebuchet ms", sans-serif;
text-align: justify;
font-size: 10px;
}



#content_middle_right {
  text-align: center;
  font-family: "trebuchet ms", sans-serif;
  font-size: 16px ;
  float: right;
  width: 550px;
  padding-right: 12px;
}
#content_bottom { 
  width: 750px;
  height: 7px;
  margin-left: 11px;
  background-image: url('images/content_bottom.png');
  background-repeat: repeat-x;
  clear: both;
}

#footer {
margin-top: 2em;
  clear: both;
  width: 750px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('images/stopka.png');
  background-repeat: repeat-x;
}
#footer #left {
padding-left: 15px;
  padding-top: 7px;
  float: left;
  width: 375px;
  height: 30px;
  background-repeat: no-repeat;
}
#footer #right {
  float: right;
  width: 375px;
  height: 30px;
  background-repeat: no-repeat;
}
#masterdiv
{
padding-left:5px;
padding-top:40px;
text-align:center;
}
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:white;
color:#000000;
width:150px;
padding:2px;
text-align:center;
font-weight:bold;
border:1px solid black;
font-family: "trebuchet ms", sans-serif;
}
.menutitle a{
text-decoration:none;
color:black;
margin-bottom:5px;
}

.submenu{
margin-bottom: 0.5em;
font-size:12px;
}
.submenu p{
padding-top:3px;
}
#tekst_home
{
padding-top:40px;
padding-left:25px;
padding-right:25px;
text-align:justify;
}
#tekst_informacje
{
padding-top:40px;
padding-left:25px;
padding-right:25px;
text-align:justify;
}
#tekst_oferta
{
padding-top:40px;
padding-left:25px;
padding-right:25px;
text-align:justify;
}
#tekst_cv
{
padding-top:40px;
padding-left:25px;
padding-right:25px;
text-align:justify;
}
#prezentuj_pliki
{
margin-left :100px;
margin-top:60px;
width:400px;
height:auto;
}
#word
{
position: relative;
float: left;
width:200px;
height:auto;
}
#word img
{
padding-right:100px;
float: right;
}
#word p
{

padding-bottom:20px;
padding-right:80px;
float: right;
}
#pdf
{
position:relative;
width:200px;
height:auto;
float:right
}
#pdf img
{
padding-left:40px;
float:left
}
#pdf p
{
padding-left:10px;
padding-right:70px;
padding-bottom:20px;
float: right;
}
#formularz_kontaktowy
{
padding-top:50px;
}
#dane_kontaktowe_tekst
{
padding-top:40px;
}
#dane_kontaktowe_tekst img
{
padding-left:100px;
padding-right:-60px;
}
#umiejetnosci_zawartosc
{
padding-top:40px;
width:auto;
height:auto;
}
#umiejetnosci_zawartosc p
{
font-size:18px;
 font-family: "trebuchet ms", sans-serif;
 padding-bottom:30px;
}
.umiejetnosci{
padding-right:20px;
padding-left:30px;
padding-bottom:10px;
float:left;
width:200px;
height:auto;
}


.umiejetnosc_nazwa{
height:24px;
}


.umiejetnosc_poziom
{
padding-bottom: 10px;
}
.umiejetnosc_poziom img{
padding-right:1px;
}

.projekt
{
}
.projekt_zdjecie
{
padding-left:20px;
float:left;
}
.projekt_zdjecie img
{

border :2px grey solid; 
}

.projekt_opis
{
padding-top:15px;

float:right;
}
#webdesign
{
padding-top :40px;
}
#oprogramowanie
{
padding-top :40px;
}
#oprogramowanie_nag
{
padding-bottom :50px;
}
#webdesign_nag
{
padding-bottom:50px;
}
.linia img
{
padding-top:20px;
padding-bottom:20px;
}
#reklamy
{
padding-top:10px;
padding-bottom:10px;
}