@import 'panel/style_multicont.css';
@import 'panel/boks.css';

/* Definicja czcionki Internet Explorera */
/*        (*musi* być pierwsza)          */
@font-face {
    font-family: phagspa;
    src: url(font/phagspa.eot) /* nie może zawierać format() */;
}

/* Definicja czcionki dla innych przeglądarek */
@font-face {
    font-family: phagspa;
    src: url(font/phagspa.ttf) format("opentype");

}

/*================== koniec styli debagera i reklamy pływaj±cej ==================*/
html {
    
    height:100%;
}

body {
    font: 12px arial;
    line-height:120%;
    color:#101814;
    height:100%;
    padding:0;
    margin:0;
    text-align: center;
    background: #edecdb url(gfx/bg.jpg) no-repeat center top;
}

a {text-decoration: none;color:#2C5F03;outline: none;}
a:hover {text-decoration: underline;}
a img {border:none;}
ul {list-style-type: none;margin:0;padding:0;}

.top {
    width:992px;
    height:120px;
    padding-bottom:1px;
    margin:0 auto;
    position:relative;
}
.logo {
    position:absolute;
    left:0;
    top:16px;
}
.top_info {
    position:absolute;
    right:6px;
    top:22px;
    text-align: right;
    color:#fff;
    font-size: 18px;
    line-height: 130%;
    font-family: phagspa;
    height:93px;
}

.top_info a {
    color:#fff;
    font-size: 18px;
    font-family: phagspa;

}
.top_info div{
    font-size: 38px;
    font-family: phagspa;
    height:37px;
}
.menu_top {

    width:992px;
    height:42px;
    margin:0 auto;
    position:relative;
    text-align: left;
}

.menu_top a {
    float:left;
    height:42px;
    width:124px;
    text-align: center;
    color:#fff;
    background:  url(gfx/tab.png) no-repeat left -42px;
    text-decoration: none;
    font:12px/42px tahoma;
    text-shadow: #6374AB 1px 1px 2px;

}

.menu_top a:hover {
     color:#000;
}

.menu_top a.active {
    background-position: left top;
    color:#000;
}

.content {
    background-color: #FFF;
    width:992px;
    text-align: left;
    margin:0 auto;
    height:auto !important;
    min-height:300px;
    height:300px;

}
.start_top {
    height:256px;
    padding-bottom:10px;
    border-bottom: 1px solid #97af0f;
    position: relative;
    
}

.box_contener {
    text-align: center;
}
.box1 {
    float:left;
    text-align: left;
}
.box2 {
    width:330px;
    height:233px;
    border-left: 1px solid #97af0f;
    border-right: 1px solid #97af0f;
    background-color: #e3e6d2;
    text-align: left;
    margin:0 auto;
}
.box3 {
    float:right;
    text-align: center;
    background-color: #E3E6D3;
    width:330px;
    height:233px;
}
.mapka {
   background-color: #d7dbbd;
    width:330px;
    text-align: center;
    padding-bottom:10px;
    padding-top:18px;
    margin-bottom: 15px;
    position:relative;
}
#zobacz_mape {
    position:absolute;
    right:20px;
    top:20px;
}

.link {
    padding-left:10px;
    background:  url(gfx/arrow_grey.gif) no-repeat left 2px;
    margin-top:7px;
}
.link a {
    font:600 12px arial;
}
.grey {
background:  url(gfx/grey.gif) no-repeat left 2px;
}

.grey a {
    color:#787878;
}

.link3 {
    padding-left:10px;
    background:  url(gfx/arrow_white.gif) no-repeat left 2px;
    margin-top:6px;
    margin-left:12px;
}

.link3 a {
    font:200 12px arial;
    color:#101814;
}

.start_news_content {
    padding-top:10px;
    padding-bottom:2px;
    line-height: 140%;
    height:auto !important;
    min-height: 56px;
    height:56px;
    margin-bottom: 10px;
}
.start_news_content img {
border-top:1px solid #578424;
border-bottom:1px solid #578424;
border-left:1px solid #85a55d;
border-right:1px solid #85a55d;
margin-right:10px;
float:left;
}


