@charset "utf-8";
/* CSS Document by Randoman*/

/* v1.0 | 20080212 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, small, strike, strong, sub, sup, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
object:focus {outline: 0;}

/*General classes and styling*/
body {background:#f0f4f7 url(../images/pozadina.png) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231F20;}
.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
/********/
.black {color:#231F20 !important;}
.white {color:#ffffff !important;}
.blue {color:#00B8F1 !important;}
.blue22 {color:#ffffff !important;}
.green {color:#009444 !important;}
.yellow {color:#FFCB05 !important;}
/********/
.box {border:1px solid #000;}
.hpItem {position:relative;}
.readMore {position:absolute; bottom:6px; right:6px;}
.top {position:absolute; top:0;}
.left {position:absolute; left:0;}
.right {position:absolute; right:0;}
.bottom {position:absolute; bottom:0;}

a {color:#00B8F1; text-decoration:none;}
.pojedinacni {}
.pojedinacni ul {}
.pojedinacni li {
	
	padding-bottom:0.5em;
	padding-top:0.1em;
	text-align:left;
	background:#fafafa;
	font-size:13px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 0px;
	/*margin-bottom: 0.1em;border-top:#ccc solid 1px;*/
}
.pojedinacni abc {background:#000;color:#fff;font-weight:bold;padding:0 2px 2px 2px;border-right:#000 solid 2px;}
.pojedinacni a {padding:1px 2px 2px 2px;font-weight:bold;font-size:12px;line-height:16px;}
.pojedinacni a:hover {background:#00B8F1;color:#fff;border-left:#00B8F1 solid 2px;}
.pojedinacni p {}

.pojedinacni_dasboot {
	width: 90%;
	margin: auto;

}
.pojedinacni_dasboot ul {}
.pojedinacni_dasboot li {
	padding-bottom:0.5em;
	padding-top:0.1em;
	text-align:left;
	background:#fafafa;
	font-size:13px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 0px;
	/*margin-bottom: 0.1em;border-top:#ccc solid 1px;*/
}
.pojedinacni_dasboot abc {background:#000;color:#fff;font-weight:bold;padding:0 2px 2px 2px;border-right:#000 solid 2px;}
.pojedinacni_dasboot a {padding:1px 2px 2px 2px;font-weight:bold;font-size:12px;line-height:16px;}
.pojedinacni_dasboot a:hover {background:#00B8F1;color:#fff;border-left:#00B8F1 solid 2px;}
.pojedinacni_dasboot p {}


b {color:#00B8F1; text-decoration:none;}
.videoteka {
	width: 80%;
	min-width: 600px;
	margin: auto;
        font-family:Tahoma;
        font-weight:bold;
        padding-bottom:0.5em;
	padding-top:0.1em;
	text-align:left;
	background:#fafafa;
	font-size:12px;
	}
.videoteka ul {}
.videoteka li {
	
	padding-bottom:0.5em;
	padding-top:0.1em;
	text-align:left;
	background:#fafafa;
	font-size:20px;
	
}
.videoteka abc {background:#000;color:#fff;font-weight:bold;padding:0 2px 2px 2px;border-right:#000 solid 2px;}

.godine {
	padding: 5px 5px 5px !important;
	font-size: 18px !important;
	background-color: #0066FF;
	font-weight: bold;
	text-shadow: 1px 1px #0066FF;
	color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0066FF;
	cursor: pointer;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	}

#lista {width:430px; float:right; padding:0px 10px 10px 0; overflow:hidden;background:#fafafa;}
		#lista h3{ font-size:16px; color:#00B8F1; padding:5px 0 5px 0;}
		#lista h4{ font-size:13px; color:#000; padding:5px 0 0 0;}
		#lista p { line-height:16px; padding:0 10px 10px 0; text-align:justify;}



/*intro*/
#intro {height:100%; background-image:none; background-color:#000}
	#introFlash {width:720px; height:480px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -360px;}

/*index*/
#container {width:1045px; margin:0 auto; background:#fff; border-top: 15px  solid #fff; border-left: 0; border-right: 0; border-bottom:0px solid #000;}
	#header { background:#fff; color:#000; padding: 0 0 0 0;}
		#skrol { font-size:12px;}
		#logo { background:url(../images/header-logo.png) no-repeat top right; width:500px; height:162px; display:block; text-indent:-10000px; float:left;}
		#logoen { width:585px; height:190px; text-indent:-10000px; float:right;}
		#headerInfo { float:left; width:258px; padding:0 5px 0px 0px; text-align:right; font-size:14px;}
			#headerInfo a {color:#00B8F1;}
			#languages {width:auto; float:right; padding:4px 6px 0 0;}
			#searchForm {width:auto; float:right;}
			#register {width:auto; float:right; padding:4px 8px 0 10px;}
			#contactInfo {padding:0px 0px 0px 0 ; display:block; clear:both;}
		  		#contactInfo a {color:#00B8F1;}
			#social {}
		#videoontop {width:180px; height:183px; float:left; padding-bottom:18px;}			
			#videoontop p {width:144px; height:114px; padding: 26px 0px 0px 18px; }
		#youvideo {width:180px; height:183px; position:relative; top:-185px; left:0px;}
		#youtubelink {width:90px; height:21px; position:relative; top:-45px; left:90px;padding-bottom:-10px;}
			#youtubelink a:hover {background: url(../images/youtubelinkhover.png) no-repeat; width="90"; height="21";padding-top: 9px}
		#vimeo {width:90px; height:21px; position:relative; top:-65px; left:0px; padding-bottom:-10px;}
			#vimeo a:hover {background: url(../images/vimeolinkhover.png) no-repeat; width="90"; height="21"; padding-top: 9px}
		#navigationde { clear:both; margin-top:0px; background-color:#a6a6a6; overflow:hidden; font-size:18px; padding:0 0 0 9px;}
                        #navigationde .li-onama-pocetna { position:relative; top: 10px; }
                        #navigationde .li-onama-vidoteka { position:relative; top: 10px; }
                        #navigationde .li-onama-slike { position:relative; top: 10px; }
                        #navigationde .li-onama-projekti { position:relative; top: 10px; }
                        #navigationde .li-onama-blog { position:relative; top: 10px; }
			#navigationde li {display:block; float:left; width:auto; padding:7px 5px 5px 5px;} 
			#navigationde a {color:ffffff;}
			#navigationde a:hover {color:#000;} 
			#navigationde .selected {color:#fff !important;}
		#navigation { clear:both; margin-top:0px; background-color:#a6a6a6; overflow:hidden; font-size:16px; padding:0 0 0 6px;}
			#navigation li {display:block; float:left; width:auto; padding:7px 5px 5px 5px;} 
			#navigation a {color:#ffffff;}
			#navigation a:hover {color:#000;} 
			#navigation .selected {color:#fff !important;}
		#navigation2 {clear:both; margin-top:0px; background-color:#a6a6a6; overflow:hidden; font-size:12px; padding:0 0 0 0px;}
			#navigation2 li {display:block; float:left; width:auto; padding:0px 0px 0px 0px;} 
			#navigation2 a {color:#ffffff;}
			#navigation2 a:hover {color:#fff;} 
			#navigation2 .selected {color:#fff !important;}
		#navigationSec { height:18px; font-size:12px; padding: 3px 0 0 2px;text-align:right;}
			#navigationSec li {display:block; float:left; width:auto; padding:7px 10px;} 
                        #navigationSec li:hover {background-color:#00B8F1;}
			#navigationSec a {color:#000;} 
                        #navigationSec a:hover {color:#000;}
			#navigationSec .selected {color:#00B8F1 !important;}
		#navigationSecInfo { width: 1030px; height:32px; float:left;}
	#content { padding:0 0 0 22px; overflow:hidden;}
		#content h2 {font-size:14px; background:#a6a6a6; color:#000; padding:5px; display:block; float:left;} #content h2 a {color:#ffffff;}
		#content h7 {font-size:18px; background:#fff; color:#000; padding:9px; display:block; float:left;text-decoration:underline;} #content h7 a {color:#000;}
		#columnLeft { width:550px; float:left; overflow:hidden;}
			#carousel {clear:both; width:538px; height:400px; overflow:hidden; }
				/*CAROUSEL*/
				#splash #myslide {width:540px; position:relative ;height:330px; z-index:1;}
				#splash .mystuff .carouselUI {position:absolute; top:330px; left:0px; z-index:3; height:50px; background:#a6a6a6; padding:10px; width:540px;}
				#splash .carouselUI h3 {font-size:14px; width: 520px;}
				#splash #button { position:absolute; z-index:4; bottom:2px; left:450px; padding:5px;}
				#splash #myslide .cover{width:2700px; position: absolute; height:338px;}
				#splash #myslide .mystuff {width:540;float:left;padding:0px 0; position:relative;}
				#splash .button1, #splash .button2, #splash .button3, #splash .button4, #splash .button5{background:url(../images/active.png) no-repeat; width:10px; height:10px; display:block;float:left;margin-right:3px;}
				#splash .active{background:url(../images/passive.png) no-repeat; width:10px; height:10px; display:block;float:left;outline:none;}
				/*END CAROUSEL*/
			.hpItem {width:263px; height:163px; border:1px solid #ccc; float:left; margin:10px 10px 0 0; position:relative; z-index:1;}
			#columnRight .hpItem {width:248px; height:auto;}
			#content .hpItem h2 {position:absolute; z-index:3; font-weight:normal;}
				#video { background-color:#000; overflow:hidden;}
				    #video object {position:relative; z-index:1;}
					#video h2 {position:absolute; z-index:999;}
				gallery {overflow:hidden; position:relative;}
					#gallery h2 {position:absolute; z-index:999; top:0; left:0;}
				#dogodilose {overflow:hidden; position:relative;}
					#dogodilose h2 {position:absolute; z-index:999; top:0; left:0;}
				#unajavi { background:url(../images/unajavi.jpg) no-repeat}
				#portfolio {overflow:hidden; position:relative;}
					#portfolio h2 {position:absolute; z-index:999; top:0; left:0;}
		#columnRight {width:250px; padding:0 10px 0 0; float:left; }
			/*#najave {overflow:hidden; height:620px; width:248px; border:1px solid #666; margin:10px 10px 0 0;}*/
			#najave {overflow:hidden; height:750px; width:258px; margin:10px 0 0 0;}
			#twitter-feed { width:258px; height:184px;  background:#fff; margin-top:0px; position:relative}
			#najaveNew {overflow:visible; height:797px; width:248px; margin:10px 10px 0 0;}
			#blog {margin:10px 0 0 0; height:262px !important;}
				#blog h3 {display:block; width:70px; float:left; font-size:14px; line-height:16px; color:#00B8F1; padding:80px 7px 0 8px;}
				#blog img {float:left; width:auto; padding:7px 0 0 0;}
				#blog h4 {clear:both; padding:7px 12px 0 8px; font-size:14px;}
				#blog p {padding:5px 12px 0 8px; line-height:15px; font-size:11px;}
		#columnRightDJ {width:250px; padding:0 10px 0 0; float:left; }
		        #najaveDJ {overflow:hidden; height:445px; width:258px; margin:10px 0 0 0;}
		#columnBanners {width:180px; float:left; padding:10px 0 0 10px; }
			.banner {padding-bottom:10px;border: 1px solid #ccc;}
		#columnMiddle {width:800px; height: 300px; padding:0 10px 0 0; float:left; border:1px solid #666;  }
		div#middle { width:800px; height: 200px; margin:10px 10px 0 0; position:relative; z-index:1; float:left; }
	#footer {clear:both; border-bottom:15px solid #494641;}
		#footer p {display:block; padding:5px 0 5px 20px; font-size:12px;}
		#footer p a {font-size:16px;}
	#footer2 {background:#000 center;bottom:0;height:200px;}

/*programms*/
#columnProgramms {width:810px; float:left; padding:10px 0 0 0;}
	.programBox {width:260px; height:185px; float:left; position:relative; margin:0 10px 10px 0;}
		.programBox h2 {bottom: 0; position:absolute;}
		#progMusic {background:url(../images/programs-music-new.jpg) no-repeat;}
		#progDrama {background:url(../images/programs-drama-new.jpg) no-repeat;}
		#progHistory {background:url(../images/programs-history.jpg) no-repeat;}
		#progMovie {background:url(../images/programs-movie-new.jpg) no-repeat;}
		#progNewMedia {background:url(../images/programs-newmedia-new.jpg) no-repeat;}
		#progArchitecture {background:url(../images/programs-architecture.jpg) no-repeat;}
		#progWorkshops {background:url(../images/programs-workshops.jpg) no-repeat;}
		#progSubculture {background:url(../images/programs-subculture-new.jpg) no-repeat;}
		#progPopculture {background:url(../images/programs-popculture-new.jpg) no-repeat;}
		#progVisualart {background:url(../images/programs-visualart-new.jpg) no-repeat;}
		#progCommunity {background:url(../images/programs-community-new.jpg) no-repeat;}
		#progTheatre {background:url(../images/programs-theatre-new.jpg) no-repeat;}
		#progGallery {background:url(../images/programs-gallery-new.jpg) no-repeat;}
                #progProjekti {background:url(../images/projects-turkultura2011.jpg) no-repeat;}
                #progProjekti2 {background:url(../images/projects-remake2011.jpg) no-repeat;}
                #progProjekti3 {background:url(../images/projects-vibracije2011.jpg) no-repeat;}
                #progProjekti4 {background:url(../images/projects-renoviranje2011.jpg) no-repeat;}
                #progProjekti5 {background:url(../images/projects-drama2011.jpg) no-repeat;}
                #progProjekti6 {background:url(../images/projects-portugal2012.jpg) no-repeat;}
                #progProjekti7 {background:url(../images/projects-francuska2012.jpg) no-repeat;}
                #progProjekti8 {background:url(../images/projects-sveznaliste2013.jpg) no-repeat;}
                #progProjekti9 {background:url(../images/projects-kosice2013.jpg) no-repeat;}
                #progProjekti10 {background:url(../images/projects-svestranosttrube.jpg) no-repeat;}  
                #progProjekti11 {background:url(../images/barokna_muzika.jpg) no-repeat;}
                #progProjekti12 {background:url(../images/projects-duplex.jpg) no-repeat;}
                #progProjekti13 {background:url(../images/dan-za-planetu.jpg) no-repeat;}
                #progProjekti14 {background:url(../images/projekti_coskarenje.jpg) no-repeat;}
                #workshop1 {background:url(../images/projects-arhitektura.jpg) no-repeat;}
                #workshop2 {background:url(../images/projects-knjige.jpg) no-repeat;}
                #workshop3 {background:url(../images/programs-umetnickitrening.jpg) no-repeat;}
                #workshop4 {background:url(../images/radionica-keramike.jpg) no-repeat;}

/*kategorija*/
#listPosts {width:790px; float:left; padding:0 20px 0 0;}
	.postPreview {position:relative; padding:20px 0 20px 0; overflow:hidden; border-bottom:1px solid #00B8F1;}
		.postThumb { width: 180px; height:125px; float:left; padding:0 20px 0 0; overflow:hidden;}
		.postTxt {width:470px; display:block; float:left;}
			.postTxt h3 {font-size:16px; color:#00B8F1; padding-bottom:12px; width:470px;}
			.postTxt p {font-size:12px; line-height:14px; width:470px;}
		
/*post*/
#singlePost {width:790px; float:left; padding:10px 20px 0 0;}
	#spGallery { overflow:hidden;}
		#bigPic { width:505px; height:310px; border:1px solid #ccc; float:left; overflow:hidden;}
		#spThumbs { overflow:hidden; width:200px; padding:1px 0 0 10px;}
			#spThumbs a {border:1px solid #666; margin:0 2px 2px 0; display:block; float:left; overflow:hidden; height:58px;}
	#spText {width:505px; padding:15px 0 0 0; clear:both;}
		#spText h3{ font-size:16px; color:#00B8F1; padding:0 0 12px 0;}
		#spText p { line-height:16px; padding:0 0 10px 0; text-align:justify;}
	#sharelinks {height:30px; overflow:hidden; margin:0px 0 0 0; outline:0;}
	
/**/
#onama {width:790px; float:left; padding:10px 20px 0 0; overflow:hidden;}
	#onamaTxt { width:575px; float:left;}
		#onamaTxt h3 { font-size:19px; color:#00B8F1; padding:0 0 12px 0;}
		#onamaTxt p { margin:0 0 11px 0; font-size:11px; line-height:14px; text-align:justify;}
		#onamaTxt h5 { display:block; background-color:#000; padding:5px; margin:0 0 5px 0; margin:0 0 10px 0; font-size:11px; line-height:14px; text-align:justify; color:#fff}

	#onamaTxt_dasboot { width:75%; float:left;}
		#onamaTxt_dasboot h3 { font-size:19px; color:#00B8F1; padding:0 0 12px 0;}
		#onamaTxt_dasboot p { margin:0 0 11px 0; font-size:11px; line-height:14px; text-align:justify;}
		#onamaTxt_dasboot h5 { display:block; background-color:#000; padding:5px; margin:0 0 5px 0; margin:0 0 10px 0; font-size:11px; line-height:14px; text-align:justify; color:#fff}

	#onamaPics { width:190px; float:left; padding:0 0 0 20px;}
		#onamaPics img {padding-bottom:5px;}
	#onamaPicsDasBoot { width:190px; float:left; padding:0 0 0 20px;}
		#onamaPicsDasBoot img {padding-bottom:7px;}
	#onamaBigPic {clear:both; overflow:hidden;}
	#onamagoogle {width:625px; height:350px;}
	#onamaemail {width:170px; height:350px; float:right;padding-right:10px;text-align:left;}
	
#onama2 {float:left; width: 1000px; padding:10px 20px 0 0; overflow:hidden;}
	#onama2 h3 { font-size:19px; color:#00B8F1; padding:0 0 12px 0;}
	#onama2Txt { width:675px; float:left;}
		#onama2Txt h3 { font-size:19px; color:#00B8F1; padding:0 0 12px 0;}
		#onama2Txt p { margin:0 0 11px 0; font-size:11px; line-height:16px; text-align:justify;}
		#onama2Txt h5 { display:block; background-color:#000; padding:5px; margin:0 0 5px 0; margin:0 0 10px 0; font-size:11px; line-height:14px; text-align:justify; color:#fff}
	#onama2Pics { width:190px; float:right; padding:0 0 0 20px;}
		#onamaPics img {padding-bottom:5px;}
	#onama2BigPic {clear:both; overflow:hidden;}
	#onama2google {width:735px; height:400px;}
	#onama2email {width:330px; height:350px; float:right;text-align:left;}
	#onama2info {width:770px; float:left; padding:10px 20px 0 0; overflow:hidden;}
	#onama2infopics {width:470px; float:right; padding:10px 20px 0 0; overflow:hidden;}

/*blog*/
#blogPost {width:810px; float:left; margin:10px 10px 0 0; overflow:hidden; border-right:1px solid #666;}
	#blogPost h3 { display:block; width:800px; background:#000; color:#fff; font-size:30px; padding:5px; clear:both;}
	#postWrap  {border-right:1px solid #666;}
		#postContent { padding:15px 20px 20px 3px; width:636px; float:left; overflow:hidden; border-right:1px solid #666;}
			.authorImg { display:block; float:left; padding:0 13px 10px 0;}
			#postContent h4 { font-size:23px; padding-top:15px;}
			#postContent .date { font-size:27px; font-weight:bold;}
			#postContent p { line-height:16px; padding-bottom:10px; text-align:justify; }
		#postSidebar {width:150px; float:left; line-height:15px; overflow:hidden; }
			#postSidebar h5 { background-color:#00B8F1; color:#fff; padding:5px; font-size:14px; font-weight:bold;}
				#postSidebar a { color:#1E1E1E; padding:3px 0 3px 10px; display:block;} #postSidebar a:hover {text-decoration:underline;}
			#autoriSB { overflow:hidden; position:relative;}
			#arhivaSB { padding:4px 5px 10px 10px;}
				#postSidebar #arhivaSB a { color:#1E1E1E; padding:0; margin:0;}
			
/*blog list*/
	#blogPost .postPreview {position:relative; padding:20px 0; overflow:hidden; border-bottom:1px solid #00B8F1; clear:both;}
		#blogPost .postThumb { width: 110px; height:125px; float:left; padding:0 20px 0 0; overflow:hidden;}
		#blogPost .postTxt {width:610px; display:block; float:left;}
			#blogPost .postTxt h3 {font-size:16px; color:#00B8F1; padding-bottom:12px; width:610px; background:none; padding:0 0 15px 0;}
			#blogPost .postTxt p {font-size:12px; line-height:14px; width:610px;}

/*comments*/
#komentari {clear:both;}
	#komentari .comment {margin-bottom:10px;}
	#komentari label {padding:10px 0 5px 0; display:block;}	
	#komentari #author, #komentari #email, #komentari #comment {width:300px;}
	
	#komentari .comment-author {font-weight:bold; padding:0 0 5px 0;}
	#komentari .timestamp {font-size:9px; font-weight:normal;}
	#komentari h3 { background:none; font-size:12px; padding:0; color:#333}
/*zlajin popup*/
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}