#facebook {
    z-index:10;
    position:fixed;
    top:30%;
    right:-197px;

}

#facebook-icon {
    background-image:url('http://www.sitewarez.pl/facebook.png');
    width:39px;
    height:173px;
    float:left;
}

#facebook-app {
    border:#123776 solid 3px;
    float:left;
    background-color:#FFFFFF;
}



html, body {
   margin:0;
   padding:0;
   font:12px Arial;
   color:#000;
background:#2c2c2c;
   text-align: left;
}




div.mini_chat{
  text-align:center;
  margin: 0 auto;
  margin-bottom:40px;
  padding-bottom:10px;
  border: 1px solid #000000;
  width:579px;
}

div.search {
  float:right;
  margin-top: 140px;
  margin-right: 10px;
}

div.text {
  background: url("/templates/drabik/img/input-szukaj.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    overflow: hidden;
    width: 206px;
}

div.text input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 7px;
    padding-right: 7px;
    width: 206px;
}

div.button {
    float: left;
    margin-left: 9px;
    margin-top: 2px;
}




div.tab1 {
 
    background-position: center top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    height: auto;
    margin-center: auto;
    margin-right: auto;
    padding: 8px 3px 2px;
    text-decoration: none;
    width: 531px;
    text-align:left;
}

div.tab2 {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    margin-bottom: 2px;
    padding: 2px;
}

div.tab2-story {
    color: #000000;
    padding: 2px;
    text-align: justify;
}






div.podswietlone {
    background-color: #EEEEEE;
    margin: 2px;
    padding: 2px;
    text-align: center;
}

a {
   text-decoration:none;
   color:#000000;
}

a:hover             {
   color:#000000;
   text-decoration:underline;

}

li {
   display:inline;
}


img {

   border:0;
   margin:0;
}

.allinone{
  width: auto;
  margin-right: auto;
  margin-left: auto;

}

.plogl {
   width:100px;
   background:#ffffff;
   border: 1px solid #000000;
   color:#000000;
   padding:2px;
}

#tooltip{
    background:#e4f3fa;
    border:1px solid #1d668c; 
    border-left:3px solid #1d668c;
    font-size:11px;
    color:#002a3f;
    padding:5px 10px;
    position:absolute;
    visibility:hidden;
    opacity: 0.9;
    z-index:100;
}

.but {
   font:11px Verdana;
   text-decoration:none;
   font-weight:bold;
   background:#f2f2f2 url('../images/but.png') center repeat-x;
   border:1px solid #838383; 
   color:#444; 
   padding:5px 8px;
}

.but2 {
   font:11px Verdana;
   text-decoration:none;
   font-weight:bold;
   background:#f2f2f2 url('../images/but.png') center repeat-x;
   border:1px solid #838383; 
   color:#444; 
   padding:5px 8px;
   margin-top: 10px;  
}

.clear {
   clear:both;
}

#serch {
   margin-bottom: 30px;
   width:200px;
   height:31px;
float:left;
}

.s_x {
   color:#888;
   font:13px Arial;
   font-style: italic; 
  
   background: #ffffff;
   border: 1px solid #000000;
   position:absolute;
   z-index:10;
   line-height:29px;
   width:184px;
   height:29px;
   font-weight:bold;
   padding-left:15px;
margin:0;
}

@-moz-document url-prefix()
{
.s_x { height:23px; padding-top:7px;}

}

.fullser23 {
   background:url(../img/fulls.png) no-repeat;
   text-align:right;
   padding-top:5px;
   padding-right:34px;
   width:440px;
   height:19px;
   float:left;
   font:11px Verdana;

}

.fullser23 a {
  color:#444;
}

.sst {
   color:#fff;
   font:11px Verdana;
   width:679px;
   height:177px;
   padding:10px;
   background:url(../img/sst.jpg) no-repeat;
   float:left;
}

.calendar {
  float:left;
  padding-left:5px;
}

.rssicon {
  float:left;
  padding-top:20px;
  padding-left:50px;
}

.arch {
padding-left:500px;
padding-top:3px;
}

.arch strong {
font:16px Arial;
font-weight:bold;
padding-left:20px;
}

.arch a {
color:#fff;
display:block;
padding:2px;
}

.content1 {
background: #ffffff;
border: 1px solid #000000;

width:959px; 
margin:0 auto;
padding:15px 3px;
}

