/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
/*  font: inherit;*/
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
@font-face {
  font-family: 'Droid Serif EN';
  src: url('fonty/droid_serif_en/droidserif-regular.eot?') format('eot'),
       url('fonty/droid_serif_en/droidserif-regular.woff') format('woff'),
       url('fonty/droid_serif_en/droidserif-regular.ttf') format('truetype'),
       url('fonty/droid_serif_en/droidserif-regular.svg') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Droid Serif PL';
  src: url('fonty/droid_serif_pl/droidserif-regular.eot?') format('eot'),
       url('fonty/droid_serif_pl/droidserif-regular.woff') format('woff'),
       url('fonty/droid_serif_pl/droidserif-regular.ttf') format('truetype'),
       url('fonty/droid_serif_pl/droidserif-regular.svg') format('svg');
  font-style: normal;
  font-weight: 400;
}
*/
@font-face {
    font-family: 'Bebas';
    src: url('fonty/bebas_neue/BebasNeue-webfont.eot');
    src: url('fonty/bebas_neue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/bebas_neue/BebasNeue-webfont.woff') format('woff'),
         url('fonty/bebas_neue/BebasNeue-webfont.ttf') format('truetype'),
         url('fonty/bebas_neue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"Open Sans Bold";
    src:url("fonty/open_sans_bold_pl/OpenSans-Bold.eot?") format("eot"),
        url("fonty/open_sans_bold_pl/OpenSans-Bold.woff") format("woff"),
        url("fonty/open_sans_bold_pl/OpenSans-Bold.ttf") format("truetype"),
        url("fonty/open_sans_bold_pl/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: 'worksansregular';
    src: url('fonty/work_sans_pl//WorkSans-Regular.woff2') format('woff2'),
         url('fonty/work_sans_pl//WorkSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'worksansmedium';
    src: url('fonty/work_sans_pl/WorkSans-Medium.woff2') format('woff2'),
         url('fonty/work_sans_pl/WorkSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'worksanssemibold';
    src: url('fonty/work_sans_pl/WorkSans-SemiBold.woff2') format('woff2'),
         url('fonty/work_sans_pl/WorkSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'worksansbold';
    src: url('fonty/work_sans_pl/WorkSans-Bold.woff2') format('woff2'),
         url('fonty/work_sans_pl/WorkSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

body {
  -webkit-text-size-adjust: none;
   background-color: #332D2E
}
.clear
{
  clear: both;
}
/* Header */

#container {
  margin:0 auto;
  width:100%;
/*  min-width:532px;*/
/*  min-width:441px;*/
min-width:640px;
}



/*
@media (min-width: 1265px) { 
  .container {width:1264px;}
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  .container {width:1148px;}
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .container {width:1032px;}
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .container {width:916px;}
}
@media (min-width: 801px) and (max-width: 916px) { 
  .container {width:800px;}
}
*/


/* menu: */
#top{
  background:transparent url(img/menu/menu-tlo.png) top center no-repeat;
  position:relative; 
  padding: 0;
  margin-top:0; 
  height:85px; 
  width:100%;
  margin: 0 auto;
  z-index:3; 
}
#top .nav {
  font-family:Bebas; 
  font-size:28px; 
  padding-top:21px; 
  position:relative;
  margin: 0 auto;
  width:980px;
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  #top .nav {
    font-size:28px; 
    width:900px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  #top .nav {
    font-size:26px; 
    width:850px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  #top .nav {
    font-size:22px; 
    width:780px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  #top .nav {
    font-size:15px; 
    width:620px;
  }
}
@media (max-width: 640px) { 
  #top .nav {
    font-size:12px; 
    width:560px;
  }
}
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute; top:-999em;}
.sf-menu ul li {}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left;	position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0; z-index:99; top:55px;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li ul li{
font-size:20px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left: 10em; top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left: 10em; top:0;}

.sf-menu {}
.sf-menu li {background: transparent;}
.sf-menu li a {
  padding:22px 10px 30px 10px;
  color:#FFF;
  text-decoration:none;
  margin-right:30px;
}
.sf-menu li a, .sf-menu li a:visited  {}
.sf-menu li a:hover {background:url(img/menu/menu_hover2.png) no-repeat transparent; color:red;}
.sf-menu li.activ a {background:url(img/menu/menu_hover2.png) no-repeat transparent; color:red;}
.sf-menu li.sfHover a {background:url(img/menu/menu_hover2.png) no-repeat transparent; color:red;}

.sf-menu li ul {background:url(img/menu/menu_ul_hover.png);}
.sf-menu li li {}
.sf-menu li li a {
  width:180px;
  color:#fff !important;
  padding:5px 10px;
  margin:0;
  background:none;
}
.sf-menu li li a:hover {color:red !important;}
.sf-menu li.sfHover li a {background:transparent;}

.sf-menu li li ul {}
.sf-menu li li li {}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; color:red;}
.sf-menu li:hover, .sf-menu li.sfHover {}

@media (min-width: 1033px) and (max-width: 1148px) { 
  ul.sf-menu li ul li{
    font-size:20px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  ul.sf-menu li ul li{
    font-size:20px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  ul.sf-menu li ul li{
    font-size:19px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  ul.sf-menu li ul li{
    font-size:15px;
  }
}
@media (max-width: 640px) { 
  ul.sf-menu li ul li{
    font-size:12px;
  }
}




#header_main {
  position: relative;
  margin: 0;
  display:block;
  color: #fff;
  padding-top:0px;
  height: 518px;
}
#header_main_div {
  position: absolute;
  margin: 0;
  display:block;
  background-image: url("img/tlo1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top:0px;
  height: 518px;
  width: 100%;
  z-index:1;
}
#header_page_main {
  position: relative;
  margin: 0;
  display:block;
  color: #fff;
  padding-top:0px;
  height: 440px;
}
#header_page_div {
  position: absolute;
  margin: 0;
  display:block;
  background-image: url("img/tlo1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top:0px;
  height: 440px;
  width: 100%;
  z-index:1;
}
/*
@media (min-width: 1441px) { 
  #header_main {
    height: 900px;
  }
}
@media (min-width: 1265px) and (max-width: 1440px) { 
  #header_main {
    height: 840px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  #header_main {
    height: 770px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  #header_main {
    height: 740px;
  }
}
*/
/*
#header_main header h1 {
  font-size: 2.25em;
  line-height: 1.25em;
  margin-bottom: 0;
}
#header_main header p {
  margin-top: 1.25em;
  font-weight: 100;
  padding: 0;
  font-size: 1.25em;
  line-height: 1.5em;
  text-align: center;
}
#header_main footer {
  padding-top: 1.5em;
}
*/
#bg_filtr{
  background-image: url("img/top_filtr.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: unset;
  position:absolute;
  margin: 0;
  display:block;
  background-size: inherit;
  padding-top:0px;
  height: 518px;
  width: 100%;
  z-index:2;
}

#bg1, #bg2, #bg3, #bg1_mobile, #bg2_mobile, #bg3_mobile{
  display:none;
}

