* {
     padding: 0;
     margin: 0;
}

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family:"Bitstream Vera Sans", Helvetica, Lucida;
font-size: 12px;
text-align: center;
background: #4b3e36 url('../grafika/tlo/tlo1.png') center repeat-y;
color:#261e13;
}

a, a:link, a:visited{
color: #873003;
text-decoration: underline;
font-weight:bold;
font-size: 12px;
}

a:hover{
text-decoration: none;
font-weight:bold;
font-size: 12px;
}

a:active, a:focus {
font-size: 12px;
color: #f05000;
font-weight:bold;
}

h3.tyt{margin:0;
 padding:0 0 0 20px;
 font-size: 12px;
 color:#873003;
 line-height:30px;
 font-weight:bold;
 }

h3 {margin:0;
 padding:0;
 }
 
h2.tyt{color:#873003;
background: transparent url("../grafika/tlo/tlo-h2.gif") left no-repeat;
line-height: 25px;
font-size: 16px;
padding:10px;
height:35px
width:350px;
}

h2.t_foto{color:#261e13;
line-height:20px;
font-size:14px;
text-align:center;
}

h2.nag {color:#fff;
line-height: 25px;
font-size: 16px;
font-family:Verdana, sans;
}

h1.nag {color:#000;
line-height:30px;
font-size: 18px;
font-family: Georgia, "Bitstream Vera Serif", serif;
letter-spacing: 1px;
text-transform:uppercase;
}
h3.n {
color: #f05000;
line-height:30px;
font-size: 16px;
font-family:georgia;
letter-spacing: 1px;
text-transform:uppercase;
padding-left:20px;
}

p {
padding: 5px;
line-height: 19px;
font-size: 12px;
}

img {
border: 0px;
}

#strona {
position: relative;
margin: auto;
text-align:left;
width: 954px;
height: auto; 
clear: left;
background:#fdfad4;
}

#main_header{
display:block; 
text-align:center;
background:#fdfad4 url("../grafika/nag/logozse_nowe.jpg") center top no-repeat;
height: 350px;
width:954px;
}

#main_header h1 span  {display:none;}


#menuboczne{
margin: 0px 0px;
padding:0px 0px;
position: relative;
width: 330px;
height: 375px;
background: transparent url("../grafika/menu/menu_boczne.gif") left top no-repeat;
}

#menuboczne  a.menuA  {
       text-decoration:none;
       font-size:11px;
       font-weight:bold;
       font-family: Verdana, Arial, Helvetica, sans serif;
       color:#414141;
       padding:0px;
       line-height:15px;
       margin-bottom:1px;
       
                  }
         
#menuboczne a.menuA:hover  {
       display:block;
       text-decoration:none;
       font-size:12px;
       font-weight:bold;
       font-family:  Verdana, Arial, Helvetica, sans serif;
       color:#f05000;
         }  
 
#menuboczne div.j1{
position: absolute;
top: 15px;
left: 64px;
width: 107px;
height: 67px;
background: transparent;
} 

#menuboczne div.n1{
position: absolute;
top: 18px;
left: 168px;
background: transparent;
line-height: 15px;


}

#menuboczne div.j2{
position: absolute;
top: 86px;
left: 80px;
width: 100px;
height: 66px;
background: transparent;}

#menuboczne div.n2{
position: absolute;
top: 89px;
left: 185px;
line-height: 15px;
}


#menuboczne div.j3{
position: absolute;
top: 153px;
left: 86px;
width: 97px;
height: 70px;
background: transparent; 

} 
#menuboczne div.n3{position: absolute;
top: 158px;
left: 196px;
line-height: 15px;}

#menuboczne div.j4{
position: absolute;
top: 227px;
left: 77px;
width: 104px;
height: 65px;
background: transparent;

} 
#menuboczne div.n4{position: absolute;
top: 236px;
left: 195px;
line-height: 15px;
margin-left:-7px;}

#menuboczne div.j5{
position: absolute;
top: 296px;
left: 54px;
width: 117px;
height: 67px;
background: transparent;
}
#menuboczne div.n5{position: absolute;
top: 299px;
left: 182px;
margin-left:-10px;
line-height: 15px;
}
.pl_5 {padding-left: 5px;}     
.pl_7 {padding-left: 7px;}     
.pl_10  {padding-left: 10px;}
.pl_15 {padding-left: 15px;}
.ml_3 {margin-left: 3px;}
.ml_5 {margin-left: 5px;}
.ml_7 {margin-left: 7px;}
.ml_12 {margin-left: 12px;}     

