/* PECMS COMMON CSS */
html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 15px; color: #3B3C3D; }
form { padding: 0; margin: 0; }
textarea, input, select, button { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 15px; color: #3B3C3D; text-decoration: none; border: 1px solid #CBB3B3; }
input.number { padding: 1px 4px 1px 4px; text-align: right; }
img { border: 0px none; }
/* ---------------- ODNOSNIKI ---------------- */
a { color: #3B3C3D; text-decoration: none; outline: none; }
a:link { color: #3B3C3D; }
a:visited { color: #3B3C3D; }
a:hover { color: #3C6C3A; text-decoration: none; }
a:active { color: #3C6C3A; text-decoration: none; }
a.bround_dark { margin-top: 20px; padding: 10px 40px; color: #3B3C3D; border: 3px solid #3B3C3D; border-radius: 10px; font-weight: bold; }
a:hover.bround_dark { color: #3C6C3A; border: 3px solid #3C6C3A; }
a.bround_white { margin-top: 20px; padding: 10px 40px; color: #FFFFFF; border: 3px solid #FFFFFF; border-radius: 10px; font-weight: bold; text-shadow: 4px 4px 2px rgba(59, 60, 61, 1); }
a:hover.bround_white { color: #3C6C3A; border: 3px solid #3C6C3A; }
/* ----------------- STRUKTURA --------------- */
#body { width: 100%; }
#container { }
#header { width: 100%; }
#main { width: 100%; }
#footer { width: 100%; color: #FFFFFF; background-color: #3C3C3E; }
#center { }
#left { }
#right { }
.fantom { clear: both; font-size: 0px; line-height: 0px; }
/* ------------ FORMATOWANIE TEKSTU ---------- */
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.j { text-align: justify; }
.i { font-style: italic; }
.b { font-weight: bold; }
.n { font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }
.bn { border: 0px none; background-color: transparent; }
.hand { cursor: pointer; }
.show { display: block; }
.hide { display: none; }
.mm { margin: 1px; }
.sm { margin: 2px; }
.tm { margin: 4px; }
.pm { margin: 6px; }
.mp { padding: 1px 0px 1px 0px; }
.sp { padding: 2px 0px 2px 0px; }
.tp { padding: 4px 0px 4px 0px; }
.pp { padding: 6px 0px 6px 0px; }
.xp { padding: 8px 0px 8px 0px; }
.sfloor { width: 1px; height: 2px; clear: both; font-size: 0px; line-height: 0px; }
.mfloor { width: 1px; height: 5px; clear: both; font-size: 0px; line-height: 0px; }
.lfloor { width: 1px; height: 10px; clear: both; font-size: 0px; line-height: 0px; }
.xlfloor { width: 1px; height: 15px; clear: both; font-size: 0px; line-height: 0px; }
.textindent { text-indent: 20px; }
.green { color: #00A651; }
.yellow { color: #FF9900; }
.red { color: #FF0000; }
input.disabled, select.disabled { background-color: #E0E0E0; }
span.global_error { display: block; padding: 4px 20px; text-align: left; font-size: 12px; color: #E20000; }
span.global_info { display: block; padding: 4px 20px; font-size: 12px; color: #27853C; }
span.input_error { display: block; margin-left: 12px; padding: 2px; font-size: 12px; color: #E20000; }
span.required { margin-left: 3px; padding: 2px; font-size: 12px; color: #E20000; }
span.note { margin-left: 2px; padding: 2px; display: block; font-size: 12px; color: #E20000; }
#header .tbar { width: 100%; height: 60px; position: fixed; top: 50px; z-index: 999; background-color: rgba(255, 255, 255, 0.9); }
#header .logo { overflow: hidden; }
#header .logo a { width: 100%; height: auto; display: block; }
#header .logo a img { width: 100%; height: auto; display: block; }
#header .mmobile { width: 72px; height: 20px; margin: 0px auto; padding: 20px 0px; display: block; }
#header .mmobile span { width: 64px; height: 4px; margin: 0px auto; display: block; background-color: #3C6C3A; }
#header .mmobile span.mdl { margin: 4px auto; }
#header .menu { }
#header .menu ul { width: 100%; margin: 0px; padding: 0px; list-style: none; text-align: center; }
#header .menu ul li { }
#header .menu ul li a { height: 32px; line-height: 32px; padding: 14px 0px 14px 0px; display: block; font-size: 18px; }
#header .menu ul li a:hover { font-weight: bold; }
#header .menu ul li a.active { font-weight: bold; }
#header .flags { width: 60px; height: 60px; float: right; }
#header .flags a { width: 30px; height: 20px; float: left; margin: 20px 0px; }
#header .flags a.pl { background: url('/zascianek/gfx/header-flags.png') no-repeat 0 0; }
#header .flags a.en { background: url('/zascianek/gfx/header-flags.png') no-repeat -30px 0; }
#header .flags a:hover.pl { background: url('/zascianek/gfx/header-flags.png') no-repeat 0 -20px; }
#header .flags a:hover.en { background: url('/zascianek/gfx/header-flags.png') no-repeat -30px -20px; }
#header .flags a.pl_active { background: url('/zascianek/gfx/header-flags.png') no-repeat 0 -40px; }
#header .flags a.en_active { background: url('/zascianek/gfx/header-flags.png') no-repeat -30px -40px; }
#header .ibar { }
#header .phone { width: 168px; height: 48px; line-height: 48px; float: right; color: #FFFFFF; text-align: center; text-shadow: 2px 2px 0px rgba(59, 60, 61, 1); }
#header .phone a { color: #FFFFFF; }
#header .icons { height: 26px; float: right; margin: 12px 0px; }
#header .icons a { width: 26px; height: 26px; float: left; margin-right: 10px; overflow: hidden; }
#footer h3 { padding: 10px 0px; color: #FFFFFF; font-family: "Open Sans", sans-serif; font-size: 16px; }
#footer .social { padding: 20px 0px 0px 0px; }
#footer .social .logo { height: 86px; padding: 20px 0px 0px 0px; overflow: hidden; }
#footer .social .logo a { width: 190px; height: 86px; display: block; margin: 0 auto; }
#footer .social .logo a img { width: 100%; height: auto; display: block; }
#footer .social .facebook { height: 81px; float: left; overflow: hidden; }
#footer .social .facebook a { width: 81px; height: 81px; display: block; }
#footer .social .facebook a img { width: 100%; height: auto; display: block; }
#footer .social .googleplus { height: 81px; float: left; overflow: hidden; }
#footer .social .googleplus a { width: 81px; height: 81px; display: block; }
#footer .social .googleplus a img { width: 100%; height: auto; display: block; }
#footer .menu { padding-top: 40px; }
#footer .menu ul { margin: 0px; padding: 0px; list-style: none; }
#footer .menu ul li { }
#footer .menu ul li a { padding: 1px 0px; display: block; color: #FFFFFF; font-size: 14px; }
#footer .menu ul li a:hover { color: #3C6C3A; }
#footer .menu ul li a.active { }
#footer .hours { padding-top: 40px; }
#footer .address { padding-top: 40px; }
#footer .zascianek { font-size: 12px; }
#footer .ftpstudio { font-size: 12px; }
#footer .ftpstudio a { color: #FFFFFF; }
h2 { margin: 0px; padding: 15px; color: #3C6C3A; font-family: "Lobster", cursive; font-size: 40px; }
h3 { margin: 0px; padding: 10px; color: #3B3C3D; font-family: "Lobster", cursive; font-size: 32px; }
h4 { margin: 0px; padding: 10px; color: #3B3C3D; font-family: "Lobster", cursive; font-size: 22px; }
h5 { margin: 0px; padding: 10px; color: #3B3C3D; font-family: "Lobster", cursive; font-size: 18px; }
p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
p.hasimage { margin: 0px; padding: 0px; }
p.hasimage img.pobrazek { display: block; }
p.hasimage img.pobrazek_dolewej { float: left; margin-bottom: 10px; }
p.hasimage img.pobrazek_doprawej { float: right; margin-bottom: 10px; }
p.hasimage img.pobrazek_margines_lewy_maly { margin-left: 5px; }
p.hasimage img.pobrazek_margines_lewy { margin-left: 15px; }
p.hasimage img.pobrazek_margines_lewy_duzy { margin-left: 30px; }
p.hasimage img.pobrazek_margines_prawy_maly { margin-right: 5px; }
p.hasimage img.pobrazek_margines_prawy { margin-right: 15px; }
p.hasimage img.pobrazek_margines_prawy_duzy { margin-right: 30px; }
p.hasimage img.pobrazek_margines_gorny_duzy { margin-top: 30px; }
p.hasimage img.pobrazek_margines_gorny { margin-top: 15px; }
p.hasimage img.pobrazek_margines_dolny_duzy { margin-bottom: 30px; }
p.hasimage img.pobrazek_margines_dolny { margin-bottom: 15px; }
p.hasimage img.pobrazek_wysrodkuj { margin-right: auto; margin-left: auto; }
div.outer { width: 100%; background-color: #FFFFFF; }
div.inner { }
div.imaginary { height: 1px; }
div.imaginary .igrbox { -webkit-perspective: 1000; perspective: 1000; }
div.imaginary .igrbox a { width: 100%; height: auto; display: block; color: #FFFFFF; overflow: hidden; position: relative; }
div.imaginary .igrbox img { width: 100%; height: auto; display: block; }
div.imaginary .igrbox a img { -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
div.imaginary .igrbox a table { width: 100%; height: 100%; min-height: 100%; text-align: center; color: #FFFFFF; text-transform: lowercase; font-family: "Lobster", cursive; font-size: 44px; position: absolute; top: 0px; }
div.imaginary .igrbox a:hover { }
div.imaginary .igrbox a:hover img { transform: rotateY( 180deg ); -webkit-transform: rotateY(180deg); }
div.imaginary .igrbox a:hover table { color: #3B3C3D; background-color: rgba(255, 255, 255, 0.5); }
div.imaginary-headers { }
div.imaginary-headers .igrbox { margin: 5px; }
div.imaginary-col-2 { }
div.imaginary-col-2 .igrbox { width: 50%; }
div.imaginary-col-3 { }
div.imaginary-col-3 .igrbox { width: 33.3%; }
div.imaginary-col-4 { }
div.imaginary-col-4 .igrbox { width: 25%; }
div.imaginary-col-5 { }
div.imaginary-col-5 .igrbox { width: 20%; }