@charset "utf-8";

/* PENTAGRAMM CSS STYLESHEET, YO! */

/* 
-------------------------------------------
COLOR INFO

ORANGE
color: #f7941d;

SEMI BLACK
color: #242424;

BG GREY:
background: #f0f0f0;

BORDER GREY:
border:#c0c0c0;

ORANGE
color:#f7941d;

GREEN
color:#7ebf1f;

BLUE
color:#00b4c9;

VIOLET
color:#9000ff;

-------------------------------------------
*/

.orange{
color:#f7941d;
}

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

/* END OF RESET, START OF THE FUN */

.gledPred {color:#f7941d !important;}
.konference {color:#7ebf1f !important;}
.razstave {color:#00b4c9 !important;}
.koncerti {color:#9000ff !important;}

.clearfloat {clear: both; float: none; width: 0; height: 0; border: 0 none;}

body {
	background: url(../images/greyPattern.jpg);
}

body.bgShort {
	background: #f0f0f0 url(../images/bodyBgShort.png) repeat-x;
}

#content {
	width:962px;margin:0 auto 0;
	background:#FFF;	
}

#container {
	background: url(../images/bodyBg.png) repeat-x;
	margin: 0 auto;
}

#header {width:962px; margin: 0 auto;}

#imageBar {
	height: 100px;
	background: url(../images/imgBar.png) top left no-repeat;
}

	#imageBar  {padding-left:285px;}
	#imageBar .pics img {width:685px;height:100px;}
	
#header h1 {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	width: 283px;
	height: 88px;
	padding: 15px 0 0 0;
	float: left;
	text-align:center;
	background: url(../images/imgBar.png);
	background-position:0px -100px;
}

#header h1 a {
	color: #f7941d;
	font: 20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#navWrapper {
	height: 50px;
	width: 657px;
	background-color: #242424;
	float: right;
	padding: 0 0 0 20px;
	border-top: 1px solid white;
	border-bottom: 1px solid #c0c0c0;
}

#nav li {
	float: left;
	margin: 16px 30px 0 0px;
}

#nav li a {
	color: white;
	width:auto;
	font: 12px Arial, Helvetica, sans-serif;
}

#nav li a:hover {
	color: #666;
}

#nav li a.active {
	color: #f7941d;
}

#socialWrapper {
	float: right;
	position:relative;
	background: url(../images/greyPattern.jpg) repeat;
	width: 645px;
	height: 20px;
	padding: 15px 0px 15px 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid #c0c0c0;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

#socialWrapper #rss {
	position:relative;
	left:13px;
	text-indent: -9999px;
	float: left;
	width: 26px;
	height: 26px;
	background: url(../images/rss.png);
	margin: 0 0px 0px 0 ;
}

#socialWrapper #pdf {
	position:relative;
	left:13px;
	text-indent: -9999px;
	float: left;
	width: 26px;
	height: 26px;
	background: url(../images/pdfIcon.png);
	margin: 0 0px 0px 0 ;
}

#socialWrapper a#rss:hover {background-position: 0 -26px;}
#socialWrapper a#pdf:hover {background-position: 0 -26px;}

#socialWrapper #rssblock{
		position:absolute;
		left:555px;
		overflow:hidden;
		width:39px;
		height:26px !important;
}

#socialWrapper #pdfblock {
		position:absolute;
		left:520px;
		overflow:hidden;
		width:39px;
		height:26px !important;
}

#socialWrapper #rssblock a{
		z-index:999;
		position:absolute;
}

#socialWrapper #pdfblock a{
		z-index:999;
		position:absolute;
}

#socialWrapper div.box {
		text-transform:uppercase;
		display:none;
		height:16px;
		margin-left:26px;
		padding:7px 10px 1px 23px;
		border:1px solid orange;
		background-color: white;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}

#socialWrapper div.box {border-color:red;}

#socialWrapper div.box a {
	position:relative !important;
	z-index:!important;
	color:#f7941d;
}

#socialWrapper #pdfblock div.box a {
	position:relative !important;
	z-index:!important;
	color:red;
}

#socialWrapper div.box a:hover {
	text-decoration: underline;
}

