.wmenu {
    width: 100%;
    background-color: #FFFFFF;
} 

.ng {
    background-color: #C0C0C0;
}

.cien {
    box-shadow: 0px 2px 2px #c0c0c0;
}

.theme-default .nivoSlider {
   box-shadow: 0px 0px 0px 0px #ffffff;
}

.navbar {
    border-radius: 0px;
}


.nastepny {
	float: right;
	text-decoration: none;
	font-size: 1.15em;
	padding: 5px;
	border-radius: 3px;
}

.poprzeni {
	float: left;
	text-decoration: none;
	font-size: 1.15em;
	padding: 5px;
	border-radius: 3px;
}

.nastepny:hover, .poprzeni:hover {
	color: #FFFFFF;
  background-color: #286090;
	padding: 5px;
	border-radius: 3px;
}


.caly {
    padding-left: 0px;
    padding-right: 0px;
}


.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.pl10 {
    padding-left: 10px;
}

.male {
    font-size: 10px;
    margin-bottom: 15px;
}

.s100 {
    margin-top:10px;
    width:100%;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    //color: #FF0000;
    background-color: transparent;
    
}
.navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-size: 18px;
}

.ofirmie {
    padding-bottom: 32px;
    text-align: justify;
    font-size: 16px;
    line-height: 28px;
}


.cb {
    font-size: 14px;
    margin-right: 23px;
    line-height: normal;
}


.tlo1  {
    background-image: url(images/tlo1.jpg);    
    background-repeat: no-repeat;
}

.theme-default .nivoSlider {
  margin-bottom: 0px;
}

.opis {
    padding-bottom: 32px;
}

.opis > p {
    font-size: 16px;
    color:#000000;
    line-height: 2em;
    
}

.dropdown-menu > li > a {
    line-height: 1.8;
    color: #000;
    font-size: 16px;
}

.dropdown-menu > li > a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #c0c0c0;
}



.ws-thumbnail {
    background-color: #FFFFFF;
    // border: 1px solid #A9A9A9;
    display: block;
    padding: 5px;
    position: relative;
    text-align: center;
}

.ws-thumbnail:hover {
    background-color: #A9A9A9;
}

.ws-thumbnail > img {
    padding-bottom: 5px;
}

.stopka {
   min-height: 50px;
   background-color: #333333;
   color: #777777;
   padding-bottom: 10px;
   padding-top: 17px;
   line-height: 20px;    
}


.lfb {
    float: right;
}

.lfb img {
     -webkit-filter: opacity(50%);
    filter:opacity(50%);
}

.lfb:hover img {
     -webkit-filter: opacity(100%);
    filter:opacity(100%);
}

.mapa {
    margin-top: 15px;
    margin-bottom: 20px;
    width:100%;
    height:400px;
    border-left:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    box-shadow: 4px 4px 4px #808080;
}

.czer {
    color: #FF0000;
    font-weight: bold;
}

.kontakt > p {
    font-weight: bold;
}

.tlo2 {
    // background-color: antiquewhite;
    background-color: #ececec;
    margin-top: 2px;
}

.ws_body {
    width:100%;
    margin-left: auto;
    margin-right: auto;
}

.wsr {
    margin-bottom: 10px;
}


.obrys {
    border: 1px solid #FF0000;
}


.uwaga {
    color:#ff0000;
    display: none;
}


.obr {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    display: block;
    padding: 2px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
}

.obr:hover {
  //  background-color: silver;
    background-color: #A9A9A9;
    cursor: pointer;
}

.obr a {
    text-decoration: none;
    color:#000000;
    line-height: 1.6em;
    font-size: 1.2em;
    padding-top: 5px;
}

.whr {
    background-color: #808080;
    height: 1px;
}


#wowslider-container1 .ws_images {
   margin-bottom: 14px;
}


.ws_images {
    display:table-cell;
}

#wowslider-container1 {
    display:table!important;
    margin-bottom: 82px!important;
}

.ws_thumbs{
    margin-top:14px;
    margin-bottom: 20px;
    position: absolute;
}

.poprawka_do_ws_thumbs {
    position: relative;
    top: 24px;
}

