@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin-ext');
html {}
body { display: block; margin: 0px; padding: 0px; background: #E8E8E8; font-family: 'Ubuntu', sans-serif;}
.platnosc { display: block; width: 960px; margin-left: auto; margin-right: auto; background: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom: 0px; margin-top: 10px; border-top: 1px solid #CCC; font-size: 14px; text-align: justify;}
.naglowek { display: block; background: #FFF; padding: 15px; border-bottom: 1px solid #CCC; overflow: hidden;}
img.logo { display: block; float: right; width: 120px; margin-right: 0px; margin-left: 20px;}
.naglowek h1 { display: block; padding: 0px; margin: 10px 0px 5px 0px; font-size: 24px; color: #333; font-weight: 400;}
h4 { display: block; margin: 0px; padding: 0px; font-size: 12px; color: #76F032; font-weight: normal; }
h4 strong { background: #76F032; color: #FFF; padding: 0px 5px 0px 5px;}
h1 strong { color: #000; }
h2 { padding: 0px 0px 10px 0px; margin: 10px 0px 5px 0px; font-size: 14px; color: #333; font-weight: 400; text-align: justify;}
h3 {display: block; margin-bottom: 15px; margin-top: 15px;}
.obszarwplaty { display: block; padding: 15px;} 
.formularz { display: block; }
.formularz p { display: block; margin: 5px; font-size: 14px; }
.formularz p .wykonaj, .formularzplatnosc p .wykonaj { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; background: #F1FEE9; border: 1px solid #0C0; padding: 20px 40px 20px 40px; cursor: pointer; color: #0C0; font-weight: bold;}
.formularz p .wykonaj:hover, .formularzplatnosc p .wykonaj:hover { background: #0C0; color: #FFF; }
.formularz p label { display: block; float: left; margin-left: 0px; width: 250px; text-align: right; margin-right: 10px; padding: 12px 0px 0px 0px; font-size: 14px; color: #666;}
.formularzplatnosc p.wyboru { display:block; width: 80%; margin-left: auto; margin-right: auto; text-align: justify; font-size: 10px;}
.formularz input.wpisywane { padding: 10px; font-size: 14px; width: 200px; }
.formularzplatnosc p label { color: #666; margin-left: 50px;}
.formularzplatnosc input.wpisywane { padding: 0px; border: 0px none; color: #000;}
img.kanaly { display: block; width: 760px; height: 72px; margin-top: 10px;}
h1.ok { display: block; font-size: 24px; font-weight: 400px; margin-bottom: 10px; color: #81070E;}
a { color: #76F032; text-decoration: none;}
p.info { display: block; font-size: 10px; margin: 0px; padding: 0px;} 
.dotpay-channels-selection { display: block; overflow: hidden; margin-top: 10px;}
.channel-container { display: inline-block; margin-left: 5px; width: 85px; border: 2px solid #CCC; padding: 10px; margin-bottom: 10px; background: #F3F3F3; transition: 250ms all ease-in-out; -moz-transition: 250ms all ease-in-out; -ms-transition: 250ms all ease-in-out; -o-transition: 250ms all ease-in-out; -webkit-transition: 250ms all ease-in-out;}
.channel-container:hover {cursor: pointer; background: #FFF; border: 2px solid #F90;}
.selected { border: 2px solid #F90; background: #FFF;}
.selected:hover { border: 2px solid #F90; background: #FFF;}
.channel-container .image-container img { display: block; margin-left: auto; margin-right: auto; width: 98%;}
.channel-container .input-container { display: none;}
.channel-container .label-container label { display: none;}
.channel-container .tooltip {}
.stopka { display: block; overflow: hidden; width: 960px; margin-bottom: 20px; margin-left: auto; margin-right: auto; font-size: 12px; color: #2F2A2B; margin-top: 10px;}
.stopka .lewa { display: block; float: left; width: 49%; margin-left: 0px;}
.stopka .prawa img.logodotpay { display: block; float: right; margin-left: 20px; width: 100px; margin-top: 10px;}
.stopka .prawa { display: block; float: right; width: 49%; margin-right: 0px; text-align: right;}
.obszarok { display: block; overflow: hidden; width: 80%; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 50px;}
.obszarok p { display: block; text-align: center; font-size: 16px;}
.obszarok p strong { color: #76F032; font-size: 18px;}
.wyboroperatora { display: block; text-align: center;}
.wyboroperatora a.operator { display: inline-block; padding: 5px; margin: 15px; border: 1px solid #CCC; text-align: center; transition: all 50ms ease-out;}
.wyboroperatora a.operator:hover { box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);}