/* ---------------- Template Layout ----------------------*/

body {

	background-color: #f2eedd;

	margin: 0px;

	padding: 0px;

}

a:link, a:visited {

	text-decoration: underline;

	color: #990000;

	font-weight: bold;

}

a:hover {

	text-decoration: underline;

	color: #000;

	font-weight: bold;

}

a:active {

	text-decoration: none;

	color: #990000;

	font-weight: bold;

}

img {

	border: none;

}

p {

	margin: 0px;

	padding: 0px;

}

h2 {

	margin-top: 18px;

	padding: 0px;

}

ul {

	padding: 0px;

	margin: 0px;

}

html, body, div, p, table, h2, h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #464544;

	font-size: 12px;

	font-weight: normal;

}

.clear {

        clear: both;

}

/* ---------------- Major Blocks Layout ----------------------*/

div#wrapper {

	margin: 0 auto;

	padding-top: 0px;

	width: 989px;

}

div#logo {

	background: url('../images/teatr_logo_txt.jpg') no-repeat 60px top;

	width: 989px;

	height: 63px;

}

#logotxt {

	background: url('../images/teatr_logo.jpg') no-repeat 0px bottom;

	display: block;

	width: 60px;

	height: 58px;

}

div#logo_wydruk {

	background: url('../images/teatr_logo_txt.jpg') no-repeat 60px top;

	width: 800px;

	height: 63px;

}

#logotxt_wydruk {

	background: url('../images/teatr_logo.jpg') no-repeat 0px bottom;

	display: block;

	width: 60px;

	height: 58px;

}

div#header {

	display: block;

	height: 244px;

	width: 989px;

	background-color: #990000;

	padding: 0px;

	margin: 0px;

}

div#header .img {

	padding: 5px 0px 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.content {

	float: left;

	display: block;

	height: auto !important; height: 100px; min-height: 100px;

	width: 420px;

	margin-top: 22px;

	margin-right: 32px;

	padding-top: 18px;

	padding-left: 32px;

}

.content h2 {

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: bold;

}

.content .img {

	float: left;

	margin: 0px 7px 0px 0px;

	border: 0.5pt solid #330000;

}

.contentfull {

	float: left;

	display: block;

	height: auto;

	width: 989px;

	margin-top: 22px;

	margin-right: 0px;

	padding-top: 18px;

	padding-left: 0px;

}

.contentfull h2 {

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: bold;

}

.contentfull .img {

	float: left;

	margin: 0px 7px 0px 0px;

	border: 0.5pt solid #330000;

}

.contentfull ul {

	margin-left: 30px;

	list-style-type: circle;

  float: left;

  width: 295px;

  height: auto;

  display: block;

}

.contentfull ul li {

	margin-bottom:6px;	

	list-style-type: circle;

}

.contentfull ul li h2{

	color: #000;	

}

.contentfull ul li a {

	width: 244px;

	display: block;

	height: auto;

}

.contentfull ul a:link, .contentfull ul a:visited {

  text-decoration: none;

	color: #330001;

}

.contentfull ul a:hover {

  text-decoration: underline;

	color: #000;

}

.contenttrhee {

	float: left;

	display: block;

	height: auto;

	width: 989px;

	margin-top: 22px;

	margin-right: 32px;

	padding-top: 18px;

}

.contenttrhee p {

  float: left;

  display:block;

	height: auto;

	width: 104px;

	margin-top: 61px;

}

.contenttrhee p img {

  border: none;

  margin-bottom: 6px;

}

.contenttrhee h2 {

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: bold;

}

.contenttrhee .img {

	float: left;

	margin: 0px 7px 0px 0px;

	border: 0.5pt solid #330000;

}

.contenttrhee ul {

	margin-right: 11px;

}

.contenttrhee ul li {

	margin-bottom:6px;

	text-align: justify;	

}

.contenttrhee ul li table {

  margin-top: 61px;

	margin-bottom:6px;

	text-align: left;	

}

