
#tekst {position:relative;
float: left;
width:960px;
height:1900px;
margin:30px 0 30px 20px;
font-size:13px;
}

#obraz1 {background: url(../grafika/kleszcze.jpg) no-repeat center ;
position:relative;
margin:220px 20px 20px 40px;
width:156px;
height:119px;
padding:2px;
border:1px solid #b5a488;}

#obraz2 {background: url(../grafika/profilak.jpg) no-repeat center ;
position:relative;
margin:65px 20px 20px 40px;
width:156px;
height:119px;
padding:2px;
border:1px solid #b5a488;}

#obraz3 {background: url(../grafika/dzieci.jpg) no-repeat center ;
position:relative;
margin:125px 20px 20px 40px;
width:156px;
height:119px;
padding:2px;
border:1px solid #b5a488;}

#obraz4 {background: url(../grafika/usta.jpg) no-repeat center ;
position:relative;
margin:325px 20px 20px 40px;
width:156px;
height:119px;
padding:2px;
border:1px solid #b5a488;}

#obraz5 {background: url(../grafika/endo.jpg) no-repeat center ;
position:relative;
margin:125px 20px 20px 40px;
width:156px;
height:119px;
padding:2px;
border:1px solid #b5a488;}


#obraz6 {background: url(../grafika/proteza.jpg) no-repeat center ;
position:relative;
margin:20px 20px 40px;
width:156px;
height:119px;
padding:2px;
border:1px solid #b5a488;}

#nag_chir{
float:left;
position: relative;
text-align:left;
background: url("../grafika/n_chir.png") top left no-repeat;
width: 920px;
height:60px;
margin-top: 20px;
padding-top:20px;
border-top:1px dotted #ccc;
background-position: 0px 20px;
}
#nag_prof{
float:left;
position: relative;
text-align:left;
background: url("../grafika/n_prof.png") top left no-repeat;
width: 850px;
height:40px;
margin-top: 0px;
padding-top:20px;
}
#nag_dzieci{
float:left;
position: relative;
text-align:left;
background: url("../grafika/n_dzieci.png") no-repeat;
width: 920px;
height:60px;
margin-top: 20px;
padding-top:20px;
border-top:1px dotted #ccc;
background-position: 0px 20px;
}
#nag_zdob{
float:left;
position: relative;
text-align:left;
background: url("../grafika/n_zdob.png") top left no-repeat;
width: 920px;
height:60px;
margin-top: 20px;
padding-top:20px;
border-top:1px dotted #ccc;
background-position: 0px 20px;
}

#nag_endo{
float:left;
position: relative;
text-align:left;
background: url("../grafika/n_endo.png") top left no-repeat;
width: 920px;
height:60px;
margin-top: 20px;
padding-top:20px;
border-top:1px dotted #ccc;
background-position: 0px 20px;
}

  
#nag_prot{
float:left;
position: relative;
text-align:left;
background: url("../grafika/n_prot.png") top left no-repeat;
width: 920px;
height:60px;
margin-top: 20px;
padding-top:20px;
border-top:1px dotted #ccc;
background-position: 0px 20px;
}

#tekst ul{list-style: none;
   width: 670px;
   margin: 0 0 0px 230px;
   padding: 0px;
  position:relative;
	float: left;
	
	}

	#tekst li.ok {background-image: url("../ikony/ok.png");
   background-repeat: no-repeat;
   background-position: 5px 5px;
   padding: 0px 0px 0px 40px;
   margin-left:20px;
   margin-bottom:10px;
	 height: auto;   
   width:580px;
	 line-height:20px;}
	 #tekst li.ok1 {background-image: url("../ikony/ok.png");
   background-repeat: no-repeat;
   background-position: 5px 5px;
   padding: 0px 0px 0px 40px;
   margin-left:20px;
   margin-bottom:10px;
	 height: auto;   
   width:580px;
	 line-height:20px;}
	 
/*************************************************************/
@media screen and (max-width: 480px) {
#tekst {
width:480px;
height:auto;
margin:30px 0 30px 0px;
font-size:15px;
}
#nag_prof{
width: 480px;
margin-top: 0px;
padding-top:0px;
}

#obraz2 {
margin:50px 10px 20px 5px;
}

#nag_dzieci{
width: 480px;
margin-top: 0px;
padding-top:0px;
}

#obraz3 {
margin:200px 10px 20px 5px;
}
#nag_zdob{
width: 480px;
margin-top: 0px;
padding-top:0px;
}

#obraz4 {
margin:535px 10px 20px 5px;
}
#nag_endo{
width: 480px;
margin-top: 0px;
padding-top:0px;
}
#obraz5 {
margin:130px 10px 20px 5px;
}
#nag_chir{
width: 480px;
margin-top: 0px;
padding-top:0px;
}
#obraz1 {
margin: 385px 10px 20px 5px;
}

#nag_prot{
width: 480px;
margin-top: 0px;
padding-top:0px;}

p{
padding-left:10px;

}
#obraz6 {
margin:20px 10px 20px 5px;
}

#tekst ul{list-style: none;
   width: 300px;
   margin: 10px 0 0px 150px;
   padding: 0px;
  position:relative;
	float: left;
	
	}
		

	#tekst li.ok {
   background-position: 5px 0px;
   padding: 0px 0px 0px 40px;
   margin-left:20px;
   margin-bottom:10px;
   height: auto;   
   width:250px;
	 line-height:23px;
	}
	#tekst li.ok1 {
   background-position: 5px 0px;
   padding: 0px 0px 0px 30px;
   margin-left:-150px;
   margin-bottom:10px;
   height: auto;   
   width:400px;
	 line-height:23px;
	}
	
	 
}