.menl {
width:185px;
float:left;
padding: 0 2px;
}

.metop {
margin-left: 2px;
width:181x;
padding:3px 0;
color:#ffffff;
text-align:center;
font:12px Arial;
font-weight:bold;
background:#ffffff url(../img/m_top.png) no-repeat;
}

.mcont,
.mcont1 {
background:#fff url(../img/m_fon.png) no-repeat;
padding:7px;
margin-bottom:7px;
margin-right: 2px;
width: 164px;
border: 1px solid #000000;
}

.tagi {
font-size: 10px;
font-weight: bold;
background:#fff url(../img/m_fon.png) no-repeat;
padding:7px;
margin-bottom:15px;
border: 1px solid #000000;
}

.tagi a:hover{
border-bottom: 1px solid #5e94d0;
text-decoration: none; 
font-weight: bold;
color: #5e94d0;
}


.komentarz {
border: 1px solid #7e7a7a; padding: 1px 2px; margin-right: 10px;
margin-top: 1px;

}

.mcont a:hover{
text-decoration: underline;
}


.mcont1 img{
border: 3px solid #000;}

.mcont1 a:hover{
border-bottom: 1px solid #5e94d0;
text-decoration: none; 
font-weight: bold;
color: #5e94d0;
}

.centc2 {
margin-right: auto;
margin-left: auto;

width: auto;

padding:0 5px;

}

#wszystko {
border: 1px solid #000000;
}

.alltop {
  
   color:#ffffff;
   width:auto;
   height:auto;
   background: url(../img/news_top.png) no-repeat;
   background-position: top center;
   border: 0px solid #000;
   padding: 0px 10px;
}


.alltop a{
   color:#ffffff;
  }

.alltop a:hover{
   color:#ffffff;

   text-decoration: none;
  }



.mainf a {
   color:#ffffff;
   font:12px Arial;
   font-weight:bold;
   text-align:center;
   display:block;
   padding-top:3px;
   padding-bottom:0px;
}

.mainf {
   color:#ffffff;
   font:12px Arial;
   font-weight:bold;
   text-align:center;
   display:block;
   padding-top:3px;
   padding-bottom:0px;
}



.categ {
float:left;
width:280px;
}

.categ a {
   color:#666;
   font:11px Verdana;
   padding-left:50px;
}

.ssc {
  
   background:#fff no-repeat;
   padding:10px;
}

.ssc img{
align: center;
}

.autr {
float:left;
width:120px;
}

.autr a {
   color:#666;
   font:11px Verdana;
   padding-left:60px;
}

.subtags {
   padding:4px 0; 
   padding-top:5px;
   padding-left:30px;
   width:496px;
   background:url(../img/tags.png) no-repeat;
   font:11px Verdana;
}

.undersl {
   color:#005786;
   padding-left:10px;
   width:359px;
   height:28px;
   background:url(../img/fulll.png) no-repeat;
   font:11px Verdana;
   float:left;
}

.mainf2 {
   color:#ffffff;
   font:13px Arial;
   font-weight:bold;
   text-align: center;
   display:block;
   padding-top:2px;
   width: 582px;
   height:21px;
   background:url(../img/top2.png) no-repeat;
   background-position: top center;

}
.mainf2 a{
  color: #ffffff;
}



.mainfy {
   color:#666;
   text-align: center;
   font-weight:bold;
   padding-left:10px;
   display:block;
   padding-top:0px;
   width: 570px;
   border: 0px solid #000;
   border-bottom: 0xp;
   height:7px;
   background:url(../img/top2y.png) no-repeat;
   background-position: top center;
}

.mainfr {
   color:#ffffff;
   font:13px Arial;
   font-weight:bold;
   text-align: center;
   display:block;
   padding-top:2px;
   width:582px;
   height:21px;
   background:url(../img/top2.png) no-repeat;
    background-position: top center;
}

.mainfr2 {
   color:#ffffff;
   font:13px Arial;
   font-weight:bold;
   text-align: center;
   display:block;
   padding-top:2px;
   width:582px;
   height:13px;
   background:url(../img/top2.png) no-repeat;
    background-position: top center;
}

.przyciski{
border: 0px solid #000;
background: #2c2c2c;
color: #f019f4;
width: 50px;
text-align: center;
font-size: 10px;
display: inline;
margin: 0px 2px;
padding: 0px 2px;
}

