img.preloading{
	display:none;
}


/*========= M a s t e r =================*/

html{
    margin: 0;
    padding: 0;  
}

body{
    margin:	0px auto;
    padding: 0px;
    text-align: center; 
    background: url('../images/ok.jpg') #d9d7cb repeat-x;
}

img{
   border: 0px;
}

#pojemnik{
   margin: 0px auto;
   width: 800px;
  
}


/*------------------menu master -----------------*/
#menu_pojemnik{
    width:  43px;
    height: 600px;
    float:  left;
}

#start_m{
   height:45px;
}


a.main {
  height:  72px;
  background:  url('../images/menu/oba1.png');
  display:  block;   
  text-indent:100px;
 
}

a.main:hover {
  background:url('../images/menu/oba1.png') 0 -72px;
}
 
a.proj{
  background:url('../images/menu/oba2.png');
  display:block;
  height:71px;
  text-indent:100px;
}

a.proj:hover{
    background:url('../images/menu/oba2.png') 0 -71px;
}

#doc a{
  height:89px;
  background:url('../images/menu/oba3.png');
  display:block;  
  text-indent:100px;
}
#doc a:hover {
  background:url('../images/menu/oba3.png') 0 -89px;
}

#mail a{
  height:88px;
  background:url('../images/menu/oba4.png') ;
  display:block;
  text-indent:100px;
}
#mail a:hover {
  background:url('../images/menu/oba4.png') 0 -88px;
}

#kontakt a{
  height:74px;
  background:url('../images/menu/oba5.png');
  display:block;
  text-indent:100px;
}

#kontakt a:hover {
  background:url('../images/menu/oba5.png') 0 -74px;
}


/*============================================*/


#kont_tlo{
	width:427px;
    height:600px; 
    float:left; 
}

#tlo{    
	 background-color:White;
     background-image:url('../images/srodek_clear_01.gif');
     width:427px;
     height:530px;   
}


#tlo3{
	background-image:url('../images/stopka.png');
	margin:0 auto;
	padding:0;
    width:122px;
    height:40px;   
}


/*================ i n n e =================*/


.center{
     margin:0 auto;
     text-align: center;
}   

.lista li{
	list-style:none;
    list-style-image:url('../images/punkt1.png');
    list-style:inside;
    content:normal;
    padding:10px;
    background:yellow;
    vertical-align:baseline; 
}

#blok{
	padding-top:40px;
	margin:0 auto;
}

table{
	
  border:1px solid black;
  border-collapse:collapse;
}

td{
	border:1px solid black;
}
th
{
  border:1px solid black;	
}	

q:before, q:after{
	content:"";
}

#odsylacz{
	margin-top:100px;
}

ul, ul li {
	display: block;
	list-style: none;
	margin-right:auto;
}


ul li {
	width: 290px;
	padding-left: 15px;
	margin-bottom:10px;
	background: #797  no-repeat left top;
	border-width: 1px;
	border-style: solid;
	border-color: #dfe #365 #365 #dfe;
}

ul a:link, ul a:visited {
	display: block;
	width: 269px;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	background: #bfb repeat-x top;
	color: #365;
	border-left: 1px solid #797;
}

ul a:hover {
	background-color: #797;
	color: #eff;
}

.lista{
	list-style:square;
}

/*================= projekty =================*/

 a{
   color:black;
   font-family:"Times New Roman";
   font-size:medium;

 }
 
  
 a:hover{
  color:Gray;
  font-family:Verdana;
 }
 
.projekty{
   padding-top:10px;	
   margin-top:40px;
   height:90%;
   width:90%;
// height:240px;  
// width:300px;	
  max-width: 370px;
  max-height: 380px;
}

#pojemnik_projekty{
  text-align:center; 
}    



#labelek{
  margin-top:10px;
  
}

#buttony{
  margin-top:10px;
  margin-bottom:10px; 
}

#linki_proj{
	position:absolute;
	top:455px;
}

#linki_proj a{
	
	width:164px;
	height:51px;
	text-align:center;
	text-decoration:none;
	font-size:larger;
	font-family:"Comic Sans MS";
	left:133px;
//	left:-20px;
	position:relative;
	
	background:  url('../Images/testuj.gif');
    display:  block;   
    text-indent:-100000px;
}

#linki_proj a:hover{
    font-size:large;
    color:Green;
}

#linki_utworki{
	margin-bottom:40px;
}


/*================= dokumenty =================*/

#doki{  
    padding-top:60px;
    text-align:center;
    height:50px;
}

/*================= maile =================*/
#pojemnik_mail{
    text-align:center; 
    height:20px; 
}

#mail_lab1{
   border:2px ;
   cursor:help ;
   font-family:"Verdana";
   padding-top:40px;    
}

#tekst_skrzynka{
    margin-top:60px;   
}

#mail_lab2{
    margin-top:30px;
    margin-left:60px;  
}


#mail_lab3{ 
    margin-top:30px;
    margin-left:60px;
   
}


/*================= kontakt =================*/

#formularz{
    padding-top:20%;
}
/*============== stopka ==================*/

.copy{
    padding:20px;
   
    height:40px; 
    margin: 0 auto;
    color: black;
    font-size: 12px;
    text-align:center;
}

.copy a {
    color: green;
    text-decoration: none;
    font-size: 12px;
}


.copy a:hover {
    color: red;
}