#FB {
	text-align:right;
	float: right;
	position:relative;
	width: 80px;
	height: 20px;
	margin-top:6px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

#FB a:hover{color:#f7941d;}

#subnav {
	position: absolute;
	bottom:0;
	left:30;
	width: 100%;
	height: 28px;
}

#subnav li {
	float:left;
	margin-right: 5px;
}

#subnav li a {
	margin: 5px 0 0 0;
	color:white;
	display:block;
	padding: 5px 15px;
	background: #c0c0c0;
	border: 1px solid #c0c0c0;
}

#subnav li.active a {
	color: #898989;
	margin: 0;
	padding: 8px 15px;
	background:white;
	border-bottom: 1px solid white; 
}

#subnav li a:hover {
	color: #242424;
}

/* END OF THE HEADER */



/* SIDEBAR */

#sidebar {
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	float: left;
	width: 283px;
	height: 205px;
	background: white;
	padding-top: 10px;
/*	box-shadow: 0px 5px 5px #999;
	-webkit-box-shadow: 0px 5px 5px #999; */
}

#calendar {
	float: left;
	padding: 0 34px 0px 34px;
	margin:0px;
}

#calendar h2 {
	width: 217px;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	color: white;
	background: #c0c0c0;
	padding: 9px 0 8px 0;
	text-transform: uppercase;
}

#calendar h3 {
	display:none;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	color: #393939;
	margin: 0px 0 10px;
}

#calendar h4 {
	width: 153px;
	text-align: center;
	color: white;
	font: 12px Arial, Helvetica, sans-serif;
	background: #393939;
	padding: 2px 0;
	letter-spacing: 3px;
	clear: both;
	text-transform: uppercase;
}

#calendar table.monthName {width:217px; border: 0 none;}

#calendar table.monthName td {
	text-align: center;
	color: white;
	background: #c0c0c0;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	height: 20px;
	width: 20px;
}

#calendar table.monthName td.center {border-left: 1px solid white;border-right: 1px solid white;}

#calendar table.monthName td.previous a, 
#calendar table.monthName td.next a  {
	display:block;
	height: 20px;
	background: white url(../images/tableArrows.png);
	text-indent: -9999px;
} 

#calendar table.monthName td.previous a {background-position:-30px 0;}
#calendar table.monthName td.next a:hover {background-position: 0 -20px;}
#calendar table.monthName td.previous a:hover {background-position: -30px -20px;}

#calendar table.monthName tr.days td {
	background: #c0c0c0;
	border: 1px solid white;
	border-bottom: 0 none;
	font-size: 9px;
	width: 30px;
}

#calendar p.monthDay {
	text-align: center;
	vertical-align:middle;
}

#calendar table.daysN {width: 217px; margin: 0 0 0px 0;}
#calendar table.daysN td {
	text-align: center;
	border: 1px solid white;
	height:20px;
	color: #c0c0c0;
	font: 12px "Courier New", Courier, monospace;
	background: #f0f0f0;
}

#calendar table.daysN td a {
	display: block;
	width: 30px;
	padding: 0px 0;
}

#calendar #katLeg {
	text-transform:uppercase;
	width: 205px;
	padding: 5px 0 3px 0;
	margin: 0 0 10px 0px;
}
#calendar #katLeg li {float:left;margin: 0 5px 0 0;}
#calendar #katLeg li a{
	font: 10px/10px Verdana, Geneva, sans-serif;
	font-weight:normal !important;
}

#calendar table.daysN td.gledPred {background:#f7941d; color: white !important;}
#calendar table.daysN td.konference {background:#7ebf1f; color: white !important;}
#calendar table.daysN td.razstave {background:#00b4c9; color: white !important;}
#calendar table.daysN td.koncerti {background:#9000ff; color: white !important;}


#calendar #katLeg a.gledPred, #calendar p.monthDay a.gledPred {color:#f7941d; font-weight:bold;}
#calendar #katLeg a.konference, #calendar p.monthDay a.konference {color:#7ebf1f; font-weight:bold;}
#calendar #katLeg a.razstave, #calendar p.monthDay a.razstave {color:#00b4c9; font-weight:bold;}
#calendar #katLeg a.koncerti, #calendar p.monthDay a.koncerti {color:#9000ff; font-weight:bold;}

