/*@import url("blueprint/screen.css");*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;/*vertical-align:baseline;*/}
html, body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
color: #222;
height:100%;
/* text-align: center; /*** Centers the design in old IE versions ***/*/
}
body {
margin: 30px 0 0 0;
line-height: 0.8125em;
}
h1,h2,h3,h4,h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 { font-weight:bold; font-size: 0.8125em; color:#fff; background-color:#C7541B; padding: 5px 5px; margin: 0 15px 10px 15px;}
h3 { font-weight:bold; font-size: 0.75em; color: #fff; background-color:#C7541B; padding: 5px 5px; margin: 0 15px 10px 15px; }
h4 {font-weight:bold; font-size: 0.8125em; color:#fff; margin-bottom:0.05em; background-color:#C7541B; padding: 5px 5px; margin-right:15px;}
h5 {font-weight:bold; font-size: 0.8125em; color:#000; margin-bottom:0.05em; background: #f5f3f0; padding: 5px 5px; margin-right:15px;}
.banner { width:531px; height:68px; margin: 0 15px 10px 15px;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {font-size: 0.8125em; list-style-type:square;}
ol {font-size: 0.8125em; list-style-type:decimal;}
img {display:block; border: none;}
a img {border: none;}
a { color:#c80101; text-decoration:underline;}
a:hover { color:#122842; text-decoration:none;}
p { font-size: 0.8125em; margin:0 0 1.5em;}
.iznad {
font-size: 0.625em;
vertical-align: super;
}
li img, p img {float:left; margin:0.2em 0.5em 0.2em 0; padding:0;}
p strong {font-weight:bold;}
div.header { margin: 0 auto; position: relative; width: 993px; height: 120px; clear:both; bottom: 0; }
div.navigacija { margin: 0 auto; position: relative; width: 993px; height: 74px; background: url(../img/bg_mmenu.jpg) 0 0 no-repeat; }
div.wrap { position: relative; min-height: 100%; margin: 0 auto; width: 993px;}
div.wrapper { margin: 0 auto; position: relative; width: 993px; padding-top:0px; padding-bottom: 25px; background: #FFF url(../img/bg_index_fauxcol.gif) repeat-y right; }
div.container { width: 100%; background: #FFF url(../img/bg_index_fauxcol.gif) repeat-y right; float:left; margin-right: -283px;}
div.clearing { /*height: 0; */clear: both; }
div.content { /*float:left;*/ position: relative; width: 710px; left: 0px; margin-bottom: 0px; background-color: #FFF; margin-right: 283px; }
div.colright { float:right; position: relative; width: 283px; left: 0px; text-align: center; }
/* NOVO FORMATIRANJE STRANE */
div.wrap { position: relative; margin: 0 auto; width: 993px;}
.kolonal { width: 149px; background: #DCDBE0 url(../img/bg_druga_left.jpg) no-repeat top; min-height: 351px; }
.kolonad { width: 283px; background: #DCDBE0 url(../img/bg_druga_right.jpg) no-repeat top; min-height: 351px; }
.sredina { width: 561px; min-height: 351px;}
div.maincontent { width: 561px; margin-top: 20px; /*position: relative;*/}
div.maincontent p { margin: 0 15px 10px 15px; text-align: justify;}
div.maincontent p.right { margin: 0 15px 10px 15px; text-align: right; }
div.maincontent li { margin: 0 15px 10px 15px; text-align: justify; }
div.maincontent li strong { font-weight:bold;}
div.aktuelnosti img { clear: both; float: left; margin: 5px 10px 0 0; padding: 0;}
div.maincontent a { color:#c80101; text-decoration:underline;}
div.maincontent a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}
div.kontaktadresa { position:relative; width: 100%; height: 190px;}
div.pplakat { position:relative; width: 561px; background-color: #fff;}
div.pplakatslika { position:relative; float:left; width: 175px; margin: 10px 0 10px 15px;}
div.pplakattekst { position:relative; float:right; width: 356px; margin: 10px 0; /*margin: 10px 15px 10px 0;*/}
div.dvijeslike { position:relative; clear:left; width: 531px; height: 95px; margin: 10px 15px;}
div.dvijeslike img.left { position:relative; float:left; margin-right: 1px; width:265px;}
div.dvijeslike img.right { position:relative; float:right; width:265px;}
div.glavnavijest { float:left; position: relative; width: 710px; height: 261px; margin: 0; background-image: url(../img/bg_glavnavijest.gif); }
div.gvleft { float:left; position: relative; width: 396px; height: 251px; margin: 0; background-color: #8f8f8f; }
div.gvleft img { margin-top: 1px; border:0;}
div.gvright { float:left; position: relative; width: 314px; height: 251px; }
div.gvright h2 { font-size:18px; line-height:1em; margin: 10px 15px; padding:0; color: #ff9d1f; background-color: #000;}
div.gvright p { font-size: 0.8125em; line-height:1.375em; /*clear: both;*/ color: #ffffff; margin: 0 15px; text-align: justify; }
div.gvright p em { font-style: italic; }
div.gvright span.nadnaslov { line-height:0.8125em; font-size: 14px; color: #C10C05; margin: 10px 15px 0 15px; font-weight:bold;}
div.gvright a { color:#a06b49; text-decoration:underline;}
div.gvright a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}
div.aktuelnosti { clear:both; float:left; width: 710px; margin-top: 15px; background: #fff; /*#F0EDE6;*/}
div.aktuelnosti .datum { font-size: 0.75em; font-weight:bold; padding-left: 10px;}
div.aktuelnosti .vcrtica { font-size: 1em; padding-left: 4px; padding-right: 4px;}
div.aktuelnosti a.naslov { font-size: 0.75em; color:#000; font-size:0.8125em; text-transform: uppercase; font-weight: bold; text-decoration:none;}
div.aktuelnosti a.naslov:hover { font-size: 0.75em; color:#fff; font-size:0.8125em; text-transform: uppercase; font-weight: bold; text-decoration:none; background-color:#000;}
div.aktuelnosti img { clear: both; float: left; margin: 5px 10px 0 0; padding: 0;}
div.aktuelnosti p { font-size: 0.8125em; line-height:1.375em; margin: 0 15px 0 0; text-align: justify; }
div.aktuelnosti a { color:#a06b49; text-decoration:underline;}
div.aktuelnosti a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}
div.aktuelnosti2 { clear:both; width: 531px; margin-left:15px; margin-top: 15px; background: #fff; /*#F0EDE6;*/}
div.aktuelnosti2 .datum { font-size: 0.75em; font-weight:bold; padding-left: 10px;}
div.aktuelnosti2 .vcrtica { font-size: 1em; padding-left: 4px; padding-right: 4px;}
div.aktuelnosti2 a.naslov { font-size: 0.75em; color:#000; font-size:0.8125em; text-transform: uppercase; font-weight: bold; text-decoration:none;}
div.aktuelnosti2 a.naslov:hover { font-size: 0.75em; color:#fff; font-size:0.8125em; text-transform: uppercase; font-weight: bold; text-decoration:none; background-color:#000;}
div.aktuelnosti2 img { clear: both; float: left; margin: 5px 10px 0 0; padding: 0;}
div.aktuelnosti2 p { font-size: 0.8125em; line-height:1.375em; margin: 0 15px 0 0; text-align: justify; }
div.aktuelnosti2 a { color:#a06b49; text-decoration:underline;}
div.aktuelnosti2 a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}
div.markice { position:relative; clear:both; width: 218px; margin-top: 27px; display: block; margin-left: auto; margin-right: auto;}
div.markice img {display: block; margin-left: auto; margin-right: auto; margin-bottom: 12px;}
div.markice-2 { position:relative; clear:both; width: 218px; margin-top: 365px; display: block; margin-left: auto; margin-right: auto;}
div.markice-2 img {display: block; margin-left: auto; margin-right: auto; margin-bottom: 12px;}
div.focus { position:relative; clear:both; width: 218px; display: block; margin: 15px auto; background-color: #DCDBE0;}
div.focus img {display: block; margin-left: auto; margin-right: auto; }
div.podmeni { margin: 0 auto; clear: both; position: relative; width: 993px; text-align: center; background-image: url(../img/bg_menu_bottom.gif) ; background-repeat: repeat-x; height: 31px;}
div.podmeni ul{ margin: 0; padding-left:25px; padding-top:1px; list-style-type: none; line-height:1em;}
div.podmeni li{ float: left; margin-right: 1em;}
div.podmeni a { color:#000; text-decoration:underline;}
div.podmeni a:hover { color:#fff; text-decoration:none; background-color:#C7541B;}
a.button { display: block; text-indent: -9999px; }
a#cnp-logo { background: url(../img/cnp-logo.jpg); height: 120px; width: 195px; position: absolute; left: 0; }
div.header h1 { position: absolute; background: url(../img/cnp-naslov.jpg) 0 0 no-repeat; width: 480px; height: 120px; left: 195px; text-indent: -9999px; }
ul.menu { list-style: none; margin: 0; }
ul.menu a { float: left; outline: none; text-indent: -9999px; }
/*ul.menu-top li { display: inline; }*/
/* @group menu-top */
div.header ul.menu { height: 120px; position: absolute; top: 0px; left: 675px; width: 206px; }
div.header ul.menu a { height: 120px; }
div.header ul.menu a#top-naslovna { background: url(../img/top-naslovna.jpg) no-repeat; width: 88px; }
div.header ul.menu a#top-eng { background: url(../img/top-eng.jpg) no-repeat; width: 118px; }
/* @end */
/* @group menu-main */
ul#menu-main { height: 40px; position: absolute; bottom: 0px; left: 46px; width: 894px; }
div.navigacija ul.menu a { margin-right: 6px; }
ul#menu-main li#tab-onama a { background: url(../img/menu-onama.jpg) no-repeat; width: 50px; height: 40px; }
ul#menu-main li#tab-onama a:hover { background:url(../img/menu-onama-h.jpg); }
body.onama ul#menu-main li#tab-onama a { background: url(../img/menu-onama-h.jpg) no-repeat;; width: 50px; height: 40px; }
ul#menu-main li#tab-istorijat a { background: url(../img/menu-istorijat.jpg) no-repeat; width: 61px; height: 40px; }
ul#menu-main li#tab-istorijat a:hover { background: url(../img/menu-istorijat-h.jpg); }
body.istorijat ul#menu-main li#tab-istorijat a { background: url(../img/menu-istorijat-h.jpg) no-repeat;; width: 61px; height: 40px; }
ul#menu-main li#tab-repertoar a { background: url(../img/menu-repertoar.jpg) no-repeat; width: 118px; height: 40px; }
ul#menu-main li#tab-repertoar a:hover { background: url(../img/menu-repertoar-h.jpg); }
body.repertoar ul#menu-main li#tab-repertoar a { background: url(../img/menu-repertoar-h.jpg) no-repeat;; width: 118px; height: 40px; }
ul#menu-main li#tab-predstave a { background: url(../img/menu-predstave.jpg) no-repeat; width: 68px; height: 40px; }
ul#menu-main li#tab-predstave a:hover { background: url(../img/menu-predstave-h.jpg); }
body.predstave ul#menu-main li#tab-predstave a { background: url(../img/menu-predstave-h.jpg) no-repeat;; width: 68px; height: 40px; }
ul#menu-main li#tab-festivali a { background: url(../img/menu-festivali.jpg) no-repeat; width: 59px; height: 40px; }
ul#menu-main li#tab-festivali a:hover { background: url(../img/menu-festivali-h.jpg); }
body.festivali ul#menu-main li#tab-festivali a { background: url(../img/menu-festivali-h.jpg) no-repeat;; width: 59px; height: 40px; }
ul#menu-main li#tab-produkcija a { background: url(../img/menu-produkcija.jpg) no-repeat; width: 140px; height: 40px; }
ul#menu-main li#tab-produkcija a:hover { background: url(../img/menu-produkcija-h.jpg); }
body.produkcija ul#menu-main li#tab-produkcija a { background: url(../img/menu-produkcija-h.jpg) no-repeat;; width: 140px; height: 40px; }
ul#menu-main li#tab-press a { background: url(../img/menu-press.jpg) no-repeat; width: 40px; height: 40px; }
ul#menu-main li#tab-press a:hover { background: url(../img/menu-press-h.jpg); }
body.press ul#menu-main li#tab-press a { background: url(../img/menu-press-h.jpg) no-repeat;; width: 40px; height: 40px; }
ul#menu-main li#tab-galerija a { background: url(../img/menu-galerija.jpg) no-repeat; width: 57px; height: 40px; }
ul#menu-main li#tab-galerija a:hover { background: url(../img/menu-galerija-h.jpg); }
body.galerija ul#menu-main li#tab-galerija a { background: url(../img/menu-galerija-h.jpg) no-repeat;; width: 57px; height: 40px; }
ul#menu-main li#tab-kontakt a { background: url(../img/menu-kontakt.jpg) no-repeat; width: 58px; height: 40px; }
ul#menu-main li#tab-kontakt a:hover { background: url(../img/menu-kontakt-h.jpg); }
body.kontakt ul#menu-main li#tab-kontakt a { background: url(../img/menu-kontakt-h.jpg) no-repeat;; width: 58px; height: 40px; }
ul#menu-main li#tab-marketing a { background: url(../img/menu-marketing.jpg) no-repeat; width: 69px; height: 40px; }
ul#menu-main li#tab-marketing a:hover { background: url(../img/menu-marketing-h.jpg); }
body.marketing ul#menu-main li#tab-marketing a { background: url(../img/menu-marketing-h.jpg) no-repeat;; width: 69px; height: 40px; }
ul#menu-main li#tab-partneri a { background: url(../img/menu-partneri.jpg) no-repeat; width: 57px; height: 40px; }
ul#menu-main li#tab-partneri a:hover { background: url(../img/menu-partneri-h.jpg); }
body.partneri ul#menu-main li#tab-partneri a { background: url(../img/menu-partneri-h.jpg) no-repeat;; width: 57px; height: 40px; }
ul#menu-main li#tab-linkovi a { background: url(../img/menu-linkovi.jpg) no-repeat; width: 51px; height: 40px; margin-right: 0px; }
ul#menu-main li#tab-linkovi a:hover { background: url(../img/menu-linkovi-h.jpg); margin-right: 0px; }
body.linkovi ul#menu-main li#tab-linkovi a { background: url(../img/menu-linkovi-h.jpg) no-repeat;; width: 51px; height: 40px; }
/* @end */
/* @group repertoar */
#repertoar table {font-size: 0.75em; width: 531px; border-top: 1px solid #dcdcdc; margin-left:15px; margin-bottom:15px; background:#FFFFFF;}
#repertoar table td { border-bottom: 1px solid #dcdcdc; padding: 0.4em 0.5em; vertical-align: top;}
#repertoar table .odd {background: #f5f3f0; } /*#F0EDE6;}*/
#repertoar table td.day {width: 14px; text-align: center; color: white; background: #416619; font-weight: bold;}
#repertoar table td.wday {width: 2em; background: #000000; color: white; text-align: center;}
#repertoar table td.time {width: 2em; background: #F0EDf4; color: white; text-align: center;}
#repertoar table span.dogadjaj {color: #c80101; font-weight:300; font-size:12px;}
#repertoar table span.autor {color: #333; font-weight: bold;}
#repertoar table span.predstava {color: #000; font-weight:bold;}
#repertoar a { color:#000; text-decoration:none; }
#repertoar a:hover { color:#fff; text-decoration:underline; }
#repertoar table .detalji {font-size: 0.8125em; display: block; color: #747679;}
#repertoar table .detalji a {font-size: 0.8125em;color: #686767;}
#repertoar span.vrijeme {background: #dc661e; /*#c80101;*/ text-decoration: none; font-family: verdana;
color: #fff; float: right; display: block; padding: 0.1em 0.3em; font-size: 0.65em; font-weight: bold;}
/* @end */
div.jump { float:right; position: relative; margin: 5px 15px; }
/* @group maincontent */
div.maincontent table {font-size: 0.75em; width: 531px; border-top: 1px solid #dcdcdc; margin-left:15px; margin-bottom:15px; background:#FFFFFF;}
div.maincontent table td { border-bottom: 1px solid #dcdcdc; padding: 0.4em 0.5em; vertical-align: top;}
div.maincontent table .odd {background: #f5f3f0; } /*#F0EDE6;}*/
div.maincontent table td.zeleno {text-align:left; color: white; background: #416619; font-weight: bold;}
/* div.maincontent table td.wday {width: 2em; background: #000000; color: white; text-align: center;}
div.maincontent table td.time {width: 2em; background: #F0EDf4; color: white; text-align: center;}
*/
div.maincontent table span.dogadjaj {color: #c80101; font-weight:300; font-size:12px;}
div.maincontent table span.autor {color: #333; font-weight: bold;}
div.maincontent table span.predstava {color: #000; font-weight:bold; text-transform: uppercase;}
div.maincontent table .detalji {font-size: 0.8125em; display: block; color: #747679;}
div.maincontent table .detalji a {font-size: 0.8125em;color: #686767;}
div.maincontent span.vrijeme {background: #dc661e; /*#c80101;*/ text-decoration: none; font-family: verdana;
color: #fff; float: right; display: block; padding: 0.1em 0.3em; font-size: 0.65em; font-weight: bold;}
/* @end */
/* @group Footer2 */
div.footer2 { position: relative; clear:both; bottom:0; margin: 0 auto; margin-top: 50px; width: 559px; height: 100px; padding-top:1px; background: #9ca0ab; color: #fff; font-weight:bold; }
div.footer2 p { clear: both; margin: 10px 0; text-align: center; font-size: 0.625em; line-height: 1.125em;}
div.footer2 a { color: #fff; text-decoration: none;}
div.footer2 a:hover { color: #fff; text-decoration: underline; background-color:#9ca0ab;}
/* @end */
/* @group Footer2
div.footer2 { position: absolute; bottom:0; margin: 0 auto; width: 993px; height: 65px; background: #9ca0ab; color: #fff; padding: 5px 0; font-weight:bold; }
div.footer2 p { clear: both; margin: 10px 0; text-align: center; font-size: 0.625em; line-height: 1.125em;}
div.footer2 a { color: #fff; text-decoration: none;}
div.footer2 a:hover { color: #fff; color: #6fbc8e; text-decoration: underline;}
@end */
/* @group Footer */
div.footer { clear: both; position: relative; bottom: 0; width: 993px; height: 85px; margin: 0 auto; padding: 5px 0; background: #9fb8b5; color: #fff; line-height: 0.8125em; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; }
div.footer p { clear: both; margin: 10px; text-align: left; font-size: 0.625em;}
div.footer a {color: #fff; text-decoration: none;}
div.footer a:hover { color: #fff; text-decoration: underline;}
/* @end */