@font-face
{
   font-family: Open Sans;
   font-weight:200; 
   src:url(open-sans-light.ttf);
}
@font-face
{
   font-family: Open Sans;
   font-weight:400;
   src:url(open-sans-regular.ttf);
}
@font-face
{
   font-family: Open Sans;
   font-weight:700;
   src:url(open-sans-bold.ttf);
}
*
{
   color:inherit;
   text-decoration: none;
   border:none;
   outline:none;
   padding:0pt;
   margin:0pt;
   font: inherit;
   cursor: inherit; 
}
html::before
{

   content:" ";
   visibility:visible;
   opacity:1;
   position:fixed;
   display:block;
   top:0px;
   left:0px;
   right:0px;
   bottom:0px;
   background: #ba163b center center url('files/form-bkgnd.jpg') no-repeat;
   background-size: cover;
   background-attachment: fixed;
   z-index:-3;
}
html
{
   color:#ffffff;
   background: transparent;
   position:relative; /* nie usuwaj, bedzie dzialac zle w niektorych przypadkach */
   height:100%;
   font-family: "Open Sans", sans-serif;
   font-size: 12pt;
   font-weight: 200;
   cursor: default;
}
input
{
    color:#dc2750;
    display:block;
    margin:0pt 0pt 7.5pt 0pt;
    width:100%;
    height:25.5pt;
    padding:0.75pt;
    box-sizing:border-box;
    border:0.75pt solid transparent;
    background:#ffffff;
    outline:none;
}
body
{
   height:100%;
   width:100%;
   display:block;
}
main
{
   height:100%;
   width:225pt;
   display:table;
   margin:0pt 15% 0pt auto;
}
a, label
{
   display:block;
   margin:0pt;
}
label.openDialog1
{
   cursor: pointer;
   display:table;
   margin:7.5pt auto 7.5pt auto;
   padding:0pt 0pt 6.75pt 0pt;
   font-size:9pt;
}
input[type="checkbox"]
{
   display:none;
}
input[type="checkbox"]+label
{             
   display:table;
   background:left center url(files/check-2.png) no-repeat;
   padding:6.75pt 0pt 6.75pt 21pt;
   font-size:9pt;
   margin-bottom:7.5pt;
   margin-top:-3.75pt;
   background-size:15pt;
}
input[type="checkbox"]:checked+label
{
   background-image:url(files/check-3.png);
}
input[type="submit"]
{
   width:112.5pt;
   margin:22.5pt auto 0pt auto;
   background:#dc2750;
   color:#ffffff;
   height:30pt;
   cursor: pointer;
   font-size:15pt;
   border:1px solid #ffffff; 
}


main>form
{
   display:table-cell;
   height:100%;
   width:auto;
   vertical-align:middle;
   padding:0pt 15pt;
   background:#dc2750;
}

main>form img
{
   width:100%;
   display:block;
   max-width:300pt;
   margin:0pt auto 15pt auto;
}

@media screen and (max-width:360pt)
{
   html
   {
      background: #dc2750;
   }
   html::before
   {
      display:none;
   }
   form
   {
      padding:0pt;
   }
   body>form
   {
      width:195pt;
   }
   main
   {
      height:100%;
      width:100%;
      display:table;
      margin:0pt;
   }
}
dialog
{
   visibility:hidden;
   display:block;
   opacity:0;
   background:none;
   position:fixed;
   left:0pt;
   width:100%;
   height:100%;
   top:0pt;
   border:none;
   box-sizing:border-box;
   overflow:hidden;
   vertical-align:middle;
   transform: scale(0);
   transition: 0.5s ease;
}
input:checked+dialog
{
   visibility:visible;
   transform: scale(1);
   opacity:1;
}
dialog>form
{
   display:none;
   background:#ffffff;
   position:relative;
   top:50%;
   height:255pt;
   width:322.5pt;
   margin:-127.5pt auto;
   box-shadow: 0pt 0pt 45pt 0pt #000000;
   color:#dc2750;
   box-sizing:border-box;
   padding:22.5pt;
}
dialog>form.active
{
   display:table;
}
dialog>form h2
{
   display:block;
   padding:21pt 0pt 30pt 0pt;
   height:16.5pt;
   border-bottom:0.75pt solid #dc2750;
   text-align:center;
   font-weight:700;
   position:absolute;
   top:0pt;
   left:22.5pt;
   right:22.5pt;
}
dialog>form h2 label
{
   display:block;
   height:22.5pt;
   width:22.5pt;
   border:3.75pt solid #ffffff;
   border-radius:15pt;
   background:#dc2750 center center url(files/ico-close.png) no-repeat;
   background-size:22.5pt;
   color:#ffffff;
   text-align:center;
   line-height:30pt;
   position:absolute;
   right:-18.75pt;
   top:3.75pt;
   text-indent:-150pt;
   cursor:pointer;
   padding:0pt;
   margin:0pt;
   overflow:hidden;

}
dialog>form section
{
   width:600pt;
   height:100%;
   display:table-cell;
   text-align:center;
   vertical-align:middle;
}
dialog>form fieldset
{
   display:block;
   padding:21.75pt 0pt 0pt 0pt;
   height:30pt;
   border-top:0.75pt solid #dc2750;
   text-align:center;
   font-weight:200;
   position:absolute;
   left:22.5pt;
   right:22.5pt;
   bottom:15pt;
   padding-left:7.5pt;
}

dialog>form input
{
   display:block;
   padding:0pt;
   border:none;
   text-align:left;
   padding:1.5pt;
   border:0.75pt solid #dc2750;
   background:#ffffff;
   font-weight:400;
   color:#dc2750;
}
dialog>form input[type="submit"]
{
   display:inline-block;
   margin:0pt 3.75pt 0pt 0pt;
   height:30pt;
   border:none;
   text-align:center;
   padding:0pt;
   border:none;
   background:#dc2750;
   font-weight:400;
   color:#ffffff;
   margin-right:7.5pt;
}
dialog section label
{
   display:block;
   font-size:9pt;
   margin-bottom:7.5pt;
}
dialog div.progress
{
   display:block;
   border:0.75pt solid #dc2750;
   background:none; 
   padding:1.5pt;
   height:12pt;
}
dialog span.progress
{
   font-size:18pt;
}
dialog div.progress div
{
   display:block;
   background:#dc2750;
   height:12pt;
}
::selection
{
   color:inherit;
   background:transparent;
}
input[type="text"]::selection, input[type="password"]::selection
{
   color:#ffffff;
   background:#dc2750;
}

@media screen and (max-width:360pt), screen and (max-height:315pt)
{
   dialog
   {
      padding:22.5pt;
      position:fixed;
      min-height:315pt;
   }
   dialog>form
   {
      display:none;
      position:relative;
      top:0pt;
      height:100%;
      width:100%;
      margin:0pt auto;
      max-width:450pt;
   }
}

@media screen and (max-height:315pt)
{
   dialog
   {
      position:absolute;
   }
}