@font-face {
    font-family: 'opensans-regular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-light';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light.woff') format('woff'),
         url('../fonts/opensans-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-bold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-extrabold';
    src: url('../fonts/opensans-extrabold.eot');
    src: url('../fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold.woff') format('woff'),
         url('../fonts/opensans-extrabold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {background-color: #FFCC00; color: #333333; margin: 0; padding: 0; font-family: opensans-light, tahoma, helvetica; font-size: 16px; line-height: 20px; height: 100%;}
img {display: block; border: 0;}

input, textarea, select {font-size: 1.05em; font-family: opensans-light, tahoma, helvetica; text-align: center; resize: none; color: #333333; border: 0px; width: 60%; height: 40px;}
select {color: #999999; text-align-last: center;}
.pole {width: 96%; padding: 2%; display: inline; float: left; text-align: center;}
.button {background-color: #CC3333; width: 60%; color: #fff; font-weight: bolder; cursor: pointer; font-size: 20px;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999; opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999; opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999; opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999999; opacity: 1;
}
h1 {font-size: 35px; line-height: 50px; font-family: opensans-light; font-weight: normal; color: #201A18; text-align: center; margin-top: 0px; padding-top: 0px;}
h1 b {font-size: 55px; font-family: opensans-extrabold; color: #CC3333;}
h1 s {font-size: 25px;}
h2 {font-size: 22px; font-family: opensans-bold; text-transform: uppercase; color: #CC3333; text-align: center; margin: auto;}

.h3_end {
	width: 100%; border-radius: 20px; background-color: #FFCC00; color: #201A18;
}

.error {
	box-shadow:0px 0px 0px 2px #cc0000 inset;
}
.no_error {
	border: 0px solid white;
}

A:link {color: #666; text-decoration: underline; line-height: 20px;}
A:visited {color: #666; text-decoration: none; line-height: 20px;}
A:hover {color: #666; text-decoration: none; line-height: 20px;}
A:active {color: #666; text-decoration: none; line-height: 20px;}

#container {width: 100%; height: 100vh; min-height: 750px; max-width: 1920px; min-width: 300px; margin: auto; position: relative;}
#right {position: absolute; right: 0; width: 40%; height: 100%; background-image: url('design/bgr_yellow.jpg');}
#left {position: absolute; left: 0; width: 60%; height: 100%; background-image: url('design/foto.jpg'); background-size: cover; background-position: center;}
#logo {margin: auto; width: 46.2%; padding-top: 1%;}
#logo_mini {display: none; margin: auto; width: 50%; margin-left: 25%; padding-top: 1%;}
#promocja {position: fixed; top: 0; left: 0; width: 12.5%; z-index: 10;}
#foto_mini {display: none;}
#haslo {position: absolute; width: 48.6%; right: 0; top: 22%;}
.gwiazdka {text-align: center; font-size: 12px;}
#fly1 {position: absolute; left: 12%; top: 7%;}
#fly2 {position: absolute; right: 3%; top: 35%;}
#fly3 {position: absolute; left: 20%; bottom: 2%;}

/*PC + notebook*/ 
@media (min-width: 1270px) {
	
}

/*Netbook*/ 
@media (max-width: 1269px) {
	h1 {font-size: 30px; line-height: 45px;}
	h1 b {font-size: 50px;}
	h1 s {font-size: 20px;}
}

/*Tablet*/ 
@media (max-width: 1009px) {
	h1 {font-size: 25px; line-height: 40px;}
	h1 b {font-size: 45px;}
	h1 s {font-size: 15px;}
	h2 {font-size: 15px;}
}

/*SMARTFON HORIZONTAL*/ 
@media (max-width: 799px) {
	h1 {padding-top: 2%;}
	#promocja {width: 25%;}
	#foto_mini {display: inline; width: 100%;}
	#right {position: static; height: 700px; width: 100%;}
	#left {display: none;}
	#logo {display: none;}
	#logo_mini {display: inline;}
	#fly1 {left: 5%; top: 45%;}
	#fly2 {right: 3%; top: 55%;}
	#fly3 {left: 6%; bottom: 2%;}
}

/*SMARTFON VERTICAL*/ 
@media (max-width: 439px) {
	h1 {font-size: 22px; line-height: 35px;}
	h1 b {font-size: 40px;}
	h1 br {display: inline;}
	h2 {font-size: 15px;}
	#fly1 {top: 21%;}
}