html, body { height: 100%; }

.c { text-align: center; }
.cb { clear: both;}


/*
@font-face { font-family: "MyriadPro"; src: url(/font/MyriadPro-Regular.otf) format('opentype'); }
@font-face { font-family: "Myriad Pro Semibold"; src: url(/font/MyriadPro-Semibold.otf) format('opentype'); }
*/

body { position: relative; width: 100%; height: 100%; min-height: 100%; background: #fff; color: #8b8b8b; font: 300 14px/20px 'Roboto', sans-serif; }

a { color: inherit; text-decoration: none; }
	a:hover { color: #66c2cd;  }

a.box { display: block; float: left; width: 231px; min-height: 334px; margin: 0 27px 54px 27px; background: #dcddd4; position: relative; padding: 20px 20px 0 20px; cursor: pointer; text-decoration: none; color: inherit; }
	a.box h2 { font-size: 20px; font-weight: 300; border: solid #919191; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 13px 0; }
	a.box div { position: absolute; bottom: 0; left: 0; width: 271px; height: 203px; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	a.box div img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	a.box:hover div img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }


a.box1 { display: block; width: 231px; height: 344px; margin: 0 auto; position: relative; padding: 10px 20px 0 20px; cursor: pointer; text-decoration: none; text-align:  left; font-size: 12px; line-height: 16px; }
	a.box1 div { position: absolute; bottom: 0; left: 0; width: 271px; height: 203px; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	a.box1 div img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	a.box1:hover div img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

a.box1a { background: #dcddd4; color: inherit; }
	a.box1a h2 { font-weight: 300; border: solid #919191; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 7px 0; color: #303030; font-size: 30px; line-height: 33px; }

a.box1b { background: #66c2cd; color: #fff; }
	a.box1b h2 { font-weight: 300; border: solid #fff; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 7px 0; color: #fff; font-size: 30px; line-height: 33px; }

a.box1c { background: #127a87; color: #fff; }
	a.box1c h2 { font-weight: 300; border: solid #fff; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 7px 0; color: #fff; font-size: 30px; line-height: 33px; }



a.mapa { font-size: 11px; color: inherit; text-decoration: none; }
	a.mapa:hover { color: #66c2cd; }


div.box { float: left; width: 231px; min-height: 334px; margin: 0 27px 54px 27px; background: #dcddd4; position: relative; padding: 20px 20px 0 20px; }
	div.box img { position: absolute; bottom: 0; left: 0; }
	div.box h2 { font-size: 20px; font-weight: 300; border: solid #919191; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 13px 0; }




div.calosc { width: 980px; padding: 30px 0;  }

div.cont { position: relative; min-height: 100%; }

div.div1 { width: 980px; position: absolute; top: -151px; left: 0px; z-index: 3; }
div.div2 { width: 980px; height: 100%;  }
div.div3 { background: url(/img/bg2.png) repeat-y left; }


div.footer { width: 980px; height: 100%; margin: 0 auto; position: relative; z-index: 7; }

div.footer-pisolve { position: absolute; bottom: 10px; left: 80px; font-size: 12px; line-height: 16px; color: #fff; z-index: 10000; text-align: left;}
	div.footer-pisolve div { font-size: 0.85em; }
		div.footer-pisolve div a:hover { text-decoration: underline; color: #fff; }


div.galeria-box { float: left; width: 271px; margin: 0 27px 54px 27px; position: relative; }
	div.galeria-box a { display: block; width: 271px; height: 203px; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	div.galeria-box a img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	div.galeria-box a:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }







div.header { width: 980px; height: 109px; position: relative; margin: 0 auto; }

div.kreska1 { clear: both; border: solid #dcddd4; border-width: 0 0 1px 0; width: 926px; margin: 0 auto; }


div.lewa { display: table-cell; width: 598px; padding: 30px 69px 30px 27px; }

div.lewa1 { display: table-cell; width: 220px; padding: 20px 17px 30px 51px; }
	div.lewa1 h2 { font-size: 20px; font-weight: 300; border: solid #919191; border-width: 0 0 1px 0; padding: 0 0 10px 0; margin: 0 0 13px 0; }
	div.lewa1 a { color: inherit; text-decoration: none;}
	div.lewa1 a:hover { color: #66c2cd; }

div.lewa2 { display: table-cell; width: 533px; padding: 30px 20px 30px 27px; }


div.prawa { display: table-cell; width: 259px; padding: 30px 27px 30px 0px; }

div.prawa1 { display: table-cell; width: 613px; padding: 0px 13px 30px 73px; }

div.prawa2 { display: table-cell; width: 353px; padding: 30px 27px 30px 20px; }

div.slider-siatka { background: url(/img/siatka.png) repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 }

div.slider-caption { position: absolute; top: 0; right: calc((100% - 980px) / 2); z-index: 3; }


div.table { display: table; width: 100%;  }

div.td { display: table-cell; }


div.tresc { width: 980px; margin: 0 auto 10px auto; display: table;  }

footer { position: absolute; bottom: 0; left: 0; right: 0; height: 119px; padding: 189px 0 0 0; background: url(/img/body_bg.jpg) no-repeat center; z-index: 1; }

h1, h2 { font-size: 30px; line-height: 1.2em; font-weight: 300; color: #303030; margin: 0 0 30px 0; }

h1.ng { padding: 0 0 0 27px; }

h3 { font-weight: 300; font-size: 18px; color: #66c2cd; }
h3.ng { font-weight: 400; font-size: 18px; color: #303030; }

header { height: 109px; }

nav.flagi { position: absolute; top: 0; right: 0; }
	nav.flagi ul { list-style: none; display: table; }
	nav.flagi li { display: table-cell; }
	nav.flagi a { color: #878787; font-size: 12px; text-decoration: none; display: block; padding: 10px 5px;  }


nav.header { position: absolute; top: 0; right: 80px; font-family: "Myriad Pro", sans-serif; font-size: 13px; font-weight: normal; }
	nav.header ul { list-style: none; display: table; }
	nav.header li { display: table-cell; }
	nav.header a { color: #8e8e8e; text-decoration: none; display: block; padding: 66px 13px 0 13px; height: 43px; }
	nav.header a:hover { color: #fff; background: url(/img/menu_bg.png) no-repeat center; }

ol.ol1 {list-style:decimal; list-style-position:inside; }

section.glowna { clear: both; width: 980px; margin: 0 auto; padding: 0 0 119px 0; position: relative; z-index: 2; text-align: right;}


section.glowna-boxy	{ width: 980px; margin: 0 auto; position: relative; min-height: 270px; }

section.podstrona-boxy	{ clear: both; width: 980px; height: 354px; padding: 30px 0 30px 0; margin: 0 auto; position: relative; z-index: 3;  }

section.slider { height: 640px; position: relative; z-index: 1;}

section.slider-podstrona { height: 264px; position: relative; }

section.tresc { width: 100%; background: url(/img/bg1.png) top repeat-x; }

ul.ul1 {list-style:disc; list-style-position: inside; padding:0 0 0 20px }

ul.pliki { list-style: none; }
	ul.pliki li { list-style-image: url(/img/li1.png); list-style-position: inside;}