.przyciski a:hover{
text-decoration: none;
border: 0px;
}


.linia{
border-bottom: 1px dashed #919495;
}

.ssc2 {
   background:#fff;
   padding:10px;
   border:1px solid #000;
  
}

.ssc2r {
   background:#fff;
   padding:10px;
   border:1px solid #000;
   
}

.sscy {
   background:#ffffff;
   padding:5px 10px 10px 10px;
   border:1px solid #000000;
  
}
.comment_top{

padding-bottom: 5px;
text-align:left;

}

.relate a {
   padding:5px 0;
   padding-left:20px;
   display:block;
   border-bottom:1px dotted #a1c8dd;
}

.relate a:hover {
   background:#c1e2f6;
   color:#0d5d8d;
}

.nfoot {
   color:#666;
   padding:5px 10px;
   padding-right:5px;
   font-weight:bold;
   background:#d4edfb;
   border:1px solid #b4d4e5;
   border-top:1px solid #fff;
    margin-bottom:20px;
}

.nfooty {
    
   color:#666;
   padding:2px 10px;
   padding-right:5px;
   font-weight:bold;
   background:#ffffff;
   border:0px solid #eee3bd;
   border-top:1px solid #fff;
   margin-bottom:20px;
}

.view {
   color:#000;
   font:12px Arial;
   padding:3px 7px;
   background:#868889 url(../img/sp.png) repeat-x;
   border:1px solid #000;
   height:30px;

}

.viewy {
   color:#666;
   font:12px Arial;
   padding:3px 7px;
   background:#e1f4fd url(../img/spy.png) repeat-x;
   border:1px solid #d8c88f;
   height:30px;
}

.view a{
  color: #000;
}

.viewy1 {
   width: 170px;
   color:#666;
   border-right: 1px solid #cabe74;
   border-left: 1px solid #cabe74;
   font:11px Arial;
   padding:6px 10px;
   padding-bottom:5px;

   background:#e1f4fd url(../img/mail1.png) repeat-x;
   background-position: top center;
   height:19px;
   margin-right:10px;
}

.viewy2 {
   width: 170px;
   color:#666;
   border-right: 1px solid #cabe74;
   border-left: 1px solid #cabe74;
   font:11px Arial;
   padding:6px 10px;
   padding-bottom:5px;

   background:#e1f4fd url(../img/mail1.png) repeat-x;
   background-position: top center;
   height:19px;
   margin-right:10px;
}

.viewy3 {
   width: 170px;
   color:#666;
   border-right: 1px solid #cabe74;
   border-left: 1px solid #cabe74;
   font:11px Arial;
   padding:6px 10px;
   padding-bottom:5px;

   background:#e1f4fd url(../img/mail1.png) repeat-x;
   background-position: top center;
   height:19px;
   margin-right:10px;
}
.viewy a {
   color:#4b451f;
}



