/* --------------------------------------------------------------
    Default CSS styles for all common browsers
    Brothers in art
    http://www.brothersinart.net
---------------------------------------------------------------*/

/*  Base
---------------------------------------------------------------*/
body {
margin: 0px 0 0px 0px;
padding: 0;
border: 0;
background: #fff;
}




#container {
        color: #000000;
        position: absolute; 
        left: 4%; 
        top: 5%;

        }
h1 {
        color: #F0F0F0;
        font-family: Arial;
        font-size: 3em;
        }
a, a:visited {
        color: Gray;
text-decoration: none;

        }
a:active {
        color: none;
        }
a:hover {
        color: none;
        }
.thumbnail {
       
        height: 200px;
        width: 200px;
        }
        .thumbnail a:hover img {
                border-color: none;
                }

#logo {
        height: 114px;
        width: 127px;
        position: absolute; 
        right: 0px; 
        top: 0;
}

#contentcontainer1 { 
        margin-top: 0px; margin-bottom: 0px; width:640px; 
}

#contentcontainer2 { 
        margin-top: 0px; margin-bottom: 0px; width:640px; align: center; 
}
#textcontainer1 { 
        margin-top: 0px; margin-bottom: 64px; width:200px; text-align: left; font: 10px/18px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E; text-transform: uppercase; float: left; background: url("linia_pionowa1_externa.gif") repeat-y
}

#textcontainer2 { 
        margin-left: 0px; margin-top: 10px; margin-bottom: 10px; width:545px; text-align: justify; font: 9px/18px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E; float: left; text-transform: uppercase;  
}

#textcontainer3 { 
        margin-left: 0px;margin-top: 20px; margin-bottom:10px; width:360px; text-align: justify; font: 10px/18px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E; text-transform: uppercase; float: left;
}

#textcontainer4 { 
        margin-left: 0px; margin-top: 34px; margin-bottom: 30px; width:240px; text-align: justify; font: 10px/18px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E; text-transform: uppercase; float: right;
}

#textcontainer5 { 
        margin-left: 0px; margin-top: 0px; margin-bottom: 0px; width:240px; text-align: left; font: 18px arial, verdana, helvetica, sans-serif; color: #6E6E6E; text-transform: uppercase; float: left; font-weight: bold;
}

#textcontainer6 { 
        margin-top: 10px; margin-bottom: 10px; width:440px; text-align: justify; font: 10px/18px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E; text-transform: uppercase; float: left;
}
#textcontainer7 { 
        padding-right:30px; margin-right: 0px; margin-left:0px; margin-top: 0px; margin-bottom: 0px; width: 300px; text-align:justify ; font: 9px/16px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E;  text-transform: uppercase; float: left; background: url(gfx/liniapionowa1.gif);        
}

#imagecontainer1 { 
        margin-top: 30px; margin-bottom: 30px; width:240px; float: right;
}

#imagecontainer4 { 
        padding-left: 17px;  margin-top: 30px; margin-bottom: 30px; width:320px;  float: left;
}

#imagecontainer2 { 
          margin-top: 0px; margin-bottom: 0px; width:200px;  float: right; text-align:justify ; font: 9px/16px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E;  text-transform: uppercase; 
}

#textcontainer101 { 
        margin-top: 10px; margin-bottom: 10px; width:147px; text-align: right; font: 10px/14px tahoma, verdana, helvetica, sans-serif; color: #6E6E6E; float: left;  text-transform: uppercase; 
}

td.tdimage1{ 
background: url("gfx/linia_pionowa1_externa.gif") repeat-y;
background-position: left top;
vertical-align: top;
}
     


 hr {
  border: 0;
  width: 100%;
 color: #7F7F7F;
}

.tdbackground
{

width: 6px;
background: url('gfx/linia_externa1.gif') #ffffff;
}

/*list*/
ul, li {
margin:0 0 0 12px;
padding:0 0 0 5px;
list-style-image: url('gfx/arrow.gif');
}
#list ul.ul_pkt li a{
font-size:9px;
padding:0 0 0 0;
margin:0;
color:#999999;
display: block;
height: 30px;
}