#slider_main{
  width:32px;
  height:116px;
  display:block;
  float:right;
  margin-right:60px;
  padding-top:370px;
}
#sl1:hover, #sl2:hover, #sl3:hover{
  cursor: pointer;
}
@media (max-width: 640px) { 
  #header_info{
    width:380px;
    padding-top:580px; /*uwaga, zmiana wartosci determinuje zmiane w java script: czyWersjaMobilna()!!!*/
    padding-left:60px;
    padding-bottom:0px;
  }
  #slider_main{
    display:none;
  }
}


/*
ul.publikacje_box {
  list-style:none;
  display: table;
  padding-top: 0px;
  padding-bottom: 10px;
  margin: 0 auto 0 auto;
}
ul.publikacje_box li{
  display:inline-table;
  width:295px;
  margin:18px auto 18px auto;
  padding:0px 36px 0px 36px;
  background-image: url(plus_ico.png);
  background-position: 227px 7px;
  background-repeat: no-repeat;
  background-attachment: unset;
  position:relative;
}
ul.publikacje_box li:hover{
  width:295px;
  margin:18px auto 18px auto;
  padding:0px 18px 0px 18px;
}
ul.publikacje_box li img{
  width:295px;
  height:295px;
}
*/
/*
ul.publikacje_box li img:hover{
  transition-delay: 0s;
  transition-duration: 0.25s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  opacity: 0.8;
}
*/
/*
.ramka5{
  margin:0px 12px 0px 12px;
//  height:50px;
  display:flex;
  position:relative;
  top:-67px;
  background-image: url(plus_ico.png);
  background-position: 227px 7px;
  background-repeat: no-repeat;
  background-attachment: unset;
  position:relative;
  left:0px;
  top:-280px;
}
.ramka5:hover{
}
.ramka5 span{
  border-top:6px;
  border-right:6px;
  border-bottom:6px;
  border-left:6px;
  border-color:#FFFFFF;
  border-style: solid;
  font:bold 24px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:justify;
  text-indent:0px;
  padding:6px 20px 8px 20px;
  width:219px;
  position:relative;
  left:0px;
  top:207px;
}
*/
/*
ul.publikacje_box {
  background-color:transparent;
  list-style-type:none;
  padding-top: 0px;
  padding-bottom: 10px;
  margin: 0 auto 0 auto;
  text-align: center;
  overflow: hidden;
  display:table;
  width:100%;
}
ul.publikacje_box li{
  display:inline-block;
  width:295px;
  margin:18px 42px 0px 42px;
}
ul.publikacje_box li:first-child{
  margin-left:42px;
}
ul.publikacje_box li:last-child{
  margin-right:42px;
}
ul.publikacje_box li a:hover{
  transition-delay: 0s;
  transition-duration: 0.25s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  opacity: 0.8;
}
.publikacje_box a {
  color: #FFFFFF;
  text-decoration: none;
  line-height: 0px;
  text-indent: 0px;
  font-weight: normal;
  display:block;
}
.publikacje_box a:link, .publikacje_box a:visited, .publikacje_box a.selected {
}
.publikacje_box a:hover{
}
.ramka_publikacje_tlo{
  display:inline-block;
  height:295px;
  width:295px;
  overflow:hidden;
  z-index:1;
}
.ramka_publikacje_plus{
  background-image:url(plus_ico.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-attachment: unset;
  position:relative;
  top:-280px;
  left:245px;
  float:left;
  width:32px;
  height:32px;
  display:inline-block;
  z-index:2;
}
.ramka_publikacje1{
  margin:-129px 12px 0px 12px;
  display:flex;
}
.ramka_publikacje2{
  margin:0px 0px 0px 0px;
  display:inline-block;
  border-top:6px;
  border-right:6px;
  border-bottom:6px;
  border-left:6px;
  border-color:#FFFFFF;
  border-style: solid;
  width:264px;
  height:103px;
  color:#FFFFFF;
}
.ramka_publikacje_a{
  font:normal 20px 'worksansmedium', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:right;
  text-indent:0px;
  padding:8px 20px 0px 22px;
  display:block;
  order:3;
  -webkit-order:3;
}
.ramka_publikacje_b{
  font:bold 24px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:justify;
  text-indent:0px;
  padding:30px 20px 6px 22px;
  display:block;
  order:2;
  -webkit-order:2;
}
*/


.sek1, .sek2, .sek3, .sek4, .sek5, .sek6, .sek7, .sek8{
  padding-top: 100px;
  padding-bottom:100px;
}
.sek1{
  background-color:#FFFFFF;
  color: #332D2E;
}
.sek2{
  color: #332D2E;
  overflow:hidden;
  background-image: url("img/tlo_aktualnosci.png");
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-clip: border-box;
  background-repeat: repeat-x;
  background-color:#FFFFFF;
}
.sek3{
  background-color:#332D2E;
  color: #FFFFFF;
}
.sek4{
  background-color:#ED1B24;
  color: #FFFFFF;
}
.sek5{
  background-color:#CAC3BD;
  color: #332D2E;
}
.sek6{
  background-color:#A8A6A6;
  color: #332D2E;
}
.sek7{
  background-color:#FFFFFF;
  color: #332D2E;
}
.sek8{
  background-color: #E8DDCB;
  width:100%;
  padding-bottom:90px;
}
@media (max-width: 640px) { 
  .sek1, .sek2, .sek5, .sek7{
    padding-left:0px;
    padding-right:0px;
  }
  .sek5{
    padding-bottom:90px;
  }
  .sek8{
    height: 1012px;
    padding-bottom:110px;
  }
}

.naglowek_gl_sekcji{
  margin:0 auto 0 auto;
  padding-left:145px;
  padding-right:220px;
}