.login:hover {
    cursor: pointer;
}
.login, .koniec {
    padding-top: 15px;    
    display: block;
    font-size: 11px !important;
    color: #727171 !important;
}

.p_opis {
    display: none;
}

.pyt, .pyt1 {
   // text-transform: uppercase;
}

.pyt:hover {
    cursor: pointer;
    background-color: #e0e0e0;
}

.panel > a {
  // text-transform: uppercase;
  color: #333;
  text-decoration: none;    
  display: block;    
  background-color: #f5f5f5;    
}

.panel > a:hover {
  // text-transform: uppercase;
  color: #333;
  text-decoration: none;
  display: block;    
}



.p_opis > a {
    text-decoration: none;
    color: #000000;
   
}

.p_opis > a:hover {
    background-color: #c0c0c0;
   // border-bottom: 1px solid #c0c0c0;
}

.p_opis1 > a {
    text-decoration: none;
    color: #000000;
}


.panel-body1 {
    padding-left: 0px;
    padding-top:0px;
    padding-bottom:10px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    
}

.panel-default {
    font-size:16px;
}

.panel-default > .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.mlista {
    display: block;
    text-decoration: none;
    padding-left: 10px;
    // margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.lista > a {
    text-decoration: none;
    color: #000000;
}

.p_opis1 {
    display: none;
}

.p_opis1 > a:hover {
    background-color: #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}


.p_opis1 > a {
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}

.pyt1:hover {
    cursor: pointer;
    background-color: #e0e0e0;
}


.panel-heading1 {
    padding: 10px 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.kreska {
    font-size: 16px;
    padding-top: 7px;
    border-bottom: 1px solid #000000;
    margin-bottom: 16px;
}

.wobr1 {
   color:#000000;
   text-decoration: none;
}

.wobr1:hover {
    color:#000000;
}


.pasek_naglowek {
    background-color: #7b7b7b;;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    color:#FFFFFF;
    margin-bottom: 10px;
}

.optekst {
    font-size: 14px;
    min-height: 60px;
}

.xtresc {
    padding-left: 0px;
    border: 1px solid #c0c0c0;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
    margin-left:15px;
}

.prawo {
    text-align: right;
    // padding-right: 0px;
}


.dropdown-menu {
  min-width: 200px; 
}
     

@media screen and (max-width: 767px) {
    
    .logo {
      position: absolute;
      top: 5px;
      left: 3px;    
      z-index:100;    
    }
    
    .logo > img {
        width: 10%;
    //    animation-name: xlogo;
    //    animation-duration: 4s;
    //    animation-iteration-count: infinite;
    }
    
    @keyframes xlogo {
      0% {transform: rotateY(0deg);}
      100% {transform: rotateY(360deg);}
    }
    
    .dialogWS {
       width:93%;
    }

    
   .tlo1 {   
      background-attachment: scroll;    
      background-size: 100% 100%;
      //background-repeat: repeat-y;   
      // background-position: 10% 100%;   
    }    
    
     .affix {
      top: 0;
      width: 100%;
	  -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      z-index: 10;
    }
    
    .affix-top {
      position: static;
      top: -35px;
    }


    
    .navbar-inverse {
      background-color: #c0c0c0;
      border-color: #c0c0c0;    
    } 
    
    .navbar-nav .open .dropdown-menu {
       background-color: #ffffff;
    }
    
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
       color:#000000;
    }
    
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
       background-color:#c0c0c0;
       color: #000000;    
    }
    
    .nastepny:hover, .poprzeni:hover {
  color: #FFFFFF;
background-color: #286090;
  padding: 5px;
  border-radius: 3px;
}
    
 .flg {border: 1px solid #000000;float: right;}   

}



@media screen and (min-width: 767px) {

  .flg {border: 1px solid #000000;}

  .col-sm-3 {
  width: 24%;
  }
    
    .logo {
      position: absolute;
      top: 10px;
      left: 10px;    
      z-index:100;    
    }
    
    .logo > img {
        width: 44%;
        // width: 29%;
        //animation-name: xlogo;
        //animation-duration: 4s;
        //animation-iteration-count: infinite;
    }
    
    @keyframes xlogo {
      0% {transform: rotateY(0deg);}
      100% {transform: rotateY(360deg);}
    }

    
    .dialogWS {
       width:70%;
    }

    .dialogWS_60 {
       width:60%;
    }
    
    .pt20 {
        margin-top: 35px;
        margin-bottom: 40px;
    }
    
    .pt20a {
        margin-top:11px;
    }
    
    .tlo1 {   
      background-attachment: fixed;
      background-size: cover;    
    } 
    
  .affix {
      top: 0;
      width: 100%;
	  -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      z-index: 10;
}


  .affix-top {
      position: static;
      top: -35px;
  }



  .affix + .container-fluid {
      padding-top: 70px;
  }

  .affix + .container {
      padding-top: 70px;
  }  
    
 .navbar-inverse {
    background-color: #dbdbdb;
    // border-color: #c0c0c0;   
    border-left: 0px;
    border-right: 0px; 
    border-top: 1px solid #9B9898;
    border-bottom: 1px solid #c0c0c0; 
} 
    
    
 .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
 //  border-bottom: 4px solid #ff0000;
 }
    
.navbar-inverse .navbar-nav > li > a {
  //    border-bottom: 4px solid transparent;
}
    
.dropdown:hover > .dropdown-menu {
    display: block;
}
    
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    // color: #f00;
    background-color: #fff;
}    
    
    .dropdown-menu:hover .dropdown-toggle  {
      //  border-bottom: 4px solid #ff0000;
    }    
    
    .example-image-link img {
        width: auto;
        height: auto;    
    }
    
    
    .wobr img {
        width: 400px;
        height: 300px;    
    }
    
    .col-sm-4 {
       width:32%
    }

.obr > a > img {
  height:402px;
}

}


