/*  CSS dla pokładu DYREKTYW  -  2006.01.14 # 2007.09.23 # 1.4.2015  */

/*  wstęp  */

div.prawybox
{ margin: 0 0 16pt 112pt; padding-top: 2pt;
  text-align: center;
}
div.prawybox img
{ max-width: 99%;
  box-sizing: border-box;
}

p.wstepco
{ width: 428pt; max-width: 99%;
  box-sizing: border-box;
  margin: 0 auto 6pt; padding: 0.5ex;
  border: 5pt double red;
  font-family: Westminster, Arial, Verdana, Tahoma, sans-serif;
  color: #684; background-color: #E8E0E0;
  background-color: rgba(255,240,240,.9);
  font-size: 26pt; font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.2em;
}

.wu1, .wu2
{ padding: 2pt;
  color: #FFF0A0;
  background-color: black;
  background-color: rgba(20,0,0,.75);
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-weight: normal; line-height: 2em;
}
.wu2
{ font-weight: bold;
}

/*  DKK  */

.dyrbblok
{ width: 93%; min-width: 180pt; clear: both;
  box-sizing: border-box;
  margin: 16pt auto 6pt; padding: 4pt 6pt 8pt;
  border: 5pt double firebrick; 
  background-color: #E8E0E0;
}

.dyrtyp
{ font-family: "Franklin Gothic Book", Arial, Verdana, sans-serif;
  color: #684;
  text-align: center;
  font-size: 20pt; font-size: 1.85rem;
  font-weight: 800;
}
.dyrtyp span, .wstepco span
{ color: red;
}

.duw
{ color: #F02800;
  text-align: center;
  font-size: 28pt; font-size: 2.5rem;
  font-weight: 300;
}
.duw span
{ padding: 3pt;
  font-size: 60%;
  border-bottom: 1pt dashed #F02800;
}

.dyrblok
{ width: 80%;
  margin: auto;
  text-align: center;
}

table.dyrtab
{ width: 100%; margin: 0; padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent; 
  vertical-align: middle; text-align: left;
}
.dyrtab th
{ padding: 3pt 6pt;
  color: firebrick;
  vertical-align: top;
  font-size: 18pt; font-size: 1.65rem;
  font-weight: normal;
}
th.dnum
{ width: 5.25em;
}
th.dnum2
{ width: 8em;
}
.dyrtab td
{ padding: 2pt 6pt;
  border-top: 3pt solid #A11;
  border-bottom: 1pt solid #E8E0E0;
  color: #428; line-height: 1.28em;
  font-size: 11pt; font-size: 1rem;
  font-weight: bold;
}
td.dnum, td.dnum2
{ width: 5.5em;
  color: gold; background-color: firebrick;
  vertical-align: top;
  line-height: 1.4em;
  text-shadow: .8pt .8pt 0 #8F2000;
}
td.dnum2
{ width: 8em;
}
.dang
{ color: #40408; font-weight: normal;
}
td.dnum img, td.dnum2 img
{ width: 20px; height: 18px;
  vertical-align: top;
}


/*
||
||  Mniejsze  Ekrany  [!]
||
*/

@media (max-width: 780px)
{
 body { max-width: 780px; }
 p.wstepco { font-size: 2.1rem; }
 .dyrbblok { width: 94%; }
 .dyrblok { width: 90%; }

}
@media (max-width: 700px)
{ body { max-width: 700px; }
}

@media (max-width: 500pt)
{

 div.prawybox
 { margin-left: 111pt;
 }
 p.wstepco
 { font-size: 1.8rem;
   line-height: 1.28em;
 }

 .dyrbblok
 { width: 96%;
   border-width: 4pt;
 }
 .dyrtyp
 { font-size: 1.7rem;
 }
 .dyrblok
 { width: 92%;
 }

}

@media (max-width: 440pt)
{

 div.prawybox
 { margin-left: 99pt;
 }
 p.wstepco
 { border-width: 4pt;
   font-size: 1.4rem;
 }

 .dyrtyp
 { font-size: 1.4rem;
 }
 .duw
 { font-size: 2rem;
 }

 .dyrblok
 { width: 95%;
 }
 .dyrtab th
 { padding: 2.5pt 4pt;
   font-size: 1.4rem;
 }
 .dyrtab td
 { padding: 2pt 4pt;
   border-top-width: 2.5pt;
   line-height: 1.28em;
   font-size: 0.91rem;
 }
 th.dnum, td.dnum
 { width: 5em;
 }
 th.dnum2, td.dnum2
 { width: 7.5em;
 }

}

@media (max-width: 340pt)
{

 div.prawybox
 { margin: 0;
 }
 p.wstepco
 { border: 1pt solid red;
   margin: 1pt auto; padding: 0.25ex;
   font-size: 1.15rem;
 }

 .dyrbblok
 { width: 98%;
   margin: 14pt auto 5pt; padding: 4pt 0 6pt;
   border: 1.5pt solid firebrick; 
 }
 .duw
 { font-size: 1.75rem;
 }
 .dyrblok
 { width: 98%;
 }
 .dyrtab th
 { font-size: 1.2rem;
 }
 .dyrtab td
 { padding: 1.8pt 3pt;
   border-top-width: 2pt;
   font-size: 0.85rem;
 }

}

/*  The End  */