.copy2{
    padding-bottom: 10px;
    margin: 0 auto;
    color: black;
    font-size: 12px;
	
}

.copy2 a {
	
    color: green;
    text-decoration: none;
    font-size: 12px;
}

.copy2 a:hover {
    color: red;
}

/* ==========  wejsciowa  =================*/

#pudelko_1{
	width:424px;
	margin:0 auto;	
}

#divek{
	float:right;
	margin-top:25px;
	margin-left:20px;
}

#divek .agrafka{
	width:57px;
	height:57px;
	margin-top:-245px;	
    margin-right:100px;
    background-image:url("../images/agrafka.gif");
}


#divek #fotka{
	margin-top:10px;
	margin-right:20px;
	width:159px;
	height:229px;
	background-image:url("../images/fota.jpg");
    text-indent:-1000000px;
}


#pudelko2{ 
    float:left;
  	width:212px;
}

  .tekst{
	
	margin-left:10px;
	margin-top:20px;
	font-family:Verdana,"Bell MT","Arial CYR";
	font-size:small;
	width:160px;
	color:gray;
	border-top:solid 2px gray;
	border-bottom:solid 2px gray; 
  }


  .portfolio{ 
   	font-family:"Blackadder ITC","Edwardian Script ITC","Brush Script MT",Algerian,"Matura MT Script Capitals","Blox BRK","Californian FB","Comic Sans MS",Verdana;
	margin-top:50px;
	color:gray;
  } 

  .mail{
	font-size:80%;
	font-weight:normal !important; 
	
  }

#divek2{
	width:420px;
    padding:30px 0px 0px 0px;
}

  #divek2 .tekstt
  {
	float:right;
	font-family:Verdana,Arial;
	margin:-15px 20px 0px -20px;
	font-size:12px;
	width:146px;
	color:gray;
	min-height:140px;
	max-height:140px;
  }


#divek2 #pudelko{
	font-size:small;
	width:146px;
	color:gray;
  }


#divek2 #pudelko_2
{
    
	float:left;
	width:241px;
	padding:84px 0px;
	margin-left:15px;
	margin-top:15px;
	background :url("../Images/szkola.jpg") no-repeat;
	text-indent:-1000000px;
}


.szkola
{
  text-indent:-2000em;
 
     
}
br.czyszczenie
{
	clear:both;
}

.hr
{
	  color    :gray;
	  border-top:1px solid gray;
    border-width:1px 0 0 0;
    height:1px;
    
}


#ul{
	list-style-type:none;
	background:url('../images/oferta.jpg') no-repeat ;   
	width:340px;
	height:495px; 
	border:none;
	padding:20px 0px;
	margin:0px auto;
	top:30px;
	position: relative;
}


#ul a{
	display:block; 
	text-decoration:none;
	text-align:center;
	line-height:0.1em;
	position: absolute;
	border:1px dotted green;
 
}

#ul a:hover{
	font-size:medium;
	font-family:"Comic Sans MS";
	border:2px solid green;
	color:Black;
}

#witryny a{
	width:  250px;
	height: 0px;
	left:30px;
	top:50px;
	padding-top: 30px;
	padding-bottom:30px;
}

#witryny a:hover{
	font-size:medium;
	font-family:"Comic Sans MS";
	border:2px solid green;
	color:Black;
}


#sklepy a{
	width:250px;
	height:0px;
  	left:50px; 
	top: 100px;	
  	padding-top: 30px;
	padding-bottom:30px;
}

#sklepy a:hover{
	font-size:medium;
	font-family:"Comic Sans MS";
	border:2px solid green;
	color:Black;
}


#aplikacje a{
	height: 0px;
	left:70px;
	top:150px;
	padding: 30px 0px;
	width: 240px;
}

#aplikacje a:hover{
	font-size:medium;
	font-family:"Comic Sans MS";
	border:2px solid green;
	color:Black;	
}


#uml a{
	width: 240px;
	height: 0px;
	left:30px;
	top:250px;
	padding: 30px 0px;
}

#uml a:hover{
	border:2px solid green;
	color:Black;	
	font-size:medium;
	font-family:"Comic Sans MS";	
}


#CSharp a{
	height: 0;
	left: 50px;
	padding:30px 0px; 
	top:300px;
	width: 250px;
}

#CSharp a:hover{
  border:2px solid green;
  color:Black;
  font-size:medium;
  font-family:"Comic Sans MS";
}

#muzyczne a{
	height: 0px;
	left:70px;
	top:350px;
	padding: 30px 0px;
	width: 240px;
}

#muzyczne a:hover{
	font-size:medium;
	font-family:"Comic Sans MS";
	border:2px solid green;
	color:Black;	
}

a.strzalka,
a.strzalka_l{
	font-size:large;
	font-family:"Comic Sans MS";
	border:0px !important;
	padding: 20px 0px;	
	top:420px;
	left:240px;
}

a.strzalka_l{
	left:200px;
}

 a.strzalka:hover,
 a.strzalka_l:hover{
	font-size:medium;
	font-family:"Comic Sans MS";
	border:0px !important;
}

p.czyste{
	margin:0;
	padding:0;
	
}

#wtrzyc{
	position:relative;
	top:200px;
	left:20px;
}

#TBPodpis{
	margin-left:20px;
}

form{
    margin:0px;
    padding:0px;
}

#pojemnik_projekty img{
  max-height:300px;
}

#advertising{
	
	margin:520px 0px 0px -120px;
	
}