* { font-family: Tahoma, Verdana, Helvetica, Sans-Serif; }
html,table { margin: 0; padding: 0; font-size: 11px; }
body {
  color: #fff;
  margin: 0px;
  padding: 0;
  background-image: url('../img/tlo.jpg');
  background-repeat: repeat-x;
  background-color: #000;
  text-align:center; /* center layout in ie5 and 5.5. */
}

#container
{
    width: 683px;
    margin: 0 auto;
}

#top
{
   height: 177px;
   width: 683px;
   text-align: left;
   
   float: left;
   display: inline;
}

#menu
{
   width: 693px;
   height: 587px;
   
   overflow: visible;
   
   float: left;
   display: inline;
}

#menu img
{
   border: 0;
}

.li
{
   width: 109px;
   height: 587px;
   
   margin-right: 6px;
   
   float: left; 
   display: inline;
}

.srodek
{
   position: absolute;
   width: 680px;
   height: 380px;
   padding: 10px;
   display: none;
   color: #999;
   background-color: #272727;
   border: 5px #020202 solid;
   z-index: 1;
   top: 160px;
   text-align: left;
}

.srodek img
{
   float: left;
   display: inline;
}

.srodek p
{
   line-height: 15px;
   font-size: 11px;
   text-align: justify;
}

.srodek h1,h2
{
   font-size: 14px;
   font-weight: bold;
   margin: 3px 0;
}

#srodek h1
{
   color: #CA0608;
}

#srodek2 h1
{
   color: #FFAA02;
}

#srodek3 h1
{
   color: #F8CD02;
}

#srodek4 h1
{
   color: #7BD501;
}

#srodek5 h1
{
   color: #6596FD;
}

#srodek6 h1
{
   color: #A761DF;
}

ul
{
   margin-left: 10px;
}

#zamknij
{
   background-image: url('../img/zamknij1.jpg');
}
#zamknij2
{
   background-image: url('../img/zamknij2.jpg');
}
#zamknij3
{
   background-image: url('../img/zamknij3.jpg');
}
#zamknij4
{
   background-image: url('../img/zamknij4.jpg');
}
#zamknij5
{
   background-image: url('../img/zamknij5.jpg');
}

#zamknij6
{
   background-image: url('../img/zamknij6.jpg');
}

.zamknij
{
   position: absolute;
   width: 20px;
   height: 20px;
   background-color: #fff;
   display: none;
   top: 150px;
   z-index: 2;
   margin-left: 695px;
   cursor: pointer;
}   

.certyfikat
{
   position: absolute;
   width: 500px;
   z-index: 3;
   top: 100px;   
   margin-left: 98px;
   display: none;
} 	

#srodek6
{
   text-align: center;
}
#srodek6 .lewy
{
   width: 280px;
   height: 380px;
   
   float: left;
   display: inline;
}

#srodek6 .prawy
{
   width: 400px;
   height: 380px;
   
   float: left;
   display: inline;
}

#srodek5 .strzalka
{
   width: 37px;
   height: 213px;
   padding-top: 147px;
   
   float: left;
   display: inline;
}

#srodek5 .strzalka img
{
   border: 0;
}

#srodek5 .dni
{
   width: 606px;
   height: 360px;
   text-align: center;
   float: left;
   display: inline;
}

#m_1, #m_2, #m_3, #m_4, #m_5, #m_6, #m_7, #m_8, #m_9, #m_10, #m_11, #m_12
{
   display: none;
}

#preview
{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 3;
}