* {
 padding:0;
 margin:0 auto;
 font-family: "Times New Roman";
 font-size:14px;
 color: #000000;
}

html {width:100%;height:100%}

BODY {
 background: #ffffff;
	font-family: "Times New Roman";
}

#blok1 {
 margin:0 auto;
 width: 100%;
 height: 124px;
 background: #e9e9e9 url("../img/cegielki.jpg") top center;
}

#blok1_tresc {
 margin:0 auto;
 width: 1200px;
 height: 124px;
 background: #e9e9e9 url("../img/tlo.png") top center no-repeat;
}

#blok1a
 {
  width: 600px;
  float: left;
  height: 124px;
 }

#blok1b
 {
  width: 600px;
  float: left;
  text-align: right;
  height: 94px;
  padding-top: 30;
 }

#blok2 {
 margin:0 auto;
 width: 100%;
 background: #5A9800 url("../img/1.jpg") top left;
 clear: both;
}

#blok2_tresc {
 margin:0 auto;
 width: 1200px;
 background: #5A9800 url("../img/1.jpg") top left;
}

#blok3 {
 margin:0 auto;
 width: 100%;
 background: #E5E5E5;
}

#blok4 {
 margin:0 auto;
 width: 100%;
 background: #FA4820;
 padding: 3;
}

#blok5 {
 margin:0 auto;
 width: 100%;
// min-height: 1px;
 padding-bottom: 10;
 background: url("../img/tlo2.jpg") top center;
}

#blok5_tresc {
 margin:0 auto;
 width: 1200px;
 text-align: left;
// min-height: 1px;
}

#blok6 {
 margin:0 auto;
 width: 100%;
 padding: 5 0 5 0;
 background: #676767 url("../img/tlo_tynk.jpg") top center;
 clear: both;
}

#blok7 {
 margin:0 auto;
 width: 100%;
 min-height: 100px;
 background: #000000;
}

#blok7_tresc {
 margin:0 auto;
 width: 1200px;
}

#blok8 {
 margin:0 auto;
 width: 100%;
 background: #2F9AB2;
}

#start-left, #start-right {
 width: 50%;
 float: left;
}

.galeria, .galeria_nowa {
 float: left;
 margin-right: 10px;
 width: 160px;
}

.galeria_nowa {
 clear: both;
}

.galeria_podpis {
 text-align: center;
 font-size: 12px;
 margin-bottom: 10;
}

A.przycisk, A.przycisk:LINK, A.przycisk:ACTIVE, A.przycisk:VISITED {
  color: #ffffff;
  font-size: 20px;
  background: #ff0000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 30 0 30 0;
  margin-bottom: 100;
  clear: both;
}

A.przycisk:HOVER {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  clear: both;
}

.srodek {
 width: 970px;
 margin: 0 auto;
 min-height: 310px;
}

.tabela {
 float: left;
 margin-right: 20px;
}

A.tabela_podpis, A.tabela_podpis:LINK, A.tabela_podpis:ACTIVE, A.tabela_podpis:VISITED, A.tabela_podpis:HOVER {
  width: 260px;
  height: 50px;
  color: #ffffff;
  font-size: 20px;
  background: #ff0000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  display: block;
  text-align: center;
 	font-family: 'font', arial;
}

.galeria_ramka {
 padding: 5px;
 border: solid 1px #000000;
}

.galeria_ramka2 {
 padding: 5px;
 border: solid 1px #EFEFEF;
}

a:hover img.galeria_ramka {
 border: solid 1px #000000;
 -moz-box-shadow: 1px 1px 5px #000000;
 -webkit-box-shadow: 1px 1px 5px #000000;
 box-shadow: 1px 1px 5px #000000;
}

a:hover img.galeria_ramka2 {
 border: solid 1px #CCC;
 -moz-box-shadow: 1px 1px 5px #999;
 -webkit-box-shadow: 1px 1px 5px #999;
 box-shadow: 1px 1px 5px #999;
}

/* NAPISY -------------------------------------------*/

.napis_banner1 {
 font-family: "Times New Roman";
 font-size: 36px;
 font-weight: normal;
 color: #ffffff;
 text-align: center;
 line-height: 42px;
 text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}

