html, body {

height: 100%;
width: 100%;
      
}

body {
      background: url(../images/tlo.jpg) repeat-x top #363638;
      font-family:'Arial';
      font-size:14px;
      margin:0;
      padding:0;
      color: #606060;
}

p {
      margin: 0;
}


a {
      text-decoration:none;
      color:#191919;
      
}

a:hover {
      color: #000;
      text-decoration: underline;
}

a img {
      border:none;
}



.clr {
      clear:both;
}

.szer {
      width: 1010px;
      margin: 0 auto;

  
}

#calosc {
      height: 100%;
}


#strona {
background: none #fff;
}

#strona_in {
      padding: 20px;
}

#logo p {
      margin: 0;
}



#menu_gora {
margin-top: 15px;
}

#menu_gora ul,
#menu_gora ul li {
      margin: 0;
      padding: 0;
      list-style: none;
}

#responsiveMenu101.responsiveMenuTheme1.isDesktop > li {
      display: inline-table;
      background: url(../images/menu-tlo-li-h.png) no-repeat center top transparent;
      padding-top: 17px;
      width: 230px;
      margin-right: 10px;
}
#menu2 .modtyt,
#menu_gora ul li a,
#kol_p .modtyt{
      background: url(../images/menu-tlo.png) repeat-x transparent;
      padding: 10px 0;
      display:block;

      color: #363638;
      text-align: center;
      font-size: 18px;
      border: 2px solid #9A9A9A;
      border-radius: 5px;
      text-decoration: none;
      
      
     
}
#menu_gora ul li:last-of-type  {
margin-right: 0px;
}

#menu_gora ul li:hover,
#menu_gora ul li.current {
      background: url(../images/menu-tlo-li.png) no-repeat center top transparent;
}

#menu_gora ul li a:hover,
#menu_gora ul li.current a {
      background: url(../images/menu-tlo-h.png) repeat-x transparent;
      color: #fff;
}

#slider  {
      background: none #fff;
      margin-top: 44px;
      margin-bottom: 40px;
      border-bottom: 6px solid #838383;
}

#kol_p {
      float: right;
      width: 330px;
      
      font-size: 12px;
}
#kol_p .modtyt {
      margin-bottom: 10px;
}


#kol_p,
#tresc {
      margin: 15px 0;
}

#srodek {

      
}

#srodek .moduletable {

}

#srodek .moduletable .modtyt {

}

#srodek .moduletable .pommod_in {

}

#srodek ul,
#srodek ul li {
 
}

#srodek ul li {

}


#tresc img {
      border: 2px solid #9A9A9A !important;
      margin:7px !important;
      border-radius: 5px;
}

#moduly {
      margin-bottom: 20px;
}

#moduly .moduletable,
#moduly .moduletable-bg{



      
}

.margines {
      margin-right: 340px;
}

#moduly .moduletable-bg {
    
      background: url(../images/moduly-tlo.jpg) repeat-x top #838383;
      min-height: 246px;
      color: #fff;
      border-radius: 8px;
      font-size: 16px;
      float: left;
}

.moduletable-bg h1 {
      border-bottom: 1px solid #BABABA;
      font-size: 28px;
      padding-bottom: 6px;
      font-family:'Arial';
      letter-spacing: -1px;
}

#moduly .moduletable-bg .pommod_in {
      padding: 10px;
}

#moduly .moduletable:last-of-type {
      margin: 0;
}

#menu2 {
      float: right;
      width: 330px;
}

#kol_p ul.menu,
#kol_p ul.menu li,
#menu2 ul.menu ,
#menu2 ul.menu  li {
      margin: 0;
padding: 0;
list-style: none;

}

#kol_p ul.menu li,
#menu2 ul.menu li {
      
      background: url(../images/menu-tlo-h.png) repeat-x transparent;
      border-radius: 5px;
      margin-bottom: 10px;
      
}

#kol_p ul.menu li:hover,
#menu2 ul.menu  li:hover {
      background: none #BABABA;
      
}
#kol_p ul.menu li a,
#menu2 ul.menu  li a {
      padding: 10px 0;
      display:block;
      color: #fff;
      text-align: center;
      font-size: 16px;
      border-radius: 5px;
}
#kol_p ul li a,
#menu2 ul li a {
      color: #191919;
}

.contact-name {
      display: block;
}

.art-tyt,
span.contact-name{
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
}

.item-separator {
      height: 20px;
      display: block;
}

#bottom1 {
      overflow: auto;
      margin-top: 20px;
      
}

#bottom1 .moduletable {}

#bottom1 .moduletable .pommod_d {
      background: url(../images/mod-bott-cien.png) no-repeat  bottom transparent;
      float: left;
      padding-bottom: 35px;
      padding-left: 10px;
}

#bottom1 .moduletable .pommod_g{
      background: url(../images/mod-bott-tlo.jpg) repeat-x bottom #fff;
      border: 2px solid #838383;
      border-radius: 5px;
      min-height: 405px;
      width: 300px;
      
      margin-right: 10px;
      
      font-size: 12px;
      color: #000;
}

