html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a,tr{-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;outline:none}body{-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}a,a:link,a:visited,a:hover{outline:0 !important}:focus{outline:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle;max-width:100%;height:auto}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}

body {font-family: 'Dosis', sans-serif; font-weight: 300; background-color: #fff; background-image: url(../img/tlo.jpg); background-repeat: no-repeat; background-position: center 53px; background-size: 100% auto; }

@media (max-width: 1130px) {
	body {font-size: 90%;}
}
@media (max-width: 1000px) {
	body {font-size: 80%;}
}

section {display:block; width: 100%; z-index: 1; clear: both;}

.kontener {width: 100%; max-width: 75.000em; margin: 0 auto; padding: 0 1em; position: relative;}

.logo {float: left; display: inline; line-height: 53px; background-image: url(../img/logo.svg); background-repeat: no-repeat; background-position: left top; width: 183px;}
.logo h1 {font-size: 1em; font-weight: 200; margin: 0; padding: 0;}
.logo h1 span {display: block; text-indent: -9999px;}

nav {float: right;}
nav ul {list-style-type: none; margin: 0; padding: 0;}
nav ul li {list-style-type: none; margin: 0; padding: 0 0 0 0.750em; display: inline; line-height: 53px;}
nav ul li a {font-size: 1.125em; font-weight: 700; color: #666; text-decoration: none;}
nav ul li a:hover {color: #000; text-decoration: none;}

.ticket {background-color: #2C73B9; text-decoration: none; line-height: 40px; display: inline-block; padding: 0 0.5em 5px; position:absolute; right: 1em; top: 53px; background-image: url(../img/tr.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 8px; z-index: 10;-moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}
.ticket a {font-size: 1.188em; font-weight: 400; color: #fff; text-decoration: none; }
.ticket:hover { padding: 5px 0.5em 5px;}

.kolumna {margin: 0; padding: 0; position: relative; display: inline-block;}
.lewa {float: left;}
.duza {width: 77%; height: 0; padding-bottom: 21%; position: relative; margin: 0 0 0 0; min-height: 240px;}

#info {padding: 0em 0 2em; overflow: hidden;}
#info h2 {font-size: 5.250em; font-weight: 200; color: #4C98C5; text-align: center; letter-spacing: -2px; margin: 0 0 0.740em 0; line-height: 1; position: relative;}
#info h3 {font-size: 2.188em; font-weight: 200; color: #2C72B8; text-align: center; margin: 0 0 0.85em 0; line-height: 1.1;}
#info h4 {font-size: 1.500em; font-weight: 300; color: #777;margin: 2em 0 0.35em 0; line-height: 1.1;}
#info h5 {font-size: 1.125em; font-weight: 300; color: #777;margin: 0 0 0.714em 0; line-height: 1.1;}

.spora {width: 64%; position: relative; min-height: 240px; text-align: center;}

#fulloffer .spora {width: 64%; position: relative; min-height: 0; text-align: center; max-width: 742px;}

.mniejsza {width: 36%; position: relative; margin: 0; min-height: 240px; padding: 0 1em;}
.mniejsza h2:before {content: " "; display: block; position: absolute; top: 100%; width: 100%; height: 10.063em; left: 0; right: 0; margin: auto; background-image: url(../img/tlomniejsze.png); background-repeat: no-repeat; background-position: center top; z-index: -1; background-size: 5.036em auto;}

.spora img {max-width: 100%; height: auto; }
.spora .mapazwykla {display: inline-block;}
.spora .mapapionowa {display: none;}

.CollapsiblePanelTab i {display: inline-block; float: left;}
.CollapsiblePanelTab span {display: block;}

@media (max-width: 900px) {
.duza {width: 86%; height: 0; padding-bottom: 21%; position: relative; margin: -3px 0 0 0; min-height: 220px;}
#fulloffer .spora {width: 100%; position: relative; min-height: 0; text-align: center; max-width: 900px; margin-bottom: 2em;}
}

#naglowki h2 {font-weight: 200; color: #fff; line-height: 90%; font-size: 3.750em; position: relative; padding: 5px; margin: 60px 0 0 0;}
#naglowki h2 span {color: #CBFF43;}

#naglowki h2:before {display: block; width:2.533em; height:2.533em; left:0; top: 20px; position: absolute; z-index: -1; background-color: #FFBF00; content: "";}

#naglowki h3 {font-weight: 200; color: #fff; width: 3.679em; height: 3.679em; line-height: 90%; font-size: 1.750em; position: absolute; text-align: center; padding: 13px; margin: 0 0 0 0; top: 0; right: 50px; letter-spacing: -2px;}
#naglowki h3:before {display: block; width: 3.679em; height: 3.679em; left:0; top: 0; bottom: 0; right: 0; margin: auto; position: absolute; z-index: -1; background-color: #2C73B9; content: "";}

#naglowki h4 {font-weight: 200; color: #fff; line-height: 1; font-size: 1.750em; position: absolute; padding: 2px; margin: 0 0 0 0; top: 86px; right: 5px;letter-spacing: -1px;}
@media (max-width: 1130px) {
	#naglowki h4 {right: 11px;}
}
@media (max-width: 1000px) {
	#naglowki h4 {right: 17px;}
}
#naglowki h4 span {font-size: 2em; letter-spacing: -4px; color: #072758; margin-right: 7px;}
#naglowki h4:before {display: block; width: 3.679em; height: 3.679em; left:0; bottom: 0; margin: 0; position: absolute; z-index: -1; background-color: #CBFF43; content: "";}

@-moz-document url-prefix() {#naglowki h4 {right: 10px;}}

.srednia {width: 95%; height: auto; position: relative; margin: 0; padding: 0;}

@media (max-width: 900px) {
	.srednia {width: 100%; height: auto; position: relative; margin: 0; padding: 0;}
	.duza {width: 84%;}
	#naglowki h3 {top: 2px; }
}

.rzad {width: 100%; height: auto; position: relative; margin: 0; clear:both; display: block;}

.biala30 {width: 22.3%; display: inline-block; padding: 0.625em;  position: relative; background-color: rgba(255,255,255,0.3)}
.biala50 {width: 22.3%; display: inline-block; padding: 0.625em;  position: relative; background-color: rgba(255,255,255,0.5)}
.czarna {width: 22.5%; display: inline-block; padding: 0.625em;  position: relative; background-color: rgba(0,0,0,0.35)}

#full .biala30 {width: 25%; background-color: rgba(255,255,255,0.5)}
#full .biala50 {width: 25%;}
#full .czarna {width: 25%; float: left; text-align: left; padding: 1.2em 2em;}
#full #oferta h1 {font-size: 2em; font-weight: 200; color: #fff;}

table.tabelaoferta {background-color: rgba(255,255,255,0.8); padding: 0; margin: 0 0 2em 0; border-top: 1px solid #ADC5DA; width: 100%;}
table.tabelaoferta tr td {border-bottom: 1px solid #ADC5DA; width: 25%; padding: 0.375em 1em; font-size: 0.875em;}
td {color: #333; text-align: center;}
td.tabelatyt {text-align: right; font-weight:700; color: #336392;}

.zobfull {
	position: relative;
	background-color: rgba(6,38,82,0.3);
	margin: 0px;
	padding: 0.625em;
	cursor: pointer;
	display: block;
	text-decoration: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #fff;
	font-size: 1.500em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}
.zobfull:hover {background-color: rgba(6,38,82,1);}

.tabelaoferta tr:nth-child(even) {background: #E6EEF4;}
.tabelaoferta tr:nth-child(odd) {background: transparent;}
.tabelaoferta tr:hover {background-color: rgba(6,38,82,0.2);}

.biala70 {width: 22.3%; display: inline-block; padding: 0.625em 0.625em 1.625em 0.625em;  position: relative; background-color: rgba(255,255,255,0.7)}
.biala100 {width: 22.3%; display: inline-block; padding: 0.625em 0.625em 1.625em 0.625em;  position: relative; background-color: rgba(255,255,255,1)}

#oferta .rzad1 .biala30, #oferta .rzad1 .biala50 {text-align: right; padding: 1.625em 0.625em 0.625em 0.625em;}
#oferta .rzad2 .biala30, #oferta .rzad2 .biala50 {text-align: right; padding: 1.625em 0.625em 0.625em 0.625em;}

#oferta h3 {color: #062652; font-weight: 200; line-height: 1; font-size: 1.875em; position: relative; padding: 0; margin: 0; letter-spacing: -1px; display: inline-block;}
#oferta h3 span {font-size: 1.600em; margin: 0 3px 0 0;}
#oferta h3:before {display: block; color: #fff; font-size: 0.800em; font-weight: 700; width: 30px; height: 30px; right:18%; text-align:center; top: -14px; margin: 0; position: absolute; z-index: 0; line-height: 30px; background-color: #34547A; content: "\20AC";}
@media (max-width: 1000px) {
	#oferta h3:before {width: 26px; height: 26px;  line-height: 26px; right:16%;}
}

#oferta a.signup {display: inline-block; padding: 0.5em; color: #fff; font-size: 1.125em; font-weight: 700; text-transform: uppercase; text-decoration: none; background-color: rgba(6,38,82,0.3); vertical-align: bottom; margin: 0 0 0 1em;}
#oferta a.signup:hover {background-color: rgba(6,38,82,1);}

.rzad1 {margin: 0 0 2px 0; overflow: hidden; padding: 0 0 2px 0;} 
.rzad2 {overflow: hidden;padding: 0 0 3px 0; }

.czarna {line-height: 1; white-space: nowrap; vertical-align: bottom; padding: 1.2em 0.625em 1.2em 1.5em;}
.czarna h4 {color: #CBFF43; font-size: 1.875em; line-height: 80%; font-weight: 200; margin: 0; padding: 0 0 0 3.1em; position: relative;}

.czarna h4 span {font-size: 2em; margin: 0 3px 0 0; position:absolute; left: 0.25em; bottom: 0.20em; letter-spacing: -1px}
.czarna em { text-transform: none; font-style: normal; display: block;}

.rzad1 .czarna h4 span {left: 0.5em;}

.rzad3 {color: #336392; font-weight: 200; font-size: 1.500em; }
.rzad3 ul {list-style-type: none; padding: 0; margin: 0.5em 0;}
.rzad3 ul li {list-style-type: none; padding: 0.2em 1em; margin: 0; border-top: 1px solid #ADC5DA;}
.rzad3 ul li:last-child {border-bottom: 1px solid #ADC5DA;}

#oferta .rzad3 .biala100 {overflow: hidden;}
.biala100:before {display: block; color: #fff; font-size: 0.750em; font-weight: 700; height: 32px; text-align:center; margin: 0; position: absolute; z-index: 0; line-height: 32px; background-color: #D90000; content: "POPULAR";top: 19px;
    right:-30px;
    top: -15px\0/; /* ie8 and 9 */
    right:-32px\0/; /* ie8 and 9 */
    width: 132px;
    -ms-transform:rotate(45deg); /* IE9 */
    -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(45deg);  /* Saf3.1+ */
    transform: rotate(45deg);  /* Newer browsers */
    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); *//* IE6,IE7, but produces nasty results, so I disabled it */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */}

#oferta, #kontakt  {margin:0; overflow: hidden;}

#plusy {border-top: 10px solid #D9D8DD;border-bottom: 10px solid #D9D8DD; background-color: #459DCC; overflow: hidden; margin: 0 0 2em 0;}
.d50 {width: 50%; position: relative; margin: 0; padding: 0 3em 0 1em;}
.d51 {width: 50%; position: relative; margin: 0; padding: 0 0 0 1em;}
.d51 .d51 {width: 50%; position: relative; margin: 0; padding: 0 1em 0 0;}
.d100 {width: 100%; position: relative; margin: 0; padding: 0 1em 0 1em;}
#plusy h2 {font-weight: 200; color: #fff; font-size: 2em;  margin: 0;  padding: 1.8em 0 0.75em 0; line-height: 80%; background-repeat: no-repeat; background-position: right bottom;}
#plusy .oc h2 {background-image: url(../img/oc.png);}
#plusy .op h2 {background-image: url(../img/op.png);}
#plusy h3 {border-top: 1px solid #B5C6D4; margin: 0; font-weight: 200; padding: 1.333em 0 1em 0; font-size: 1.500em; color: #B2D7EA;}
#plusy p {margin: 0; padding: 0 0 2em 0; color: #fff; line-height: 120%; font-size: 1.125em; }

#kontakt header {padding: 1em 0 1em 0; text-align: center;}
#kontakt header h2 {font-weight: 200; font-size: 3.438em; color: #2C73B9; margin: 0; padding: 0;}

#kontakt h3 {font-weight: 300; font-size: 1.500em; color: #444; margin: 0 0 1em; padding: 0;}
#kontakt p {font-weight: 300; font-size: 1.125em; color: #444; margin: 0 0 1em; padding: 0;}

.form .d50 {
padding: 1.15em 1em 0 1em;
}

#contact {overflow:hidden;}

#contact .rzad:first-child h3 {margin-bottom: 0; border-bottom: 1px solid #BBBBBB; color: #2C72B8 !important;
  text-transform: uppercase; }
#contact #contact-mails {padding: 1.5em 0 0 0; margin: 0 0 1em 0; display: block; overflow:hidden;border-bottom: 1px solid #BBBBBB;}
.mail-col {display: inline; float: left; padding: 0 3em 1.5em 0;}
.mail-col a {color: #000; text-decoration:underline;}

.d51 .d51 h3 {margin-bottom: 0.25em;}
.d51 .d51 p {margin-top: 0.25em;}

label {color: #2C72B8; font-size: 1.125em;text-transform: uppercase; }
input, textarea {width: 100%; border: 1px solid #2C72B8;font-family: 'Dosis', sans-serif; font-weight: 300; background-color: #fff; font-size: 1.125em; padding: 0.3em; margin: 0 0 1em 0;}
button {width: 80px; border: none;font-family: 'Dosis', sans-serif; font-weight: 800; color: #fff; background-color: #062652; font-size: 1.125em; padding: 0.3em; margin: 0 0 1em 0; text-transform: uppercase; }

#stopka {font-size: 1.5em; font-weight: 200; color: #878787; text-align: center; padding: 3em 0 1em 0; background-repeat: no-repeat; background-position: center top; background-image: url(../img/tlo-stopka.png); margin-top: 2em;}
#stopka p {margin: 0 auto; width: 100%; max-width: 36em; }
#stopka .kontener { max-width: 36em;}

#contact header {padding: 0 3em 0 1em;}
#contact header h2 {text-transform: uppercase;}

#oferta > div > div > div:nth-child(1) > div:nth-child(2) > h4 > span {left: 0.25em;}
.podwojna.rzad1 {border-bottom: none; padding: 0; margin: 0 0 2px; overflow: visible;height: 85px;}
h2.podzialka {background-color: rgba(52,99,147,0.75); color: #fff; font-size: 1.75em; margin:0; padding: 0 0 0 2.25em; height: 50px; line-height: 50px; font-weight: 400;}
#oferta > div > div > div:nth-child(3) > table.tabelaoferta {margin:0;}
#oferta .podwojna h3:before {display: none;}
#oferta .podwojna h3 {color: #FEBD25; font-size: 3rem; }
#oferta .podwojna h3 span {font-size: 1.5rem;}
#oferta .podwojna h3 span:last-of-type {clear:left; display:block;}

#full .podwojna .czarna.pom {
  text-align: right;
  padding: 0.25rem 1.25em;
  height: 85px;
}
.nieaktywne {opacity: 0.5;-moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
.nieaktywne:hover {opacity: 1;}
#full .podwojna .czarna {height: 85px; background-color: rgba(8,39,70,1);}
.podwojna.prawa .tabelaoferta tr td {text-align: right;}
.podwojna .tabelaoferta tr td.tabelatyt {text-align: left; padding-left: 3em;}
#full #oferta h1.wb {color: #CBFF43; font-size: 3rem; padding: 0 0 0 2rem;}
.podwojna .niewid.czarna h4 {visibility: hidden;}

.tabelaoferta tr td strong {color: #336392;}
.podwojna.prawa .tabelaoferta tr td a.signup {float: right;}

#oferta .podwojna a.signup {
  display: inline-block;
  padding: 0.25em 0.5em;
  color: #fff;
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  background-color: rgba(6,38,82,0.3);
  vertical-align: bottom;
  margin: 0.75rem 0 0 1em;
}
#oferta .podwojna a.signup:hover {
  background-color: rgba(6,38,82,1);
}
#full .podwojna .czarna.aktywne:before {display: block; color: #fff; font-size: 0.750em; width: 20px; font-weight: 700; height: 11px; text-align:center; margin: 0 auto; position: absolute; z-index: 2; line-height: 11px; background-color: transparent; content: "";bottom: -11px; overflow:visible;
    right:0; left: 0; background-image: url(../img/aktywne.png); background-repeat: no-repeat; background-position: center;
}
.nieaktywne a {display: block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; width: 100%; height: 100%;}
.teksty {padding: 0 2rem;}

#full #oferta h1.dzial {color: #CBFF43; font-size: 2em; padding: 0; font-weight: 700;}
#full #oferta.srodkuj h1.dzial {text-align: center}


#contact-results
{
    margin-left: 10px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #5CB85C;
    color: #fff;
    font-size: 1.125em;
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: none;
}

#code-cont
{
    margin-top: 5px;
}
#captcha
{
    margin-top: 15px;
}
.contact-cont h3
{
    color: #2C72B8 !important;
	text-transform:uppercase;
}
.contact-cont h4
{
    font-weight: normal;
}
#php-versions
{
    font-size: 19px;
}
#rules-cont
{
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2rem;
}
#rules-cont h1
{
    color: #336392;
    font-size: 1.85em
    font-weight: 700 ;
}
#rules-cont p
{
    margin: 0;
}

.link-footer 
{
    text-decoration: none;
    color:#2C72B8;
    font-weight: 500;
}

#rules-cont > h2:nth-child(1) {margin-top:0;}
#logowanie {background-color: rgba(255,255,255,0.8); display:block; width: 100%; max-width: 800px; margin: auto; padding: 1em; overflow: hidden;}
#logowanie .blok {width: 50%; display: block; overflow:hidden; float:left; padding: 2em;}
#logowanie .blok h2 {margin-top: 0;}
#logowanie a {color: #999; text-decoration: underline;}
#logowanie p {font-size: 0.875em;}
#logowanie a:hover {color: #000;}
#logowanie .bialy {background-color: rgba(255,255,255,0.8);}

#full form input[type=text] {width: 70%; float:right; height: 32px; line-height: 32px;}
#full form input[type=password]  {width: 70%; float:right; height: 32px; line-height: 32px;}
#full form input[type=submit] {-moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;width: 110px; float:right; height: 32px; line-height: 32px; padding:0; margin: 0; background-color: #2C72B8; color: #fff; cursor: pointer;}
#full form input[type=submit]:hover {background-color: #fff; color: #2C72B8;}

#full form .linia {display: block;clear:both; float: none; width: 100%; height: 32px; line-height: 32px;}

@media (max-width: 1130px) {
	#full .podwojna .czarna, #full .podwojna .czarna.pom, .podwojna.rzad1 {height: 75px;}
	#oferta .podwojna h3 {font-size: 2.5rem;}
	#full form input[type=text] {width: 60%;}
	#full form input[type=password]  {width: 60%;}
}
@media (max-width: 1000px) {
	#full .podwojna .czarna, #full .podwojna .czarna.pom, .podwojna.rzad1 {height: 70px;}
	#oferta .podwojna h3 {font-size: 2rem;}
	#full #oferta h1.wb {font-size: 2rem;}
}
@media (max-width: 900px) {
#full.czarna h4 {padding: 0 0 0 2em;}
#full.rzad1 .czarna h4 span {left: 0em;}
#full .czarna {padding: 1.2em 0.5em;}
#full table.tabelaoferta tr td {font-size: 0.75em;}
#logowanie .blok {width: 100%; float:none; padding: 2em;}
#logowanie {padding:0;}
}

@media (max-width: 700px) {
#rules-cont {padding: 1em;}
.teksty {padding: 0 1em;}
#oferta .podwojna a.signup {display: block;clear:both; float: none;line-height: 300%;}
#full .podwojna .czarna {width: 25%;float: left;text-align: left;padding: 1.2em 2em;}
.czarna h4 {font-size: 1.25em; padding: 0; position: relative;}
#full .podwojna .czarna.aktywne, #full .podwojna .czarna.nieaktywne {width: 50%; text-align: center}
#full .podwojna .czarna.aktywne span, #full .podwojna .czarna.nieaktywne span {position: relative; display:block; width: 100%; height: 22px; clear:both; left:0;}
#contact-form {margin: 16px 0;}
#oferta .podwojna h3 {font-size: 1em;}
#oferta .podwojna h3 span {font-size: 1em;}
#full .podwojna .czarna, #full .podwojna .czarna.pom, .podwojna.rzad1 {height: 60px;}
#full .podwojna .czarna.pom {padding: 1.5em 0.75em; height: 60px;}

h2.podzialka {padding: 0 0 0 10px; font-size: 1.25em;}
#full #oferta h1.wb {padding: 0;}
.podwojna .tabelaoferta tr td.tabelatyt {padding-left: 1em;}
body {background-color: #fff; background-image: url(../img/tlo.jpg); background-repeat: no-repeat; background-position: left 127px; background-size: auto; }
.logo {display: block; float: none; text-align: center; margin: 10px auto;}
nav {display: block; float: none; text-align: center; margin: 0 auto;}
nav a {border: 1px solid #ccc; border-radius: 3px; padding: 10px;}
.ticket {position: relative; left: 0; top: 0; width: 100%; text-align: center;}
.duza {width: 100%;height: auto;padding: 0;position: relative;margin:5px 0 0 0;}
#naglowki {text-align: center}
#naglowki h2 {margin: 15px 0 0 0; padding: 0;}
#naglowki h3 {top: 0;right: 0; position: relative; width: 100%;margin: 25px 0 0 0; padding: 0; height: auto;}
#naglowki h4 {top: 0;left: 0;position: relative; width: 100%;margin: 10px 0 20px 0; padding: 0;}
#naglowki h2:before, #naglowki h3:before, #naglowki h4:before {display: none;}
#naglowki h4 span {color: #CBFF43;}
#oferta .rzad3 {font-size: 75%;}
.biala30, .biala50, .biala70, .biala100 {width: 33.3%;}
.czarna {width: 100%; text-align: center;}
.czarna h4 {width: 100%; text-align: center;}
.rzad1 {margin: 0 0 5px 0;padding: 0 0 5px 0; border: none; text-align: center;}
.rzad2 {padding: 0 0 10px 0; text-align: center;}
#oferta h3 span {font-size: 1.500em;}
#oferta a.signup {display: block;padding: 0.5em; vertical-align: bottom;margin: 0.5em 0 0 0; clear: both; float:none; text-align: center;background-color: rgba(6,38,82,0.6);}
.biala100:before {height: 16px; line-height: 16px; top: 12px;
right:-45px;
top: -12px\0/; /* ie8 and 9 */
right:-45px\0/; /* ie8 and 9 */}
.d50, .d51 {width: 100%; padding: 0 1em;}
#contact .form {margin: 1em 0 0;}
#plusy {border: none;margin: 0 auto 2em;width: 100%;}
#plusy .kontener {padding: 0;}
#kontakt .kontener {padding: 0 2em;}
#plusy .d50 {border-top: 1px solid #D9D8DD; padding: 0 2em 1em;}
#plusy h2 {font-size: 2em;padding: 1em 0 0.75em 0;background-position: right bottom; background-size: auto 100%;}
.form .d50, .form .d100 {padding: 0;}
#stopka {background-image: url(../img/logo.svg);}
.rzad3 ul li {color: #000;}
nav ul li a:hover {background-color: #2C73B9; color: #fff;border: 1px solid #2C73B9;}
#oferta {margin: 0 0 0 0;}
.spora {width: 100%; text-align: center; margin-bottom: 2em;}
.mniejsza {width: 100%; text-align: center;}
.spora .mapazwykla {display: none;}
.spora .mapapionowa {display: inline-block;}
#full .biala30 {width: 33.3%; background-color: rgba(255,255,255,0.5)}
#full .biala50 {width: 33.3%;}
#full .czarna {width: 100%; float: left; text-align: center;}
#full #oferta h1 { text-align: center;}
.zobfull {text-align: center;}
#full #oferta .rzad3 {font-size: 100%;}
#full #oferta h1 {font-size: 1.5em;}
.czarna h4 span {font-size: 1.600em; margin: 0 3px 0 0; position:relative; left: 0; bottom: 0; display: inline;}
.czarna em { text-transform: none; font-style: normal; display: inline;}
.czarna h4 {padding: 0.125em;}
.rzad1 .czarna h4 span {left: 0;}
}

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}