#calendar a:hover {color:black;}

#calendar table tr td:nth-child(1) {border-left: 0 none !important;}
#calendar table tr td:nth-child(7) {border-right: 0 none !important;}

 MAIN 

#main {
	width: 645px;
}

/* HOME NEWS */

div.evidence {
	float: left;
	width: 677px;
	padding: 10px 0 30px 0px;
	height: 165px; 
}

div.evidence>h2 {
	font: 13px Arial, Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	margin: 0 0 19px 30px;
	height: 16px;
	width: 174px;
	text-align:center;
	background:#242424;
	color: white;
	padding: 2px 0;
	box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
}

div.news, div.predstave, div.fotogallery, div.zaMedije, div.novica, div.predstava, div.tekst {
	width:960px;
	margin: 0 auto 51px;
	background:white;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-bottom: 50px;
}	
div.xPadding {padding:0px 30px 0 30px;clear:both;}

h1.naslov-news, h1.predstave-naslov, h1.naslov-fotogallery, h1.naslov-zaMedije, h1.naslov-novica, h1.naslov-predstava, h1.naslov-tekst  {
	font: 25px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #242424;
	letter-spacing: -1px;
	float:right;
	background:url(../images/newsBg.jpg);
	width:656px;	
	height:121px;
	padding: 95px 0px 0px 20px;
	margin-bottom: 30px;
}

h1.naslov-predstava {background: url(../images/eventBg.jpg);color:white;}

div.predstava span.subtitles{
	line-height:30px;
}
div.fotogallery h1.naslov {background: url(../images/fotogalleryBg.jpg);color:#242424;}
div.zaMedije h1.naslov {background: url(../images/zaMedijeBg.jpg);color:#242424;}

div.newshome{
	padding: 0px 0px 0px 30px;
}	

 a.newsUp {
	display:block;
	text-indent: 9999px;
	float:left;
	width:15px;
	height: 141px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #242424;
	text-transform: uppercase;
	background: white  url(../images/newsArrows.png) no-repeat;
	background-position: 2px center;
	box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;	
}

 a.newsDown {
	text-indent: 9999px;
	float:right;
	width:15px;
	height: 141px;
	display:block;
	font: 12px Arial, Helvetica, sans-serif;
	color: #242424;
	text-transform: uppercase;
	background: white url(../images/newsArrows.png) no-repeat;
	background-position: -22px center;
	box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;	
}

 a.newsDown:hover ,  a.newsUp:hover {background-color: #ffeeda;}

.newshome div.singleNewsPreview{
	clear:both;
	padding: 0; height:144px;
}

.newshome div.singleNewsPreview img {
	float: left;
	width: 130px;
	height: 130px;
	padding:4px;
	background:white; 
	margin:0px 20px 3px 3px;
	box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-o-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
}

.newshome div.singleNewsPreview h2 {
	font: 16px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #242424;
	margin: 3px 0 5px 0;
}

.newshome div.singleNewsPreview h3 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #242424;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0px 0 5px 0;
}

.newshome div.singleNewsPreview div {
	float:left;
	font: italic 13px/13px Arial, Helvetica, sans-serif;
	color: #a6a5a5;
	width: 383px;
}

.news div.singleNewsPreview h3 a,.newshome div.singleNewsPreview h3 a{
  color: #242424;
}

.news div.singleNewsPreview p a, .newshome div.singleNewsPreview p a{
	color: #a6a5a5;
}

/* NEXT EVENT */

div.evidence div.nextEvent {
	padding: 0 30px;
	height: 100%;
}

div.evidence div.nextEvent h2 {
	font: 30px/42px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
}

div.evidence div.nextEvent h2 a {
	padding: 2px;
}

div.evidence div.nextEvent h2 span {
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: white;
	background: #00b4c9;
	padding: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position:relative;
	top: -0.25em;
}

div.evidence div.nextEvent img {
	float: left;
	width: 100px;
	height: 70px;	
	margin: 0 10px 0 0;
}

div.evidence div.nextEvent h3 {
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #00b4c9;
	text-transform: uppercase;
}

div.evidence div.nextEvent h3.when {
	margin: 0 0 1px 0;
}

div.evidence div.nextEvent h3 span {
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #8D8D8D;
}

div.evidence div.nextEvent h4 {
	margin: 0px 0 10px 0;
	font: 13px Georgia, "Times New Roman", Times, serif;
	color: #00b4c9;
}

div.evidence div.nextEvent p {
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #8D8D8D;
}
/**/
#calendar table{width:210px;}

/*HOME EVENTS */
.eventsBox {background: white url(../images/eventsBoxBg.png) repeat-x;border-bottom: 10px solid #242424;}

.eventsWrapper .events {
	clear:both;
	float:none;
	padding:0px;
	width:960px;
	margin: 0 auto;
	height: 261px;	

}

.events>div.prir h2 {
	float:left;
	padding:10px;
	width:265px;
	background:#242424;text-align:center;
	font:15px Arial, Helvetica, sans-serif; color:white;
	border-bottom:1px solid white;
}

.events #filter {
	float:left;
	height: 33px;
	padding:5px 0 0 0px;
	width:677;
	margin-bottom: 20px;
}

.events #filter div.dom {
	float:left;
	margin: 7px 10px 0 0;
	width: 120px;
	height:25px;
}

.events #filter ul {
	float: right;
	padding: 12px 20px 10px 10px;
}

