body {
 background:#eee;
 font-family:sans-serif;
 margin:0;
 padding:0;
 
font-size:13px;
 }

#powitanie {
 font-family: Arial,sans-serif;
font-size:16px;
}
 
 a {
 color:#77b0f0;
 }
  a:hover {
 color:#f2a029;
 }
 #logo {
cursor:pointer;
 height:114px;
 background: url('bgtop.png') left bottom repeat-x white;
 margin:0 auto;
 }
#content{
padding:20px;
}

#chat{
padding:10px;
border: 1px solid #ccc;
background:white;
height: 200px;
overflow: auto;
white-space: nowrap;

}
#komunikacja{

margin-top:10px;
border: 1px solid #ccc;
background:white;
height: 60px;
margin-right:110px;
}
#wyslij, #connect{
padding-top:20px;
padding-bottom:20px;
cursor:pointer;
text-align:center;
color:#fff;
font-weight:bold;
float:right;

width:100px;
margin-top:10px;
border: 1px solid #ccc;
background:url('button_bg2.png') center center repeat-x #aeaeae;
color:#444;

}
#connect{
position:relative;
left:300px;
padding-top:28px;
padding-bottom:25px;
float:left;
text-align:center;
color:#fff;
font-weight:bold;
width:208px;
margin-top:15px;
background:url('button.png') center center no-repeat;
color:#fff;
border:none;
}
#connect:hover {
background:url('button2.png') center center no-repeat;
}
#wyslij:hover {

background:url('button_bg2_p.png') center center repeat-x #aeaeae;

}


.clear{
clear:both;
}
#m {
width:95%;

border:none;
padding:10px;
padding-top:20px;
}

#buttony a{
margin-bottom:5px;
margin-right:5px;
float:right;
display:block;
padding:5px;
border: 1px solid #ccc;
background:url('button_bg.png') center center repeat-x #aeaeae;
color:#444;
text-decoration:none;

}

#buttony a:hover {
background:url('button_bg_p.png') center center repeat-x #aeaeae;

}
.system,.nieznajomy,.ja {
font-weight:bold;
}
.system {
color:#aeaeae;
}
.nieznajomy{
color:red;
}
.ja {
color:blue;
}


#ile{
position:absolute;
font-weight:bold;
color:#77b0f0;
top:85px;
left:140px;

}

#bottom{
font-size:12px;
color:#aeaeae;
margin-left:25px;
margin-top:-10px;
width:880px;
}
#ramka {
z-index:5;
line-height:1.5;
width:830px;

position:relative;
padding:30px;
background:white;
border: 1px solid #ccc;
top:-30px;
}
#ramka .c {
z-index:5;
position:absolute;
width:37px;
height:37px;
}
#ramka #lt {
left:-1px;
top:-2px;
background:url('lt.png') center center no-repeat;
}
#ramka #lb {
left:-1px;
bottom:-2px;
background:url('lb.png') center center no-repeat;
}
#ramka #rb {
right:-1px;
bottom:-2px;
background:url('rb.png') center center no-repeat;
}
#ramka #rt {
right:-1px;
top:-2px;
background:url('rt.png') center center no-repeat;
}
#formik{
display:none;
padding:20px;
}
#kontakt{
position:relative;
z-index:500;
margin-top:40px;
margin-bottom:50px;

padding:3px;

width:278px;
padding-left:0px;
top:72px;
}
.napisz{
display:block;
}
#kontakt a{
z-index:502;
text-decoration:none;
color:white;
margin-left:3px;
float:right;
padding:3px;
background: #45464b;
font-size:85%;
}
#kontakt a:hover {
background: #f3a029;

}
#x  {
display:none ;
}
 #tytul_kontaktu{
position:absolute;
top:3px;
left:1px;
display:none ;
width:800px;
}
#tytul_kontaktu:hover{
background: #45464b;
}
#kontakt textarea, #kontakt input {
 border:1px solid #ccc;
}
#kontakt input {
width:250px;
}

#kontakt textarea{
 width:500px;
height:120px;
}








#slij{
cursor:pointer;
margin-bottom:5px;
margin-right:5px;
float:none;
display:block;
padding:5px;
border: 1px solid #ccc;
background:url('button_bg.png') center center repeat-x #aeaeae;
color:#444;
text-decoration:none;
width:100px;
text-align:center;
}

#slij:hover {
background:url('button_bg_p.png') center center repeat-x #aeaeae;

}
#emotki {
display:none;
position:absolute;
z-index:5000;
background:white;
right:100px;
top:122px;
border:1px solid #ccc;
}
#emot{
display:none;
border:none;
cursor:pointer;
}

#chat b {
display:none;
}
ul li {
font-weight:bold;
}

.code {
width:350px;
height:150px;
border:1px solid #444;
}
#wiadomosc {
position:relative;
top:15px;
border: 1px solid #f4af49;
padding:8px;
background:#fff3e1;
}
.FB_SERVER_IFRAME {
width:830px !important; 
}