/***** kolory ******
d1630f - pomarańczowy    - tło strony
f09503 - jasny pomarańcz - linki
5c2c07 - brązowy         - ramki
f09503 - żółty 			 - linki w menu
f0b108 - żółty           - aktywny link w menu
********************/
html, body {border: 0;	font: 100%/1 verdana, sans-serif; margin: 0; padding: 0; font-size: 1em;}
h1, h2, h3, h4, h5, h6 {position: relative; font-weight: normal;	margin: 0.5em 0 0 0;	padding: 0;}
h1 {font:200% Georgia, serif; line-height: 1em; padding:10px 0 0px 0; margin: 5px 30px 15px 30px; letter-spacing:1px; border-bottom: 1px solid brown;}
h2 {font:150% Georgia, serif; letter-spacing:-1px;	padding:0; margin: 15px; border-bottom: 1px solid brown;}
h3 {font:105% Georgia, serif; font-weight:bold;
text-align: left;
/*background: #c2763c;*/
border-bottom: 1px solid black;
border-bottom: 1px solid #5c2c07;
padding: 3px 3px;
margin: 0 40px;
}
h4{
   font:105% Georgia, serif; font-weight:bold;
   margin: 15px;
}
p {margin:0 30px; padding:0 0 18px 0; font-size: 95%; text-indent: 10px; line-height: 18px;}
ul, ol {list-style:none; padding:0 0 18px 60px;}
img {border:0; padding: 3px;}
body {background: #d1630f url(img/header_grad.png) 0 63px repeat-x; text-align: center;}

div.lang {float: right; margin-right: 10px; font-size: 12px;}
div.lang img{padding-left: 5px;}

#header {
	height: 133px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width:734px;
}
#logo {height: 350px;	left: -113px;	position: absolute;	width: 444px;}
#TeatrOgnia {
	background: url(img/tto1.jpg) no-repeat;
	margin: 0;
	height: 188px;
	left: 304px;
	position: absolute;
	top: 33px;
	width: 391px;
	border: none;
}
#TeatrOgnia span{visibility: hidden;}
.home{
    display: block;
    width: 295px;
    height: 200px;
    position: absolute;
    top: 25px;
    left: 78px;
}
div#glowna{
	background: url(img/avatar_glowna2.png) no-repeat;
         behavior: url(iepngfix.htc);        
	height: 350px;
	margin-top:1px;
	float: right;
	margin: 24px 0 0 0;
	position: relative;
	width: 497px;
        height: 367px;
	z-index: 2;      
	}