.contenttrhee ul li h2{

	color: #000;	

}

.contenttrhee ul li a {

	width: 320px;

	display: block;

	height: auto;

}

.contenttrhee ul a:link, .contentfull ul a:visited {

  text-decoration: none;

	color: #330001;

}

.contenttrhee ul a:hover {

  text-decoration: underline;

	color: #000;

}

/* ---------------- Content Premiery Layout ----------------------*/

.premiery {

	background: url('../images/teatr_belka_premiery.jpg')  no-repeat left top;

}

.spektakle1 {

	background: url('../images/teatr_spektakle.jpg')  no-repeat left top;

}

.biezacespektakle {

	background: url('../images/teatr_belka_biezacespektakl.jpg')  no-repeat left top;

}

/* ---------------- Content Historia Layout ----------------------*/

.historia {

	background: url('../images/teatr_belka_historia_wide.jpg')  no-repeat left top;

}

.repertuar {

	background: url('../images/teatr_belka_repertuar_wide.jpg')  no-repeat left top;

}

.repertuar2 {

	background: url('../images/teatr_belka_repertuar2.jpg')  no-repeat left top;

}

.repertuar2a {

	background: url('../images/teatr_belka_repertuar2a.jpg')  no-repeat left top;

}

.kontakt {

	background: url('../images/teatr_belka_kontakt.jpg')  no-repeat left top;

}

/* ---------------- Content O spektaklach Layout ----------------------*/

.spektakle {

	background: url('../images/teatr_belka_spektakle.jpg')  no-repeat left top;

}

.zespol {

	background: url('../images/teatr_belka_zespol.jpg')  no-repeat left top;

}

.fundacja {

	background: url('../images/teatr_belka_stowarzyszenie.jpg')  no-repeat left top;

}

.przetargi {

	background: url('../images/teatr_belka_przetargi.jpg')  no-repeat left top;

}

.mapka {

	background: url('../images/teatr_belka_mapa.jpg')  no-repeat left top;

}

.spektakl {

	background: url('../images/teatr_belka_spektakl.jpg')  no-repeat left top;

}

.bilety {

	background: url('../images/teatr_belka_bilety.jpg')  no-repeat left top;

}

.wynajem {

	background: url('../images/teatr_belka_wynajem_wide.jpg')  no-repeat left top;

}

.partnerzy {

	background: url('../images/teatr_belka_partnerzy.jpg')  no-repeat left top;

}

.pliki {

	background: url('../images/teatr_belka_pliki.jpg')  no-repeat left top;

}

/* ---------------- Content Polecmy Layout ----------------------*/

.polecamy {

	background: url('../images/teatr_belka_polecamy.jpg')  no-repeat left top;

}

.polecamy a:link, .polecamy a:visited {

 color: #c18127;

}

.polecamy a:hover {

	color: #000;

}

/* ---------------- Content Koncerty Layout ----------------------*/

.koncerty {

	background: url('../images/teatr_belka_koncerty.jpg')  no-repeat left top;

}

.koncerty a:link, .koncerty a:visited {

	color: #0389ee;

}

.koncerty a:hover {

	color: #000;

}

/* ---------------- Content Koncerty Layout ----------------------*/

.koncerty1 a:link, .koncerty1 a:visited {

	color: #0389ee;

}

.koncerty1 a:hover {

	color: #000;

}

/* ---------------- Content Przesluchania Layout ----------------------*/

.przesluchania {

	background: url('../images/teatr_belka_przesluchania.jpg')  no-repeat left top;

}

.przesluchania a:link, .przesluchania a:visited {

	color: #139202;

}

.przesluchania a:hover {

	color: #000;

}

.przesluchania1 a:link, .przesluchania1 a:visited {

	color: #139202;

}

.przesluchania1 a:hover {

	color: #000;

}

/* ---------------- Menu----------------------*/

.menu {

	background-color: #9a0303;

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	padding: 0px 0px 0px 2px;

	height: 26px;

	width: 987px;

}