.events #filter li {
	margin: 0 10px 0 0;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
}

.events #filter li a {
	color: #8d8d8d;
	padding: 0 0 0 18px;
}
.events #filter li a {
	background: url(../images/filterDots.png) no-repeat;
}
.events #filter li a.link {background:none;color:black;text-decoration:underline;padding: 0;}
.events #filter li a.konference {background-position: 0 -15px;}
.events #filter li a.razstave   {background-position: 0 -30px;}
.events #filter li a.koncerti   {background-position: 0 -45px;}
.events #filter li a.vsi        {background-position: 0 -60px;}

.events #filter li a.gledPred:hover {color:#f7941d;}
.events #filter li a.konference:hover {color:#7ebf1f;}
.events #filter li a.razstave:hover   {color:#00b4c9;}
.events #filter li a.koncerti:hover   {color:#9000ff;}
.events #filter li a.default:hover        {color:#cecece;}
.events #filter li a.vsi:hover        {color:#242424;}

.events div.event div.hiddenBaloon {
		display: none;
		height: 130px;
		width: 130px;
		background-color: #00b4c9;
		z-index:99;	
		top:0px;
		left:0px;
		margin: 0 0 6px 0;	
		padding: 5px;	
}

.events div.event div.hiddenBaloon div {
	width: 120px;
	padding: 15px 5px 5px 5px;
	height: 110px;
	background: white;
}

.events div.event div.hiddenBaloon div h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin: 0 0 10px 0;
	font-weight:bold;
}

