body{
margin:0;
padding:0;
font-family: Arial, sans-serif;
font-size: small;
line-height: 1.6em;
color:#333;
background:#777 url(img/bg01.png) top left repeat-x;
}

#psh {
	text-decoration: none;
	color: red;
	padding-left: 3px;
	padding-right: 3px;
}

#psh:hover {
	text-decoration: none;
	background-color: red;
	color: white;
	padding-left: 3px;
	padding-right: 3px;
}

body.posters{
background:#636f7d;
}

body.painting{
background:#6d6a62;
}

body.photo{
background:#584852;
}

body.pastels{
background:#9E7F67;
}

body.sculpture{
background:#858585;
}

body.scenography{
background:#767658;
}

body.masks{
background:#6d5c4c;
}

body.performances{
background:#534b54;
}

body.installations{
background:#475c5c;
}

body.drawings{
background:#938a76;
}

body.books{
background:#7A7C6F;
}

body.about{
background:#728486;
}
body.news{
background:#4f6469;
}

img{
border-style:none;
}


img a, img a:link, img a:hover{
border-style:none;
outline:0;
}

.insert{
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
}



a {
	color:#999;
	text-decoration:none;
	padding:0;
	margin:0;
	outline:0;
}
a:hover {
	color:#f2f2f2;
	
	text-decoration:none;
	padding:0;
	margin:0;
}

h1 {
	font-size: 1.35em;
	line-height: 1.25em;
	letter-spacing:0.05em;
	font-weight: bold;
	margin-top:-5px;
	
	
}




.title {
	font-size: 1em;
	
	letter-spacing:0.05em;
	font-weight: normal;
	
	
	margin-top:-5px;
}

	

.podpis{
border-style:none;
margin-left:5px;
margin-bottom:20px;
margin-top:-10px;

}

.contents{

padding-right:15px;
margin-bottom:20px;
margin-top:10px;
font-family: georgia, serif;

font-weight:normal;
}

.contents_box{

margin-top:10px;
margin-bottom:20px;
padding-right:15px;
font-family: georgia, serif;
font-size:1em;
font-weight:normal;

}

table{
margin:0px 10px 0px 0px;
border-style:none;
}

td{
padding: 0 10px 10px 0;
}

.serif{
font-family: georgia, serif;
font-size:0.9em;

}

.serif_diap{

font-family: georgia, serif;
color:#fff;
margin-bottom:10px;
margin-top:0px;
}

.serif_diap_gray{

font-family: georgia, serif;
color:#e4e4e4;
margin-bottom:10px;
margin-top:0px;
}


.serif_diap a, .serif_diap a:link{
color:#222;
}

.serif_diap a:hover{
color:#bababa;
}

.author{
font-family:arial, sans-serif;
font-size:0.8em;
letter-spacing:0.05em;
margin-top:5px;
font-weight:normal;
}

.picture_title{
font-family:arial, sans-serif;
color: #eee;
text-align: left;
padding: 3px 0;
font-size:0.75em;
line-height:1.1em;

}



.articles{
margin-bottom:10px;
border-style:none;
}

.articles_title{
font-family:arial, sans-serif;
font-size:1.15em;
line-height:1.25em;
letter-spacing:0.03em;
}

.articles_text{
font-family: georgia, serif;
line-height:1.25em;
color:#fff;
font-size:1em;
}


#articles_menu {
	float: left;
	
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 85%;
	letter-spacing:0.1em;
	font-weight:bold;
	
	
	
	}
	
#articles_menu a, #articles_menu a:link {
padding: 0 10px 0 0;
float: left;
text-decoration: none;
color:#fff;
outline:none;

}

#articles_menu a:hover, used#articles_menu {
text-decoration: none;
color:#222;
outline:none;

}

#articles_active {
padding: 0 10px 0 0;
float: left;
text-decoration: underline;
color:#222;
outline:none;

}

.to_top a, .to_top a:link{
color:#fff;
font-size:0.8em;
font-family:arial,sans-serif;
letter-spacing:0.08em;
}
.to_top a:hover{
color:#000;
font-size:0.8em;
font-family:arial,sans-serif;
letter-spacing:0.08em;

}

.more a, .more a:link, .more a:visited{
font-family:arial, sans-serif;
font-size:0.8em;
letter-spacing:0.06em;
margin-top:5px;
color:#fff;
font-weight:normal;
padding-right:12px;
background: transparent url(img/arrow_left.gif) center right no-repeat;
}
.more a:hover{
font-family:arial, sans-serif;
font-size:0.8em;
letter-spacing:0.06em;
margin-top:5px;
color:#555;
font-weight:normal;
padding-right:12px;
background: transparent url(img/arrow_left.gif) center right no-repeat;
}