#bottom1 .moduletable:last-of-type .pommod_g {
      margin-right: 0;
}


#bottom1 .moduletable h1 {
      color: #000;
      font-weight:900;
      letter-spacing: -1px;
      font-size: 24px;
}


#bottom1 .moduletable .pommod_in {
      padding: 30px 20px;
}

#bottom1 .modtyt {
  color: #000;
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 24px;      
}

#stopka {
      font-size: 10px;

      border-top: 6px solid #838383;
      padding-top: 25px;
}

#stopka ul.menu {
      text-align: center;
}

#stopka ul.menu,
#stopka ul.menu li {
      margin: 0;
      padding: 0;
      list-style: none;
}

#stopka ul.menu li  {
      display: inline-block;
}

#stopka ul.menu li a {
      color: #000;
      font-size: 16px;
      text-transform: lowercase;
      padding: 4px 10px;
      border-right: 2px solid #838383;
}

#stopka ul.menu li:last-of-type a {
      border: 0;
}

#stopka_in .moduletable {

}


#srodek  .pagination  {
      text-align: center;
}

#srodek .pagination ul,
#srodek  .pagination ul li {
      margin: 0;
      padding: 0;
      list-style: none;
      background: none;
}

#srodek  .pagination ul li {
      display: inline-table;
}

#srodek  .pagination ul li .pagenav {
          background: none #626262;
    color: #fff;
    padding: 5px;
    display: table;
    margin: 6px 0;
    margin-right: 1px;
}

#srodek  .pagination ul li span.pagenav,
#srodek  .pagination ul li a.pagenav:hover {
      background: none #000;
}

#phocagallery {
      display: table;
}

fieldset {
      border: 0;
}

.readmore a {
    background: none #626262;
    color: #fff;
    padding: 5px;
    display: table;
    margin: 6px 0;
}

.readmore a:hover {
    background: none #000;
      color: #fff;
}


.responsiveMenuTheme1 {
      background: transparent;
}

.responsiveMenuTheme1 span.linker {
      padding: 0;
}

#responsiveMenu101.responsiveMenuTheme1.isDesktop > li {

}

#top2,
#top1  {
      float: right;
}

#top2 {
      margin-right: 15px;
}



@media all and (max-width: 1000px) {
      
      .szer {
            width: 850px;
      }
      
      #responsiveMenu101.responsiveMenuTheme1.isDesktop > li {
            width: 190px !important;
      }
      
      #bottom1 .moduletable {
            display: none;
      }
      
      #bottom1 .moduletable.onmobile {
            display: block;
            margin: 0 auto;
            width: 90%;            
      }
      
      #bottom1 .moduletable.onmobile .pommod_g       { 
            width: auto;
            min-height: inherit;
      }
      #bottom1 .moduletable.onmobile button,
      #bottom1 .moduletable.onmobile input[type="email"],
      #bottom1 .moduletable.onmobile input[type="text"] {
            padding: 8px;
            
      
      #contact-form textarea,
      #contact-form input[type="email" ] ,
      #contact-form input[type="text" ] {
            width: 80%;
      }      
      
}


@media all and (max-width: 915px) {
      
      .szer {
            width: 780px;
      }
      
      #responsiveMenu101.responsiveMenuTheme1.isDesktop > li {
            width: 175px !important;
      }
      
      
      #kol_p,
      #menu2 {
            width: 235px;
            
      }
      
      #tresc,
      .margines {
            margin-right: 250px !important;
      }
      
}


@media all and (max-width: 780px) {
      
      .szer {
            width: 580px;
      }
      
      #responsiveMenu101.responsiveMenuTheme1.isDesktop > li {
            width: 125px !important;
      }
      
      #kol_p,
      #menu2 {
            width: 235px;
            
            
      }
      
      #tresc,
      .margines {
            margin-right: 250px !important;
      }
      
      #logo img {
            width: 247px;
            float: none !important;
      }
      
      #logo {
            text-align: center !important;
      }
      
      #top1,
      #top2 {
            text-align: center;
            clear: both;
            float: none;
      }
      
      #top1 h1,
      #top2 h1 {
            text-align: inherit !important;
      }
      
}

@media all and (max-width: 600px) {
      
      .szer {
            width: 80%;
      }
      
      #responsiveMenu101.responsiveMenuTheme1.isDesktop > li {
            width: 125px !important;
      }
      
      
      #kol_p,
      #menu2 {
            display:none;
            
      }
      
      #tresc,
      .margines {
            margin-right:0 !important;
      }
      
      #logo img {
            width: 160px;
      }
      
      
      #logo h1 {
            font-size: 22px;
      }
      
      #stopka ul.menu {
            display: none;
      }
      
      #tresc .item-page img {
            width: 85%;
            height: auto;
            float: none !important;
            clear: both;
      }
      

      
}

@media all and (max-width: 550px) {
      

      
      
}


.toggleMenu {
      background: #181818;
      color: #fff !important;
      text-decoration: none !important; 
      padding: 0;
      width: 100%;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
}