* {
	margin: 0px;
	padding: 0px;
	}
	
html, body {
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #000000;
	}
#promocja {
	position: relative;
	top: 150px;
	left: -170px;
	width: 264px;
	height: 264px;
	
}
	
#container {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
   width: 100%;
   min-height: 100%;
   
	}
	#container-left {
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 24%;
	   min-width: 240px;
	   min-height: 100%;
	   background-color: #000000;
	   }
	   #container-left-logo {
	      padding-top: 20px;
	      margin: 0 auto;
	      width: 188px;
	      }
	      #pieceakumulacyjnepl {
	         font-size: 13px;
	         padding-left: 4px;
	         color: #ffffff;
				text-decoration: none;
	         }
	      #pieceakumulacyjnepl:hover {
	         color: #f8f870;
				text-decoration: none;
	         }

      #container-left-bottom {
      	padding-top: 300px;
         margin: 0 auto;
         width: 188px;
         color: #ffffff;
         font-size: 11px;
         }
         #container-left-bottom table {
         	font-size: 11px;
         	color: #ffffff;
            margin: 0;
            padding: 0;
            width: 188px;
            }
	         #container-left-bottom table a {
	         	font-size: 11px;
	            color: #ffffff;
	            text-decoration: none;
	            }
	         #container-left-bottom table a:hover {
	            color: #f8f870;
	            }
         .rightalign {
            text-align: right;
            } 
	#container-right {
	   float: right;
	   width: 76%;
	   height: 100%;
	   min-height: 630px;
	   background:  #aaaaaa url(../gfx/gradient.jpg) no-repeat;
	   text-align: left;
	   display: table;
	   color: #ffffff;
	   }
	   #container-right a {
	      color: #ffffff;
	      text-decoration: none;}
	   #container-right a:hover {
	      color: #f8f870;
	      text-decoration: none;}
	   
	}
a {
	color: #ffffff;
	text-decoration: none;}
a:visited {
	color: #ffffff;
	text-decoration: none;}
a:hover {
	color: #f8f870;
	text-decoration: none;}
img {
	border: 0px;}

   
   
   
#index {
	   text-align: right;
	   color: #ffffff;
	   font-size: 22px;
	   }
	   #pasek0 {
	      float: right;
	      position: absolute;
	      right: 1px;
	      padding-top: 36px;
	      padding-bottom: 36px;
	      overflow: hidden;
	      border: 0px solid #ffffff;
	      background: url(../gfx/pasek.png) no-repeat;
	      padding-right: 20px;
	      top: 5%;
	      width: 35%;
	      }
	   #pasek1 {
	      float: right;
	      position: absolute;
	      right: 1px;
	      padding-top: 36px;
	      padding-bottom: 36px;
	      overflow: hidden;
	      border: 0px solid #ffffff;
	      background: url(../gfx/pasek.png) no-repeat;
	      padding-right: 20px;
	      top: 20%;
	      width: 40%;
	      }
	   #pasek2 {
	      float: right;
	      position: absolute;
	      right: 1px;
	      padding-top: 36px;
	      padding-bottom: 36px;
	      overflow: hidden;
	      background: url(../gfx/pasek.png) no-repeat;
	      padding-right: 20px;
	      clear: right;
	      top: 35%;
	      width: 45%;
	      }
	   #pasek3 {
	      float: right;
	      position: absolute;
	      right: 1px;
	      padding-top: 36px;
	      padding-bottom: 36px;
	      overflow: hidden;
	      background: url(../gfx/pasek.png) no-repeat;
	      padding-right: 20px;
	      clear: right;
	      top: 50%;
	      width: 50%;
	      }
	   #pasek4 {
	      float: right;
	      position: absolute;
	      right: 1px;
	      padding-top: 36px;
	      padding-bottom: 36px;
	      overflow: hidden;
	      background: url(../gfx/pasek.png) no-repeat;
	      padding-right: 20px;
	      clear: right;
	      top: 65%;
	      width: 56%;
	      }
	   #pasek5 {
	      float: right;
	      position: absolute;
	      right: 1px;
	      padding-top: 36px;
	      padding-bottom: 36px;
	      overflow: hidden;
	      background: url(../gfx/pasek.png) no-repeat;
	      padding-right: 20px;
	      clear: right;
	      top: 80%;
	      width: 62%;
	      }
	      #pasek0:hover,
	      #pasek1:hover,
	      #pasek2:hover,
	      #pasek3:hover,
	      #pasek4:hover,
	      #pasek5:hover  {
	         background: url(../gfx/pasek_hover.png) no-repeat;
	         }
#uwaga {
    font-size: 20px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: blink;
    color: red;
}
#info {
    padding-top: 15px;
    width: 400px;
}
#uwaga2 {
    font-size: 18px;
    font-family: tahoma;
    font-weight: bold;
    color: red;
}
a.color {
    color: black;
}