body{
background: #ec234e url(images/tlo.jpg) top center no-repeat;
font-size: 16px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}  

a:link {
color: #ffe900; 
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #ffe900; 
text-decoration: none;
font-weight:bold;
}
a:active {
color: #ffe900; 
text-decoration: none;
font-weight:bold;
}

a:hover {
color: #ffffff; 
text-decoration: none;
font-weight: bold;
}

img {
border: 0px;
}

hr  {
color: #ffe900;
width:85%;
margin-top:35px;
margin-bottom:35px;
}

#caly_blok {
margin: 0 auto;
font-size:18px;
min-width:240px;
max-width:950px;
text-align: justify;
font-size: 16px; 
}

.menu {
text-align: left;
}

.menu  a{
color: #ffe900;
background: #e90073;
font-weight: bold;
text-decoration: none;
}

.menu a:hover{
color: #ffffff;
}

#srodek {
background: #004eaf;
float:left;
font-size:14px;
line-height: 1.5em;
margin-bottom: 10px;
}

#srodek p {
text-align: justify;
font-size: 16px;
}

#srodek a {
font-style: normal;
}

#srodek .thumb{
text-align:center;
}

#srodek h1 {
color: #ffe900;
font-style: normal;
}

#srodek h2 {
color: #ffe900;
font-style: normal;
}

#stopka {
padding-top: 10px;
padding-bottom: 10px;
clear:both;
background-color:#e90073;
border:1px solid #000000;
text-align:center;
font-size:14px;
line-height:1.5em;
}

#stopka a {
text-decoration: none;
}

/* Okno przeglądarki o szerokości pomiędzy 950px a nieskończoność */
@media all and (min-width:950px) {

hr  {
border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#naglowek {
font-size:24px;
height: 172px;
}

.logo {
text-align: left;
border: 0px;
padding-left: 120px;
padding-top: 17px;
}

.menu {
height: 35px;
font-size: 16px;
padding-top: 18px;
padding-left: 15px;
}

.menu  a{
padding: 7px;
border-bottom:1px solid #b8160e;
border-right:1px solid #b8160e;
border-top:1px solid #b8160e;
border-left:1px solid #b8160e;
}

.menu a:hover{
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
}

#srodek {
border: 1px solid #000000;
padding-right: 15px;
padding-left: 15px;
padding-top: 40px; 
padding-bottom: 5px;
}

#srodek h1 {
font-size: 16px;
}

#srodek h2 {
font-size: 16px;
}

#srodek .prawa{
width:350px;
float:right;
padding-left:15px;
padding-bottom:15px;
}

#srodek .thumb img {
width:100px;
text-align: center;
padding-right:5px;
padding-top:2px;
}

#srodek .gra-nomobile{
text-align: center;
padding-top:15px;
padding-bottom:40px;
}

#srodek .gra-mobile{
display: none;
}

}
/* Koniec okno przeglądarki o szerokości pomiędzy 950px a nieskończoność */

/* Okno przeglądarki o szerokości pomiędzy 0px a 950px */
@media all and (max-width:950px) {

body{
background: #ec234e;
}  

#naglowek {
background:url(images/top.jpg) no-repeat;
background-color:#ffffff;
font-size:24px;
border-bottom:1px solid #abdfec;
}

.logo {
align: left;
}

.menu {
font-size: 16px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
}

.menu  a{
padding: 7px;
border-top:1px solid #ffffff;
display: block;
}

#srodek {
padding-right: 2px;
padding-left: 2px;
padding-top: 0px; 
padding-bottom: 5px;
}

#srodek h1 {
font-size: 16px;
}

#srodek h2 {
font-size: 16px;
}

#srodek .prawa{
display: none;
}

#srodek .gra-nomobile{
display: none;
}

#srodek .gra-mobile{
text-align: center;
padding-top:15px;
padding-bottom:40px;
}

#srodek .gra-mobile img{
width:90%;
}

#stopka a {
margin: 10px;
font-size:16px;
}

}

/* Koniec okno przeglądarki o szerokości pomiędzy 0px a 950px */