.material-icons {
    position: relative;
    top: 6px;
    color: #908f8f;
}

.smedia {
    display:block;
	padding-top:10px;
	padding-bottom:24px;
}

.social-icons {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    // background: #515769;
    background: #908f8f;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    padding: 11px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.social-icons:hover {
  color: #000000;
  background: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  text-decoration:none;
}

.n1 {
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 0px;
}

.n2 {
    border-top:1px solid #777777;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bialy {
    color:#FFFFFF;
}

.bialy1 {
    color:#FFFFFF;
    text-decoration: none;
}

.bialy1:hover {
    color:#FFFFFF;
    text-decoration: none;
}

.lzl {
    border-left: 1px solid #777777;
}

.mb15 {
    margin-bottom: 15px;
}


.xlog {
    display: table;
    margin-left: 10px;
    margin-top: 20px;
    width: 100%;
}

.glowka {
    background-color: #c0c0c0;
    border-radius: 5px 5px 0px 0px;
}

.stopka_ws {
    background-color: #c0c0c0;
    border-radius: 0px 0px 5px 5px;
}

#uwaga {
    color: #ff0000;
    font-weight: bold;
}

#xuwaga {
    color: #ff0000;
    font-weight: bold;
}

.koniec:hover {
    cursor:pointer;    
}


.panel-default > .panel-heading-nng {
    background-color: #0003FF;
    color:#FFFFFF;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-default > .panel-heading-nng:hover {
    cursor: default;
}

.mt20 {
    margin-top:20px;
}

a > .pyt > .material-icons {
    color:##808080;
}

a > .material-icons  {
    color:#FF0000;
}

a > .material-icons > .kosz_pelny {
    color:#199900 !important;
}

.rkosz1 {
  color:#FFFFFF!important;
  position: relative!important;
  top:0px!important;
}

.rkosz {
    color:#FFFFFF!important;
}

.kosz_pelny {
    color:#199900 !important;
}

.kolor1 {
    background-color: #e8e7e7;
}

.kolor2 {
    background-color: #ccc;
}

.xn {
    background-color: #24754f;
    color: #FFFFFF!important;
}

.bialy {
  color: #FFFFFF!important;
}

.dodkosz {
    position: relative;
    top: -4px;
    color: #FFFFFF !important;
}

.sd2, .sd1 {
  text-align: center;
}

.sd1a {
  padding-left: 5px;
}

.ukryj {
  display: none;
}