@charset "utf-8";
/* CSS Document */

body {
 background: url(bg-globalne.gif);
 color: #CCCCCC;
 font-size: 12px;
 margin: 0px;
 text-align:justify;
 font-family:Tahoma, Verdana;
}

a {
 color:#FFFFFF;
 text-decoration: none;
 font-weight: normal;
 }

a :hover{
 color:#FFFFFF;
 text-decoration: underline;
 font-weight: bold;
 }


#root {
 position: relative;
}

#menu_gora {
 position: relative;
 width: 100%;
 height: 221px;
 background: url(bg-top.jpg) repeat-x;
}

#menu_gora_srodek {
 position: relative;
 height:221px;
 width: 970px;
 background: url(top.jpg) no-repeat;
 margin: auto;
}

#menu_gora_lewo {
 position: absolute;
 height:221px;
 width: 93px;
 background: url(top-left.jpg) no-repeat;
 left: -93px;
}

.linia {
 background:url(line.gif);
 height: 1px;
 width: 100%;
 z-index:100;
}

#menu_opcje_tlo {
 position: relative;
 width: 100%;
 height: 65px;
 background: url(bg-menutop.gif) repeat-x;
}


#menu_opcje {
 position: relative;
 height: 65px;
 width: 970px;
 margin: auto;
 margin-bottom: -65px;
 top: -65px;
}

.bezramki {
 border: none;
}


#tresc {
 position: relative;
 height: 360px;
 width: 970px;
 margin: auto;
 background:url(top2.jpg) no-repeat top;
 top: -200px;
 margin-bottom: -200px;
}

.trescn {
 background:url(top2.jpg) no-repeat;
 background-position: 0px,0px;
 top: -200px;
 margin-bottom: -200px
}


#menu_dol_tlo {
 position: relative;
 width: 100%;
 height: 43px;
 background:url(bg-menubottom.gif) repeat-x;
}

#menu_dol {
 position: relative;
 height: 43px;
 width: 970px;
 margin: auto;
 margin-bottom: -43px;
 top: -43px;
}


.tresc {
 position: relative;
 width: 930px;
 margin: auto;
 left: -20px
}


#menu_tresc_lewo {
 position: absolute;
 height: 60px;;
 width: 93px;
 background: url(top-left.jpg) no-repeat bottom;
 left: -93px;
}

#menu_tresc_tlo {
 height: 200px;;
 width: 100%;
 background: url(bg-top.jpg) repeat-x bottom;
 left: -93px;
}

#box1 {
 position: absolute;
 width: 260px;
 height: 280px;
 margin: 10px 10px 10px 0px;
}

#box2 {
 position: absolute;
 width: 260px;
 height: 280px;
 left: 325px;
 margin: 10px 10px 10px 0px;
}

#box3 {
 position: absolute;
 width: 300px;
 height: 300px;
 left: 660px;
 margin: 10px 0px 10px 10px;
}

#boxl {
 float: left;
 width: 420px;
 height: auto;
 margin-bottom: 10px;
}

#boxr {
 float: right;
 width: 420px;
 height: auto;
 margin-bottom: 10px;
}

.szar {
 color: #989697;
}


.tlo {
 padding: 10px 20px 10px 20px;
 background:url(bg-text.png);
 width: 100%; height:100%;
 }
 
.tlo2 {
 padding: 20px;
 background:url(bg-text.png);
 width: 100%; height:100%;
 }
 
.tlo3 {
 background:url(bg-text.png);
 width: 100%; height:100%;
 }
 
#dbox1 {
 position: absolute;
 width: 220px;
 height: 140px;
}

#dbox2 {
 position: absolute;
 left: 260px;
 width: 220px;
 height: 140px;
}

#dbox3 {
 position: absolute;
 left: 520px;
 width: 220px;
 height: 140px;
}

#dbox4 {
 position: absolute;
 left: 780px;
 width: 220px;
 height: 140px;
}