#comments,
.comments  {

width:458px;

height: 160px;
display:block;
background:#fff;
border:1px solid #c2c2c2;
}


  .row{
    background-color:none;
    display:block;
    min-height:40px;
  }
  
  .text1,
  .text3,
  .text5,
  .text7,
  .text9,
  .text11{
    width:190px;
    padding:6px 0;
    padding-left:30px;
    background:#fff url(../img/usname.png) no-repeat;
    border:none;
    margin:10px 0;
    color:#666;
    font:11px Verdana;
    margin-left:10px;
  }
  
  .text3 {background:#fff url(../img/lock.png) no-repeat;}
  .text5 {background:#fff url(../img/mal.png) no-repeat;}
  .text7 {width:85px; background:#fff url(../img/code.png) no-repeat;}
  .text9 {background:#fff url(../img/home.png) no-repeat;}
  .text11 {background:#fff url(../img/icq.png) no-repeat;}
  
    .text2,
    .text4,
    .text6,
    .text8,
    .text10,
    .text12{
    width:190px;
    
    padding:6px 0;
    padding-left:30px;
    background:#fff url(../img/usname.png) 0 -25px no-repeat;
    border:none;
    margin:10px 0;
    color:#444;
    font:11px Verdana;
    margin-left:10px;
  }
  
  .text4 {background:#fff url(../img/lock.png) 0 -25px no-repeat;}
  .text6 {background:#fff url(../img/mal.png) 0 -25px no-repeat;}
  .text8 {width:85px; background:#fff url(../img/code.png) 0 -25px no-repeat;}
  .text10 {background:#fff url(../img/home.png) 0 -25px no-repeat;}
  .text12 {background:#fff url(../img/icq.png) 0 -25px no-repeat;}
  
  
  .ruler{
    width:400px; border-bottom:dashed 1px #dcdcdc;
  }
  tr:focus{
    background-color:#fcfcf0;
  }
  td{
    vertical-align:top;
  }
  .over{
    background-color:#bfdff1;
  }
  .out{
    background-color:none;
  }

.comments img{
width: 100%;
}
  
.plog {
   width:220px;
   padding:3px 10px;
   background:#fff;
   border:1px solid #000;
      font:12px Arial;
  
 
      color:#000;
}

.navigation {
line-height: 3.5;
color:#666;
}

.navigation a {
  text-decoration:none;
  color:#005082;
  background:#f2f2f2 url(../img/nav0.png);
  border:1px solid #b4d4e5;
  padding:4px 8px;
  font-size:12px;
  font-weight:bold;
}

.navigation a:hover {
  background:#f2f2f2 url(../img/nav2.png);
}

.navigation span {
  text-decoration:none;
  background:#fff url(../img/nav0.png);
  padding:4px 8px;
  border:1px solid #b4d4e5;
  color:#4c818f;
  font-size:12px;
}

#back span {
   color:#4c818f;
   font-size:12px;
   padding:5px 11px;
   background:url(../img/back1.png) repeat-x;
   padding-left:35px;
}

#back a {
   font-weight:bold;
   color:#005082;
   padding:5px 11px;
   background:#e1f4fd url(../img/back1.png) repeat-x;
   padding-left:34px;
}

#go span {
   color:#4c818f;
   font-size:12px;
   padding:5px 11px;
   background:url(../img/go.png) repeat-x;
   padding-right:34px;
}

#go a {
   font-weight:bold;
   color:#005082;
   padding:5px 11px;
   background:#e1f4fd url(../img/go.png) repeat-x;
   padding-right:32px;
}

#go a:hover {
   background:#e1f4fd url(../img/go2.png) repeat-x;
}

#back a:hover {
   background:#e1f4fd url(../img/back2.png) repeat-x;
}

.mcont a {
   display:block;
   padding:5px 8px;
   border-top:1px solid #fff;
   border-bottom:1px solid #c5c5c5;
   background:url(../img/myfon.gif) no-repeat;
   color:#666;
   padding-left:18px;
}

.mcont a:hover {
  background: #fff;
  
}

.class_over { background-color: #c0e3f7}
.class_out { background-color: #333}

}
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}
.promote{border:1px solid #B6B6B5;padding:10px;margin-top:1em;background:#EDEDED url(../social/images/rss2.png) 90% -35px no-repeat;}
.promote h3{margin-left:3px;}

.info{
font-size: 10px;
font-family: Arial;
color: #000000;
border-bottom: 1px dashed #000;
margin-left: 10px;
margin-right: 10px;
}

.info a{
font-size: 10px;
font-family: Arial;
color: #000000;
font-decoration: none;
}

.info a:hover{

font-size: 10px;
font-family: Arial;
color: #000000;
font-decoration: underline;
}

.wiecej{
width: 565px;
font-size: 10px;
font-family: Arial;
color: #000000;
text-align:right;
border-bottom: 1px dashed #000;
margin-bottom: 5px;
padding-left: 10px;
}

.logo {
height: 185px;
width:965px; 

margin:0 auto;
margin-top:10px;
background: url(../img/logo.jpg) no-repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

/*MENU ROZWIJANE */


#m1 {
  left: 400px;
}
#m2{
  left: 482px;
}
#m3{
  left: 562px;
}
#m4{
  left: 643px;
}
#menu {
  padding-left:250px;
  border: 1px solid Black;
  color: #000000;
  background: url(../img/menu_bg.gif) repeat-x;
  width: 715px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}
#menu > ul{
  
  border: 0px;
  background: url(../img/menu_bg.gif) repeat-x;
  display: inline;
}
#menu > ul > li {
  float: left;
  padding: 5px 20px 5px 20px;
  list-style: none;
  
  background: url(../img/menu_bg.gif) repeat-x;
  color: #ffffff;
  font-weight: bold;
}
#menu > ul > li:hover{

  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

