body
{font-family:Arial,sans-serif;

background-color:black;}

.glowny
{position: absolute;

width:900px;

top:20px;

margin: 0 auto;
height: 750px;

   left:47%;
   margin-left:-420px;
   top:50%;
   margin-top:-400px;
border:3px solid green;
}
.srodek
{
margin-left:auto;
   margin-right:auto; 
}




.logo
{position:absolute;
background-image: url(logo.jpg);
height:120px;
width:620px;
border:3px solid blue;
left:190px;
 
}


.zawartosc
{position: absolute;
top:200px;
width: 850px;
height: 530px;
left:20px;
font-wegiht:bold;
font-size:18px;
border:3px solid red;

}

.obrazek
{position: absolute;
width: 168px;
height: 166px;
top:150px;
background-color:yellow;
margin-right: 10px;
float:left;
border:3px solid pink;}

.text
{
padding-left:10px;
padding-right:10px
border:3px solid yellow;
}

.glowna
{position:absolute;
background-image: url(tlo.png);
float:right;
right:90px;
width:550px;
height:429px;
margin:0px;
border :none;
font-size:12px;
}

.iframe
{position:absolute;

float:right;
width:550px;
height:429px;
margin:0px;
}


.menu
{position:absolute;
background-image: url(menu.jpg);
width: 125px;
height: 183px;
float:left;
left:50px;
}

.textmenu
{
position:absolute;
left:5px;
width:100px;
height:170px;
top:15px;
padding-left:10px;
font-size:12px;
font-wegiht:bold;
text-align: center;
line-height: 25px;

}


.rog
{position: absolute;
top :197px;
left: 157px;
border:3px solid orange;
padding-left:10px;
padding-right:10px
}


.p1
{word-spacing:20px;
}	



a.ramka 
{
text-decoration: none;
color:black;
font-weight:bold;
font-family:Arial;
} 
a:hover.ramka 
{
text-decoration: none;
color:white;
font-weight:bold;
font-family:Arial;
background-color:red;
font-size:larger;
} 

.plywajace
{position:absolute;
background-image: url(tlo.jpg);
border:3px solid #887B7B;
width:620px;
height:317px;

}

.flaga
{position:absolute;
top: 30px;
right: 8px;
border:1px solid;
}