.start_more  {
    font:600 12px arial;
    color:#004d96;
}

.w_koninie {
    padding-top:15px;
    padding-left:20px;
    width:293px;
  
    font:14px/145% arial;
}

.o_zakladzie {
    padding-top:10px;
    text-align:right;
}

.kosz_start {
    height:36px;
    line-height: 36px;
    margin-bottom: 15px;
}
.kosz_start img {
    vertical-align: top;
    margin-top:4px;
}
.start_right {
    position:absolute;
    top:15px;
    left:330px;
    width:645px;
    height:237px;
    
}


.footer {
    border-top:1px solid #97af0f;
    background-color: #c0c3ae;
    height:31px;
    text-align: left;
    width:992px;
    margin:0 auto;
    font:600 12px/31px arial;
    color:#4c7d17;
}
.footer div {
    padding-left:20px;
}
.footer div a {
    color:#101814;
    font:200 12px arial;
}
.footer div span {
     background:  url(gfx/kropki.gif) no-repeat center center;
     padding:0 12px;
}

.footer div a:hover,.footer div a.active {
color:#2C5F03;
}
.footer2 {
    width:992px;
    margin:0 auto;
    padding-top:13px;
    position:relative;
    color:#b3b5a7;
    height:35px;
}
.footer2 span {
     background:  url(gfx/kropki2.gif) no-repeat center center;
     padding:0 12px;
}
.footer2 a {
    color:#b3b5a7;
    font:200 12px arial;

}
.footer2 a:hover {
    color:#666;
}

.lm {
    position:absolute;
    top:12px;
    right:0px;
}
.lm img {
    vertical-align: middle;
    margin-left:5px;
}

.copy {
    position:absolute;
    top:12px;
    left:0px;
}

.wybor{
    height:34px;
    line-height: 34px;
    margin-top:10px;
    margin-bottom:15px;
    font:14px arial;
}

.wybor input,.wybor img {
    vertical-align: middle;
    margin-left:20px;
}

.wybor img {
    cursor:pointer;
}

.mapa_strona {

    text-align:left;
    padding-bottom:10px;
    position: relative;

}

.mapa_strona * {

}

.mapa_strona .contentMapstrona{
  
    border:1px solid #000;
 
    width:680px;
    height:400px;
    text-align: left;
}

.mapa_menu {
    position:absolute;
    right:0;
    top:0;
    width:255px;
    height:auto !important;
    min-height:150px;
    height:150px;
    line-height: 140%;
    font:14px arial;
  
}

.mapa_menu  div {
    color:#6b903e;
    font:18px arial;
    padding-bottom:10px;

}

.mapa_strona .contentMapstrona .green {
    color:green;
}
.mapa_strona .contentMapstrona .red {
    color:red;
    text-decoration: line-through;
}

.table_kontakt td {
    line-height: 140%;
}

.kontakt_mapa {

    text-align:center;
    padding-top:10px;
    padding-bottom:10px;

}

.kontakt_mapa * {
    font:100 5px verdana;
}

.kontakt_mapa .contentMap {
    margin:auto;
    border:2px solid #acd474;
    width:310px;
    height:202px;
}
.tabelka {
   border:2px solid #ACD474;
   border-collapse: collapse;
}
.top_layer {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 100vh;
  display: grid;
  justify-content: center;
  align-content: center;
  
}
.hide_toplayer {
display:none;
}
.top_layer_box {
  width: 800px;
  max-width: 100%;
}

.top_layer_box img {
  max-width: 100%!important;
  height:auto;
}
.top_layer_close {
  text-align: right;
  padding-bottom:5px;
}

.top_layer_close a {
  text-decoration:none;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  padding: 0 8px;
  color:#000;
  background-color:#fff;
}
.top_layer_content {
background-color:#fff;
}