/* CSS Document */

body {
   background-image:url('../images/tlo.jpg'); 
   margin:0;
   padding:0;
   text-align:center;
   font-family:Verdana, _serif;
   font-size:12px;
}

#container {
   margin:0 auto;
   width:800px;
   background-color:#FFFFFF;
   text-align:left;
}

#top {
   width:551px;
   height:340px;
   float:left;
   position:relative;
   white-space:nowrap;
}
#top h1 {
   margin:0;
   padding:0;
   float:left;
   width:206px;
   height:112px;
}
#top h1 a {
   margin:0;
   padding:0;
   display:block;
   width:206px;
   height:112px;
   background-image:url('../images/tandem.jpg');
   text-indent:-9999px;
}
#top div#imagemap {
   margin:0;
   padding:0;
   float:left;
   display:block;
   width:345px;
   height:112px;
}
#top div#imagemap img {
   border:none;
}
#top div#flash {
   width:551px;
   height:323px;
   /*
   position:absolute;
   top:112px;
   left:0;
   */
}

ul#mainmenu {
   margin:0;
   padding:0;
   width:249px;
   height:340px;
   float:left;
   list-style-type:none;
   background-image:url('../images/mainmenu_bck.jpg');
   background-repeat:no-repeat;
   background-position:bottom left;
}

ul#mainmenu li {
   margin:0;
   padding:12px 70px 0 0;
   width:179px;
   height:29px;
   list-style-type:none;
   text-align:right;
   background-image:url('../images/mainmenu_li.jpg');
   background-repeat:no-repeat;
   background-position:0 -4px;
}
ul#mainmenu li a {
   font-family:Arial, _serif;
   font-size:17px;
   font-weight:bold;
   color:#5A595A;
   text-decoration:none;
}
ul#mainmenu li a:hover {
   color:#08599C;
}



#content {
   width:770px;
   margin:5px 0 0 0;
   padding:15px;
   background-image:url('../images/content_bck.jpg');
   background-repeat:no-repeat;
}

#content h2.arrow {
   margin:0 0 10px 0;
   padding:6px 0 0 55px;
   height:35px;
   font-size:18px;
   color:#7B797B;
   background-image:url('../images/h2_arrow.jpg');
   background-repeat:no-repeat;   
}
#content h3 {
   background-color:#CECFCE;
   width:770;
   padding:10px;
   font-size:13px;
   font-weight:normal;
   color:#000;
}
#content a {
   color:#29495A;
   text-decoration:none;
}

#content a:hover {
   text-decoration:underline;
}


#content p {
   margin:0 0 10px 0;
   padding:0;
}
#content p img {
   float:left;
   margin:0 10px 0 0;
}

#content ul {
   margin:0 0 10px 0;
   padding:0;
   list-style-type:none;
}

#content ul li {
   margin:0 0 0 25px;
   padding:0 0 0 15px;
   background-image:url('../images/li.jpg');
   background-repeat:no-repeat;
   background-position:0 6px;   
}

#content div.image {
   background-color:#CECFCE;
   text-align:center;
   padding:30px;
   width:400px;
   margin:0 0 0 150px;
}

#content div.center {
   text-align:center;
   margin:0 0 10px 0;
}

#content div.realizacje {
   background-color:#CED7DE;
   padding:10px;
   margin:0 0 30px 0;
}

#content  div.realizacje ul.realizacje {
   margin-left:360px;
}

#content  div.realizacje ul li {
   margin:0 0 0 25px;
   padding:0 0 0 15px;
   background-image:url('../images/li_realizacje.jpg');
   background-repeat:no-repeat;
   background-position:0 6px;  
}
#content table td {
   text-align:center;
}


#footer {
   width:770px;
   height:15px;
   padding:5px 15px;
   border-top:1px solid #10517B;
   background-color:#3186C6;
   color:#FFF;
   font-size:10px;
}
#footer a {
   color:#FFF;
   text-decoration:none;
}
#footer a:hover {
   text-decoration:underline;
}
#footer .left{
   width:50%;
   text-align:left;
   float:left;
}
#footer .right{
   width:50%;
   text-align:right;
   float:right;
}
.clear {   
   clear:both;
   font-size:0;
}