.back a, .back a:link, .back a:visited{
font-family:arial, sans-serif;
font-size:0.8em;
letter-spacing:0.06em;
margin-top:5px;
color:#fff;
font-weight:normal;
padding-left:12px;
background: transparent url(img/arrow_right.gif) center left no-repeat;
}
.back a:hover{
font-family:arial, sans-serif;
font-size:0.8em;
letter-spacing:0.06em;
margin-top:5px;
color:#555;
font-weight:normal;
padding-left:12px;
background: transparent url(img/arrow_right.gif) center left no-repeat;
}

/*____________ nawigacja top menu_______________*/

.topmenu{
width:100%
margin:0;
padding;0;
z-index:100;
height:18px;
background: transparent url(img/top_bar_bg.png) top left repeat;
}

.topmenu ul {
list-style-type:none;
padding:0;
margin:0;
float:right;

}

.topmenu li {
float:left;
position:relative;
font-size:80%;
letter-spacing:0.08em;
text-align:center;
display:block;
color:#ABADAF
height:18px;
background:#353535;
text-decoration:none;

}

/* style all the links */
.topmenu li a, .topmenu li a:link, .topmenu li a:visited {
background:#353535;
color:#fff;
text-decoration:none;
display:block;
height:18px;
padding:0 8px 0 8px;

}
/* style the links hover */
.topmenu  li a:hover    {
color:#000;
background:#575757;

}

.topmenu span {
float:left;
position:relative;
display:block;
color:#000;
padding:0 8px 0 8px;
background:#fff;
border-left:1px solid #fff;

}


/* ____________Navigacja prawa kolumna ______________ */

#nav01 {
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	}


#nav01 ul {
	list-style:none;
	padding: 0px;
	margin: 0;
	text-align:left;
}


/* #nav01 li  {
	color: transparent;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-size: 0.9em;
	line-height: 12px;
	font-weight: bold;
	padding: 6px 5px 5px 12px;
	display:block;
} */


#nav01 ul li a, #nav01 ul li a:link, #nav01 ul li a:visited {
	color: #ABADAF;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-size: 0.9em;
	line-height: 12px;
	font-weight: bold;
	padding: 6px 5px 5px 12px;
	display:block;
}


#nav01 ul li a:hover {
	color: #fff;
	display:block;
	
}

#nav01 ul li a.menueaktiv,  #nav01 ul li a:visited.menueaktiv {
	font-weight:bold;
	color: #fff;
	display:block;
	background:  url(img/arrow_right.gif) no-repeat left center;
}





/* _________Navigacja lewa kolumna sub menu___________ */

#nav03 {
	margin-top: 10px;
	width: 100px;
	padding:0;
	
}

#nav03 ul {
	list-style:none;
	padding:0;
	margin: 0;
	text-align:right;
}

#nav03 ul li a, #nav03 ul li a:link, #nav03 ul li a:visited {
	display:block;	
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	padding:0 5px 0 0;
	letter-spacing:0.12em;
}


#nav03 ul li a:hover {
	color: #333;
}

#nav03 ul li a.menueaktiv, #nav03 ul li a:visited.menueaktiv {
	font-weight:bold;
	color: #fff;
	text-decoration: underline;
	/*background:  url(img/arrow_right.gif) no-repeat right center;*/
}





.anylinkbox a, .anylinkbox a:link, .anylinkbox a:visited{
font-size: 0.9em;
padding:0px 10px 0px 0px;
display:block;
font-weight:bold;
line-height:20px;
height:20px;
color:#ABADAF;
text-decoration:none;
text-transform: uppercase;
float:left;
text-align:center;
outline:0;

}



.anylinkbox a:hover{
text-decoration:none;
  color:#fff;
  outline:0;
}


.anylinkboxred a, .anylinkboxred a:link, .anylinkboxred a:visited{
font-size: 0.9em;
padding:0px 10px 0px 0px;
display:block;
font-weight:bold;
line-height:20px;
height:20px;
color:red;
text-decoration:none;
text-transform: uppercase;
float:left;
text-align:center;
outline:0;

}

.anylinkboxred a:hover{
text-decoration:none;
  color:#fff;
  outline:0;
}

.visited_link{
font-size: 0.9em;
padding:0px 10px 0px 0px;
display:block;
line-height:20px;
font-weight:bold;
height:20px;
color:#fff;
text-decoration:none;
text-transform: uppercase;
float:left;
text-align:center;
 
}




.anylinkcss{
position:absolute;
visibility: hidden;
font-size: 0.8em;
line-height: 18px;
color: #fff;
z-index: 100;


}



.anylinkcss a, .anylinkcss a:link, .anylinkcss a:visited{

/*display: block;*/

padding:2px 8px 3px 0px;
text-decoration: none;
font-weight: bold;
color: white;
outline:0;
}

