A:link {color: black; text-decoration: none}
A:visited {color: black; text-decoration: none}
A:hover { color: black; text-decoration: none}
body {
	background-color:#2A5EB2;
	letter-spacing: 1px;
	font-size: 10pt;	
  margin:0;
  padding:0;
  outline: 0 none;
}

@media (min-width: 0px) and (max-width: 979px ) {
#l1, #l2, #l3, #l4, #l5, #l6, #l7, #napis {display:none}
#content {background: url("../mobile/bg.jpg") no-repeat;
padding: 0px;
margin-top:0px;
top:0px;
margin: 0 auto;
width:100%;
height:710px;
background-size:100%;
overflow:hidden;}

#srodek {position:absolute; margin-top:100px; left:15%; margin-right:10px; display:visible; background-color:white; width:70%;}
#loga {display:block;}

}

@media (min-width: 979px) {
#loga {display:none;}         
#strona {
width:100%;
}
#srodek {
width:485px;
height:372px;
top:89px;
left:100px;
position:absolute;
}
#l1 {
position:absolute;
top:240px;
left:10px;
}
#l2 {
position:absolute;
top:165px;
left:10px;
}
#l3 {
position:absolute;
right:35px;
top:65px;
}
#l4 {
position:absolute;
top:65px;
left:10px;
}
#l5 {
position:absolute;
top:240px;
right:50px;
}
#l6 {
margin-left:170px;
top:5px;
position:absolute;
}
#l7 {
position:absolute;
top:165px;
right:35px;
}

#content {
position:relative:
padding: 0px;
margin-top:0px;
top:0px;
margin: 0 auto;
max-width:990px;
height:768px;
background: url("../tlo2.jpg") no-repeat;
background-size:100%;
}

#tresc {
top: 100px;
position:relative;
margin-left:160px;
width:680px;
height:535px;
background: url("../images/logo.png");
}
#stopka {
float:both;
top: 400px;
position:relative;
margin-left:62px;
width:329px;
height:30px;
}
.obrazek {
border: 1px solid grey;
padding: 2px;
}
#napis {
position:absolute;
top:335px;
right:50px;
font-size:18px;
}
}