.events div.event div.gledPred {background:#f7941d !important;}
.events div.event div.konference {background:#7ebf1f !important;}
.events div.event div.razstave {background:#00b4c9 !important;}
.events div.event div.koncerti {background:#9000ff !important;}

.events div.event div table{
	display:none;
	width: 125px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: white;
}

.events div.event div table td {
	padding: 0 0 5px 0;
	color: #242424;
	
}

.events div.event div table th{
	font-weight:bold;
	width: 35px;
}


.events div.eventsWrapper {
	float: left;
	width: 900px;
}

.eventsBox .events div.event {
	padding:5px;
	width: 130px;
	height:130px;
	margin:3px 10px 3px 3px;
	float: left;
	background: url(../images/eventBg.png) repeat-x;
	position:relative;
	box-shadow: 0px 1px 3px white;
}

.eventsBox .events div.event:hover {background:white;}

.events div.event h2 {
	width:130px;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
	background: #242424;
	padding: 2px 0;
}

.events div.event img {
	background: #242424;
	width: 130px;
	height: 110px;
	margin: 0 0 6px 0;
	border:0px;
}

.events div.event h3 {
	text-transform:uppercase;
	text-align: left;
	font: 11px/12px Arial, Helvetica, sans-serif;
	color: #8d8d8d;
	padding: 0px 0 6px 0;
	width: 130px;
	position:relative;
}

.events a.leftArrow {
	float: left;
	width: 15px;
	height: 145px;	
	margin: 0 20px 0 0;
	background: white url(../images/eventsBtn.png) no-repeat;
	box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-o-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
}

.events a.leftArrow:hover {background-position: -30px 0px;}

.events a.rightArrow {
	float: right;
	width: 15px;
	height: 145px;
	background: white url(../images/eventsBtn.png) no-repeat;
	background-position: -15px 0px;
	box-shadow: 0px 0px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px #CCC;
	-o-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
}

.events a.rightArrow:hover {background-position: -45px 0px;}


/* EVENT COLOURS AND BG STYLING --------------------- */
.events div.gledPred h2 {background:#f7941d;}
.events div.konference h2 {background:#7ebf1f;}
.events div.razstave h2 {background:#00b4c9;}
.events div.koncerti h2 {background:#9000ff;}
.events div.default h2 {background:#cecece;}

.events div.noBg {
	background: none; 
	padding: 0;
}

/* EVENT COLOURS AND BG STYLING --------------------- */


/* EVENT SERP PAGE*/
.events {
	clear:both;
	float:none;
	padding:0px;
	width:960px;
	margin: 0 auto;
	height: 261px;	
}

h1.predstave {
	font: 25px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: white;
	background: url(../images/predstaveH1Bg.png);
	padding: 35px 20px 0px 20px;
	width: 636px;
	height:96px;
	float: left;
	margin: 0px;
}

.pdf-predstave {
	width: 636px;
	height:18px;
	float: left;
	text-align: right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #A6A5A5;
	padding: 5px 40px 3px 0;
	background: #242424 url(../images/pdf.png) no-repeat;
	background-position: 645px 3px;
}

.pdf-predstave a { color: #A6A5A5;}
.pdf-predstave a:hover { color: #c72222;}

div.filters-predstave {
	padding:10px 20px 0px 10px;
	width:646px;
	float:right;
	background:#242424;
	margin: 0 0px 0px 0px;
	border-right:1px solid white;
}

div.filters-predstave .month {
	float: left;
	width: 377px;
}

div.filters-predstave h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
}

div.filters-predstave .month ul li {float: left;}

div.filters-predstave .month ul li a {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-align: center;
	width:26px;
	height: 18px;
	padding: 5px 0 0 0;
	color: white;
}

div.filters-predstave  .month ul li a:hover {color:#242424; }
div.filters-predstave  .month ul li a.active {
	background: white;
	color: #242424;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
}

div.filters-predstave  .kat {float:right;padding-right:5px;}
div.filters-predstave  .kat ul li {
	float: right;	
	margin: 3px 0 0 0;
}

div.filters-predstave .kat ul li a {
	display: block;
	text-indent: -9999px;
	width:26px;
	height: 18px;
	padding: 0 0 2px 0;
}

div.filters-predstave  .kat ul li a.active {
	background: white;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
}

div.filters-predstave  .kat ul li a {
	background-image: url(../images/filterDots.png);
	background-repeat:  no-repeat;
	}

div.filters-predstave  .kat ul li a.gledPred {background-position: center 2px;}
div.filters-predstave .kat ul li a.konference {background-position: center -13px;}
div.filters-predstave  .kat ul li a.razstave {background-position: center -28px;}
div.filters-predstave  .kat ul li a.koncerti {background-position: center -43px;}
div.filters-predstave  .kat ul li a.default {background: #cecece;}
div.filters-predstave  .kat ul li a.vse {background-position: center -58px;}

div.filters-predstave  .kat ul li a.active {
	background-image: url(../images/filterDots.png);
	background-repeat:  no-repeat;
	background-color: white;
}
     /* 
div.social {
	float: left;
	margin: 0 0 10px 91px;
	width: 150px;
	height: 50px;
	background:url(../images/fbDrag.png);
}


       */   
.zaMedije .event {width:877px;}

div.news .singleNewsPreview {background:none;float:left; padding-left:0px;width:885px;height:80px;}
.zaMedije .event {background:none;float:left;height:40px;padding:10px;}
  
div.predstave .event {
	width:827px;
	margin: 0px 30px;
	height: 150px;
	padding: 15px 15px 15px 60px;
	background: url(../images/eventSpread.png) no-repeat;
	border-bottom: 1px dashed #c0c0c0;
}
 .zaMedije .event {
	width:827px;
	margin: 0px 30px;
	height: 150px;
	padding: 15px 15px 15px 60px;
	border-bottom: 1px dashed #c0c0c0;
}
div.predstave .event:hover, div.news .singleNewsPreview:hover, .zaMedije .event:hover, .fotogallery .fotoGroup:hover {background-color:#f4f4f4;}

div.predstave .event span.category {
	display:none;
}
     
div.predstave .event.gledPred,
div.predstave .event.gledPred a {background-position: 0px 15px;color: #f7941d;}
div.predstave .event.konference,
div.predstave .event.konference a {background-position: -60px 15px;color:#7ebf1f;}
div.predstave .event.razstave,
div.predstave .event.razstave a {background-position: -120px 15px;color:#00b4c9;}
div.predstave .event.koncerti, 
div.predstave .event.koncerti a{background-position: -180px 15px;color:#9000ff;}

div.predstave .event img, div.news .singleNewsPreview img, .fotogallery img {
	float: left;
	width: 130px;
	height: 130px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding: 10px;
	background-color: white;
	position: relative;
	margin: 0 10px 0 0;
}

div.predstave .event img{
	background-color:#FFF;
	padding-right:20px;
	padding-left:20px;	
} 
              
div.predstave .event h2 {font-weight:bold; margin: 0 0 10px 0;}

div.predstave .event h3.when {margin-bottom:10px;}
div.predstave .event h3 {font-weight:bold; color:#454545;
margin-left:188px;
width:400px;

}
div.predstave .event h3 span {font-weight:normal; text-transform:none;}
div.predstave .event p, div.news .singleNewsPreview p {
	font: 13px/16px Arial, Helvetica, sans-serif;
	color: #8D8D8D;
}

.fotogallery .fotoGroup {clear:both;padding:10px;border-bottom:1px dashed silver;margin: 0 30px;}
.fotogallery img {width:60px;height: 60px;}

div.news .singleNewsPreview img {width:60px; height:60px;}

div.predstave .event h2, div.news .singleNewsPreview h2, .zaMedije .event h2 {
	font: 16px/17px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width:580px;
	text-align:left;
	position:static;
	background-color:transparent;
    color:#454545;
}

div.predstave .event h2 a, div.news .singleNewsPreview h2 a, .zaMedije .event h2 a {color:#454545;}

.zaMedije .event h2 {padding:5px 5px 0px 5px;}
.zaMedije .event p {float:left;width:580px;text-indent:0;margin:0;padding: 0px 5px 5px 5px;}
div.predstave .event h3, div.news .singleNewsPreview h3 {
	font: 13px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:left;
}

div.news .singleNewsPreview h2 {font-weight:bold; margin: 0 0 2px 0; color:#454545;}
div.news .singleNewsPreview h3 {margin: 0 0 10px 0;}

.pageNumbers {	
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	position: relative;
	clear:both;
	margin:30px;
	padding-top:10px;
	width:880px;
}

.pageNumbers  a {
	margin: 15px 10px 0 0;
	color: #242424;
	font-weight: bold;
}

.pageNumbers b {
	font-size: 12px;
	padding: 3px 7px;
	background: #242424;
	color: white;
	position: relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
}

.pageNumbers ul li a.prev, .pageNumbers ul li a.next {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 10px;
	background:  url(../images/pageNumbersLeftArrow.png) no-repeat;
	position: relative;
	top: 3px;
}

.pageNumbers ul li a.next {background:  url(../images/pageNumbersRightArrow.png) no-repeat;}

.pageNumbers  ul li a:hover {color: white;}






/* FOTOGALLERY */


.zaMedije img {float:left;}
.zaMedije .event h2 {font-weight:bold;margin:0;}

.fotogallery p {
	color: #8D8D8D;
	font: 12px Arial, Helvetica, sans-serif;
}

.tekst {
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;
}

.tekst h1 {
	font-size: 35px;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: -1px;
}
.tekst h1.naslov {margin-bottom:30px;}
.tekst h2 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 40px 0;
}	

.tekst h3 {
	font-size: 18px;
	letter-spacing: -1px;
	margin: 30px 0 2px 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #454545;
}

.tekst h4, .tekst h5, .tekst h6 {
	font-style: italic;
	font-size: 14px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.tekst p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding:0px;
	margin-bottom: 20px; 
	margin-top: 10px;
	color: #7d7d7d;
}

.tekst.predstava a {color: #f7941d; border-bottom: 1px solid #f7941d;}
.tekst.predstava a:hover {color: #7D7D7D; border-bottom: 1px solid #7D7D7D;}

.tekst ul, .tekst ol{
	color: #7D7D7D;
	background: #F0F0F0;
	padding: 20px 20px 20px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 30px 60px;
	list-style-type: disc;
	border: 1px solid silver;
}

.tekst ol {
	list-style-type: decimal;
}

.tekst ul li, .tekst ol li {
	font-style:italic;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 4px 0;
}

.tekst div.slike {
	width: 605px;
	height: 200px;
}

.tekst .slike img {
	float: left;
	width:180px;
	height: 180px;
	margin: 0 18px 0 0;
	border: 1px solid silver; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.tekst table {
	font: 14px Arial, Helvetica, sans-serif;
	background: #f0f0f0;	
	margin:  0 0 20px 0;
}

.tekst table td {
	padding: 5px 10px;
	border: 1px solid white;
	vertical-align:middle;
}

.tekst table td:first-child {
	width: 50px;
}

.tekst.novica h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

.tekst.novica h3 {
	font: 25px/25px "Courier New", Courier, monospace;	
	font-weight: bold;
	margin: 0;
} 

.tekst.novica img {
	float: left;
	width: 200px;
	height: 200px;
	margin:  0 20px 20px 0;
}

.tekst p.link {
	margin: 0 !important;
	padding: 0px !important;
	text-indent: 0;
}

.tekst p.link a {
	padding: 10px;
	background:#242424;
	color: white;
}

.tekst p.link a:hover {
	background:#F7941D;
	color:#242424;
}

.fotogallery h2 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 20px 0;
	color: #242424;
}

.fotogallery img {float:left;}



/* FOOTER */

#footer {
	position: fixed;
	z-index:9999;
	bottom:0;
	left:0;
	width:100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	padding: 20px 0;
	height:11px;
	background: #242424;
	clear: both;
	margin: 0 auto;
	border-top:1px solid white;
}

#footer a {color: #f7941d;}
#footer a:hover {color: white;}


html, body, #container { height: 100%; margin: 0; padding: 0; }
body > #container { height: auto; min-height: 100%; }
.eventsBox { padding-bottom: 3em; }


/*drag to share*/

.ui-draggable {cursor:move; z-index: 999; }
#tip {z-index:1000;position:absolute; display:none; height:25px; padding:9px 9px 0px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000; background:rgba(0,0,0,.5); }
#tip .arrow { width:0; height:0; line-height:0; border-right:8px solid #000; border-right:8px solid rgba(0,0,0,.5); border-top:8px solid transparent; border-bottom:8px solid transparent; position:absolute; left:-8px; top:9px; }

#targets { display:none; list-style-type:none; position:fixed; top:10px; z-index:99999; }
#targets li { float:left; margin-right:20px; display:block; width:60px; height:60px; background:url(../images/iconSprite.png) no-repeat 0 0; position:relative; }
#targets li#delicious { background-position:0 -60px; }
#targets li#facebook { background-position:0 -120px; }
#targets li span { display:block; position:absolute; bottom:-40px; white-space:pre; color:#fff; }

#overlay { background-color:#000; position:absolute; top:0; left:0; width:100%; height:200%;overflow:hidden; z-index:99997; }
#helper { background-color:#c2c2c2; position:absolute; height:35px; padding:15px 70px 0 20px; color:#fff; font-family:Verdana; font-weight:bold; font-size:18px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:3px solid #7d7d7d; }
#thumb { width:50px; height:50px; position:absolute; right:0; top:0; border-left:3px solid #7d7d7d; }

.share { font-weight:bold;  font-size:14px; font-family:Verdana; margin-left:-38px; }