@media (min-width: 1265px) { 
  .naglowek_gl_sekcji{
    padding-left:145px;
    padding-right:220px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  .naglowek_gl_sekcji{
    padding-left:145px;
    padding-right:220px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .naglowek_gl_sekcji{
    padding-left:125px;
    padding-right:200px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .naglowek_gl_sekcji{
    padding-left:105px;
    padding-right:180px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  .naglowek_gl_sekcji{
    padding-left:85px;
    padding-right:160px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  .naglowek_gl_sekcji{
    padding-left:80px;
    padding-right:140px;
  }
}
@media (max-width: 640px) { 
  .naglowek_gl_sekcji{
    padding-left:0px;
    padding-right:0px;
  }
}


.ramka_sekcji{
  margin:0 auto 0 auto;
  background-color:transparent;
  padding-left:220px;
  padding-right:220px;
  /*background-color:red;*/
}
.ramka_sekcji:after{
  content:'';
  display:block;
  clear:both;
}

.naglowek_sekcji{
  display:block;
}
.naglowek_sekcji:after{
  content:'';
  display:inline-block;
  clear:both;
}
.ramka_sekcji_kontakt{
  display:inline-block;
  margin-left:116px;
  margin-top:30px;
}

@media (min-width: 1265px) { 
  .ramka_sekcji{
    padding-left:220px;
    padding-right:220px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  .ramka_sekcji{
    padding-left:220px;
    padding-right:220px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .ramka_sekcji{
    padding-left:200px;
    padding-right:200px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .ramka_sekcji{
    padding-left:180px;
    padding-right:180px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  .ramka_sekcji{
    padding-left:160px;
    padding-right:160px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  .ramka_sekcji{
    padding-left:140px;
    padding-right:140px;
  }
}
@media (max-width: 640px) { 
  .ramka_sekcji{
    padding-left:58px;
    padding-right:58px;
  }
}

@media (min-width: 1673px) { 
  .ramka_sekcji_kontakt{
    width:1509px;
  }
}
@media (min-width: 1557px) and (max-width: 1672px) {
  .ramka_sekcji_kontakt{
    width:1393px;
  }
}
@media (min-width: 1441px) and (max-width: 1556px) {  
  .ramka_sekcji_kontakt{
    width:1277px;
  }
}

@media (min-width: 1325px) and (max-width: 1440px) {  
  .ramka_sekcji_kontakt{
    width:1161px;
  }
}
@media (min-width: 1209px) and (max-width: 1324px) { 
  .ramka_sekcji_kontakt{
    width:1045px;
  }
}
@media (min-width: 1093px) and (max-width: 1208px) { 
  .ramka_sekcji_kontakt{
    width:929px;
  }
}
@media (min-width: 977px) and (max-width: 1092px) { 
  .ramka_sekcji_kontakt{
    width:813px;
  }
}
@media (min-width: 861px) and (max-width: 976px) { 
  .ramka_sekcji_kontakt{
    width:697px;
  }
}
@media (min-width: 803px) and (max-width: 860px) { 
  .ramka_sekcji_kontakt{
    width:639px;
  }
}
@media (min-width: 716px) and (max-width: 802px) { 
  .ramka_sekcji_kontakt{
    width:552px;
  }
}
@media (min-width: 641px) and (max-width: 715px) { 
  .ramka_sekcji_kontakt{
    width:436px;
  }
}
@media (max-width: 640px) { 
  .ramka_sekcji_kontakt{
    margin-left:50px;
    margin-top:66px;
  }
}

/*
.sek_margin_left{
  float:left;
  display:block;
  width:281px;
  height:1px;
}
.sek_margin_right{
  float:left;
  display:block;
  width:277px;
  height:1px;
}
*/

.ramka_tresc{
  display:block;
  clear: both;
  padding-bottom:60px;
}
.ramka_tresc:after{
  content:'';
  display:block;
  clear:both;
}

.nag1{
  float: left;
  min-height: 1px;
  padding-right: 0px;
/*  position: relative;*/
  display: inline-block;  
  margin-left: 145px;
  margin-right:14px;
}
.nag1 h1{
  font:normal 24px 'worksanssemibold', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
}
/*
.nag1 h1{
  margin-bottom:45px;
}
*/
@media (min-width: 1265px) { 
  .nag1{
    margin-left:0px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  .nag1{
    margin-left:0px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .nag1{
    margin-left:0px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .nag1{
    margin-left:0px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  .nag1{
    margin-left:0px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  .nag1{
    margin-left:0px;
  }
}
@media (max-width: 640px) { 
  .nag1{
    margin-left: 58px;
/*    display: block;  */
  }
  .nag1 h1{
/*    font-size: 42px;
    line-height: 42px;
    padding-bottom: 60px;
    margin-bottom:0px;*/
  }
}

.nag2{
  float: right;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:60px;
  margin-right:0px;
  margin-left:10px;
  margin-top:17px;
  position: relative;
  width: 45%;
  min-width:340px;
  font:normal 16px 'worksansmedium', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:left;
  text-indent:0px;
  min-height:69px;
  display: table-cell;  
}
@media (max-width: 640px) { 
  .nag2{
    width: auto;
    margin-left:58px;
    margin-right:58px;
    padding-right:0px;
    padding-bottom:70px;
    display: block;  
  }
}
.nag2 p{
  margin: 0 0 0 0;
  padding: 0;
  text-align: justify;
  font:normal 20px 'worksansmedium', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  line-height:27px;
}
@media (max-width: 640px) { 
  .nag2 p{
    margin: 0 0 0 0;
    font-size:24px;
    line-height:30px;
  }
}
.tresc1{
/*  width:70%;
  margin:0 auto;*/
  font:normal 20px 'worksansregular', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  line-height:26px;
  text-decoration:none;
  text-align:justify;
  text-indent:0px;
  display:block;
  vertical-align:top;
  float:left;
  margin:0px 0px 0px 0px;
  }
.tresc1 p{
  padding-bottom:18px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.tresc1 ul{
  list-style: none;
  display: table;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.tresc1 li{
  display:list-item;
  padding-left:14px; 
  text-indent:-14px;
  text-align:left;
}
.tresc1 li:before {
  content: "•";
  color: #332D2E;
  margin-right:7px;
}
.tresc1 li a:link, .tresc1 li a:visited, .tresc1 li a.selected{
  color: #332D2E;
}
.tresc1 li a:hover{
  color: #606060;
}
@media (max-width: 640px) {
  .tresc1{
    width:100%;
    font-size:24px;
    line-height:30px;
  }
}

div.kontakt{
/*  width:416px;*/
  height:240px;
  background-color:transparent;
  background-image:none;
  position:relative;
  margin-left:106px;
  padding-left:0px;
  padding-top:0px;
  display: block;
  color:#404040;
}
@media (min-width: 1265px) { 
  div.kontakt{
    margin-left:106px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  div.kontakt{
    margin-left:106px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  div.kontakt{
    margin-left:106px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  div.kontakt{
    margin-left:106px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  div.kontakt{
    margin-left:106px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  div.kontakt{
    margin-left:106px;
  }
}
@media (max-width: 640px) { 
  div.kontakt{
    width:440px;
    height:357px;
    font-size:24px;
    padding-left:0px;
    margin-left:0px;
  }
}

.kontakt1{
  display:inline-block;
  position:relative;
  width:100%;
}
.kontakt2{
  display:inline-block;
  position:relative;
  padding-top:50px;
  width:100%;
}

.kontakt1a{
  display: block;
  float:left;
  width: 380px;
  margin: 0 230px 0 0;
  padding: 0;
/*background-color:#9010AA;*/
}
.kontakt1b{
  display: block;
  float:left;
  width: 330px;
  margin: 0 0 0 0;
  padding: 86px 0 0 0;
  text-align: left;
  font:normal 25px 'worksansmedium', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  line-height:30px;
/*background-color:#A010eA;*/
}
.kontakt2a{
  display: block;
  float:left;
  width: 380px;
  margin: 0 230px 0 0;
  padding: 0 0 20px 0;
  text-align: left;
  font:normal 16px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  line-height:20px;
/*background-color:#D080AA;*/
}
.kontakt2a h1{
  font:normal 16px 'worksanssemibold', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;  line-height:20px;
}
.kontakt2b{
  display: inline-block;
  float:left;
  width: 330px;
  margin: 0 0 0 0;
  padding: 0;
  text-align: left;
  font:normal 16px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  line-height:20px;
/*background-color:#F0804A;*/
}
.kontakt2b h1{
  font:normal 16px 'worksanssemibold', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
}
.kontakt_spol{
  padding:10px 0px 0px 0px;
}
.facebook_ico{
  background-image: url("img/facebook.png");
  display: inline-block;
  height: 30px;
  width: 30px;
}
@media (min-width: 1265px) { 
  .kontakt1a{
    width: 370px;
    margin: 0 200px 0 0;
  }
  .kontakt1b{
    width: 360px;
    font-size: 25px;
  }
  .kontakt2a{
    width: 370px;
    margin: 0 200px 0 0;
  }
  .kontakt2b{
    width: 360px;
    font-size: 16px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  .kontakt1a{
    width: 370px;
    margin: 0 90px 0 0;
  }
  .kontakt1b{
    width: 360px;
    font-size: 23px;
  }
  .kontakt2a{
    width: 370px;
    margin: 0 90px 0 0;
  }
  .kontakt2b{
    width: 360px;
    font-size: 16px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .kontakt2{
    padding-top:20px;
  }
  .kontakt1a{
    width: 370px;
    margin: 0 67px 0 0;
  }
  .kontakt1b{
    width: 340px;
    font-size: 20px;
  }
  .kontakt2a{
    width: 370px;
    margin: 0 67px 0 0;
    font-size: 15px;
  }
  .kontakt2a h1{
    font-size: 15px;
  }
  .kontakt2b{
    width: 340px;
    font-size: 15px;
  }
  .kontakt2b h1{
    font-size: 15px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .kontakt2{
    padding-top: 20px;
  }
  .kontakt1a{
    width: 370px;
    margin: 0 120px 0 0;
  }
  .kontakt1b{
    width: 360px;
    font-size: 23px;
  }
  .kontakt2a{
    width: 370px;
    margin: 0 120px 0 0;
  }
  .kontakt2b{
    width: 360px;
    font-size: 16px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  .kontakt2{
    padding-top: 20px;
  }
  .kontakt1a{
    width: 370px;
    margin: 0 67px 0 0;
  }
  .kontakt1b{
    width: 360px;
    font-size: 23px;
  }
  .kontakt2a{
    width: 370px;
    margin: 0 67px 0 0;
  }
  .kontakt2b{
    width: 360px;
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  .kontakt2{
    padding-top: 20px;
  }
  .kontakt1a{
    width: 370px;
    margin: 0 67px 0 0;
  }
  .kontakt1b{
    width: 360px;
    font-size: 23px;
  }
  .kontakt2a{
    width: 370px;
    margin: 0 67px 0 0;
  }
  .kontakt2b{
    width: 360px;
    font-size: 16px;
  }
}
@media (max-width: 640px) { 
  .kontakt1{
/*    width: 270px;*/
  }
  .kontakt2{
    padding-top: 20px;
  }
/*  .facebook_ico{
    background-image: url("img/facebook_mobile_ico.png");
    height: 46px;
    width: 36px;
  }*/
}


.logo_akk, .logo_black, .logo_black_menu{
}

div.logo_akk, div.logo_black, div.logo_black_menu{
  display:block;
  padding-left:36px;
  float:left;
}
@media (max-width: 1170px) { 
  div.logo_black_menu{
    display:none;
  }
}
div.logo_akk, div.logo_black{
  position: relative;
  padding-top:50px;
}
div.logo_black_menu{
  padding-top:0px;
}

div.logo_akk img, div.logo_black img, div.logo_black_menu img{
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: transparent;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: auto auto;
  width:240px;
  height:250px;
  border-style:none;
  border-width:0px;
}
div.logo_akk img{
  background-image: url("img/automobilklub_krakowskilogo110.png");
}
@media (min-width: 1265px) { 
  div.logo_akk img{
    width:240px;
    height:250px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  div.logo_akk img{
    width:222px;
    height:231px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  div.logo_akk img{
    height:200px;
    width:208px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  div.logo_akk img{
    height:178px;
    width:185px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  div.logo_akk img{
    height:156px;
    width:162px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  div.logo_akk img{
    height:133px;
    width:139px;
  }
}
@media (max-width: 640px) { 
  div.logo_akk img{
    height:111px;
    width:116px;
  }
}

div.logo_black img, div.logo_black_menu img{
  background-image: url("mocolocco_black.png");
}
@media (max-width: 640px) { 
  div.logo_akk, div.logo_black{
    padding-top:40px;
    padding-left:40px;
  }
  div.logo_akk img, div.logo_black img{
    width:213px;
    height:222px;
  }
  div.logo_akk img{
    background-image: url("img/automobilklub_krakowskilogo110.png");
  }
  div.logo_black img{
    background-image: url("img/automobilklub_krakowskilogo110.png");
  }
}




.logo_akk2{
}

div.logo_akk2{
  display:block;
  float:left;
  position: relative;
}

div.logo_akk2{
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: transparent;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: contain;
  width:240px;
  height:250px;
  border-style:none;
  border-width:0px;
}
div.logo_akk2{
  background-image: url("img/automobilklub_krakowskilogo110.png");
}
@media (min-width: 1265px) { 
  div.logo_akk2{
    margin-left:24px;
    margin-top:52px;
    width:240px;
    height:250px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  div.logo_akk2{
    margin-left:24px;
    margin-top:52px;
    width:240px;
    height:250px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  div.logo_akk2{
    margin-left:0px;
    margin-top:62px;
    width:222px;
    height:231px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  div.logo_akk2{
    margin-left:0px;
    margin-top:62px;
    width:211px;
    height:220px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  div.logo_akk2{
    margin-left:0px;
    margin-top:62px;
    width:200px;
    height:208px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  div.logo_akk2{
    margin-left:0px;
    margin-top:62px;
    width:178px;
    height:185px;
  }
}
@media (max-width: 640px) { 
  div.logo_akk2{
    margin-left:20px;
    margin-top:82px;
    width:133px;
    height:139px;
  }
}





.AKK_naglowek{
  display:block;
  float:left;
  padding:330px 0px 0px 80px;
/*  width:600px;*/
  height:135px;
  font:normal 72px 'worksansbold', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  font-variant:small-caps;
  text-decoration:none;
  text-align:left;
  text-indent:0px;
  text-shadow: 0.08em 0.08em 0.08em #404040;
  line-height:60px;
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .AKK_naglowek{
    padding-top:332px;
    padding-left:70px;
    font-size:65px; 
    line-height:55px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .AKK_naglowek{
    padding-top:350px;
    padding-left:60px;
    font-size:55px; 
    line-height:45px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  .AKK_naglowek{
    padding-top:350px;
    padding-left:50px;
    font-size:44px; 
    line-height:38px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  .AKK_naglowek{
    padding-top:350px;
    padding-left:40px;
    font-size:34px; 
    line-height:32px;
  }
}
@media (max-width: 640px) { 
  .AKK_naglowek{
    padding-top:350px;
    padding-left:30px;
    font-size:32px; 
    line-height:30px;
  }
}

.naglowek1, .naglowek2, .naglowek3, .naglowek4, .naglowek5, .naglowek6, .naglowek7, .naglowek8 {
  font:normal 24px  Arial, Tahoma, Verdana, Helvetica,Courier New, Times New Roman, sans-serif;
  text-decoration:none;
  text-align:left;
  text-indent:0px;
  display:inline-block;
  line-height:34px;
  padding:15px 0px 0px 75px;
  margin: 0px 0px 5px 0px;
  text-align:left;
  height:32px;
}
h1.naglowek1, h1.naglowek2, h1.naglowek3, h1.naglowek4, h1.naglowek5, h1.naglowek6, h1.naglowek7, h1.naglowek8{
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-clip: border-box;
  background-size: auto auto;
  height:45px;
  background-position-y:0px;
  background-position-x:0px;
}
h1.naglowek1{
  background-image: url("img/ikony.png");
  background-position: 0 0;
}
h1.naglowek2{
  background-image: url("img/ikony.png");
  background-position: 0 -60px;
}
h1.naglowek3{
  background-image: url("img/ikony.png");
  background-position: 0 -120px;
}
h1.naglowek4{
  background-image: url("img/ikony.png");
  background-position: 0 -180px;
}
h1.naglowek5{
  background-image: url("img/ikony.png");
  background-position: 0 -240px;
}
h1.naglowek6{
  background-image: url("img/ikony.png");
  background-position: 0 -300px;
}
h1.naglowek7{
  background-image: url("img/ikony.png");
  background-position: 0 -360px;
}
h1.naglowek8{
  background-image: url("img/ikony.png");
  background-position: 0 -420px;
}

@media (max-width: 640px) {
  h1.naglowek1, h1.naglowek2, h1.naglowek3, h1.naglowek4, h1.naglowek5, h1.naglowek6, h1.naglowek7, h1.naglowek8{
/*    height:42px;
    padding:1px 0px 0px 68px;*/
  }
}

.sekcja_table{
  margin:0 auto;
}

ul.partnerzy_box, ul.wydarzenia_box {
  list-style:none;
  display: table;
  margin: 0 auto 0 auto;
  text-align:center;
  overflow:hidden;
}
ul.partnerzy_box li{
  display:inline-table;
  margin:0px 10px 15px 0px;
}
ul.wydarzenia_box li{
  display:inline-table;
  margin:0px 38px 15px 0px;
}
/*
@media (min-width: 1265px) { 
  ul.wydarzenia_box li:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  ul.wydarzenia_box li:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  ul.wydarzenia_box li:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  ul.wydarzenia_box li:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  ul.wydarzenia_box li:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  ul.wydarzenia_box li:nth-child(2n+2) {
    margin-right: 0;
  }
}
ul.wydarzenia_box li:nth-first-child {
  margin-right: 0;
}
*/

@media (max-width: 640px) { 
  ul.partnerzy_box, ul.wydarzenia_box{
    width: 100%;
    padding-top: 20px;
  }
}
ul.partnerzy_box li img, ul.wydarzenia_box li img{
  width:200px;
}
@media (max-width: 640px) { 
  ul.partnerzy_box li img, ul.wydarzenia_box li img{
    width:110px;
  }
}
/*
.publikacje_table{
  margin: 60px auto 0 auto;
  overflow:hidden;
}
@media (min-width: 1265px) { 
  .publikacje_table{
    width:1142px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  .publikacje_table{
    width:766px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  .publikacje_table{
    width:766px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  .publikacje_table{
    width:766px;
  }
}
@media (max-width: 916px) { 
  .publikacje_table{
    width:392px;
  }
}

.portfolio_table{
  margin: 0px auto 0px auto;
}
@media (min-width: 1461px) {
  .portfolio_table{
    width:1200px;
  }
}
@media (min-width: 916px) and (max-width: 1460px) { 
  .portfolio_table{
    width:800px;
  }
}

ul.portfolio_box {
  list-style:none;
  display: table;
  padding-top: 28px;
  padding-bottom: 10px;
  margin: 0 auto 0 auto;
}
ul.portfolio_box li{
  display:inline-table;
  max-width:790px;
  margin:3px 4px 36px 4px;
  padding:0px 0px 0px 0px;
}
ul.portfolio_box li:hover{
}
ul.portfolio_box li img{
  max-width:100%;
  max-height:100%;
}
ul.portfolio_box li img:hover{
}
@media (max-width: 640px) {
  ul.portfolio_box li{
    width:100%;
    min-width:420px;
    margin:3px 4px 36px 4px;
  }
  ul.portfolio_box li:hover{
    width:100%;
    min-width:420px;
  }
  ul.portfolio_box li img{
    width:100%;
    min-width:420px;
  }
}

.portfolio_box a {
  color: #FFFFFF;
  text-decoration: none;
  line-height: 0px;
  text-indent: 0px;
  font-weight: normal;
  display:block;
}
.portfolio_box a:link, .portfolio_box a:visited, .portfolio_box a.selected {
}
.portfolio_box a:hover{
}

.ramka_portfolio1{
  margin:-60px 10px 0px 40px;
  display:inline-block;
}
@media (max-width: 640px) {
  .ramka_portfolio1{
    margin-left:20px;
  }
}
.ramka_portfolio2{
  margin:0px 0px 0px 0px;
  display:inline-block;
  border-top:6px;
  border-right:6px;
  border-bottom:6px;
  border-left:6px;
  border-color:#FFFFFF;
  border-style: solid;
  width:328px;
  height:103px;
  color:#FFFFFF;
}
.ramka_portfolio_a{
  font:normal 20px 'worksansmedium', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:right;
  text-indent:0px;
  padding:8px 20px 0px 22px;
  display:block;
  order:3;
  -webkit-order:3;
}
.ramka_portfolio_b{
  font:bold 24px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:justify;
  text-indent:0px;
  padding:30px 18px 6px 18px;
  display:block;
  order:2;
  -webkit-order:2;
}
@media (max-width: 640px) {
  .ramka_portfolio_b{
    font-size:26px;
    padding-top:11px;
  }
}

.portfolio_up_ico{
  display:none;
}
@media (min-width: 641px) {
  .portfolio_up_ico{
    display:block;
    background-image: url("img/gora_ico1.png");
    background-attachment: scroll;
    background-color: transparent;
    background-position: left top;
    background-clip: border-box;
    background-repeat: no-repeat;
    height:32px;
    width:32px;
    float:right;
  }
}
*/

.up_white_ico, .up_black_ico{
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-clip: border-box;
  background-repeat: no-repeat;
  float:right;
  display:block;
}
.up_white_ico{
  background-image: url("img/up_white.png");
}
.up_black_ico{
  background-image: url("img/up_black.png");
}
.up_white_ico a, .up_black_ico a{
  display:inline-block;
  height:70px;
  width:70px;
}
@media (max-width: 640px) {
  .up_white_ico{
    background-image: url("img/up_mobile_white.png");
  }
  .up_black_ico{
    background-image: url("img/up_mobile_black.png");
  }
  .up_white_ico a, .up_black_ico a{
    height:40px;
    width:40px;
  }
  .up_white_ico a:link, .up_white_ico a:visited, .up_white_ico a.selected,
  .up_black_ico a:link, .up_black_ico a:visited, .up_black_ico a.selected  {
  }
  .up_white_ico a:hover, .up_black_ico a:hover{
  }
}
/*
.header_projekt1{
  background-color:#CAC3BD;
  color: #332D2E;
  padding-top:0px;
  padding-bottom:140px;
}
@media (max-width: 640px) {
  .header_projekt1{
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:140px;
  }
}

.header_projekt2 {
  position: relative;
  margin: 0;
  background-color:#CAC3BD;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  height: 935px;
}
@media (max-width: 640px) {
  .header_projekt2 {
    background-size: contain;
    height: auto;
    padding-bottom: 26px;
  }
}
*/
/*
.ramka_projekt1{
  margin:-60px 145px 0px 40px;
  display:inline-block;
  float:right;
  background-color: #cac3bd;
}
@media (max-width: 640px) {
  .ramka_projekt1{
    float:none;
    margin:331px auto 0px auto;
    background-color: transparent;
  }
}
.ramka_projekt2{
  margin:0px 0px 0px 0px;
  display:inline-block;
  border-width:6px;
  border-color:#FFFFFF;
  border-style: solid;
  padding-top:105px;
  width:408px;
  height:50px;
  color:#332D2E;
  text-align:left;
}
@media (max-width: 640px) {
  .ramka_projekt2{
    width:506px;
    border-width:8px;
    padding-top:90px;
    padding-bottom:10px;
  }
}
.ramka_projekt_a{
  font:bold 24px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:right;
  text-indent:0px;
  padding:0px 20px 0px 22px;
  display:inline-block;
  order:2;
  -webkit-order:2;
}
@media (max-width: 640px) {
  .ramka_projekt_a{
    font-size:34px;
    padding-left:28px;
  }
}
.ramka_projekt_b{
  font:normal 20px 'worksansmedium', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:justify;
  text-indent:0px;
  padding:0px 20px 0px 14px;
  display:inline-block;
  order:3;
  -webkit-order:3;
  float:right;
}
@media (max-width: 640px) {
  .ramka_projekt_b{
    font-size:22px;
    padding-left:16px;
    padding-top:10px;
  }
}
.ramka_projekt3{
  margin:0px 0px 0px 0px;
  display:block;
  border-top-width:0px;
  border-right-width:1px;
  border-bottom-width:1px;
  border-left-width:1px;
  border-color:#FFFFFF;
  border-style: solid;
  width:418px;
  color:#FFFFFF;
}
@media (max-width: 640px) {
  .ramka_projekt3{
    width:518px;
    border-bottom-width:2px;
    border-right-width:2px;
    border-left-width:2px;
  }
}
.ramka_projekt_c{
  font:normal 14px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:left;
  text-indent:0px;
  padding:20px 10px 18px 22px;
  display:inline-block;
  order:3;
  -webkit-order:3;
  width:88px;
}
@media (max-width: 640px) {
  .ramka_projekt_c{
    font-size:18px;
    display:block;
    padding-left:36px;
    padding-bottom:4px;
    width:200px;
  }
}
.ramka_projekt_d{
  font:normal 18px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:left;
  text-indent:0px;
  padding:18px 10px 25px 10px;
  display:inline-block;
  order:2;
  -webkit-order:2;
  color:#332D2E;
  width:272px;
}
@media (max-width: 640px) {
  .ramka_projekt_d{
    font-size:24px;
    display:block;
    padding-left:36px;
    padding-right:36px;
    padding-top:0px;
    width:auto;
  }
}
*/


/*#div_menu1, #div_menu7{*/
/*#div_menu1{
  width:200px;
  float:right;
  padding-top:60px;
  padding-right:80px
}
*/
/*#div_menu2, #div_menu3, #div_menu8{
  width:200px;
  float:right;
  padding-top:60px;
  padding-right:0px;
  position:relative;
  right:15px;
}
*/
/*#div_menu8{
  width:200px;
  float:right;
  padding-top:60px;
  padding-right:0px;
  position:relative;
  right:0px;
}
*/
/*
#div_menu4, #div_menu5, #div_menu6{
  width:200px;
  float:right;
  padding-top:0px;
  padding-right:0px;
  position:relative;
  right:-50px;
}
*/
/*#div_menu9{
  width:200px;
  float:right;
  padding-top:60px;
  padding-right:0px;
  position:relative;
}
*/
/*
@media (max-width: 640px) {
  #div_menu4{
    display:none;
  }
}
*/
@media (min-width: 641px) {
  #menu_full1, #menu_full2, #menu_full3{
    width:100%;
    background-color:#FFFFFF;
    display:none;
    padding:70px 0px 70px 0px;
    transition-duration:2s;
    -webkit-transition-duration:2s; /* dla Google Chrome, Safari, Opera 15+ */
    height:84px;
    overflow:hidden;
z-index:1;
position:absolute;
  }
  #menu_full1:after, #menu_full2:after, #menu_full3:after{
    content:'';
    display:block;
    clear:both;
  }

  #menu_mini1, #menu_mini2, #menu_mini3{
    display:block;
    float:right;
    margin:0px 145px 20px 0px;
  }
  #menu_mini1:after, #menu_mini2:after, #menu_mini3:after{
    content:'';
    display:block;
    clear:both;
  }
  .menu_mini_img1, .menu_mini_img2, .menu_mini_img3{
    width:30px;
    height:30px;
    display:block;
  }
  .menu_mini_img1{
    background-image: url("img/menu_ico_white.png");
  }
  .menu_mini_img2, .menu_mini_img3{
    background-image: url("img/menu_ico_black.png");
  }

  .menu_nagl_mobile{
    display:none;
  }
  .menu_full_inside{
    display:inline-block;
    font:bold 18px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
    font-weight: 500;
    text-decoration:none;
    text-align:left;
    text-indent:0px;
    width:887px;
    float:right;
  }
  .menu_full_inside ul{
    list-style-type: none;
    display: block;
    float:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 50px;
    width: auto;
  }
  .menu_full_inside ul li{
    display:list-item;
    padding-left:14px; 
    text-indent:0px;
    text-align:left;
    height:28px;
    line-height:24px;
  }
  .menu_full_inside ul li:hover:before {
    content: "•";
    color: #332D2E;
    margin-right:7px;
    float:left;
    display:inline;
  }
  .menu_full_inside ul li:before {
    content: "•";
    color: #FFFFFF;
    margin-right:7px;
    float:left;
    display:inline;
  }
  .menu_full_inside ul li a{
    color: #332D2E;
    text-decoration: none;
    line-height: 20px;
    display:block;
    white-space:nowrap;
    font-family:'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
    font-size:18px;
    font-variant:small-caps;
    font-weight: 500;
    letter-spacing:0px;
    text-indent: 0px;
  }
  .menu_full_inside ul li a:link, .menu_full_inside ul li a:visited, .menu_full_inside ul li a.selected {
  }
  .menu_full_inside ul li a:hover{
  }
  .menu_button{
    float:right;
    margin:7px 145px 0px 37px;
  }
  .menu_button a img{
    background-image: url("img/menu_ico_black.png");
    width:30px;
    height:30px;
    display:block;
  }
  .menu_button_mobile{
    display:none;
  }
  .menu_facebook{
    float:right;
    margin:7px 18px 0px 15px;
  }
  .menu_facebook a img{
    background-image: url("facebook_menu_ico.png");
    width:20px;
    height:20px;
    display:block;
  }
  .menu_menusy{
    float:right;
    margin-right:7px;
    width:565px;
  }
}
@media (max-width: 640px) {
  #menu_full1, #menu_full2, #menu_full3{
    width:100%;
    background-color:#FFFFFF;
    display:none;
    padding:0px 0px 22px 0px;
    transition-duration:2s;
    -webkit-transition-duration:2s; /* dla Google Chrome, Safari, Opera 15+ */
/*    height:84px;*/
    overflow:hidden;
z-index:1;
position:absolute;
  }
  #menu_full1:after, #menu_full2:after, #menu_full3:after{
    content:'';
    display:block;
    clear:both;
  }
  #menu_mini1, #menu_mini2, #menu_mini3{
    display:block;
    float:right;
    margin:40px 60px 0px 0px;
  }
  #menu_mini1:after, #menu_mini2:after, #menu_mini3:after{
    content:'';
    display:block;
    clear:both;
  }
  .menu_mini_img1, .menu_mini_img2, .menu_mini_img3{
    width:42px;
    height:42px;
    display:block;
  }
  .menu_mini_img1{
    background-image: url("img/menu_ico_menu_ico_white_mobile.png");
  }
  .menu_mini_img2, .menu_mini_img3{
    background-image: url("img/menu_ico_black_mobile.png");
  }
  .menu_nagl_mobile{
    display:block;
  }
  .menu_full_inside{
    display:inline-block;
    font:bold 18px 'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
    font-weight: 500;
    text-decoration:none;
    text-align:left;
    text-indent:0px;
    width:100%;
    float:left;
    background-image:url("menu_kreska.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-repeat: repeat-x;
    margin-top:78px;
  }
  .menu_full_inside ul{
    list-style-type: none;
    display: block;
    float:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: auto;
  }
  .menu_full_inside ul li{
    background-image:url("menu_kreska.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    display:list-item;
    padding-left:38px; 
    padding-top:33px;
    text-indent:0px;
    text-align:left;
    height:55px;
    line-height:28px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .menu_full_inside ul li:last{
    background-image:none;
  }
/*  .menu_full_inside ul li:before {
    content: "•";
    color: #000000;
    margin-right:7px;
    float:left;
    display:inline;
  }
*/
  .menu_full_inside ul li a{
    color: #332D2E;
    text-decoration: none;
    line-height: 20px;
    display:block;
    white-space:nowrap;
    font-family:'Work Sans', sans-serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
    font-size:32px;
    font-variant:small-caps;
    font-weight: 500;
    letter-spacing:0px;
    text-indent: 0px;
  }
  .menu_full_inside ul li a:link, .menu_full_inside ul li a:visited, .menu_full_inside ul li a.selected {
  }
  .menu_full_inside ul li a:hover{
    color:#EBCEC0;
  }
  .menu_button{
    display:none;
  }
  .menu_button_mobile{
    float:right;
    margin:40px 60px 0px 37px;
  }
  .menu_button_mobile a img{
    background-image: url("img/menu_ico_black_mobile.png");
    width:42px;
    height:42px;
    display:block;
  }
  .menu_facebook{
    float:right;
    margin:636px 50px 0px 15px;
  }
  .menu_facebook a img{
    background-image: url("facebook_mobile_ico.png");
    width:36px;
    height:46px;
    display:block;
  }
  .menu_menusy{
    float:left;
    margin-right:0px;
  }
}
@media (max-width: 539px) {
  .menu_facebook{
    display:none;
  }
}
.ramka_newsa{
  background-image: url("img/tlo_news.png");
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-clip: border-box;
  background-repeat: repeat-x;
  background-color:#FDFDFD;
  padding-bottom: 70px;
}

.news{
  display:block;
  padding:8px 0px 8px 0px;
  font:normal 16px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-decoration:none;
  text-align:left;
  text-indent:0px;
  color: #332D2E;
  overflow:hidden;
}
.news h1{
  font:normal 21px 'worksanssemibold', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  padding-bottom:10px;
}
.news h1 a:{
  font:normal 21px 'worksanssemibold', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  color: #332D2E;
}
.news h1 a:link, .news h1 a:visited, .news h1 a.selected {
  color: #332D2E;
}
.news h1 a:hover{
  color: #404040;
}
.news h2{
  font-size:14px;
  text-align:right;
  font-weight:normal;
}
.news div{
  font-size:18px;
}
.news div p{
  text-align:justify;
  line-height: 26px;
}
.news div a{
    color: #404040;
    text-decoration: none;
    line-height: 0px;
    text-indent: 0px;
    font-weight: normal;
/*    display:inline-block;*/
  }
.news div a:link, .news div a:visited, .news div a.selected {
}
.news div a:hover{
  color:#606060;
  text-decoration:underline;
}
.news ul {
  list-style-image: url("img/bullet.gif");
  list-style-position: outside;
  list-style-type: none;
  padding-left: 17px;
}
.news ul li {
  display: list-item;
  text-align: match-parent;
  line-height: 26px;
}

.news_zdjecie_table {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  background-color: #F6F6F6;
}
ul.news_zdjecie_box {
  display: table;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding:0px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: left;
}
ul.news_zdjecie_box li {
  display: inline-table;
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFFF;
}
@media (min-width: 1265px) { 
  ul.news_zdjecie_box li a img {
    width: 200px;
  }
}
@media (min-width: 1149px) and (max-width: 1264px) { 
  ul.news_zdjecie_box li a img {
    width: 160px;
  }
}
@media (min-width: 1033px) and (max-width: 1148px) { 
  ul.news_zdjecie_box li a img {
    width: 140px;
  }
}
@media (min-width: 917px) and (max-width: 1032px) { 
  ul.news_zdjecie_box li a img {
    width: 140px;
  }
}
@media (min-width: 801px) and (max-width: 916px) { 
  ul.news_zdjecie_box li a img {
    width: 140px;
  }
}
@media (min-width: 641px) and (max-width: 800px) { 
  ul.news_zdjecie_box li a img {
    width: 130px;
  }
}
@media (max-width: 640px) { 
  ul.news_zdjecie_box li a img {
    width: 150px;
  }
}

.linki{
  margin: 10px 0 10px 0;
  clear:both;
}
.linki ul {
/*  list-style-image: url("img/bullet.gif");
  list-style-position: outside;
  list-style-type: none;*/
  display:inline-block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-left:8px;
}
.linki ul li {
  display:list-item;
  text-align: match-parent;
/*  line-height: 26px;*/
}

.link_pdf, .link_word, .link_www, .link_img, .link_xls, .link_mp3{
  font:normal 18px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-align:left;
  text-indent:0px;
  display:inline-block;
  color: #404040;
  line-height:32px !important;
  padding:0px 0px 0px 38px;
  margin: 3px 2px 3px 2px;
  text-align:left;
  height:32px;
/*  display:block !important;*/
}
a.link_pdf{
  background:transparent url(img/link_pdf.png) no-repeat 0px 0px;
  text-decoration:underline !important;
}
a.link_word{
  background:transparent url(img/link_word.png) no-repeat 0px 0px;
  text-decoration:underline !important;
}
a.link_www{
  background:transparent url(img/link_www.png) no-repeat 0px 0px;
  text-decoration:underline !important;
}
a.link_img{
  background:transparent url(img/link_img.png) no-repeat 0px 0px;
  text-decoration:underline !important;
}
a.link_xls{
  background:transparent url(img/link_xls.png) no-repeat 0px 0px;
  text-decoration:underline !important;
}
a.link_mp3{
  background:transparent url(img/link_mp3.png) no-repeat 0px 0px;
  text-decoration:underline !important;
}
a.link_pdf:hover, a.link_word:hover, a.link_www:hover, a.link_img:hover, a.link_xls:hover, a.link_mp3:hover{
  color: #606060;
}

.wiecej{
  margin: 10px 0 10px 0;
  clear:both;
}
a.wiecej, a.wiecej_white{
  font:normal 18px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  text-align:left;
  text-indent:0px;
  display:inline-block;
  line-height:26px !important;
  padding:0px 0px 0px 32px;
  margin: 6px 2px 3px 2px;
  text-align:left;
  height:23px;
  display:block !important;
  background:transparent url(img/wiecej.png) no-repeat 0px 0px;
  text-decoration:none !important;
}
a.wiecej{
  color: #404040;
  background-position: 0 0px;
}
a.wiecej:link, a.wiecej:visited, a.wiecej:selected{
  color: #404040;
}
a.wiecej:hover{
  text-decoration:underline !important;
  color: #202020;
}
a.wiecej_white{
  color: #FFFFFF;
  background-position: 0 -23px;
}
a.wiecej_white:link, a.wiecej_white:visited, a.wiecej_white:selected{
  color: #FFFFFF;
}
a.wiecej_white:hover{
  text-decoration:underline !important;
  color: #D0D0D0;
}

/* galerie */
.lista_galerii{
  float:left;
  width:100%;
  padding:0px 0px 0px 0px;
  overflow:hidden; 
}
.lista_galerii ul{
  list-style-type: none;
}
.lista_galerii li{
  display:block;
  width:100%;
  float:left;
  margin:15px 0px 15px 0px;
  padding:25px 6px 25px 6px;
  font:normal 18px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  color: #332D2E;
  background-color:#F0F0F0;
}
.lista_galerii li:hover{
  background-color:#E8E8E8;
}
.lista_galerii li h3{
  font:normal 22px 'worksanssemibold', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  color:#333237;
  margin:0px 0px 2px 0px;
}
.lista_galerii li h3 a{
  color:#333237;
}
.lista_galerii li h3 a:hover{
  color:#434247;
  text-decoration:none;
}
.lista_galerii li img{
  float:left;
  margin:2px 10px 2px 2px;
  width:200px;
  height:133px;
  overflow:hidden;
  box-shadow: 3px 3px 5px #707070;
}
.lista_galerii a {
  text-decoration:none;
}
/*
.lista_galerii a {
  font:normal 12px  Arial, Tahoma, Verdana, Helvetica,Courier New, Times New Roman, sans-serif;
  color:#333237;
  padding-top:0px;
  overflow:hidden; 
}
.lista_galerii a:hover{
  color:#787878;
  text-decoration:underline;
}
.lista_galerii h3 {
  font:bold 13px  Arial, Tahoma, Verdana, Helvetica,Courier New, Times New Roman, sans-serif;
  color:#454545;
  padding:0px 0px 0px 0px;
}
.lista_galerii h3 a {
  font:bold 13px  Arial, Tahoma, Verdana, Helvetica,Courier New, Times New Roman, sans-serif;
  color:#454545;
  padding-top:0px;
  overflow:hidden; 
}
.lista_galerii h3 a:hover{
  color:#252525;
}
*/
.lista_galerii p{ 
  overflow:hidden;
  margin:6px 2px 2px 2px;
  display: inline-block;
  text-align: justify;
}
.lista_galerii span{ 
  color:#333237;
  font-size:16px;
  padding:0px 0px 0px 0px;
  display: block;
}
/* galerie */

/* lista zdjec >> */
.lista_zdjec{
  list-style-type: none;
  padding:0px 0px 0px 0px;
  float:left;
  width:100%;
}
.lista_zdjec li{
  display:inline-block;
  width:238px;
  float:none;
  margin:0px 2px 10px 2px;
  padding:3px 3px 3px 3px;
  background-color:#F3F3F3;
  text-align:center;
  overflow:hidden;
  vertical-align: bottom;
}
.lista_zdjec img{
  float:none;
  display:inline;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  position:relative;
}
/* << lista zdjec  */

.galeria_info{
  font:normal 18px 'worksansregular', Georgia, serif, Verdana, Arial, Tahoma, Helvetica,Courier New, Times New Roman;
  color: #332D2E;
}
div.galeria_info{
  background-color:#F0F0F0;
  margin: 15px;
  padding: 6px;
  width:100%;
  float:left;
  margin:15px 0px 15px 0px;
  padding:25px 6px 25px 6px;
}
div.galeria_info span{
  display:block;
}
div.galeria_info p{
  font-size:12px;
  display:block;
  text-align:justify;
  margin: 5px 0px 0px 0px;
}


#video {
/*            position: fixed; */
            left: 0px;
            top: 0px;
            width:90%;
/*            min-width: 400px; */
/*            min-height: 90%; */
/*            width: auto; */
/*            height: auto; */
            overflow: hidden;
            z-index: 1;
            background-color:black;
/*            background: transparent url('video_okladka.jpg') fixed no-repeat center center; */
}