.btn_g1{display: block; position: absolute; width: 132px; height: 60px; top: 291px; left: 101px;}
.btn_g2{display: block; position: absolute; width: 132px; height: 60px; top: 291px; left: 263px;}
#wrapper {
	margin: 103px auto 0 auto;
	overflow: visible;
	position: relative;
	text-align: left;
	width:734px;
}
.menu_1 {
	background: black;
	border-left: 5px solid #5c2c07;
	border-right: 5px solid #5c2c07;
	margin: 0px 0px 0px 0;
	padding: 12px 0 0 0;
	width: 207px;
	font: 115% Georgia, serif;
}
#nav {
	float: left;
	margin: 24px 0 0 0;
	position: relative;
	padding: 10px 0 10px 0;
	width: 217px;
	z-index: 2;
}
.menu_1 li {
	list-style:none;
	margin: 6px 0 6px 0;
	text-align: center;
}
.menu_1 a, .menu_1 a:link {
	border-top: #3e3e3e solid 1px;
	border-bottom: #3e3e3e solid 1px;
	background: #0e0e0e;
	color: #f09503;
	display: block;
	height: 31px;
	letter-spacing: 0.2ex;
	line-height: 31px;
	font-weight: normal;
}
/*#menu a:visited {color: #f09503;}*/
.menu_1 a:hover {background: url(img/menu_grad_hover.png) repeat-x;}
.menu_1 a.active{color: #f0b108; text-decoration: underline; background: #292929;}
.menu_1 ul.menu_2 {margin: 0; padding: 0; font-size: 80%; }
.menu_1 ul.menu_2 li {height: 1.5em; padding: 0; margin: 0 auto 0 auto; width: 100%; }
.menu_1 ul.menu_2 a,.menu_1 ul.menu_2 a:link,.menu_1 ul.menu_2 a:visited {height: 1.5em; color: #db7d03; background: none; border: none; padding: 0; margin: 0 0 0 0; line-height: 1.5em; letter-spacing: normal;}
.menu_1 ul.menu_2 a:hover {background: #2f1704; text-decoration: underline;}
.menu_1 li.activebranch a.active{color: #F0B108; text-decoration: underline;}
.menu_1 ul.menu_2 a:hover {background: #2f1704;}
#nav .tr, #nav .tl, #nav .br, #nav .bl {height: 22px;	position: absolute;	width: 200px;}
#nav .md{background: url(img/menu_dot.png) top;	height: 32px;	left: 91px;	position: absolute;	top: -22px;	width: 37px; z-index: 3;}
#nav .tr {background: url(img/cornerbox.png) top right;	right: 0px;	top: 0px;}
#nav .tl {background: url(img/cornerbox.png); left: 0px;	top: 0px;}
#nav .br {background: url(img/cornerbox.png) bottom right; bottom: -6px; right: 0px;}
#nav .bl {background: url(img/cornerbox.png) bottom left;	bottom: -6px;}

.m_admin{
   background: #000;
   border-left: 5px solid #5c2c07;
   border-right: 5px solid #5c2c07;
   margin: -6px 0 0;
   padding: 10px 5px 0;
   color: #999;
}
.m_admin ul{
   padding: 0 20px;
}
.m_admin h4{
   margin: 0;
   font-size: 14px;
   text-align: center;
}
.m_admin li{ padding: 2px;}
.menu_admin{
   margin: 10px;
}
#content{
	background: #f6ab46;
	float: right;
	margin: 13px 0 0 0;
	position: relative;
	width: 490px;
	z-index: 2;
	border-left: solid #5c2c07 5px;
	border-right: solid #5c2c07 5px;
    min-height: 310px;
}
#content .tl {background: url(img/cornerbox2.png) top left;  height: 12px; left: -5px; position: absolute; top: -12px; width: 433px;}
#content .tr {background: url(img/cornerbox2.png) top right; height: 12px;	position:absolute; right: -5px;	top: -12px;	width: 79px;}
#content .bl {background: url(img/cornerbox2.png) bottom left;	bottom: -12px; height: 12px; left: -5px; position: absolute; width: 433px;}
#content .br {background: url(img/cornerbox2.png) bottom right; bottom: -12px;	height: 12px;	position:absolute; right: -5px;	width: 79px;}
#content.starter {background: #000; border-left: solid #5c2c07 5px; border-right: solid #5c2c07 5px; }
#content.starter .tl {background: url(img/cornerbox.png) top left;}
#content.starter .tr {background: url(img/cornerbox.png) top right;}
#content.starter .bl {background: url(img/cornerbox.png) bottom left;}
#content.starter .br {background: url(img/cornerbox.png) bottom right;}
#xoo, #oxo, #oox {display: block;	height: 250px;}
#xoo {background: url(img/starter_xoo.jpg) left no-repeat;}
#oxo {background: url(img/starter_oxo.jpg) center;}
#oox {background: url(img/starter_oox.jpg) right;}
#kwicks .kwick {display: block;	float: left; height: 367px;	width: 163px;}
#kwicks {color: white; margin: 0; overflow: hidden; padding: 0;}
#btn_galeria, #btn_oferta, #btn_kontakt {color: #f09503; display: block; height: 62px; position: relative; top: 25px;	width: 132px;}
#btn_galeria {background: url(img/btn_galeria.png) no-repeat;	left: 10px;	margin: 0 auto;	z-index: 1;}
#btn_oferta {background: url(img/btn_oferta.png) no-repeat;	margin: 0 auto;}
#btn_kontakt{background: url(img/btn_kontakt.png) no-repeat; right: 10px;	margin: 0 auto;}
#btn_galeria span, #btn_oferta span, #btn_kontakt span {font-weight:normal; float: right; font-size: 75%; margin: 48px 8px 0 0; letter-spacing: 1px;}
#footer {clear: both;	display: block;	height: 52px; margin: 0 0 60px 0;	position: relative;	top: 30px; width: 698px;}
#footer .content {background: black; border-top: 5px solid #5c2c07;	border-bottom: 5px solid #5c2c07;	height: 42px;	margin: 0 0 0 20px;}
#footer .tl, #footer .bl {left: 0; position: absolute; width: 20px;}
#footer .tl {	background: url(img/cornerbox.png);	height: 12px;	top: 0;}
#footer .bl {	background: url(img/cornerbox.png) left bottom; bottom: 0; height: 41px;}
#footer .ft {	background: url(img/footer_logo.png); height: 78px; position: absolute; right: -50px; top: -13px; width: 133px;}

	div#podpis{
		color: #5C2C07;
		font-size:9px;
		left:7px;
		position:absolute;
		top:56px;
	}

		div#podpis a:link {
			color: #5C2C07;
		}

		div#podpis a:hover {
			color: #F4B254;
		}

.kontakt { display: block; width: 100%; float: left;}
.kontakt img{
	display: block;
	background: url(img/faceback.png);
	float: left;
	width: 200px;
	height: 200px;
	padding: 10px;
	margin: -6px 6px 6px 10px;
	_margin: 4px;
}
.kontakt p{
	margin: 0; padding: 0; font-size: 85%;
}
#czlonkowie {padding: 10px;	margin: 0;text-align: center;}
#czlonkowie li{
	display: block;
	background: url(img/faceback.png);;
	float: left;
	width: 200px;
	height: 220px;
	padding: 10px;
	margin: 6px;
	_margin: 4px;
}
#czlonkowie img{padding: 0;}
#czlonkowie li:hover {background: url(img/faceback_hover.png);}
#czlonkowie li span {margin: 3px 0 -3px 0; padding: 0; display: block;}

