@charset "utf-8";

/* 
DKK - ljubičasta - 60187f
DKK - #f2f2f2
*/

/* Naslovnica --------------------------*/
body {font: 14px Georgia, "Times New Roman", Times, serif; color: #303030; background: #FFF url(../images/common/pozadina.jpg) repeat-x;}
a,a:visited {color:#60187f;}

#wrapper {width: 960px; margin: 0 auto; position: relative;}
#sidebar {width:184px; position: absolute; top:0; left:0;}
#mainContent {width:750px; margin-left:210px; min-height:750px; position:relative; }

#sidebar h1 {text-indent:-20000px; position: absolute;}
#sidebar ul {width: 175px;  margin:20px 0 0 4px; padding:15px 0 15px 0; background: #fff url(../images/common/sidebarPozadina2.jpg) no-repeat;}
#sidebar ul li a {display:block; padding:7px 0 7px 30px; font-size:16px; background: #fff url(../images/common/ktizic.jpg) no-repeat left center; background-position:-150px; color:#555555; text-shadow: 1px 1px 1px #DEDEDE;}
#sidebar ul li a:hover { background-color:#FFF; color:#60187f; background-position:8px; }

#datumOdrzavanja { width:175px; height:30px; text-align:center; position: absolute; top:7px; right:0; background: #FFF url(../images/common/datumPozadina.jpg); line-height:30px;}

#programNav { position:relative; height:70px; z-index:200;}
#programNav a:hover {color:#303030;}
#programNav h2 {width:200px; font-size:24px; color:#60187f; position:absolute; top: 29px; text-shadow: 1px 2px 1px #DEDEDE;}
#programNav ul { position:absolute; left:170px; top:30px;}
#programNav ul li {float:left;}
#programNav ul li a { display:block; padding-left:40px; font-size: 24px; color:#303030; background: #FFF url(../images/common/ktizic.jpg) no-repeat -21px center; text-shadow: 1px 2px 1px #DEDEDE;}
#programNav ul li a.navFade {color: #999;}
#programNav ul li a:hover { color:#60187f; background-position:21px; text-decoration:none;}

#splitHover, #dubrovnikHover, #sibenikHover {width: 254px; height:150px; background-image:url(../images/common/hoverGrafike.jpg); position:absolute; bottom: 4px; right:0px; display:none;}
#splitHover {}
#dubrovnikHover{ background-position: -254px -0px;}
#sibenikHover{ background-position: -508px -0px;}

#citat {width:750px; min-height:163px; background:#FFF url(../images/common/citatPozadina.jpg) bottom right no-repeat; position: relative;}
#citat h3 {width:450px; padding:30px 20px 5px 50px; font-size:18px; background: transparent url(../images/common/citat.jpg) no-repeat 0px 30px;}
#citat h4 {margin-right: 300px; padding-bottom:10px; text-align:right; font-size:14px; color:#60187f;}

/* O manifestaciji --------------------------*/
.oManifestaciji {width:470px; margin-top:30px; margin-left:20px; position:relative; float:left;}
.oManifestaciji h2 {font-size:24px; line-height:35px; color:#60187f; margin-bottom:20px; background:#FFF url(../images/common/maleGrafike.jpg) no-repeat 320px center; text-shadow: 1px 2px 1px #DEDEDE;}
.oManifestaciji p {margin-bottom:20px; line-height:20px; color:#555555;}
.oManifestaciji p.prvi {color:#303030; font-size:16px;}
.oManifestaciji .velikoSlovo {display:block; float: left; font-size:36px; color:#60187f; padding:9px 5px 5px 0;}

#galerija { width:220px; float:right; margin-top:30px;}
#galerija h3 {font-size: 20px; line-height:35px; color:#999; margin-bottom:20px;}
#galerija a { display:block; float:left; margin-left:20px; margin-bottom:20px; width:71px; height:53px; border: 4px solid #e0e0e0;}
#galerija a:hover { border-color:#fff296;}


/* Raspored  --------------------------*/
.programUvod {width:470px; margin-top:30px; margin-left:20px; position:relative; float:left;}
.programUvod h2 {font-size:24px; line-height:40px; color:#60187f; background:#FFF url(../images/common/maleGrafike.jpg) no-repeat 320px center; text-shadow: 1px 2px 1px #DEDEDE;}
.programUvod p {margin-bottom:20px; line-height:20px; color:#555555;}
.programUvod ul {width:470px; margin-top:5px; margin-bottom:20px; font-size:16px;}
.programUvod ul li {display:inline;}
.programUvod ul li a {padding-left:15px;}
.programUvod ul li a:hover { text-decoration:underline;}
.programUvod .programOpis {line-height:20px;}


.raspored {width:730px; margin-left:20px; }
.raspored h4 {font-size:18px; margin-left:40px; margin-top:30px; color:#868686;}
.rasporedNav {background:#60187f url(../images/common/rasporedNavBack.jpg) repeat-x bottom left; height:55px; position:relative; }
.rasporedNav h1 {color:#FFF; font-size:24px; float:left; padding: 10px 0 5px 30px; text-shadow: 1px 1px 1px #1C1C1C; background:url(../images/common/leadPozadina.jpg) no-repeat left top; position:relative; left:-5px; top:-5px; }
.rasporedNav h2 { position:absolute; top:0; right:20px; font-size:36px; color:#FFF; text-shadow:1px 1px 1px #1C1C1C; }
.rasporedNav ul { margin: 11px 0 0 18px; float: left;}
.rasporedNav ul li {float:left;}
.rasporedNav ul li a {display:block; padding-right:10px; padding-top:2px; color: #faefab; font-size:12px; }
.rasporedNav ul li a.selected, .rasporedNav ul li a:hover {color:#FFF; text-decoration:underline;}

.rasporedStavka {position: relative; padding-left:100px; padding-bottom:20px; padding-top:20px; border-bottom: 1px solid #e0e0e0; min-height:95px;}
.rasporedStavka h2 {font-size:18px; color:#60187f; width:450px; padding-bottom:10px;}
.rasporedStavka p.opis {color:#545454; line-height: 20px; width:430px; padding-bottom:5px;}
.rasporedStavka ul.vrijemeMjesto {position: absolute; right:0; top:20px;; width:150px;}
.rasporedStavka ul.vrijemeMjesto .datum {font-size:18px; color:#171717;}
.rasporedStavka ul.vrijemeMjesto .dan {font-size:12px; color:#b8b8b8; padding-left:15px;}
.rasporedStavka ul.vrijemeMjesto .mjesto{margin-top:15px; color:#666; padding-left:15px; padding-bottom:5px; background:white url(../images/common/marker.jpg) no-repeat left top;}
.rasporedStavka span.fotografija { display:block; width:80px; height:60px; position: absolute; top:20px; left:0; border: 4px solid #f3f3f3; background:transparent url(../images/common/fotografijaPodloga.jpg);}

.rasporedStavka a.vise {padding-right:10px; background:transparent url(../images/common/viseStrelica.jpg) no-repeat center right;}
.rasporedStavka a.vise:hover { text-decoration:underline;} 

/* Stavka (više o stavci) --------------------------*/

#stavkaOsnovno {width:750px; float:left; margin-left:20px; margin-top:30px;}
#stavkaOsnovno h2 {width:650px; font-size:24px; color:#60187f; padding-bottom:25px; text-shadow: 1px 2px 1px #DEDEDE;}
#stavkaOsnovno h3 {font-size:18px; padding-bottom:5px; padding-left:100px;}
#stavkaOsnovno h4 {padding-bottom:25px; padding-left:100px;}

#stavkaVise {width:470px; float:left; margin-left:20px; border-top: 1px solid #CCC; padding-top:5px; position:relative;}
#stavkaVise #kratkiOpis {position:relative; line-height:20px; font-size:17px; padding-top:10px;}
#stavkaVise span.fotoPlaceHolder {position: absolute; top:-75px; left:0; display:block; width:80px; height:60px; border: 4px solid #f3f3f3; background:transparent url(../images/common/fotografijaPodloga.jpg); }
#stavkaVise #clanak {line-height:22px; margin-top:15px; margin-bottom:20px;}

/* Sudionik --------------------------*/
.sudionik {width:730px; margin-left:20px;}
.sudionik .ukratko {background:#60187f url(../images/common/rasporedNavBack.jpg) repeat-x bottom left; position:relative;}
.sudionik .ukratko h1 {color:#FFF; font-size:24px; padding:10px 0 16px 20px; width:450px; text-shadow: 1px 2px 1px #1C1C1C;background:url(../images/common/leadPozadina.jpg) no-repeat left top; position:relative; left:-5px; top:-5px;}
.sudionik .ukratko span {color:#faefab; font-size:16px; padding-left:10px;}
.sudionik .ukratko img { position:absolute; top:15px; right:15px; border:5px solid #f4f0f6;}
.sudionik .oSudioniku {width:450px; line-height:20px; padding-top:20px;}
.sudionik .oSudioniku p {margin-bottom:20px;}

/* Izdvajamo sudionike (i povezani sudionici (stavka) --------------------------*/
#izdvojeniSudionici {width:250px; float:right; margin-top:30px;}
#izdvojeniSudionici h3 {font-size: 24px; line-height:35px; color:#999; margin-bottom:20px;}
#izdvojeniSudionici h4 {font-size:22px; line-height:20px; margin-left:20px; margin-bottom:10px; margin-top:10px;}
#izdvojeniSudionici a {display:block; min-height:61px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #CCC;}
#izdvojeniSudionici a:hover{background-color:#F3F3F3;}
#izdvojeniSudionici span.fotoPlaceHolder {display:block; position:absolute; border: 4px solid #e0e0e0; width:71px; height:53px; background:transparent url(../images/common/fotografijaPodloga.jpg); }
#izdvojeniSudionici ul{ margin-left:20px; border-top:1px solid #CCC;}
#izdvojeniSudionici span.nazivSudionika {padding-left:90px; padding-top:10px; display:block;}
#izdvojeniSudionici span.nazivSudionika span.zanimanje {display:block; color:#999; font-size:11px;}
#izdvojeniSudionici a:hover span.nazivSudionika span.zanimanje {color:#303030;} 
.sudioniciStavka {position:relative; top:-70px;}

/* Zajednički css za središnji sadržaj --------------------------*/
.contentMast {width:730px; margin-left:20px;}
.contentMast .lead {background:#60187f url(../images/common/rasporedNavBack.jpg) repeat-x bottom left; position:relative;}
.contentMast .lead h1 {color:#FFF; font-size:24px; padding:10px 0 16px 20px; width:450px; text-shadow: 1px 2px 1px #1C1C1C;background:url(../images/common/leadPozadina.jpg) no-repeat left top; position:relative; left:-5px; top:-5px;}
.contentMast .lead span {color:#faefab; font-size:16px; padding-left:10px;}

/* Sudionici --------------------------*/
.contentMast ul.abeceda {margin-top:5px; width:730px; display: none;}
.contentMast ul.abeceda li {float:left;}
.contentMast ul.abeceda li.svi {margin-right:20px;}
.contentMast ul.abeceda li a {display: block; font-size:16px; text-transform:uppercase; padding:4px; color:#666; margin:1px;}
.contentMast ul.abeceda li a:hover,.contentMast ul.abeceda li a.selected { background-color:#60187f; color:#FFF;}

#popis {clear:both;}
#popis .trojka {float:left; width:730px;}
#popis .slovoCont {float:left; width:210px; padding:15px;}
#popis .slovoCont h2 {font-size: 28px; border-bottom:1px solid #CCC; padding-left:10px; text-transform:uppercase;}
#popis .slovoCont ul {padding-top:10px; padding-left:20px;}
#popis .slovoCont ul a:hover { background-color:#60187f; color:#FFF;}

/* Kontakt --------------------------*/
.kontaktInfo {margin-top:20px; margin-left:25px; line-height:20px;}
.kontaktInfo h3 {font-size:18px; padding-bottom:10px;}
.kontaktInfo p {margin-bottom:30px;}

/* Arhiva --------------------------*/
.arhiva .ukratko { width:390px; line-height:20px; margin-top:20px; float:left;}
.arhiva .ukratko h3 {font-size:24px; color:#60187f; padding-bottom:15px; text-shadow: 1px 2px 1px #DEDEDE;}
.arhiva .ukratko p {padding-bottom:10px;}
.prosliProgrami {float:right; width: 300px; margin-top:20px; border-left:1px solid #CCC; padding-left:20px;}
.prosliProgrami h3 {font-size:20px; text-shadow: 1px 2px 1px #DEDEDE; padding-bottom:15px;}
.prosliProgrami h3 a{color:#303030;}
.prosliProgrami h3 a:hover, .prosliProgrami h3 a.selected {color:#60187f;}
.prosliProgrami ul { margin-top:-10px; margin-bottom:20px; border-bottom:1px solid #f2f2f2; padding-bottom:10px;}
.prosliProgrami ul li {display:inline; padding-right:10px; font-size:12px;}
.prosliProgrami ul li a:hover {text-decoration:underline;}

/* Pokrovitelji --------------------------*/
.pokrovitelji h2 { font-size:20px; padding-bottom:5px; margin-bottom:15px; margin-top:15px; border-bottom:1px solid #CCC;}
.pokrovitelji a img {margin-right:15px; margin-left:15px; margin-bottom:25px;}
.pokrovitelji p { line-height:25px; margin-top:20px; margin-left:20px;}

/* Download --------------------------*/
#download {padding:25px 15px;}
#download a, a.downloadPDF {font-size:16px; color:#303030; padding:8px 45px; background:url(../images/common/pdfIcon.jpg) no-repeat left center; display:block; margin-bottom:15px; }
#download a:hover, a.downloadPDF:hover {color:#60187f;}

/* Trenutni program --------------------------*/
#trenutniProgram {position:relative; border-bottom:1px solid #CCC; width:725px; float:left; margin-left:25px; padding-bottom:15px; display:none;}
#trenutniProgram ul#gradoviNav {position:absolute; right:-10px; top:12px;}
#trenutniProgram ul#gradoviNav li {float:left;}
#trenutniProgram ul#gradoviNav li a {display:block; font-size:16px; padding:5px 20px; padding-right:15px; color:#303030;}
#trenutniProgram ul#gradoviNav li a.selected,#trenutniProgram ul#gradoviNav li a:hover { color:#60187f; background:url(../images/common/ktizic.jpg) no-repeat left center;}
#trenutniProgram .danas {width:725px; padding-bottom:15px; background:url(../images/common/trenutniProgBack.jpg) no-repeat right 56px; }
#trenutniProgram .sutra {width:725px;}
#trenutniProgram .gradStavke {display:none;}
#trenutniProgram .gradStavke ul li {padding:20px 0; padding-left:110px; position:relative; border-top:1px solid #dbdbdb;}
#trenutniProgram .gradStavke ul li a {display:block; padding-bottom:3px; font-size:16px;}
#trenutniProgram .gradStavke ul li a:hover {text-decoration:underline;}
#trenutniProgram .gradStavke ul li span.vrijeme {}
#trenutniProgram .gradStavke ul li span.mjesto {font-size:12px; color:#999; padding-left:5px;}
#trenutniProgram h4 {font-size:20px; color:#888888; padding-bottom:15px; padding-top:15px; padding-left:23px;}
#trenutniProgram p.prazno {position:relative; left:-85px;}
#trenutniProgram span.fotografija {display:block; width:80px; height:60px; position: absolute; top:5px; left:0px; border: 4px solid #f3f3f3; background:transparent url(../images/common/fotografijaPodloga.jpg);}



/* Footer --------------------------*/
#footer {width:960px; border-top: 1px solid #CCC; margin-top:40px; clear:both;}
#footer li {float: left; line-height:40px; padding-right:60px; color:#999;}
#footer li.produkcija {float:right; padding-right:0; background:transparent url(../images/common/hoverGrafike.jpg) no-repeat -1000px -1000px;}

#logoBack { position:absolute; top:0; left:-70px; width:384px; height:92px; background:transparent url(../images/common/logoBack.jpg) no-repeat; z-index:-10;}