.napis_banner2 {
 font-family: "Times New Roman";
 font-size: 48px;
 font-weight: normal;
 color: #ffffff;
 text-align: center;
 line-height: 42px;
 text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}

.naglowek {
 font-size: 48px;
 font-weight: normal;
 color: #000000;
 padding: 10 0 10 0;
 text-align: center;
}

.n1a {
 font-size: 42px;
 font-weight: normal;
 color: #2F9CB2;
}

.n1aa, .n1b {
 font-size: 28px;
 font-weight: normal;
 color: #000000;
}

.n1c {
 font-size: 18px;
 font-weight: normal;
 color: #000000;
}

.n1d, .n1em .n1f {
 font-family: "Times New Roman";
 font-size: 22px;
 font-weight: normal;
 color: #000000;
}

.n1e {
 font-size: 28px;
 color: #000000;
}

.n1f {
 font-size: 28px;
 color: red;
}

.n4a {
 font-size: 36px;
 font-weight: normal;
 color: #ffffff;
}

.n4b {
 font-size: 28px;
 font-weight: normal;
 color: #ffffff;
}

.n6 {
 font-family: "Times New Roman";
 font-size: 36px;
 font-weight: normal;
 color: #cccccc;
}

.n7a {
 font-size: 26px;
 font-weight: normal;
 color: #ffffff;
 padding-left: 50px;
}

.n7b {
 font-size: 36px;
 font-weight: normal;
 color: #ffffff;
 padding-left: 50px;
}

.n7c {
 font-size: 48px;
 font-weight: normal;
 color: #FA4920;
}

.n7d, .n7e {
 font-size: 28px;
 font-weight: normal;
 color: #ffffff;
 padding-right: 85px;
}

.n7e {
 padding-right: 55px;
}

.n7f {
 font-size: 42px;
 font-weight: normal;
 color: #ffffff;
 padding-right: 20px;
}

.n7g {
 font-size: 18px;
 font-weight: normal;
 color: #ffffff;
 padding-left: 200px;
}

/* LINKI -------------------------------------------*/

A, A:HOVER, A:LINK, A:VISITED {
        color: #ff0000;
        font-size: 18px;
        text-decoration: none;
}

/* KONTAKT -------------------------------------------*/

#kontakt-form {
  margin: 0 auto;
  padding:5;
  width:350px;
 }

#kontakt-form input,
#kontakt-form textarea {
  font-family: 'RudaRegular';
  font-size:100%;
  line-height:1.25em;
  padding:20px 2%;
  margin:5px 0;
  color:#666;
  width:100%;
  border:1px solid #fff;
  background:#eee;
  vertical-align:middle;
}

#kontakt-form input:hover,
#kontakt-form input:focus,
#kontakt-form textarea:hover,
#kontakt-form textarea:focus {
  color:#222;
}

#kontakt-form textarea {
  margin-bottom:30px;
  overflow:auto;
}

#kontakt-form #submit {
  font-family:'SansitaOneRegular', Georgia, serif;
  font-size:150%;
  background:#eee;
  width:100%;
  text-align:center;
  padding:20px;
  color:#666;
}

#kontakt-form #submit:hover {
  background:#BF1424;
  color:#fff;
  border:1px solid #5ae274;
}

/* MENU -------------------------------------------*/

#menu_rwd {display: none; visibility: hidden}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
//  border-radius: 5px 5px 0 0;
//  -moz-border-radius: 5px 5px 0 0;
//  -webkit-border-radius: 5px 5px 0 0;
//  background: #00ADAD url("../img/1.jpg");
//  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
//  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
//  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
//  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
//  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
//  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
//  border-bottom: 2px solid #0fa1e0;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
//  background: #00ADAD url("../img/2.jpg");
//  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
//  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
//  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
//  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
//  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
//  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  color: #ffffff;
  display: block;
  padding: 28px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  font-size: 24px;
}

#cssmenu > ul > li > a:hover {
  color: #ffffff;
  font-size: 24px;
  background: #ff0202;
}