.menu1 {
  background: #ffffff;
  display: none;
  position: absolute;
  top: 25px;
  border: 1px solid Black;
  padding: 0px;
  margin: 0px;
}
.menu1 ul{
  background: #ffffff;
  display: block;
  padding: 0px;
  margin: 0px;
}
.menu1 ul li{
  padding: 5px 0px 5px 0px;
  color: #000000;
  margin: 0px;
  display: block;
  list-style-type: circle;
  float: none;
}
.menu1 ul li a {
  padding: 1px 10px 1px 10px;
  background: #ffffff;
  text-decoration: none;
  color: #000000;
  font-size: 10px;
  font-family: Arial;
}
.menu1  ul  li a:hover{
  text-decoration: underline;
  
}


.container {
  height:15px;
  margin-left: auto;
  margin-right: auto;
  font: 10px normal Arial, Helvetica, sans-serif;
  background: #ddd url(../img/menu/menu_bg.png) no-repeat;
  background-position: top center;
  width: 966px;
  position: relative;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
}

#header .disclaimer {
  color: #999;
  padding: 100px 0 7px 0;
  text-align: right;
  display: block;
  position: absolute;
  top: 0; right: 0;
}
#header .disclaimer a {  color: #ccc;}
ul.topnav {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  
  list-style: none;
  padding-left:180px;
  margin: 0;
  float: right;
  width: 786px;
  background: #222;
  font-size: 1.2em;
  background: url(../img/menu/topnav_bg.gif) repeat-x;
}
ul.topnav li {
  color: #fff;
  float: left;
  margin: 0;  
  padding: 0 15px 0 0;
  position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
  padding: 10px 5px;
  color: #fff;
  display: block;
  text-decoration: none;
  float: left;
}
ul.topnav li a:hover{
  background: url(../img/menu/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
  width: 17px;
  height: 35px;
  float: left;
  background: url(../img/menu/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
  list-style: none;
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  left: 0; top: 35px;
  background: #333;
  margin: 0; padding: 0;
  display: none;
  float: left;
  width: 170px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border: 1px solid #111;
}
ul.topnav li ul.subnav li{
  margin: 0; padding: 0;
  border-top: 0px solid #252525; /*--Create bevel effect--*/
  border-bottom:0px solid #444; /*--Create bevel effect--*/
  clear: both;
  width: 170px;
}
html ul.topnav li ul.subnav li a {
  float: left;
  width: 145px;
  background: #333 url(../img/menu/dropdown_linkbg.gif) no-repeat 10px center;
  padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  background: #222 url(../img/menu/dropdown_linkbg.gif) no-repeat 10px center; 
}
.tabelka {
  padding-top: 10px;
  width: 967px;
  background: #fff;
  border: 1px solid #000;

  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.stopka{
width:965px; 
height:45px; 
margin-top: 5px;
margin-bottom: 19px; 
margin-left: auto; 
margin-right:auto; 
background: url(../img/menu/topnav_bg.gif) repeat-x;
padding-top: 0px;
color: #fff;
font-weight: bold;
font-size: 10px;
border: 1px solid #272727;
border-bottom: none;
border-top: none;
}

/* Menu boczne strony 
 * Kod: PawelGosk.com
 */

#BoczneMenu1 dd, #BoczneMenu1 dt,
#BoczneMenu2 dd, #BoczneMenu2 dt
{
	margin: 0;
	padding: 0;
}

dl#BoczneMenu1 dd a,
dl#BoczneMenu2 dd a 
{
	display: block;
	width: 100%;
	padding: 3px 0;
	line-height: 20px;
	border-top: 1px solid white;
	color: #666;
	text-decoration: none;
	margin-left: 0;
}

dl#BoczneMenu1 dt,
dl#BoczneMenu2 dt
{
	display: block;
	width: 100%;
	line-height: 20px;
	border-top: 1px solid white;
	border-bottom: 1px solid #C5C5C5;
	color: #333;
	font-weight: bold;
	padding: 3px 0;
	margin-left: 0;
}

dl#BoczneMenu1 dd a:hover,
dl#BoczneMenu2 dd a:hover
{
	background: #ADEAD1;
	color: #333;
}

#BoczneMenu1 dl dd.active,
#BoczneMenu2 dl dd.active
{font-weight: normal;}