.menu ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

.menu li {

	float: left;

	position: relative;

	z-index: 100;

	text-transform: uppercase;

}

.menu table {

	position: absolute;

	border-collapse: collapse;

	z-index: 80;

	left: -1px;

	top: 25px;

}

.menu a, .menu a:visited {

	display: block;

	font-size: 10px;

	width: 122px;

	padding: 7px 0;

	color: #fff;

	background: #330000;

	text-decoration: none;

	margin-right: 1px;

	text-align: center;

}

.menu a:hover {

	color: #EFDD95;

	background: #990000;

	padding-right: 0px;

	text-decoration: none;

}

.menu ul ul {

	visibility: hidden;

	position: absolute;

	width: 122px;

	height: 0;

}

.menu ul li:hover ul, .menu ul a:hover ul {

	visibility: visible;

}

/* ---------------- Footer----------------------*/

div#footer {

	background-color: #990000;

	height: 21px;

	width: 989px;

	clear: both;

	position: relative !important;

	position: static;

	top: 30px !important;

	top: 0px;

}

div#footer span {

	float: right;

	margin-right: 20px;

	margin-top: 3px;
	font-size: 10px;

	color: #fff;

}

div#footer a:link, div#footer a:visited {

	font-size: 10px;

	color: #fff;

	text-decoration: none;

}

div#footer a:hover {

	font-size: 10px;

	color: #000;

	text-decoration: none;

}

div#footer_wydruk {

	background-color: #990000;

	height: 21px;

	width: 600px;

	clear: both;

	position: relative !important;

	position: static;

	top: 30px !important;

	top: 0px;

}

div#footer_wydruk span {

	float: right;

	margin-right: 0px;

	margin-top: 3px;

}

.widowniawrap {

	float: left;

	display: block;

	height: auto;

	width: 600px;

	margin-top: 22px;

	margin-right: 32px;

	padding-top: 18px;

}

.widowniawrap_wydruk {

	float: left;

	display: block;

	height: auto;

	width: 600px;

	margin-top: 22px;

	margin-right: 32px;

	padding-top: 18px;

}

.widowniawrap table td {

	border-bottom: 0.5pt solid #DFDCD1;

	padding-top: 4px;

	padding-bottom: 2px;

}

.obsada {

	border: 0pt none #DFDCD1;

	border-width: 0px;

	padding: 4px;

}

.obsada td {

	border-bottom: 0.5pt solid #DFDCD1;

	padding: 4px;

}

.left {

	float: left;

}

.widowniawrap h2 {

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: bold;

}

.widowniawrap .img {

	float: left;

	margin: 0px 7px 0px 0px;

	border: 0.5pt solid #330000;

}

.widowniawrap ul {

	list-style-type: none;

	color: #F2EEDD;

}

.widowniawrap ul li {

	background-image: url(../images/teatr_widownia.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	display: inline;

	height: 26px;

	width: 34px;

	margin: 10px 3px;

	padding-top: 13px;

	padding-right: 14px;

	padding-bottom:13px;

	padding-left: 14px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

}

.ramka {

	background: #DFDCD1;

	padding: 4px;

	border: 0.5pt solid #BFBDB3;

}

.kreskatlo {

	background-image: url(../images/kreska1.gif);

	background-repeat: repeat-y;

	background-position: 50px 15px;

}

.wiecej {

  margin-top: 6px;

}

.tlo {

 background-color: #E1D9BB;

 padding-left:5px;

}

.tlo h2 {

 padding:0px;

 margin:0px;

 line-height: 22px;

}



.h2_tlo {

 padding:0px;

 margin:0px;

 line-height: 22px;

 background-color: #E1D9BB;

 padding-left:5px;

 width: 400px;

}

.Langs
{
  float: right;
  text-transform: uppercase;
  padding-top: 15px;
}

.Langs span
{
  color: #990000;
  font-weight: bold;
}

.Langs a
{
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}

.Langs a:hover
{
  text-decoration: underline;
}