#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
// box-shadow: inset 0 0 3px #000000;
//  -moz-box-shadow: inset 0 0 3px #000000;
//  -webkit-box-shadow: inset 0 0 3px #000000;
//  background: #070707;
//  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
//  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
//  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
//  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
//  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
//  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #666666;
//  border-bottom: 1px dotted #31b7f1;
  width: 200px;
  font-size: 18px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #ff0000;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #666666;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}

/* STOPKA -------------------------------------------*/

#stopka1
 {
  width: 33%;
  float: left;
  text-align: left;
  background: #000000;
  color: #ffffff;
 }

#stopka2
 {
  width: 34%;
  float: left;
  text-align: left;
  background: #000000;
  color: #ffffff;
 }

#stopka3
 {
  width: 33%;
  float: left;
  text-align: left;
  background: #000000;
  color: #ffffff;
 }

 /* MENU RWD -------------------------------------------*/

.header a {
	background-image: url("../img/rwd_przycisk_menu.gif");
	display: block;
	width: 40px;
	height: 40px;
 top: -130;
 left: -160;
}

/* RWD - tablet -------------------------------------------*/

@media (max-width: 768px) {
 #blok1, #blok1a, #blok1b, #blok2, #blok3, #blok4, #blok5, #blok6, #blok7, #stopka1, #stopka2, #stopka3, #start-left, #start-right, #cookies, #mapka, .srodek {width: 100%}
 #blok1_tresc, #blok2_tresc, #blok3_tresc, #blok4_tresc, #blok5_tresc, #blok6_tresc, #blok7_tresc {width: 100%}

.header a {
 top: -115;
 left: -380;
}

 .logo {width: 100}

 .n1a, .n1aa, .n1b {padding-left: 0; font-size: 23px}
  .n1c {padding-left: 0; font-size: 17px}

   .n1d, .n1e {
    font-size: 20px;
   }

   .n4a {
   font-size: 30px;
  }

  .n4b {
   font-size: 25px;
  }

 #blok1aa {
  width: 10%;
  height: 20;
  float: left;
 }

 #blok1a {
  width: 45%;
  height: 110;
  float: left;
  padding: 0;
 }

 #blok1b {
  width: 45%;
  height: 110;
  float: left;
  padding: 0;
  text-align: center;
 }

 #blok2, #blok2_tresc {width: 0; height: 0}

  #blok5 {
   min-height: 920px;
  }

  #blok6, #blok6_tresc {
   clear: both;
  }

 #stopka1, #stopka2, #stopka3 {
  padding: 20 0 0 -20;
  clear: both;
  text-align: center;
  background-position: left;
 }

 #cssmenu {width: 0; height: 0; display: none; visibility: hidden}
 #menu_rwd {display: block; visibility: visible}
 #kontakt-form {width: 95%}
}

/* RWD SMARTFON -------------------------------------------*/

@media (max-width: 375px) {
 #blok1, #blok1a, #blok1b, #blok2, #blok3, #blok4, #blok5, #blok6, #blok7, #stopka1, #stopka2, #stopka3, #start-left, #start-right, #cookies, #mapka, .srodek {width: 100%}
 #blok1_tresc, #blok2_tresc, #blok3_tresc, #blok4_tresc, #blok5_tresc, #blok6_tresc, #blok7_tresc {width: 100%}

#blok1 {
 height: 51px;
}

#blok1_tresc {
 height: 51px;
 background: #e9e9e9 url("../img/cegielki_rwd.jpg") top center no-repeat;
}

#blok1a
 {
  width: 100px;
  height: 51px;
  float: left;
 }

#blok1b
 {
  width: 250px;
  float: left;
  text-align: right;
  height: 51px;
 }

#blok6_tresc
 {
  height: 220px;
 }

 .rwd_ikona {width: 15px}

 .rwd {width: 100%}

.n1f {
 font-size: 20px;
}

.header a {
 top: -50;
 left: -125;
 z-index: 1000;
}

.srodek {
 min-height: 800px;
}

#start-left, #start-right {clear: both}
 #cssmenu {width: 0; height: 0; display: none; visibility: hidden}
 #menu_rwd {display: block; visibility: visible}
 #kontakt-form {width: 95%}
}