.anylinkcss a:hover{ 
text-decoration: underline;
color:#fff;
outline:0;
}


#top_sub{

padding-top:20px;
margin-left:45px;
font-size: 0.8em;
line-height: 18px;
color: #fff;
z-index: 100;


}



#top_sub a, #top_sub a:link, #top_sub a:visited{

/*display: block;*/

padding:2px 8px 3px 0px;
text-decoration: none;
font-weight: bold;
color: #ABADAF;
outline:0;
}

#top_sub a:hover{
text-decoration: underline;
color:#fff;
outline:0;
}

#top_sub a.active, #top_sub a:link.activ, #top_sub a:visited.activ{
text-decoration: underline;
color:#FFF;
outline:0;
}


.contents_box_bio{
background:url(img/bio.jpg) no-repeat;
height:435px;
text-align:right; 

padding-right:10px;

/*margin-bottom:-290px;*/
font-size:0.9em;
}

.bio_text{
padding-top:300px;
}

/* newsy */


.newsbox{
padding-bottom:10px;
border-bottom:1px solid #999;
color:#fff;
text-align:left;
line-height:140%;
font-family:arial, sans-serif;
}

.newsbox .date{

font-size:80%;
color:#000;
padding-bottom:5px;
}

.newsbox .event{
font-size:1.3em;
color:#fff;
font-weight:bold;
padding-bottom:5px;
}

.newsbox .place{
font-size:90%;
color:#000;
font-weight:normal;
padding-bottom:10px;
}

.newsbox .info{
font-family: georgia, serif;
font-size:12px;
color:#fff;

font-weight:normal;

}

.newsbox .additional{
text-align:right;
font-size:80%;
color:#111;
letter-spacing:0.1em;
padding-bottom:5px;
padding-top:10px;
}

.newsbox .additional a{
color:#111;
outline:none;

}


.newsbox .additional a:hover{
color:#fff;
text-decoration:none;
outline:none;

}
/* pop ups */
a.tooltip {color:#000;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; font-size:0.85em; font-family:arial, sans-serif; color:#000; border:1px solid #888; background:#ffc; width:100px;}
a.tooltip:hover b em {position:absolute; left:25px; top:-6px; width:11px; height:6px; background:transparent url(img/tooltip.gif) 0 0; display:block; font-size:1px;}


a.tooltip150 {color:#c00;}
a.tooltip150 b {display:none;}
a.tooltip150:hover {
border:0; 
position:relative; 
z-index:500; 
text-decoration:none;
}
a.tooltip150:hover b {
display:block; 
position:absolute; 
top:20px; 
left:-25px; 
padding:5px; 
font-weight:normal; 
font-size:0.85em; 
font-family:arial, sans-serif; 
color:#000; 
border:1px solid #888; 
background:#ffc; 
width:150px;
}
a.tooltip150:hover b em {
position:absolute; left:25px; 
top:-6px; width:11px; 
height:6px; 
background:transparent url(img/tooltip.gif) 0 0; 
display:block; 
font-size:1px;
}

a.tooltip250 {color:#aaa;}
a.tooltip250 b {display:none;}
a.tooltip250:hover {
border:0; 
position:relative; 
z-index:500; 
text-decoration:none;

}
a.tooltip250:hover b {
display:block; 
position:absolute; 
top:20px; 
left:-25px; 
padding:5px; 
font-weight:normal; 
font-size:0.85em; 
font-family:arial, sans-serif; 
color:#000; 
border:1px solid #888; 
background:#ffc; 
width:250px;
}
a.tooltip250:hover b em {
position:absolute; left:25px; 
top:-6px; width:11px; 
height:6px; 
background:transparent url(img/tooltip.gif) 0 0; 
display:block; 
font-size:1px;
}


div#info-box {
	clear: left;
	float: left;
	width: 20%;
	padding: 3%;
	margin: 0;
}

div#info-box p {
	line-height: 1.35em;
}

div#grid-box {
	float: right;
	width: 75%;
	margin-top: 2%;
}

/*
div.thumbnail-box {
	text-align: center; 
	display: table-cell; 
	vertical-align: middle;
}

div.thumbnail-box img {
	margin:0 auto; 
}
*/

.thumbnail-box{
	margin-bottom: 35px;
}

ol#wcs-list {
	list-style: none;
	margin-left: 10px;
	font-size: 90%;
	display: block;
}

ol#wcs-list li {
	display: inline;
	float: left;
	margin: 0 1.2em 1.3em 0;
	text-align: center;
}

ol#wcs-list li img {
	border: .5em solid #fff;
}

.caption-box{
	margin: 10px;
}