#linkList {
position:relative;
   border-left: 1px solid #873003;
   border-bottom: 0px;
   border-right: 1px solid #873003;
   border-top: 0px;
    width: 298px;
   margin:55px 0 0 20px;
}

#linkList ul {
   list-style: none;
   width: 298px;
   margin: 0px;
   padding: 0px;
   right: 0px;
   
}
#lselect {
   margin: 0px 10px 0 10px;
   font-size: 11px;
   font-weight:bold;
   width:273px;
   line-height: 16px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   
}
#lselect li.f{
   background-image: url("../grafika/ikony/logo_forum.png");
   background-repeat: no-repeat;
   background-position:left;
   padding: 12px 0px 20px 75px;
   border-bottom: 1px solid #873003;
   height: 70px;   
   color:#414141;
   width:203px;
  }
  #lselect li.e{
   background-image: url("../grafika/ikony/logo_elektr.png");
   background-repeat: no-repeat;
   background-position:left;
   padding: 12px 0px 20px 75px;
   border-bottom: 1px solid #873003;
   height: 70px;
   color:#414141;
   width:203px;
  }
  #lselect li.k{
   background-image: url("../grafika/ikony/logo_krew.png");
   background-repeat: no-repeat;
   background-position:left;
   padding: 12px 0px 20px 75px;
   border-bottom: 1px solid #873003;
   height: 70px;
   color:#414141;
   width:203px;
  }
  #lselect li.p{
   background-image: url("../grafika/ikony/logo_pttk.png");
   background-repeat: no-repeat;
   background-position:left;
   padding: 12px 0px 20px 75px;
   border-bottom: 1px solid #873003;
   height: 70px;
   color:#414141;
   width:203px;
  }
  #lselect li.s{
   background-image: url("../grafika/ikony/logo_strkon.png");
   background-repeat: no-repeat;
   background-position:left;
   padding: 12px 0px 20px 75px;
   border-bottom: 1px solid #873003;
   height: 70px;
   color:#414141;
   width:203px;
  }
  
#lselect li:hover {
   color:#000;
     }
#lselect a:link, #lselect a:active, #lselect a:visited {
   font-weight:bold;
   color: #873003;
   text-decoration: none;
   font-size: 12px;
}
#lselect a:hover {
   color: #f05000;
   text-decoration: underline;
}
#lselect p{padding-top:5px}

ul.wyp_m {
list-style-type:none;
margin:10px 0 10px 0px;
padding:0px;
font-size:12px;
}

li.wyp_ok{
background: transparent url("../grafika/ikony/wyp-ok.png") no-repeat 1em 3px;
padding:0 0 0 40px;
margin-bottom: 10px;
line-height:19px;
width:540px
}

li.wyp_mn {background: transparent url("../grafika/ikony/punkt_n.png") no-repeat 1em 3px;
padding:0 0px 0 40px;
margin-bottom:10px;
line-height:19px;
width:500px
}
li.wyp_mn1 {background: transparent url("../grafika/ikony/punkt_n.png") no-repeat 1em 2px;
padding:0 0px 0 40px;
margin:0;
line-height:23px;
width:540px
}
li.wyp_mbr {background: transparent url("../grafika/ikony/punkt_br.png") no-repeat 1em 2px;
padding:0 0 0 40px;
margin-bottom: 5px;
line-height:19px;
width:500px;
}
li.wyp_mc {background: transparent url("../grafika/ikony/punkt_c.png") no-repeat 1em 2px;
padding:0 0 0 40px;
margin-bottom: 5px;
line-height:19px;
width:500px
}
li.wyp_mcz {background: transparent url("../grafika/ikony/punkt_cz.png") no-repeat 1em 2px;
padding:0 0 0 40px;
margin-bottom:10px;
line-height:19px;
width:540px;
}
li.wyp_mp {background: transparent url("../grafika/ikony/punkt_p.png") no-repeat 1em 2px;
padding:0 0 0 40px;
margin-bottom:10px;
line-height:19px;
width:540px
 }

.ramka_nag_braz{
float:left;
position:relative;
background: transparent url("../grafika/ramki/nag_braz.png") no-repeat top left;
height:35px;
width:300px; 
text-align:center;
padding-top:7px; 
margin: -30px 0 0 -1px;
}

