* { margin: 0; padding: 0; border: 0px solid red; }
html { background: #fdf55d url('../images/tlo.jpg') repeat-x top center; }
body { width: 930px; margin: 0 auto; line-height: 18px; font-size: 12px; font-family: Georgia, Tahoma; }
h1 { width: 317px; height: 50px; margin: 0 auto; margin-top: 28px; position: relative; z-index: 2; }
h1 img { display: block; }

/* Nawigacja */
ul#nawigacja { width: 819px; margin: 0 auto; margin-top: 5px; padding-left: 111px; height: 53px; background: url('../images/nawigacjaTlo.gif') no-repeat top center; position: relative; z-index: 2; }
ul#nawigacja li { float: left; list-style: none; display: inline; }
ul#nawigacja li a { display: inline; float: left; }
ul#nawigacja li a.menuStronaGlowna { width: 138px; height: 35px; margin-right: 16px; background: url('../images/menuStronaGlowna.gif') no-repeat; }
ul#nawigacja li a.menuStronaGlowna:hover { background: url('../images/menuStronaGlowna.gif') -139px 2px no-repeat; }
ul#nawigacja li a.menuONas { width: 82px; height: 35px; margin-right: 12px; background: url('../images/menuONas.gif') no-repeat; }
ul#nawigacja li a.menuONas:hover { background: url('../images/menuONas.gif') -83px 0px no-repeat; }
ul#nawigacja li a.menuOferta { width: 75px; height: 35px; margin-right: 18px; background: url('../images/menuOferta.gif') no-repeat; }
ul#nawigacja li a.menuOferta:hover { background: url('../images/menuOferta.gif') -73px 0px no-repeat; }
ul#nawigacja li a.menuCennik { width: 82px; height: 35px; margin-right: 10px; background: url('../images/menuCennik.gif') no-repeat; }
ul#nawigacja li a.menuCennik:hover { background: url('../images/menuCennik.gif') -81px 1px no-repeat; }
ul#nawigacja li a.menuRealizacje { width: 112px; height: 35px; margin-right: 18px; background: url('../images/menuRealizacje.gif') 0 1px no-repeat; }
ul#nawigacja li a.menuRealizacje:hover { background: url('../images/menuRealizacje.gif') -111px 1px no-repeat; }
ul#nawigacja li a.menuJakDzialamy { width: 135px; height: 35px; background: url('../images/menuJakDzialamy.gif') no-repeat; }
ul#nawigacja li a.menuJakDzialamy:hover { background: url('../images/menuJakDzialamy.gif') -134px 1px no-repeat; }
ul#nawigacja li a.menuKontakt { width: 90px; height: 35px; margin-left:14px; background: url('../images/menuKontakt.gif') no-repeat; }
ul#nawigacja li a.menuKontakt:hover { background: url('../images/menuKontakt.gif') -88px 0px no-repeat; }

/* Zawartosc */
div#zawartosc { width: 930px; margin: 0 auto; height: 423px; position: relative; }
div#zawartosc h2.wieleWspanialosci { width: 302px; height: 63px; display: block; background: url('../images/MuchosGrande.png') no-repeat; position: absolute; left: 0; top: 52px; float: left; z-index: 2; }
div#zawartosc h2.wieleWspanialosci:hover { background: url('../images/MuchosGrande.png') 0 -62px; }
div#zawartosc img.motto { margin-top: 155px; margin-left: 13px; float: left; position: relative; z-index: 2; }
div#zawartosc div.glownaTresc { float: right; width: 400px; position: relative; z-index: 2; margin: 28px 0 0 0; text-align: justify; }
div#zawartosc div.glownaTresc h3 { height: 20px; }
div#zawartosc div.glownaTresc p, div#zawartosc div.oNasTresc p, div#zawartosc div.ofertaTresc p { margin: 0 0 18px 0; clear: both; }
div#zawartosc div.glownaTresc p strong { font-size: 16px; }
div#zawartosc div.glownaTresc span.puste1 { width: 80px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste2 { width: 75px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste3 { width: 85px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste4 { width: 105px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste5 { width: 35px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste6 { width: 15px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste7 { width: 38px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste8 { width: 55px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste9 { width: 88px; float: left; height: 18px; }
div#zawartosc div.glownaTresc span.puste10 { width: 90px; float: left; height: 18px; }
div#zawartosc img.glownaFota { position: absolute; left: 241px; top: -18px; z-index: 1; }
div#zawartosc img.glownaFota2 { position: absolute; left: 480px; top: -114px; z-index: 1; }

div#zawartosc div.oNasTresc { width: 425px; float: right; text-align: justify; margin-top: 24px; }
div#zawartosc div.oNasTresc strong { font-size: 15px; }
div#zawartosc strong.braz { color: #ba6900; }
div#zawartosc strong.zielen { color: #8ba438; }
div#zawartosc strong.czerwien { color: #ff2f17; }

div#zawartosc div.ofertaTresc { width: 540px; padding: 24px 0 0 0; }
div#zawartosc div.ofertaTresc ul { float: left; width: 180px; margin: 0 0 18px 0; }
div#zawartosc div.ofertaTresc ul li { width: 142px; background: url('../images/bullet.gif') no-repeat; padding: 0 0 0 28px; list-style: none; }
div#zawartosc img.ofertaFota { position: absolute; right: 0; bottom: 0; }

div#zawartosc div.kontaktTresc { width: 870px;  }

div#zawartosc div.kontaktTresc div.kontaktLewa { width: 439px; float:left; padding-left:11px; padding-top:34px;  }
div#zawartosc div.kontaktTresc div.kontaktPrawa { width: 420px; float:left; padding-top:27px;  }
div#zawartosc div.kontaktTresc div.kontaktLewabut { background: url('../images/kontaktbut.gif');width:157px;padding-left:15px;height:32px;padding-top:11px;font-size:16px;font-weight:bold;}
div#zawartosc div.kontaktTresc div.kontaktPrawabut { background: url('../images/kontaktbut2.gif');width:211px;padding-left:34px;height:36px;padding-top:16px;font-size:16px;font-weight:bold;}
div#zawartosc div.kontaktTresc div.kontaktForm { font-weight:bold; padding-top:6px; }
div#zawartosc div.kontaktTresc div.kontaktPrawaopis { font-weight:bold; font-size:14px; padding-top:6px; padding-left:30px; line-height:28px; }
div#zawartosc div.kontaktTresc div.kontaktPrawaopis b { font-weight:bold; font-size:12px; color:#bf6500;}


input.inp {margin:0;background:white;border:1px solid #f7cf00;font-size: 12px; font-family: Georgia, Tahoma;color:#282828;padding:3px;width:215px;margin-top:1px;margin-bottom:1px;}
textarea {margin:0;background:white;border:1px solid #f7cf00;font-size: 12px; font-family: Georgia, Tahoma;color:#282828;padding:3px;width:280px;margin-top:3px;margin-bottom:7px;height:110px;}
input.sbm {margin:0;background:none;border:0;font-size: 12px; font-family: Georgia, Tahoma;color:#000;margin-left:240px;font-weight:bold;}


div#zawartosc div.cennikTresc { float: left; width: 570px; position: relative; z-index: 2; }
div#zawartosc div.cennikTresc table { margin-top: 20px; width: 570px; background: url('../images/naglowekTabela.gif') no-repeat; padding-left: 22px; font-family: Georgia, Tahoma; font-size: 12px; }
div#zawartosc div.cennikTresc table th { height: 58px; text-align: left; }
div#zawartosc div.cennikTresc table th.naglowekProdukt { width: 130px; }
div#zawartosc div.cennikTresc table th.naglowekCenaNetto { width: 74px; padding-left: 0px; }
div#zawartosc div.cennikTresc table th.naglowekCzas { width: 90px; padding-left: 20px; padding-right: 20px; }
div#zawartosc div.cennikTresc table th.nagloweKomentarz { width: 172px; padding-left: 20px; }
div#zawartosc div.cennikTresc table td.produkt { color: #8ba438; font-weight: bold; }
div#zawartosc div.cennikTresc table td.cena, div#zawartosc div.cennikTresc table td.czas { text-align: center; }
div#zawartosc div.cennikTresc table td { border-bottom: 1px solid #ffd700; padding-top: 10px; padding-bottom: 13px; }
div#zawartosc div.cennikTresc table td a { color: #ba6900; }
div#zawartosc div.cennikTresc div.stronicowanie { color: #ba6900; margin-left: 20px; margin-top: 15px; }
div#zawartosc div.cennikTresc div.stronicowanie span { margin-right: 22px; }
div#zawartosc div.cennikTresc div.stronicowanie a { color: #ba6900; text-decoration: none; }
div#zawartosc div.cennikTresc div.stronicowanie a:hover { text-decoration: underline; }
div#zawartosc img.cennikFota { position: absolute; bottom: -7px; right: 0; }

div#zawartosc div.realizacjeTresc { width: 857px; height: 392px; padding-left: 25px; padding-top: 51px; margin: 0 auto; background: url('../images/realizacjeFota.jpg') no-repeat; position: relative;z-index: 2; }
div#zawartosc div.realizacjeTresc div.opis { width: 205px; position: absolute; color: #7b7b7b; font-size: 10px; position: absolute; bottom: 170px; right: 70px; text-align: justify; line-height: 12px; }
div#zawartosc div.realizacjeTresc div.opis h2 { font-size: 11px; margin-bottom: 4px; }
div#zawartosc div.realizacjeTresc img.glowa { width: 102px; position: absolute; left: 50%; margin-left: -51px; top: -8px; z-index: 3; }
div#zawartosc div.realizacjeTresc a.lewo { position: absolute; bottom: 100px; left: -20px; }
div#zawartosc div.realizacjeTresc a.prawo { position: absolute; bottom: 100px; right: -15px; }

div#zawartosc div.jakDzialamyTresc { width: 700px; height: 265px; background: url('../images/kroki.gif') no-repeat; margin: 0 auto; padding-top: 20px; }
div#zawartosc div.jakDzialamyTresc h2 { font-size: 12px; }
div#zawartosc div.jakDzialamyTresc h2 small { display: block; font-size: 10px; }
div#zawartosc div.jakDzialamyTresc li { list-style: none; cursor: pointer; }
div#zawartosc div.jakDzialamyTresc li#etap1 { position: absolute; top: 15px; left: 120px; padding-top: 55px; }
div#zawartosc div.jakDzialamyTresc li#etap1:hover div.hover { display: block; }
div#zawartosc div.jakDzialamyTresc li#etap1 div.hover { position: absolute; top: 21px; left: 35px; }
div#zawartosc div.jakDzialamyTresc li#etap2 { position: absolute; top: 35px; left: 390px; padding-top: 55px; }
div#zawartosc div.jakDzialamyTresc li#etap2:hover div.hover { display: block; }
div#zawartosc div.jakDzialamyTresc li#etap2 div.hover { position: absolute; top: 21px; left: 35px; }
div#zawartosc div.jakDzialamyTresc li#etap3 { position: absolute; top: 30px; left: 680px; padding-top: 55px; }
div#zawartosc div.jakDzialamyTresc li#etap3:hover div.hover { display: block; }
div#zawartosc div.jakDzialamyTresc li#etap3 div.hover { position: absolute; top: 18px; right: 55px; }
div#zawartosc div.jakDzialamyTresc li#etap4 { position: absolute; top: 195px; left: 675px; padding-top: 55px; }
div#zawartosc div.jakDzialamyTresc li#etap4:hover div.hover { display: block; }
div#zawartosc div.jakDzialamyTresc li#etap4 div.hover { position: absolute; top: 18px; right: 65px; }
div#zawartosc div.jakDzialamyTresc li#etap5 { position: absolute; top: 215px; left: 400px; padding-top: 55px; }
div#zawartosc div.jakDzialamyTresc li#etap5:hover div.hover { display: block; }
div#zawartosc div.jakDzialamyTresc li#etap5 div.hover { position: absolute; top: 18px; right: 95px; }
div#zawartosc div.jakDzialamyTresc div.hover, div#zawartosc div.jakDzialamyTresc div.prawa { width: 218px; height: 138px; background: url('../images/kartka.gif') no-repeat; position: absolute; z-index: 3; display: none; padding: 30px; text-align: justify; font-size: 12px; }
div#zawartosc div.jakDzialamyTresc div.prawa { background: url('../images/kartka2.gif') no-repeat; }
div#zawartosc img.jakDzialamyFota { position: absolute; left: 82px; bottom: 20px; }


div#marki {clear:both;margin-top:-30px;}
div#marki img.markifota {margin:0;}
div#marki img {margin:6px;}

div.poz {margin-top:-32px;position:relative;z-index:2;margin-left:-45px;margin-right:-15px;}
img.lw {float:left;}
img.pw {float:right;}

/* Stopka */
div#stopka { width: 930px; margin: 0 auto; font-size: 11px; color: #998b10; position: relative; z-index: 2; }
div#stopka a:hover { text-decoration: underline; }
div#stopka p { float: left; margin-left: 0px; display: inline; }
div#stopka p strong { display: block; }
div#stopka p a { text-decoration: none; color: #ff0000; }
div#stopka ul { float: right; display: inline; margin-right: 0px; margin-top:0; }
div#stopka ul li { display: inline; margin-right: 5px; }
div#stopka ul li a { text-decoration: none; color: #998b10; margin-right: 5px; }

div.kontaktTresc a:link, div.kontaktTresc a:visited {color:#000;font-weight:bold;text-decoration:none;}
div.kontaktTresc a:hover {color:#000;text-decoration:underline;}


.error {
	width:300px;
	text-align:center;
	padding:5px;
	background:#FFF107;
	color:black;
	border:2px solid #F7C700;
	margin-left:10px;
	margin-bottom:3px;
	margin-top:-8px;	
	font-size:11px;
}


/* cookies */
#cookies-info {
   width: 100%;
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: 9999;
   filter: none;
   box-shadow: 0 0 41px #cecece;
   background: #f0f0f0; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#cookies-info div.wrap {
   width: 980px;
   margin: 0 auto;
   height: 100%;
   position: relative;
}
#cookies-info img, #cookies-info div.wrap div {
   display: inline-block;
   *display: inline; zoom: 1;
   vertical-align: middle;
   line-height: 16px;
   position: relative;
}
#cookies-info img {
   width: 142px;
   margin: 0 0 0 25px;
   display: none;
}
#cookies-info div.wrap div {
   border: 0;
   margin: 10px 0;
   padding: 0 48px 0 0px;
   color: #000000;
   font-size: 11px;
   text-align: justify;
   width: 932px;
}
#cookies-info h2 {
   color: #6e6e6e;
   font-size: 18px;
   margin: 7px 0;
   padding: 0;
   text-transform: uppercase;
   background: none;
   border: none;
}
#cookies-info a {
   color: #000000;
   text-decoration: underline;
}
#cookies-info a:hover {
   text-decoration: none;
}
#cookies-info .close {
   display: block;
   width: 21px;
   height: 20px;
   background: url(../images/cookies-close.png) no-repeat 0 0;
   position: absolute;
   top: 13px;
   right: 13px;
   cursor: pointer;
}

@media only screen and (max-width: 980px) {
   #cookies-info div.wrap {
      width: auto;
      height: auto;
   }
   #cookies-info div.wrap div {
      font-size: 0.9em;
      line-height: 1.1em;
      width: auto;
   }
}