/*  CSS dla pokładu KINO  -  2004.05.16-25 # 2006.2.20 # 2009.3.19 # 2015.3.28 # 2023.9.24  */

.puste
{ clear: both; margin: 0; border: 0;
}

div.prawybox
{ margin: 0 0 16pt 112pt; padding: 0;
  background-color: transparent;
  text-align: left;
}

/*  Info-belka  */
h3
{ border-top: 2.4pt solid #EBA;  border-right: 2.4pt solid #A66636;
  border-left: 2.4pt solid #EA9;  border-bottom: 2.4pt solid #A66A2A;
  -moz-border-radius: 4pt; border-radius: 4pt;
  margin: 0 2pt 2pt; padding: 3pt;
  padding-left: 1.5em;
  color: #FEA; background-color: #E81030;
  font-family: "Lucida Sans Unicode", Arial, Verdana, Helvetica, Tahoma, sans-serif;
  font-size: 14pt; font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.28em;
  text-shadow: 1pt 1pt 0 #660;
}

/*  Fakty  */
table.filmf
{ margin: 0 8pt; padding: 0;
  border-collapse: separate;
  border-spacing: 2.8pt;
}
table.filmf td
{ padding: 3pt;
  font-size: 10pt; font-size: 0.9rem;
}
table.filmf td.fal
{ width: 15%; border-bottom: 1pt solid #A10;
  color: #F8F4EA; background-color: #602010;
  padding-right: 8pt;
  text-align: right; vertical-align: top;
  font-weight: bold;
}
.far
{ border-bottom: 1pt solid #713;
  color: #FFE0E0;
}
.far span
{ background-color: #100010;
}

/*  Wydarzenia  */
.filmw
{ margin: 1pt 2% 20pt;
  font-size: 10.8pt; font-size: 0.96rem;
  font-weight: normal;
  line-height: 1.28em;
}
.filmw div
{ margin: 6pt 0 2pt;
}
.filmw div span
{ display: inline-block;
  border-bottom: 1pt solid #A10;
  padding: 4pt 8pt;
  color: #FED; background-color: #701030; 
  font-weight: bold; line-height: 1.4em;
  letter-spacing: 0.8pt;
}
.filmw p
{ margin: 1pt 6pt 12pt; padding: 3pt 6pt;
  border-bottom: 1pt solid #A10;
  color: #FAE4E0; background-color: #200010;
}
.filmw p span
{ font-size: 12pt; font-size: 1.1rem;
  line-height: 1.4em;
}

.filmw p a
{ padding: 1pt;
  color: #FC8; font-weight: bold;
}
.filmw p a:hover
{ color: #008; background-color: #EA3;
  text-decoration: underline;
}
.filmw p img
{ float: right;
  margin: 2pt 4pt; padding: 0;
  border: 4pt solid #ff2810;
  outline: 1pt solid #841;
}

/*  Rysunki  */
h4
{ margin: 6pt 2.2%; padding: 4pt;
  font-size: 1.5rem;
  text-align: center; color: #00FF00;
}
div.prawybox h4
{ margin: 6pt 4pt;
}
h4 b
{ display: inline-block;
  border: 1.8pt solid gold;
  box-shadow: inset -1pt -1pt 2.8pt rgba(40,10,0,.8), inset 1pt 1pt 2.8pt rgba(250,250,240,.8);
  padding: 8pt 2em 10pt;
  border-radius: 8pt;
  color: gold; background-color: #701030;
  text-shadow: 1.2pt 0.8pt 0.8pt #762, 2.2pt 2pt 2pt #541, 4pt 3pt 1.2pt black;
}

.scenorys
{ margin: 8pt 4% 16pt; padding: 0;
  color: gold;
  font-size: 1.1rem;
  font-weight: 700;
  text-shadow: 1.8pt 0 1pt #210, -1.8pt 0 1pt #210, 0 -1.8pt 1pt #210, 0 1.8pt 1pt #210;
}
.sr1
{ margin-left: 6pt; margin-right: 1%;
}
.scenorys img
{ float: left;
  display: block;
  box-sizing: border-box; 
  margin: 0; padding: 0;
  border: 4pt solid #ff2810;
  outline: 1pt solid #841;
  max-width: 50%;
}
.scenorys > div
{ margin: 0 0 1em calc( 50% + 2rem); padding: 0;
}
.scenorys h5
{ margin: 0; padding: 1pt 1pt 1pt.28em;
  font-size: 1.1rem;
  font-weight: 700;
  background-color: rgba(0,0,0,.4);
}
.scenorys p
{ margin: 0; padding: .4em 0 0 1em;
  color: #FD9;
  background-color: rgba(0,0,0,.4);
  line-height: 1.4em;
  font-style: italic;
}


/*  Inne ilustracje  */
.inne
{ margin: 6pt 2pt;
  text-align: center;
}
.inne a
{ display: inline-block;
  margin: 4pt; padding: 4pt 8pt;
  border: 1px solid #F44; 
  color: #824; background-color: gold;
  font-size: 12pt; font-size: 1.1rem;
  font-weight: 800;
}
.inne a:hover
{ border: 1px solid white;
  color: white; background-color: #C02040;
}


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

@media (max-width: 780px)
{

 body { max-width: 780px; }

 .scenorys img
 { float: none;
   margin: 2pt auto 0.75em;
   max-width: 98%;
 }
 .sr1 img
 { margin: 2pt auto 0.75em 0;
 }

 .scenorys > div
 { margin: 0 0 8.8pt;
 }

}

@media (max-width: 700px)
{

 body { max-width: 700px; }

}

@media (max-width: 500pt)
{

 div.prawybox
 { margin-left: 111pt;
 }
 table.filmf
 { margin: 0 4pt;
 }
 table.filmf td
 { font-size: 0.85rem;
 }
 table.filmf td.fal
 { padding-right: 4pt;
 }
 
 .filmw
 { margin: 1pt 0.8% 18pt;
   font-size: 0.91rem;
 }
 .filmw div span
 { padding: 3.4pt 0.5rem;
 }
 .filmw p
 { margin: 1pt 4pt 10pt; padding: 3pt 0.5em;
 }

 h4
 { margin: 6pt 1.5%; padding: 4pt;
 }

 .scenorys, .sr1
 { margin: 6pt 3% 16pt;
   font-size: 1rem;
 }
 .sr1
 { margin: 6pt 0 16pt 4.8pt;
 }

}

@media (max-width: 440pt)
{

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

 h3
 { border-top-width: 2pt;  border-right-width: 2pt;
   border-left-width: 2pt; border-bottom-width: 2pt;
   margin: 0 1.6pt 2pt; padding: 2.2pt;
   font-size: 1.1rem;
   padding-left: 1.2em;
   letter-spacing: 0.16em;
 }

 table.filmf
 { margin: 0;
 }
 table.filmf td
 { padding: 2.8pt;
 }

 .filmw p
 { margin: 0 0 8pt;
 }


}

@media (max-width: 340pt)
{

 div.prawybox
 { margin: 0;
 }

 h3
 { margin: 5pt 0 2pt;
   padding-left: 0.75em;
 }

 table.filmf td.fal
 { padding-right: 3.2pt;
 }

 .filmw
 { font-size: 0.85rem;
 }
 .filmw p
 { padding: 2.8pt 0.4em;
 }

 h4
 { margin: 5pt 0.4%;
 }

 .scenorys, .sr1
 { margin: 5pt 1% 14pt;
   padding: 0;
 }
 .sr1 img
 { margin-left: auto;
 }
 .scenorys p
 { padding: 0 1pt 0 0.75em;

}

/*  The End  */