.ramka_nag_braz1{
float:left;
position:relative;
background: transparent url("../grafika/ramki/nag_braz.png") no-repeat top left;
height:35px;
width:300px; 
text-align:center;
padding-top:7px; 
margin: 30px 0 0 20px;
}
#nag_str_u{
background: transparent url("../grafika/nag/str_u.png") center no-repeat;
width:197px;
height:27px;
margin:auto;
text-align:center;
}
.ramka_stopka_braz{
float:left;
position:relative;
background: transparent url("../grafika/ramki/stopka_braz.png") no-repeat top left;
height:20px;
width:300px;
margin: 0px 0 10px 20px;
}
.ramka_stopka_braz150{
float:left;
position:relative;
background: transparent url("../grafika/ramki/stopka_braz_150.gif") no-repeat top left;
height:150px;
width:300px;
margin: 0px 0 10px 20px;
text-align:left;
}
.ramka_zawartosc_braz{
float:left;
position: relative;
text-align:left;
background: url("../grafika/ramki/zawartosc_braz.gif") left repeat-y;
width: 300px;
height:auto;
margin: -7px 10px 0px 20px;
}



#stopka{
    margin: 0 0 -55px 2px;
    text-align: center;
    clear: both;
    background: #4b3e36 url('../grafika/nag/stopka.png') center top no-repeat;
    height: 100px;
   
}


#ramka_kontakt{
display:block;
position: relative;
clear:both;
margin:10px auto;
background: url("../grafika/ramki/stopka_kontakt.png") no-repeat;
width:914px;
height:100px;
font-size:11px;
line-height:18px;
padding-top:15px;
font:verdana;
}

#ramka_kontakt a:active, #ramka_kontakt a:focus{
color: #f05000;
font-weight:bold;

}

#ramka_kontakt a,  #ramka_kontakt a:link{
color: #822d04;
text-decoration: underline;
font-weight:bold;
}

#ramka_kontakt a:hover{
text-decoration: none;
}

#ramka_kontakt div.zse
{
position:relative;
width:420px;
float:left;
text-align: left;
left:60px;
}

#ramka_kontakt div.internat{
position:relative;
width:440px;
float:right;
text-align: left;
left:60px;}

  #panel_prawy {
       position:relative;
    float: right;
    width: 590px;
    height: auto;
    margin-bottom:40px;
     }
#panel_lewy {
       position:relative;
    float: left;
    width: 350px;
    height: auto;
  }
      

.dok{
position: relative;
width:550px;
height:50px;
text-align:left;
margin:30px 0 0 30px;

}

.dok a{
outline:0px;
}
.ikona1{
vertical-align: middle;
width: 39px;
height:33px;
}
.ikona2{
vertical-align: middle;
width: 32px;
height:32px;
}

.ikona3{
width: 48px;
height:50px;
margin-right:15px;
float:left;
}
li.wyp_mn10 {background: transparent url("../grafika/ikony/punkt_n.png") no-repeat 1em 3px;
padding:0 0px 0 30px;
margin-bottom:10px;
line-height:19px;
width:265px
}
.fb {font-weight: bold; }
.fi {font-style: italic; }
.fu {text-decoration: underline; } 
.fc0 {color: #822d04;} <!--brązowy-->
.fc1 {color: #000;}
.fc2 {color: #873003;}<!-- jaśniejszy braz -->
.fc3 {color: blue;}
.fc4 {color: #f05000; }<!--pomarańczowy-->
 
.fs10 {font-size: 10px ;}
.fs12{font-size: 12px ;}
.fs14 {font-size: 14px ;}
.fs16 {font-size: 16px ;}
.fs18 {font-size: 18px ;}
.fs13 {font-size: 13px ;}
.db {display: block;}
.ta_l {text-align: left; }
.ta_c {text-align: center; }
.ta_r {text-align: right; }
.ta_j{text-align: justify; }
.va {vertical-align: baseline;}
.lh_19 {line-height: 19px ;}
.lh_16 {line-height: 16px ;}
.lh_23 {line-height: 23px ;}
.lh_26 {line-height: 26px ;}
.pl_100 {padding-left: 100px;}
.pl_120 {padding-left: 120px;}
.pl_60 {padding-left: 60px;}
.pl_20 {padding-left: 20px;}
.pl_15 {padding-left: 15px;}
.pt_10{padding-top: 10px;}
.pt_7{padding-top: 7px;}
.p_10{padding: 10px}

.mt_100{margin-top: 100px;}
.mt_20{margin-top: 20px;}
.ml_10 {margin-left: 10px;}
.ml_20 {margin-left: 20px;}
.ml_35 {margin-left: 35px;}
.ml_30 {margin-left: 30px;}
.ml_50 {margin-left: 50px;}
.tt_u {text-transform:uppercase;}

.ff1{font-family: Tahoma, Georgia}
.ff2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.ff3 {font-family: verdana, Sans-serif; }
.fl {float:left;}
.fr {float:right;}



#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1005;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 1006;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #1a1a1a;
    border: 3px solid #000;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 1007;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 1008;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #111;
    border: 3px solid #000;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}
img {
    border: 0;
}
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }