/*--------------------------------------------------------
	css theme name: teatr112
	author: bartosz mediger (http://mediger.net)

	created: feb 25, 2009


*/


* { margin: 0px; padding: 0px; }



blockquote p {
	line-height: 18px !important;
	font-size: 14px; }


body, html { width: 100%;  height: 100%; }



body { background: #09090e url(../images/back_sub.jpg) no-repeat center top; }

body.start { background: #0c0b11 url(../images/back_start.jpg) no-repeat center top; }



fieldset { border: none; }


	
html {
	overflow: auto;
	overflow-x: hidden;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff; }



img { border: none; }



ins { text-decoration: none; }




p { padding-bottom: 15px; }



textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ul, ol { margin: 0 0 0 20px; }








/*	naglowki */

h1 {
	width: 400px; height: 71px;
	text-indent: -10000px; }

	h1.aktualnosci { background:url(../images/h_aktualnosci2.gif); }
	h1.fart { background: url(../images/h_f-art.gif); }
	h1.galeria { background: url(../images/h_galeria.gif); }
	h1.kontakt { background: url(../images/h_kontakt.gif); }
	h1.ludzie { background: url(../images/h_ludzie.gif); }
	h1.oteatrze { background: url(../images/h_oteatrze.gif); }
	h1.spektakle { background: url(../images/h_spektakle.gif); }
h2 {
	font-size: 18px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	color: #ffca7a;
	margin-bottom: 5px; }




/*	nawigacja */

a {
	text-decoration: none;
	color: #fff; }
	
	a:hover { text-decoration: underline; }




#actions a {
   font-size: 14px;
   font-family: Georgia, Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: #ffca7a; }
	
#actions  a:hover { text-decoration: underline; }

#actions .drukuj { display: none; }

#actions {
	float: right; 
	margin-top: 15px;
	font-weight: bold; }













#aktualnosci {
	position: absolute; top: 265px; left: 240px; z-index: 20;
	width: 590px;
	background: url(../images/h_aktualnosci.gif) no-repeat left top;
	padding: 40px 0 0 0; }
	
	
	#aktualnosci .archiwum {
		display: block;
		margin: 20px 0 0 0; }
	
	
	#aktualnosci .date { display: block; }

	#aktualnosci .news-item {
		float: left;
		clear: none !important;
		width: 230px;
		padding: 10px 60px 0 3px;
		line-height: 15px;
		font-size: 11px; }
		
	.news-item img {
		float: left;
		margin: 0 10px 3px 0;
		border: 1px solid #211825; }


	.news-item {
		clear: both;
		padding: 0 0 20px 0; }











#center {
	position: relative;
	width: 972px; min-height: 876px; _height: 876px;
	margin: 0 auto; }














#content {
	width: 560px; position: relative;
	padding: 255px 0 25px 108px; }
















#foot {
	width: 844px; height: 98px;
	margin: 0 auto;
	padding: 26px 20px 0 108px; }

	#foot a, #foot span, .realizacja {
		font-size: 10px;
		padding: 0 5px 0 5px;
		text-decoration: none;
		color: #363639; }
	
	#foot .links { float: left; }
	
	#foot .realizacja {
		float: right;
		line-height: 12px;
		text-align: right; }
		
	
	










#gallery {
	clear: both;
	padding: 15px 0 0 0; }

#gallery img { 
	filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9;
	margin: 0 10px 10px 0;
	border: 1px solid #211825; }
	
	#gallery a:hover img { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }






















#logo {
	position: absolute; top: 23px; left: 50px; z-index: 30;
	width: 270px; height: 160px;
	background: url(../images/empty.gif); }













#pages a {
	font-weight: bold;
	padding: 2px 3px 2px 3px; }





























/* classess */

.anim {
	position: absolute; left: -153px; bottom: 0; z-index: 10;
	width: 600px; height: 632px;
}



.button {
	border: none;
	cursor: pointer; }

.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }





.gal-item {
	float: left;
	width: 120px;
	margin: 0 15px 15px 0;
	text-decoration: none;
	line-height: 14px;
	font-size: 11px; }
	
.gal-item:hover img { filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }
	
.gal-item img { float: left; margin: 0 5px 3px 0; }

.news-item {
	margin-bottom: 35px; }



	
.menu {
	position: absolute; top: 0; right: 0; z-index: 10;
	width: 556px; height: 300px;
}


.row { clear: both; }