div.czlonkowie{
	border-top: 1px solid #FFDCAF;
	border-bottom: 1px solid #FFDCAF;
	min-height: 235px;
	margin: 10px;
}
div.czlonkowie img{
	background: url(img/faceback.png);
	/*width: 200px;*/
	/*height: 220px;*/
	padding: 10px;
	margin: 6px;
	_margin: 4px;
}
div.czlonkowie p{text-indent: 0; margin: 7px; padding:0;}
.bold{ font-weight: bold;}
.clear{ clear: both;}
/*.imagegallery  li {*/
/*	display: block;*/
/*	/*background: url(img/photoback.png) no-repeat;*/*/
/*	float: left;*/
/*	width: 126px;*/
/*	height: 126px;*/
/*	margin: 4px 3px 4px 1px;*/
/*	_margin: 4px;*/
/*        border: 2px solid #422e13;*/
/*}*/
.imagegallery li:hover {/*background: url(img/photoback_hover.png) no-repeat;*/}
a, a:visited {text-decoration:none; /*color: #a64141;*/}
a, a:link {color: #691300; font-weight: bold;}/*#c1530f*/
a:hover {color: #f0f646;}
a.active {color: #f0b108; text-decoration: underline;}
#up{margin-top: -5px;}
#down{margin-top: 25px;}
.down{margin-top: 25px;}
dl{margin: 0px 40px;}
dt{margin-top: 10px;}
dd{font-size:95%;}
.center{ text-align:center;}
.confero{ margin: 10px 0;}
img.ban {padding: 20px;}
.oferta{ list-style:circle; font-size: 95%;}
.oferta li{padding-top: 10px; margin: 0 40px;}
.ofertaimg{background: url(img/photoback.png) no-repeat;}
.ofertaimg:hover{background: url(img/photoback_hover.png) no-repeat;}
img.fright{
  float: right;
  margin: 10px 30px 4px 3px;
  padding: 3px;
}
img.fleft{
  float: left;
  margin: 10px 7px 4px 20px;
  padding: 3px;
}
.m-top{margin-top: 15px;}
.adres p{text-align:center; padding: 3px; line-height: 0.9em;}
div.adres {margin: 20px 0; float: left; width: 100%}
/*.wystepy li.miesiac{ font-weight:bold; margin-left: -5px; margin-top: 5px;}*/
.wystepy{margin: 10px 25px 10px 55px; padding: 0; font-size: 90%;}
.wystepy li{padding-top: 7px; list-style: disc;}
.wspolpraca a{ font-size:58%;}
.wspolpraca li{ list-style: circle; margin-right: 20px; _margin-left:-35px; }
.ie {_margin-left: 0px;}
.foto{border: 1px solid #c2763c ; padding: 4px;}
.down span{ right: 35px; font-size: 60%; color: #a6722e; position: absolute;}
.filmy p{padding: 3px;}
div.filmy{margin: 10px;}

.video{
	text-align: center;
}
html .hidden{display: none;}


/*--------- LOGIN -----------------*/
#footer {
	color: #f0b108;
}
input {
	background: #d1630f ;
	/*color: #f0b108;*/
	border: solid #5c2c07 2px;
}
label {
	font-size: 70%;
}
.submit {
	border: solid #411A00 2px;
	background: #100A00;
	position: relative;
	left: 2ex;
}
.submit:hover {
	border: solid #411A00 2px;
	background: #411A00;
}
#loginform {
	position: relative;
	top: 1ex;
	width: 42ex;
}
.red {
	background: red;
}

#studio_avatar{
   text-align: center;
   color: #111;
   font-size: 12px;   
}
.iepngfix{   behavior: url(css/iepngfix.htc); }
/* -------------------SLIMBOX------------------------- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
/*********** PRZYCISKI ***************/

a.button, input[type="submit"], input[type="button"]{
    font-family: 'Helvetica Neue','Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
    padding: .3em .5em;
    color: #5c2c07 !important;
    /*border: solid thin #555;*/
    border: solid 1px #5c2c07;
    /*border-bottom: solid 3px #555;*/
    /*border-right: solid 2px #555;*/
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    background-color: #DF9029;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
	margin: 5px;
      position: relative;
      line-height: 15px !important;
      font-weight: normal;
}

a.button:active, a.button:hover, a.contentbutton:hover, input[type="submit"]:hover, input[type="button"]:hover{
    background-position: bottom right;
    color: #000 !important;
    background-color: #FFCE8F;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}

.button.user, .button.list, .button.history,
.button.del, .button.ok, .button.attach,
.button.featuredenable, .button.featureddisable,
.button.hide, .button.show, .button.edit,
.button.save, .button.add, .button.cancel, .button.open,
.button.logout, .button.close, .button.login, .button.back, .button.print{
    background-repeat: no-repeat;
    background-position: 5px center !important;
    padding-left: 26px !important;
    cursor: pointer;
}

.del {background-image: url(img/ikonki/delete.png);}
.attach {background-image: url(img/ikonki/attach.png);}
.featuredenable {background-image: url(img/ikonki/star.png);}
.featureddisable {background-image: url(img/ikonki/star_black.png);}
.hide {background-image: url(img/ikonki/eye-crossed.png);}
.show {background-image: url(img/ikonki/eye.png);}
.edit {background-image: url(img/ikonki/edit.png);}
.save {background-image: url(img/ikonki/save.png);}
.add {background-image: url(img/ikonki/add.png);}
.cancel {background-image: url(img/ikonki/cancel.png);}
.logout {background-image: url(img/ikonki/logout.png);}
.ok {background-image: url(img/ikonki/ok.png);}
.history {background-image: url(img/ikonki/clock.png);}
.list {background-image: url(img/ikonki/book.png);}
.user {background-image: url(img/ikonki/user.png);}
.login {background-image: url(img/ikonki/login.png);}
.close {background-image: url(img/ikonki/padlock_closed.png);}
.open {background-image: url(img/ikonki/padlock_open.png);}
.back {background-image: url(img/ikonki/rewind.png);}
.print {background-image: url(img/ikonki/print.png);}

.del:hover {background-image: url(img/ikonki/delete-hover.png);}
.attach:hover {background-image: url(img/ikonki/attach.png);}
.featuredenable:hover {background-image: url(img/ikonki/star-hover.png);}
.featureddisable:hover {background-image: url(img/ikonki/star_black-hover.png);}
.hide:hover {background-image: url(img/ikonki/eye-crossed-hover.png);}
.show:hover {background-image: url(img/ikonki/eye-hover.png);}
.edit:hover {background-image: url(img/ikonki/edit-hover.png);}
.save:hover {background-image: url(img/ikonki/save.png);}
.add:hover {background-image: url(img/ikonki/add-hover.png);}
.cancel:hover {background-image: url(img/ikonki/cancel.png);}
.logout:hover {background-image: url(img/ikonki/logout.png);}
.ok:hover {background-image: url(img/ikonki/ok.png);}
.history:hover {background-image: url(img/ikonki/clock.png);}
.list:hover {background-image: url(img/ikonki/book-hover.png);}
.user:hover {background-image: url(img/ikonki/user.png);}
.login:hover {background-image: url(img/ikonki/login.png);}
.close:hover {background-image: url(img/ikonki/padlock_closed.png);}
.open:hover {background-image: url(img/ikonki/padlock_open.png);}
.back:hover {background-image: url(img/ikonki/rewind.png);}
.print:hover {background-image: url(img/ikonki/print-hover.png);}

.button.small {font-size:10px; padding:3px;}

a.inlineico{width: 16px; height: 16px; margin: 0px; padding: 0; float: right; }

a.modedit{
   display: block;
   /*float: right;*/
   margin: 3px 14px 3px auto;
   width: 170px;
   clear: both;
}
/************ FORMULARZE ***************/
form {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 400px;
  max-width: 500px;
  width: 480px;
}

form fieldset {
  clear: both;
  border: 0;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form textarea, form input[type="text"], form input[type="password"]{
    background: #ddd;
    border: solid 2px #222;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    padding: 2px;
    font-family: verdana,arial,sans-serif;
    font-size: 100% /*!important*/;
}

form textarea:focus, form input[type="text"]:focus, form input[type="password"]:focus{
    background: #fff;
}

form input[type="checkbox"] { margin-right: 5px;}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#kontakt form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 12px 5px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form input, form textarea {
	width:auto;
	/*margin:5px 0 0 10px;*/
}

textarea { overflow: auto; }

form label span.dopisek {
	font-size: 80%;
      color: #333;
}

form .required{font-weight:bold;}
form br {clear:left; }

div.buttongroup{ width: 300px; margin: 10px auto 52px; height: 30px;}
div.buttongroup input[type="submit"], div.buttongroup a.button{float: right;}

/*_____________________________________________
  MESSAGES  */
.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation {
    border: 1px solid;
    margin: 10px 10px 10px 30px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 530px;
    display: block;
    z-index: 1000;
    -moz-border-radius: .9em 0 .9em 0;
    border-radius: .9em 0 .9em 0;
}

.msgInfo strong, .msgSuccess strong, .msgWarning strong, .msgError strong, .msgValidation strong{ font-weight: bold; color: inherit;}

.msgInfo {
	color: #00529B;
	background-color: #BFD9E7;
	background-image: url('img/ikonki/msg_info.png');
}
.msgSuccess {
	color: #4F8A10;
	background-color: #C6DFA9;
	background-image:url('img/ikonki/msg_success.png');
}
.msgWarning {
	color: #9F6000;
	background-color: #FBDAAC;
	background-image: url('img/ikonki/msg_warning.png');
}
.msgError {
	color: #F13232;
	background-color: #FFCDCD;
	background-image: url('img/ikonki/msg_error.png');
}
textarea#textedit{
    font-size: 12px;
}