#downhead {
  min-width: 800px;
  margin-top: 30px;
  text-align: center;  
}

#downhead h2 {
  font-size: 30px;
  color: #555;
  
}

#downhead p {
  font-size: 20px;
  color: #777;
  padding: 0 50px 30px 50px; 
}

.fll {float: left;}
.flr {float: right;}
/*-- Bottom Toolbar --*/

div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px;
  right: 0px;
  z-index: 9999; /* keep the bar on top  */
}

#toolbar {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px;
  right: 0px;
  z-index: 1000; /* keep the bar on top  */
  height: 50px;
  font: normal 11px tahoma, arial, sans-serif;
  background: #FFFFFF;
  
  /* CSS3 
  -moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-box-shadow: 0px 0px 4px #666, inset 1px 1px 1px #efefef; 
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
   CSS3 end 
  border-top: 0px solid #eee;
  border-left: 0px solid #eee; 
  border-right: 1px solid #eee;
  */
}

#toolbar { width: 100%; margin: 0 auto; }


div.leftcorner {  width: 9px; height: 28px;
                  background: transparent url(http://kreskowka.pl/gfx/toolbar_red.png) repeat-x;
                  background-position: 0 -152px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 120px; 
  right: 0;
  display: none;
}

div.showbar { /* show button */
  padding: 0;  
  font-size: 11px;
  background: transparent url(http://kreskowka.pl/gfx/toolbar_red.png) repeat-x;
  background-position: 0 -122px;
  height: 28px; 
}


div.showbar a, div.showbarright a { /* show button */
  padding: 0;  
  font-size: 11px;
  color: #FFF;
  display:block;
  text-decoration: none;
  font: normal 11px/28px tahoma, arial, sans-serif;
  height: 28px;
}

div.showbarright a{
  display: block;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent url(http://kreskowka.pl/gfx/toolbar_red.png) repeat-x;
  background-position: -2px -62px;
  margin:0;
}
.leftside {
  float: left;
  width: 50%;
}

.rightside {
  float: right;
  width: 50%;
}

div#content_toolbar {
  background: transparent url(http://kreskowka.pl/gfx/toolbar_red.png) repeat-x;
  background-position: 0 -122px;
  height:28px;
  width: 96%;
  padding: 0;
  margin: 0;
}

/*-- Left Side --*/
ul#social {  height: 28px; padding: 0; margin: 0; }
ul#social li {
  display: inline;
  padding: 0;
  margin: 0;
  background: none;
}

a.message { display: inline;
            width: auto;
            margin-left: 110px;
            color: #FFF;
            font: normal 11px/28px tahoma, arial;
            text-decoration: none;
}

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


.tip {
  position: absolute; /* important */
  top: -85px;
  width: auto;
  height: auto;
  background: #282828;
  float: left;
  display: none;
}

/* custom distances for the icons */
#tipmassage {
  left: 45px; 
}


.tip ul {
  padding: 3px;
}

.tip ul li {
  display: inline;
  padding: 3px;
}

.tip ul li a {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}       

.tip ul li a:hover {
  color: #666;
}

.tip ul li small {
  font-size: 10px;
}

/*-- Right Side --*/

div.downarr { /* hide button */ 
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
}

div.downarr a { display: block;
                width: 28px;
                height: 28px;
                padding: 0;
                margin: 0;
                background: transparent url(http://kreskowka.pl/gfx/toolbar_red.png) repeat-x;
                background-position: 0 -2px; 
}
div.downarr a:hover { display: block;
                width: 28px;
                height: 28px;
                padding: 0;
                margin: 0;
                background: transparent url(http://kreskowka.pl/gfx/toolbar_red.png) repeat-x;
                background-position: 0 -32px; 
}

span.menu_title { height: 28px; padding: 0; margin: 0; }

span.menu_title a { font: bold 11px/25px tahoma, arial, sans-serif; color: #fff; text-decoration: none; 
                    height: 28px; padding: 0 3px 0 3px; display: block; margin: 2px 0 0 0;
                                        
}
span.menu_title a:hover { background: #C73933; text-decoration: none; }

span.radioP a { height: 28px; padding: 0; display: block; margin: 0;
                background: none;
                position: relative;
                top: 5px;
                left: 5px;
                   
}


.quickmenu {
  position: absolute; /* important */
  top: -251px;
  right: 46px;
  width: 260px;
  height: 250px;
  background: #f5f5f5;
  border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4; 
  border-right: 1px solid #a4a4a4;
  /* CSS3 */
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  /* CSS3 end */
  display: none; 
}

.quickmenu ul    { list-style: none; padding: 5px; margin: 0 auto; width: 90%; }
.quickmenu ul li { border-bottom: 1px solid #ccc; padding: 4px 4px; margin: 0; 
                   background: transparent url(http://kreskowka.pl/gfx/arr.png) 0 50% no-repeat;
}
.quickmenu ul li a { color: #000; display: block; font: normal 11px tahoma, arial, sans-serif; 
                     text-decoration: none; margin: 0 0 0 20px;
}
.quickmenu ul li a:hover { color: #666; text-decoration: underline; }

.bg_temat { position: absolute; top: -38px; left: 1.3%;
            width: 100px; height: 71px;
            background: transparent url(http://kreskowka.pl/ktoolbar/prezencik.png) no-repeat;
/* CSS3 
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
/* CSS3 end */
 
}