/*  CSS dla pokładu OPISÓW  -  2004.04.14 # 2006.11.11 ; 2007.09.18 ; 2015.03.23  */


/*  Główne pudło - odcinki i propaganda  */
div.glownybox
{ margin: 0 0.8% 0 114pt; padding: 0;
}

div.spisbox
{ margin: 0; padding: 4pt 4pt 10pt 2.8%; padding-bottom: 0.8rem;
  min-width: 140pt;
  border: 4.8pt double firebrick;
  background-color: #DEFFBF;
  text-align: left;
}

/* Spis */

.spisbox div.oprama
{ float: right; width: 38%;
  margin: 0 0 0 4pt; padding: 2pt;
  border: 3pt solid #E40;
  background-color: white;
}
.spisbox div.oprama p
{ margin: 0; padding: 4.8pt;
  border: 1.8pt solid #E84;
  border-bottom-width: 0;
  color: #622; background-color: #FEC;
  font-size: 8.2pt; font-weight: 300;
}
.spisbox div.oprama p img
{ float: left;
  margin: 0 4pt 4pt 0;
  border: 1.8pt solid #E84;
}
.spisbox div.oprama p.autor, .spisbox div.oprama p.autor2
{ padding: 3pt 18pt 5pt;
  border-top-width: 0;
  border-bottom-width: 1.8pt;
  background-color: white;
  font-size: 9pt; font-weight: bold; letter-spacing: 1.2pt;
}
.spisbox div.oprama p.autor
{ margin-bottom: 3pt; 
}

/* Spis odcinków */

.spisbox > p
{ margin: 12pt 0 0; padding: 0 0 2pt;
}

.spisbox p a
{ font-family: Arial, Gulim, Iwona, sans-serif;
  padding: 2pt;
  border: 1px solid #AAD088;
  color: #601010; background-color: #CAF0AA;
  font-size: 16pt; font-size: 1.46rem;
  font-weight: 800;
  line-height: 1.4em; letter-spacing: 0.33ex;
}
.spisbox p a:hover
{ border: 1px solid #FDA;
  color: #FDA; background-color: #E40;
}

ol
{ margin: 4pt 0; padding: 0 0 8pt 4pt;
  font-family: Tahoma, Arial, sans-serif;
  color: black;
  list-style-type: decimal;
  font-size: 11pt; font-size: 1rem;
  line-height: 1.4em;
}
ol b
{ letter-spacing: 1px;
}
li
{ margin-left: 24pt; 
}

.spisbox ol a
{ padding: 0 1pt;
  color: black; background-color: transparent;
}
.spisbox ol a:hover
{ color: #E40; background-color: #EEFFCC;
}

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

@media (max-width: 500pt)
{

 div.glownybox
 { margin-left: 111pt;
 }
 div.spisbox
 { border-width: 4pt;
   padding: 2.8pt 2.8pt 4pt 2%;
 }

 .spisbox div.oprama
 { padding: 1.6pt;
   border-width: 2pt;
 }
 .spisbox div.oprama p
 { padding: 3.4pt;
   border: 1pt solid #E84;
   border-bottom-width: 0;
   font-size: 7.4pt;
 }
 
 ol
 { font-size: 0.91rem;
   padding-left: 2pt;
 }
 li
 { margin-left: 20pt; margin-left: 1.8rem;
 }

}

@media (max-width: 440pt)
{

 div.glownybox
 { margin-left: 99pt;
 }

 .spisbox div.oprama
 { float: none; width: auto;
   margin: 0 -1.8pt;
   border-width: 0;
 }
 .spisbox div.oprama p
 { padding: 2.8pt;
   border: 1pt solid #E84;
   border-width: 0;
 }

 ol
 { padding-left: 0;
 }
 li
 { margin-left: 18pt; margin-left: 1.66rem;
 }

}

@media (max-width: 340pt)
{

 div.glownybox
 { margin: 0 1pt;
 }
 div.spisbox
 { border: 1.4pt solid firebrick;
   padding-left: 2.8pt;
 }

}

/*  The End  */