/*body, font, colors*/

html {overflow-x:hidden; min-height: 100%; height: 100%}
body {margin:0px; background: #fff; color: #000; min-height: 100%; height: 100%}
body {font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px; line-height:130%; text-align:left}
img  {border:0px;}

form, fieldset, label, select {margin: 0px; padding: 0px; border: 0px;}

.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right}

.fll                            {float: left;}
.flr                            {float: right;}
.fllhsld                        {float: left; padding: 10px;}
.news_listing .fllhsld , .news_thumbnail .fllhsld,
.show_listing .fllhsld ,
.media_listing .fllhsld ,
.show_listing .fllhsld ,
.preuzimanje_listing .fllhsld   {padding: 0px!important}
ul, li                          { margin: 0px; padding: 0px; list-style: none; list-style-image: none; list-style-type: none;}

/* normal links */

a           {font-weight: bold; outline: none;}
a:link      {color:#700000; text-decoration: none;}
a:visited   {color:#700000; text-decoration: none;}
a:hover     {color:#d1ab66; text-decoration: none;}
a:active    {color:#700000; text-decoration: none;}
:focus      {-moz-outline-style: none;}

/*main layout divs */

#topmenu                                {background:#000; height:31px;width:100%;;}
#header                                 {width: 1000px; float: none; clear: both; margin: 0 auto; }
#logo                                   {float: none; clear: both; height: 150px; }
#menu                                   {float: none; clear: both;}
#slide                                  {float: none; clear: both; border-bottom: 5px solid #333; margin-bottom: 5px;}
#content-container                      {clear: both; float: none; margin: 0 auto; width: 1000px; background: #fff;  }
#left                                   {float: left; width:200px; height: 100%; margin-top:10px; }
#right                                  {float: right; width: 770px; padding: 10px 0px 10px 10px;}
#footer                                 {clear: both; float: none; width: 100%; background: #000; padding: 15px; color: #fff; border-top: 15px solid white; }
#right .predstava-content               {float: left; width: 60%; padding: 0 10px; text-align: justify; padding-right: 20px; height: 800px; overflow: hidden; }
#right .podela-content                  {float: left; width: 278px; }
#right .podela-content p                {padding: 10px ; margin:0px; background: #333; color: #fff;}
#right .podela-content .thumbscontainer {padding:10px 7px ; margin: 0px; background: #333; color: #fff; width: 264px;border-top: 2px solid #ccc;}
#right .podela-content h2               {background:url(../img/meni_uspravno.jpg) repeat-y ; color: #fff; margin: 0; padding:5px 10px; font-weight: bold;font-size: 17px;text-align: center; }
#right .podela-content h3               {background: url(../img/meni_uspravno.jpg)  repeat-y ; color: #fff; margin: 0; padding:5px 10px; font-size: 12px;text-align: center; border-bottom: 2px solid #ccc; }

/* Jquery Scroll */

.jScrollPaneContainer     {position:relative; overflow:hidden; z-index:1; float: left;}
.jScrollPaneTrack         {position:absolute; cursor:pointer; right:10px; top:0; height:100%; background: #d1ab66}
.jScrollPaneDrag          {position:absolute; cursor:pointer; overflow:hidden; background: #700000}
.jScrollPaneDragTop       {position:absolute; top:0; left:0; overflow:hidden;  background: #d1ab66}
.jScrollPaneDragBottom    {position:absolute; bottom:0; left:0; overflow:hidden;  background: #d1ab66}
a.jScrollArrowUp          {display:block; position:absolute; z-index:1; top:0; right:10px; text-indent:-2000px; overflow:hidden; background:transparent url(../img/arrow_up.gif) no-repeat; height:9px}
a.jScrollArrowUp:hover    {background-color:#f60; background:transparent url(../img/arrow_up_over.gif) no-repeat}
a.jScrollArrowDown        {display:block; position:absolute; z-index:1; bottom:0; right:10px; text-indent:-2000px; overflow:hidden; background-color:#666; height:9px; background:transparent url(../img/arrow_down.gif) no-repeat}
a.jScrollArrowDown:hover  {background-color:#f60;background:transparent url(../img/arrow_down_over.gif) no-repeat}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-color:#f00;}

/* poll anketa*/

.pollresults ul li {margin: 0px; padding: 0px; list-style: none; list-style-image: none;}
.pollresults ul    {margin: 0px!important; padding: 0px; list-style: none; list-style-image: none;}
.pollvotes ul li   {margin: 0px; padding: 0px; list-style: none; list-style-image: none;}
.pollvotes input   {margin: 0px; padding: 0px; list-style: none; list-style-image: none;  width:auto!important;}
.pollvotes h3      {display: none}
.pollresults h3    {display: none}
.pollvotes, .pollresults             {}
.pollvotes h3, .pollresults h3       {margin-top:0px;font-size:1.4em;color:#618200;}
.pollvotes ul, .pollresults ul       {padding:0px 4px 0px 16px; margin:15px 0px; }
.pollvotes p, .pollresults p         {margin: 0px; padding: 0px;}
.pollvotes ul li, .pollresults ul li {margin: 0px; padding: 0px;}
.easypoll fieldset                   {border:0px; margin:0px; padding:0px;}
.easypoll input.pollbutton           {border:1px solid #ccc; color:#000; background-color:#fff;}
.easypoll input:hover                {background-color:#7f85c9; color: #fff}
.easypoll_bar                        {height:8px; background-color:#FFF;}
.easypoll_inner                      { height:100%;    background:url('../../templates/modxhost/images/foot_4x82.jpg') repeat-x top left; background-color:#618200;}
.easypoll_error                      { border:1px solid #600; background-color:#FAA; padding:8px;}

/* text, header,float, links*/

h5 {color:#333399;font-family:arial,helvetica,serif;font-size:100%;font-style:italic;margin:2em;text-align:center;}
h4 {display:block;line-height:30px;}
h3 {display:block;line-height:100%;}
h2 {display:block;line-height:100%;}
h1 {display:block;line-height:100%;}
p  {display:block;}

h1 {font-weight:bold;font-size:18px;color:#000;background:transparent;}
h2 {font-weight:bold;font-size:16px;color:#000;background:transparent;}
h3 {background:transparent; color:#000;font-size:14px;font-weight:bold;margin:0 0 10px;}
h4 {font-weight:bold;font-size:11px;color:#000;background:transparent;}
h5 {font-weight:bold;font-size:9px ;color:#000;background:transparent;}
h6 {background:url(/assets/images/polje1.jpg); color: #fff; border-bottom: 3px solid #d1ab66; height:20px; padding: 3px 0 3px 10px; font-size: 11px; margin:0; display: block; clear: both; float: none; }

/*Ajax search*/

.ajaxSearch_resultExtract p {float: none!important;}
.ajaxSearch_result p {float: none!important}

.ajaxSearch_highlight  {color: #CC0099;}
.ajaxSearch_highlight1 {color: #CC0099;}
.ajaxSearch_highlight2 {color: #66FF99;}
.ajaxSearch_highlight3 {color: #660066;}
.ajaxSearch_highlight4 {color: #3399FF;}

/*Slider*/

.anythingSlider                         { width: 1000px; height: 300px; position: relative; }
.anythingSlider .wrapper                { width: 1000px; overflow: auto; height: 300px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 300px; width: 1000px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; display: none; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; display: none; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               {left:10px; position:relative; top:270px;}
#thumbNav a                             { color: black; font: 11px; line-height:16px; display: inline-block; padding: 2px 7px; height: 16px; margin: 0 5px 0 0; background: #fff; text-align: center;}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #700000; color: #fff; }

#start-stop                             { color:white; height:22px; left:150px; line-height:16px; position:absolute; text-align:center; top:269px; width:29px;}
#start-stop.playing                     { }
#start-stop:hover                       { background-image: none; }

 /*Glavni MENI*/

#menu {background:#000;  height:31px;  left:0;  position:relative;  top:0;  width:100%; z-index: 10000}

/* common styling */

#menu ul li a                                {text-align: center;font-size:13px}
#menu li ul li a                             {text-align: left;font-size:11px}
#menu > ul                                   {list-style-type:none; margin:0 ; padding:0; }
#menu ul li                                  {float:left; position:relative}
#menu ul li a, #menu ul li a:visited         {background:#000 /*url(../img/bg-gradient-menu.gif) repeat-x scroll 0 50%*/; color:#FFF; display:block; height:11px; text-decoration:none; width:75px; display: block; padding: 8px 10px 11px 10px}
#menu ul li a:hover                          { background: #700000}
* html #menu ul li a, #menu ul li a:visited  {width:100px; w\idth:100px}
#menu ul li ul                               {display:none}

/* specific to non IE browsers */

#menu ul li a:hover                          {color:#fff; background:#700000 /*url(../img/bg-gradient-menu.gif) repeat-x scroll 0*/}

#menu ul li:hover > ul,
#menu ul li a:hover > ul                     {display:block; position:absolute; top:30px; margin-top:0px; left:0; width:150px}
* html #menu ul li a:hover > ul              {margin-top:0; marg\in-top:1px}

#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul               {visibility:hidden; position:absolute; height:0; width:0}

#menu ul li:hover ul li a,
#menu ul li a:hover ul li a                  {display:block; color:#fff; height:auto; min-height: 10px; padding:5px 10px; width:130px;}
* html #menu ul li a:hover ul li a           {width:150px; w\idth:130px}

#menu ul li:hover ul li a.drop,
#menu ul li a:hover ul li a.drop             {}
#menu ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover            {color:#fff}
#menu ul li:hover ul li:hover ul,
#menu ul li a:hover ul li a:hover ul         {visibility:visible; position:absolute; left:150px; top:0; width:150px}
#menu ul li:hover ul li:hover ul.left,
#menu ul li a:hover ul li a:hover ul.left    {left:-149px}
#menu li ul li a:hover                       {background:#D1ab66 }
#menu li ul li ul li a:hover                 {background:#700000 }
#menu li ul li ul li ul li a:hover           {background:#D1ab66 }

 /*GORNJI MENI*/

#topmenu            { background:#000;  height:31px;  left:0;  position:relative;  top:0;  width:100%; z-index: 20000}
#topmenu ul li a    {text-align: center;}
#topmenu li ul li a {text-align: left;}

 /* common styling */

#topmenu a:hover    {font-size:11px!important}
#topmenu a:active   {font-size:11px!important}
#topmenu a:visited  {font-size:11px!important}
#topmenu a:link     {font-size:11px!important}

#topmenu > ul                              {left:50%; list-style-type:none; margin:0 0 0 50px; padding:0; position:relative; width:550px;}
#topmenu ul li                             {float:left; position:relative}
#topmenu ul li a, #topmenu ul li a:visited {background:#000 /*url(../img/bg-gradient-menu.gif) repeat-x scroll 0 50%*/; color:#FFF; height:10px; text-decoration:none; width:75px; display: block; padding: 8px 0 12px}
#topmenu ul li a:hover                     { background: #700000}
#topmenu ul li ul                          {display:none}

/* specific to non IE browsers */

#topmenu ul li a:hover                {color:#fff; background:#700000 /*url(../img/bg-gradient-menu.gif) repeat-x scroll 0*/}

#topmenu ul li:hover > ul,
#topmenu ul li a:hover > ul           {display:block; position:absolute; top:30px; margin-top:0px; left:0; width:150px}
* html #topmenu ul li a:hover > ul    {margin-top:0; marg\in-top:1px}

#topmenu ul li:hover ul li ul,
#topmenu ul li a:hover ul li a ul     {visibility:hidden; position:absolute; height:0; width:0}

#topmenu ul li:hover ul li a,
#topmenu ul li a:hover ul li a        {display:block; color:#fff; height:auto; line-height:1.2em; padding:5px 10px; width:130px}
* html #topmenu ul li a:hover ul li a {width:150px; w\idth:130px}

#topmenu ul li:hover ul li a.drop,
#topmenu ul li a:hover ul li a.drop   {}

#topmenu ul li:hover ul li a:hover,
#topmenu ul li a:hover ul li a:hover  {color:#fff}

#topmenu ul li:hover ul li:hover ul,
#topmenu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; top:0; width:150px}

#topmenu ul li:hover ul li:hover ul.left,
#topmenu ul li a:hover ul li a:hover ul.left {left:-149px}

#topmenu li ul li a:hover                {background:#D1ab66 }
#topmenu li ul li ul li a:hover          {background:#700000 }
#topmenu li ul li ul li ul li a:hover    {background:#D1ab66 }

/* Search */

#search                            {color:#fff; left:775px; padding-right:10px; position:absolute; top:2px; width:476px; z-index:900;}
#ajaxSearch_form                   {z-index:11}
#search label, #sidebarlogin label {color:#444}
#sidebarlogin input                {border-top:1px solid #75767B; border-left:1px solid #75767B; border-bottom:1px solid #B6B9C0; border-right:1px solid #B6B9C0; height:19px}
#search input                      { font-size:9px;  height:15px;  left:5px;  top:5px;  width:140px; border:0px; padding: 1px 5px}
#sidebarlogin label                {display:block; margin-top:5px !important}
#sidebarlogin input                {width:100%}
#sidebarlogin #checkbox_1          {width:auto; float:right; border:0 !important; position:relative; right:138px; top:5px}
#sidebarlogin h3                   {display:none}
.button                            {width:70px !important; height:27px !important; padding:2px !important; margin-top:5px !important; margin-bottom:5px !important}
#sidebarlogin #forgotpsswd         {font-size:100%; display:block; float:right; margin-top:-25px}
#search select                     {border-top:1px solid #75767B; border-left:1px solid #75767B; border-bottom:1px solid #B6B9C0; border-right:1px solid #B6B9C0; height:19px}
#search textarea                   {border-top:1px solid #75767B; border-left:1px solid #75767B; border-bottom:1px solid #B6B9C0; border-right:1px solid #B6B9C0; height:19px}

#search-txt                                 {color:#fff; font-size:13px; height:21px; line-height:23px; width:57px; float:left}
#ajaxSearch_input                           {position:absolute;  width:165px;  height:19px;  float:left}
#ajaxSearch_submit                          {background:transparent none repeat scroll 0;  border:1px solid #000;  color:#FFF;  cursor:pointer;  height:22px !important;  left:160px !important;  margin:0 !important;  position:absolute;  top:0 !important;  width:60px !important}
#ajaxSearch_output                          {background:#000;  color:#fff; position:absolute;  top:29px;  width:225px !important;  z-index:9999;  border:0;  padding:0;  margin:0}
#ajaxSearch_output a                        {color:#fff; text-align:left; width:172px; display:block; width:93% !important}
.searchTerms                                {display:none}
.AS_ajax_resultsIntroFailure                {padding:5px}
#indicator                                  {left:118px; position:absolute; top:5px; z-index:1002;}
#searchClose                                {left:137px; position:absolute; top:5px; z-index:1002}
.AS_ajax_resultExtract                      {padding: 5px; color: #C3C3C3;}
#ajaxSearch_output a:hover                  {background-color:#dfac51}
#ajaxSearch_output p                        {margin:0}
.ajaxSearch_paging                          {}
.AS_ajax_result                             {border-top:1px solid #2f2f2f;  color:#444;  padding:5px 10px 7px;  margin:0}
.AS_resultLink                              {text-decoration:underline;  padding:0;  margin:0}
.AS_ajax_resultDescription                  {color:#888}
.AS_ajax_more                               {color:#555}
.AS_intro                                   {display:none}
.AS_ajax_highlight1, .ajaxSearch_highlight1 {color:#C33990;  padding:0;  font-weight:bold}
.AS_ajax_highlight2, .ajaxSearch_highlight2 {color:#CB53DF;  padding:0;  font-weight:bold}
.AS_ajax_highlight3, .ajaxSearch_highlight3 {color:#DF53B5;  padding:0;  font-weight:bold}
.AS_ajax_highlight4, .ajaxSearch_highlight4 {color:#DF5380;  padding:0;  font-weight:bold}
.AS_ajax_highlight5, .ajaxSearch_highlight5 {color:#A453DF;  padding:0;  font-weight:bold}
.AS_ajax_highlight6, .ajaxSearch_highlight6 {color:#53ADDF;  padding:0;  font-weight:bold}

/* paginacija */

#ditto_pages                                               {background: #fff; padding: 5px 0px; margin-bottom: 15px; text-align: center;}
.ditto_paging                                              {border-top:1px solid #ccc;  padding:10px;  font-size:86%;  color:black; background: #fff}
#ditto_pages .ditto_currentpage                            {border:1px solid black;  padding:1px 5px 2px;  margin-right:1px;  background-color:#700000;  color:#fff}
#ditto_pages .ditto_off                                    {border:1px solid #ccc;  padding:1px 5px 2px;  margin-right:1px;  color:#ccc}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited{border:1px solid #ccc;  padding:1px 5px 2px;  margin-right:1px;  text-decoration:none !important;  color:black}
#ditto_pages a:hover                                       {background-color:#d1ab66;  color:#000}

/* News listing */

.news_listing                      {min-height: 180px;}
.news_listing .container           {border: 1px #ccc solid; border-top:0px; padding: 10px 10px 0; margin-bottom: 10px; min-height: 124px; display: table; background: #f2f2f2;width:748px;}
.news_listing img                  {margin-right: 15px;}
.news_thumbnail                    {float: left; padding-bottom:10px; padding-right:10px;}
.news_listing .news_text           {width: 560px; float: left; text-align: justify;}
.news_listing .readmore            { width:80px; margin-bottom: 0px;}
.news_listing h3                   { padding: 5px 5px 5px 10px;margin-bottom: 0px; background:url(../img/pozadina-naslova.jpg); text-transform: uppercase; }
.news_listing h3 a:link            { color: #fff;  text-decoration: none; font-weight: normal !important; font-size: 12px; text-transform: uppercase; }
.news_listing h3 a:visited         { color: #fff;  text-decoration: none; font-weight: normal !important; font-size: 12px;text-transform: uppercase; }
.news_listing h3 a:hover           { color: #d1ab66;  text-decoration: none; font-weight: normal !important; font-size: 12px;text-transform: uppercase; }
.news_listing h3 a:active          { color: #fff;  text-decoration: none; font-weight: normal !important; font-size: 12px;text-transform: uppercase; }
.news_listing .readmore a:link     { color: #700000;  text-decoration: underline;  font-size: 11px; padding: 2px 5px}
.news_listing .readmore a:visited  { color: #700000;  text-decoration: underline;  font-size: 11px; padding: 2px 5px}
.news_listing .readmore a:hover    { color: #fff   ;  text-decoration: none;       font-size: 11px; background: #700000 ; padding: 2px 5px}
.news_listing .readmore a:active   { color: #700000;  text-decoration: underline;  font-size: 11px; padding: 2px 5px}
.readmore                          {text-align: right; width: 100%; margin-bottom: 15px;}
.news_listing .readmore            {width: 80px; margin-bottom: 15px; float: right;}

/* Show listing */

.show_listing            {border:1px solid #ccc; display:block; float:left; margin:5px; min-height:100px; overflow:hidden; padding:5px; width:234px; background: #f2f2f2}
.show_listing h3         {float:left; font-size:12px;width:108px; margin:4px 0 3px 0;}
.show_listing .news_text {float:left; font-size:11px;width:108px;}

/* uprava listing */

.uprava_listing       {border-bottom:1px solid #CCCCCC; min-height:140px; padding:15px; }
.uprava_listing   img {margin-right: 15px; float: left;}
.uprava_listing h3    {padding: 10px; float: none;}
.uprava_text          {float: none; font-size: 12px;}
#upravnici div        {float:left; height:210px; margin-bottom:10px; width:375px;}
#upravnici img        {float:left; margin-right: 10px; width: 140px; height: 200px}
#upravnici strong     {font-size:14px;}

/* Newsletter */

.newsletter .subbut {background: #700000; color:#fff; border: 0px; text-align: center; font-weight: bold; font-size: 10px; padding: 0 10px 3px }

/* mediaTMPL */

.media_image            {float:left; width:350px;}
.media_content          {float:left; width:400px; padding: 10px; color: #000}
.media_listing          {border-bottom:1px solid #CCCCCC; min-height:140px; padding:15px; }
.media_listing img      {margin-right: 15px; float: left;}
.media_listing h3       {padding: 10px; float: none;}

/* Sponzori */

#sponzori                      {height:160px; margin: 0 auto; width:975px;}
.sponsor_item, .glavni_sponzor {float: left;}
.ostali_sponzori               {float: none;}
.sponsor_item                  {padding: 2px 2px 0px 2px;background: #000;  }
.sponsor_item  img             {width: 115px; }
.glavni_sponzor img            {padding:10px 5px 0 0;}

/* Login */

#login                         {clear:both; float:none; height:45px; margin:12px auto; width:920px;}
#login form label              {float: left; margin-right: 10px; width: 130px;margin-top: -12px; }
#login form input              {width: 110px ;}
#login > span , #login > a     {float: left; margin-left: 15px;  margin-top: 4px;}
#login #WebLoginLayer0, #login #WebLoginLayer1, #login #WebLoginLayer2 { height: 45px; width: 565px; float: left; }
#login form a                  {margin-left: 15px;}
#WebLoginLayer2                {margin-top: -12px; }
#WebLoginLayer2 .NFButtonRight {margin-right: 12px; }
#WebLoginLayer2 .NFTextRight   {margin-right: 12px; }
.text_frgtpass                 {margin-bottom: 12px; }
.labelname                     {width: 125px; display: block;}

.copyright {width:1000px; margin: 10px auto; text-align: center;}

/* Tabela cene*/

.table_cene            {float:none; width:700px; clear: both;margin-top:20px;}
.cene_legenda          {float:none; width:700px; clear: both; margin-top:10px;}
.cene_legenda span img {float:none; margin:10px;  }
.cene_legenda span     {color:#700000; float:left; font-weight:bold; margin-right:10px; width:185px; display: block; margin-top: 15px; text-align: center; }
.boja1_cene    {background:#952a24;}
.boja2_cene    {background:#eab648;}
.boja3_cene    {background:#01aef0;}
.boja4_cene    {background:#b3d871;}
.boja5_cene    {background:#8e3f98;}
.boja6_cene    {background:#f7921c;}
.boja7_cene    {background:#dcdddf;}
.table_cene td {border: 1px #ccc solid}

/* Preuzimanje DIV */

.preuzimanje          {border:1px solid #d1ab66; float:left; height:180px; margin:5px 0px; width:100%; background: #eeeeee;}
.preuzimanje_img      {float:left; width:145px; background:#fff; height: 160px;}
.preuzimanje_img img  {border:1px solid #CCCCCC; margin:8px 0 0 25px; padding:2px;}
.preuzimanje_text     {float:left; width:625px; height: 150px; overflow: hidden; margin-right: 15px; margin-top: 5px }
.preuzimanje_listing  {float:left; margin-bottom:2px; padding:3px 0 3px 10px; width:582px;}
.preuzimanje_naslov   {border-bottom:1px solid #ccc; color:#700000; float:left; font-size:12px; font-weight:bold; padding:6px 0 8px; width:515px;}
.preuzimanje_link     {background:#D1AB66; float:right; margin-top:5px; padding:5px 3px 5px 7px; width:55px;}

.preuzimanje_link a:link      {color:#700000;}
.preuzimanje_link a:visited   {color:#700000;}
.preuzimanje_link a:hover     {color:#000;}
.preuzimanje_link a:active    {color:#700000;}

a:link    {color:#700000; text-decoration: none;}
a:visited {color:#700000; text-decoration: none;}
a:hover   {color:#d1ab66; text-decoration: none;}
a:active  {color:#700000; text-decoration: none;}

/* Site tree */

#right ul li      {margin-left:25px; list-style:square; list-style-position: outside; list-style-type: square; }
#right ul li a    {padding:2px 0px; display: block;  }
#right li ul li   {list-style:disc; list-style-position: outside; list-style-type: disc;}
#right li ul li a {padding:2px 0px; display: block;}

#right #sitetree {background: #700000}

#right #sitetree   ul                {padding: 8px 25px 8px 0px; list-style: none; background: #700000; }
#right #sitetree   ul ul             {background: #7a110a; }
#right #sitetree   ul ul ul		     {background: #882a19; }
#right #sitetree   ul ul ul ul	     {background: #98472a; }
#right #sitetree   ul ul ul ul ul    {background: #a9653c; }
#right #sitetree   ul ul ul ul ul ul {background: #ba814d; }

#right #sitetree   a:link         {color: #fff}
#right #sitetree   a:visited      {color: #fff}
#right #sitetree   a:hover        {color: #000}
#right #sitetree   a:active       {color: #fff}

 /* repertoar
 #repertoar                                {width:770px;}
 #repertoar                                {width:770px;}
 #repertoar ul , #repertoar ul li          {padding: 0px;margin: 0px; list-style: none; list-style-type: none;}
 #repertoar .calendarNavigation             {background: #700000; height: 50px;}
 #repertoar .calendarWeekdays              {}
 #repertoar .calendarWeekdays   ul         {background:#fff; color:#333;font-size:20px;font-weight:bold;height:50px;margin:0;}
 #repertoar .calendarWeekdays   ul li      {float: left; height: 50px;width: 110px; line-height: 50px; text-align: center;}

 #repertoar .calendarList       ul li      {}
 #repertoar .calendarList .calendarDaybox  {width: 110px; height: auto; float: left; background: #fff; overflow: hidden; display: block; }
 #repertoar .calendarList .calendarEmpty   {filter:alpha(opacity=30);	-moz-opacity:0.35;	-khtml-opacity: 0.35;	opacity: 0.35;}
 #repertoar .calendarList .calendarActive  {}
 #repertoar .calendarList .calendarToday .calendarDate   {background:#700000; display:block; font-size:20px; font-weight:bold; margin:5px 3px; padding:5px 3px; margin-bottom: 0px; color: #fff}
 #repertoar .calendarList .calendarDate    {background:#D1AB66; display:block; font-size:20px; font-weight:bold; margin:5px 3px; padding:5px 3px; margin-bottom: 0px;}
 #repertoar .calendarList .calendarEvents  {margin:5px 3px; margin-top: 0px; border-right: 1px solid #ccc; border-left: 1px solid #ccc}
 #repertoar .calendarList                  {}
   #repertoar .calendarEvent               {background:#fff; border-bottom:1px solid #ccc; padding:3px;}
     #repertoar .calendarTitle             {}
     #repertoar .calendarTime              { display: block; float: none; clear: both;}
     #repertoar .calendarText              { display: block; float: none; clear: both; font-size: 9px; color: #777}

.calendarNavigation p     { float: left; margin-right: 40px; margin-bottom: 15px; position: relative; left: 224px}
.calendarNavigation input { background:transparent;  color:#fff; padding:0px 3px; border: 1px #fff solid;}
.calendarNavigation input:hover { background:#D1AB66;  color:#fff; padding:0px 3px; border: 1px #D1AB66 solid;}
.calendarNavigation span  { color:#FFFFFF; font-size:15px; font-weight:bold; height:22px; line-height:22px; margin:0 5px; padding:0 10px;}*/

#line_repertoar {}
 #line_repertoar                                {width:770px;}
 #line_repertoar                                {width:770px;}
 #line_repertoar ul , #line_repertoar ul li          {padding: 0px;margin: 0px; list-style: none; list-style-type: none;}
 #line_repertoar .calendarNavigation            {background: #700000; height: 50px;}
 #line_repertoar .calendarWeekdays              { display: none}
 #line_repertoar .calendarWeekdays   ul         {background:#fff; color:#333;font-size:20px;font-weight:bold;height:50px;margin:0;}
 #line_repertoar .calendarWeekdays   ul li      {float: left; height: 50px;width: 110px; line-height: 50px; text-align: center;}

 #line_repertoar .calendarList       ul li      {}
 #line_repertoar .calendarList .calendarDaybox  {width: 775px; height: auto; float: left; background: #fff; overflow: hidden; display: block; }
 #line_repertoar .calendarList .calendarEmpty   {filter:alpha(opacity=30);	-moz-opacity:0.35;	-khtml-opacity: 0.35;	opacity: 0.35;}
 #line_repertoar .calendarList .calendarActive  {}
 #line_repertoar .calendarList .calendarToday .calendarDate   {background:#700000; display:block; font-size:20px; font-weight:bold; margin:5px 3px; padding:5px 3px; margin-bottom: 0px; color: #fff}
 #line_repertoar .calendarList .calendarDate    {background:#D1AB66; display:block; font-size:20px; font-weight:bold; margin:5px 3px; padding:5px 3px; margin-bottom: 0px;}
 #line_repertoar .calendarList .calendarEvents  {margin:5px 3px; margin-top: 0px; border-right: 1px solid #ccc; border-left: 1px solid #ccc}
 #line_repertoar .calendarList                  {}
   #line_repertoar .calendarEvent               {background:#fff; border-bottom:1px solid #ccc; padding:3px;}
     #line_repertoar .calendarTitle             {}
     #line_repertoar .calendarTime              { display: block; float: none; clear: both;}
     #line_repertoar .calendarText              { display: block; float: none; clear: both; font-size: 9px; color: #777}

.repertoar_listing            {font-size:13px; line-height:20px; padding:10px;}
.repertoar_listing ul li span {display:inline-block; width: 145px; }
.repertoar_listing ul li      {margin: 4px 0; list-style-position: inside!important; padding-left: 7px; margin-left: 5px !important;}
.row_1                        {background:#D1D1D1}
.row_2                        {background:#E5E5E5}
.repertoar_listing h2         {color:#700000; font-size:18px; font-weight:bold; margin:0 0 10px 5px;}
.sunday_red                   {color: #700000}

#dnevni .calendarEvent                 {border:1px solid #ccc; margin:7px 0; padding:5px; background: #f2f2f2;}
#dnevni .calendarEvent .calendarTitle  {display: block;}
#dnevni .calendarEvent .calendarTime   {}
#dnevni .calendarEvent .calendarText   {}

/* Mini calendar
#emMini       {border:1px solid #ccc; border-right:0px; position: relative; left:0.5px; margin-bottom: 10px; }
#emMini ul li {background:transparent ; border-right:1px solid #ccc; float:left; height:14px;padding:7px 0.1px;text-align:center;width:27px;}
#emMini .calendarWeekdays {clear: both; float: none;}
#emMini .calendarList     {clear: both; float: none; height: 168px; }
#emMini .calendarList .calendarWeek    {clear: both; float: none; border-bottom:1px #ccc solid; width: 198px; }
#emMini .calendarWeekdays ul li {background: #700000!important; color: #fff!important; border: 0px; width:28px;}
#emMini .calendarWeekdays ul li.sunday_red {background: #300000!important; color: #fff!important; border: 0px; width:28px;}
#emMini .calendarEmpty {filter:alpha(opacity=30);	-moz-opacity:0.35;	-khtml-opacity: 0.35;	opacity: 0.35;}
#emMini .calendarNavigation {}
#emMini .calendarNavigation div.navigation {float: none; height: 24px; background: #700000; clear: both; width: 197px;text-align: center; padding: 2px 0px; border-bottom: 1px #fff solid ;}
#emMini .calendarNavigation div.navigation span {font-size: 9px; text-align: center;  width: 103px; display: inline-block;}
#emMini .calendarNavigation div.navigation input {font-size: 9px; text-align: center;}
#emMini .calendarNavigation div.navigation {float: none; height: 24px; background: #700000; clear: both; width: 197px;text-align: center; padding: 2px 0px; border-bottom: 1px #fff solid ;}
#emMini .calendarNavigation div.navigation span {font-size: 9px; text-align: center;  width: 103px; display: inline-block;}
#emMini .calendarNavigation div.navigation input {font-size: 9px; text-align: center;}
#emMini .calendarNavigation span {font-size: 9px; text-align: center;  width: 103px; display: inline-block;}
#emMini .calendarNavigation input {font-size: 9px; text-align: center;}
#emMini li.calendarToday a:link    {background: #800000; color:#fff; }
#emMini li.calendarToday a:visited {background: #800000; color:#fff; }
#emMini li.calendarToday a:hover   {background: #800000;    color:#D1ab66; }
#emMini li.calendarToday a:active  {background: #800000; color:#fff; }
#emMini li.calendarToday           {background: #800000!important; color:#fff; }
#emMini li.calendarToday:hover     {color:#800000; }
#emMini span.calendarNone          {display:block; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:0;text-align:center;font-weight: bold;}
span.calendarNone                  {display:block; padding:10px;text-align:center; font-weight: bold;}
.calendarEvent a { float: none; clear: both; display: block; margin-top: 3px;}   */

.front_show_listing                 {background:#e3e3e3; height:80px; padding-top:10px; margin: 0; border: 1px solid #ccc;margin-bottom:3px;}
.front_show_listing .news_thumbnail {padding: 0 0 0 7px}
.front_show_listing h3              {float:right; font-size:10px; width:90px;margin:10px 2px 3px 0;}
.front_show_listing .news_text      {float:right; font-size:9px; width:95px;}
.front_show_listing img             {height:65px;width:85px;}
.front_listing                      {margin: 10px 0; padding-bottom: 3px;}
.front_listing h6                   {margin-bottom:3px;}

.knjige-lista h3                  {float:right; padding: 0 10px; width:85px;}
.knjige-lista .media_listing      {border:1px solid #CCCCCC;float:left;height:160px;margin-top:5px; padding:3px 10px 3px 3px;width:210px;}
.knjige-lista .news_thumbnail     {float:left; padding: 0; width: 105px}
.knjige-lista .news_thumbnail img {width: 105px}
.knjige-lista .books_intro        {float:right; font-weight:bold; width:95px;}
.knjige-lista a                   {font-size:11px;}
.repertoar_main                   {background:#700000; font-size:11px; padding:3px 0 3px 10px;}
.repertoar_main a                 {color:#fff;}
.repertoar_main a:hover           {color:#d1ab66;}
#repertoar_preuzimanje h6 a       {color:#FFFFFF;}
#repertoar_preuzimanje h6 a:hover {color:#d1ab66;}

/* newsletter */

.newsletter   {background:#EEEEEE none repeat scroll 0 0; border:1px solid #ccc; margin:20px; padding:10px;}

/* naslov*/

#naslov        {display:none;color:#FFFFFF; font-size:23px; margin:0 auto;position:relative;text-align:center;top:-40px;width:388px;}
.naslov_strane {display:none;font-size:12px ;color:#FFFFFF; height:15px; margin:0; padding:3px 0 2px 10px;background:url(../img/pozadina-naslova.jpg); text-transform: uppercase; }
.naslov_uprava {border-bottom:2px solid #D1AB66; font-size:12px; font-weight:bold; padding-bottom:3px;}

/* RSS */

.rss {left:50%; margin-left:385px; margin-top:-65px; position:absolute;}

/* lenguage bar  */

.lenguage_bar           {display:inline; float:left; margin-top:-23px; position:absolute; z-index:20001; margin-left:-500px; left:50%;}
.lenguage_bar a         {font-size:11px; padding-right:5px; font-weight:bold;}
.lenguage_bar a:link    {color:#f2f2f2;}
.lenguage_bar a:visited {color:#f2f2f2;}
.lenguage_bar a:hover   {color:#d1ab66;}
.lenguage_bar a:active  {color:#fff;}

/* privremeni templat */

#right_temp                  {width: 1000px; padding: 10px 0px 10px 10px;}
.lenguage_bar_temp           {background:#000000; display:inline; float:left; height:25px; left:50%; margin-left:-500px; margin-top:-1px; position:relative; width:1000px; z-index:20001;}
.lenguage_bar_temp a         {font-size:11px; padding:5px 0 0 10px; font-weight:normal;line-height:25px}
.lenguage_bar_temp a:link    {color:#f2f2f2;}
.lenguage_bar_temp a:visited {color:#f2f2f2;}
.lenguage_bar_temp a:hover   {color:#d1ab66;}
.lenguage_bar_temp a:active  {color:#fff ;}

/* social */

.social_main   {height:30px; margin:0 auto; width:480px; display: table;position:relative;}
.social        {padding:5px 0 0 15px; float: left;}
.social_text   {float: left; font-size:9px;  margin:7px auto; text-align: center;}
.social_main a {padding: 0px 2px}

 /* istorijat */

.istorijat        {margin:5px 0px; width:100%; }
.istorijat_text   {width:770px; height: 1050px; overflow: hidden; margin-right: 15px; margin-top: 5px  }
.istorijat_text p {width:730px;}

 /* kontakt */

.contact_text      {float:left;border: 1px solid #cccccc; padding: 3px 3px 3px 30px; background: #f2f2f2 none repeat scroll 0% 0%; margin: 5px; height: 120px;width:340px; }
.contact_text span {border-bottom:1px solid #555555; color:#333333; font-size:14px; line-height:25px; font-weight: bold; }
.contact_text a    {left:2px; position:relative; top:-7px;}

/*breadcrumbs*/

.B_crumbBox  {}
#b_crumbs    {margin-bottom:10px; min-height:14px !important;height:14px !important;}

/* pagination */

.pagination_predstave      {height:470px;}
#repertoar_preuzimanje     {border:1px solid #ccc; background:#f2f2f2;}
#repertoar_preuzimanje img {width:188px;padding:5px;}

.repertoar_text           {padding:5px}
.repertoar_text img       {width:30px !important; height:30px !important,}
.repertoar_text a:link    {font-size: 11px;font-weight: normal;}
.repertoar_text a:hover   {font-size: 11px;font-weight: normal;}
.repertoar_text a:visited {font-size: 11px;font-weight: normal;}

/*umetnici*/

.umetnici_image        {width:310px;min-height:500px;float:left;}
.umetnici-content      {float:right;min-height:390px;width:675px;background:#e3e3e3;padding:5px;}
.galerija_umetnici img {border:1px solid #ccc !important;padding:2px;}
.umetnici_title        {font-size: 16px; font-weight: bold;color: #000000;padding:7px;margin-bottom:5px;}
.umetnici-cv           {background:#ffffff;padding:5px 10px;width :630px;}
.umetnici-biografija   {}
#umetnici_search       {background:none repeat scroll 0 0 #700000;color:#FFFFFF;height:35px;padding:5px 0px;width:100%;}
.form_umetnici_search  {width:auto;height:24px;float:left;margin-right:10px;margin-left:5px;}
.form_umetnici_search  span{font-weight:bold;}
.form_umetnici_search select, input, textarea, button  {border:1px solid #cccccc;font-size:11px;}
.umetnici_listing      {}
.umetnici_lista        {background:none repeat scroll 0 0 #F1F1F1;border:1px solid #CCCCCC;padding:5px;}
.umetnici_listing h4   {line-height: 3px;font-size:9px;}
.umetnici_lista  span  {color:#444444;font-size:12px;font-weight:bold;border-bottom:1px dotted #333333;}
.umetnici_svi_drama    {width:170px;border-right:1px solid #444444;float:left;padding-left:3px;margin-top:10px;}
.umetnici_svi_orkestar {width:290px;border-right:1px solid #444444;float:left;padding-left:3px;margin-top:10px;}
.umetnici_svi_balet    {width:180px;border-right:1px solid #444444;float:left;padding-left:3px;margin-top:10px;}
.umetnici_svi_opera    {width:180px;border-right:1px solid #444444;float:left;padding-left:3px;margin-top:10px;}
.umetnici_svi_hor      {width:158px;border-right:1px solid #444444;float:left;padding-left:3px;margin-top:10px;}

/* News Slide */

.sliderNews                   {height: 180px; width: 280px; display: block;position: relative;}
.sliderNews .wrapper          {height: 180px; width: 562px; overflow: auto; position: absolute;}
.sliderNews .wrapper ul       {width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.sliderNews ul li             {display: block; float: left; padding: 0;  margin: 0 !important; }
.sliderNews ul li img         {position: absolute; }
.sliderNews .forward          {background: url(../img/scroll.png) no-repeat; width:55px; height: 26px; display: block; position:absolute; cursor: pointer;top:-29px;margin-left:6px;}
.sliderNews .forward:hover    {background: url(../img/scroll1.png) no-repeat; width:55px; height: 26px; display: block; position:absolute; cursor: pointer;top:-29px;margin-left:6px;}
.sliderNews .back             {display:none;}
.sliderNews #thumbNav         {display:block; float:right;position:relative; top:-28px; z-index:2;left:284px;}
.sliderNews #thumbNav a       {background:#ffffff; width:12px; height:12px; display: block; color: #000000; border:1px solid #ccc; text-decoration: none; float: left; padding: 2px; margin-right: 5px; line-height: 12px}
.sliderNews #thumbNav a:hover {background:#d1ab66; width:12px; height:12px; display: block; color: #000000; border:1px solid #ccc; text-decoration: none; float: left; padding: 2px; margin-right: 5px; line-height: 12px}
.sliderNews #thumbNav a.cur   {background:#700000; width:12px; height:12px; display: block; color: #ffffff; border:1px solid #ccc; text-decoration: none; float: left; padding: 2px; margin-right: 5px; line-height: 12px}

/* News Slide Ditto List tmpl */

.sliderNews .ditoListItem          {border:1px solid #700000;width: 270px; float: left; clear: none;height:150px;margin:0px 5px 2px 6px;background:#d1ab66; }
.sliderNews .ditoListItem .thumb img {width:60px;height:55px;}
.sliderNews .ditoListItem .thumb   {width:60px; height: 55px; float: left;margin:15px 0 0 5px;}
.sliderNews .ditoListItem .title   {background:#700000;border-bottom:1px solid #d1ab66; float: left; font-weight: bold;clear: right; }
.sliderNews .ditoListItem .title   {padding-left:5px;font-size: 12px; float: none!ie; font-weight: bold;clear: right; }
.sliderNews .ditoListItem .title a {margin-right:0;color:#ffffff;font-size: 9px;}
.sliderNews .ditoListItem .date    {font-size: 9px; color: #344e66; float: right;margin-top: 5px; margin-right: 4px;}
.sliderNews .ditoListItem .date    {font-size: 9px; color: #344e66; float: right;margin-top: -20px!ie; margin-right: 4px;}
.sliderNews .ditoListItem .summary {overflow:hidden;font-size:10px;padding:15px 0 0 10px;clear:right; float:left; line-height:120%; width:190px; height: 75px;}
.sliderNews .ditoListItem a        {font-size: 9px; color: #000;  padding: 1px 4px; float: right; clear: none; margin-right: 4px; text-decoration: none;}
.sliderNews .ditoListItem .thumb a {font-size: 9px; color: #fff; border: 0px #0b1e29 solid; background:transparent; -moz-border-radius:0px; -webkit-border-radius:0px; padding: 0; float: none; clear: none;margin-bottom: 0px; margin-right: 0px; text-decoration: none;}
.sliderNews .ditoListItem .link    {}

 /*vesti*/

#vestiLevo                 {float:left;width:215px; }
#vestiDesno                {width:568px;float:left;margin-left:3px;margin-right:14px; }
#vestiPA                   {float:left;width:200px; }
.vestiListing              {width:200px;float:left; }
.vestiListingDirekcije     { height:190px;margin-bottom:5px;border:1px solid #ccc;background:#e2e2e2;}
.vestiLista                {background:#E2E2E2;border:1px solid #cccccc;margin:3px 0;padding:6px 5px 1px;}
.vestiLista:hover          {background:#cccccc;border:1px solid #e2e2e2;margin:3px 0;padding:6px 5px 1px;}
.vestiLista h3             {font-size:9px;}
.vestiLista h3 a           {color:#000000;line-height:10px;}
.vestiLista h3 a:hover     {color:#700000;line-height:10px;}
.vestiListingDirekcije h6  {margin-left:74px;width:475px;background:#e2e2e2;color:#000;margin-bottom:2px;font-size:14px;}
#arhiva_search             {background:#E2E2E2;border:1px solid #CCCCCC;margin:2px 0;padding:3px 5px;}
#arhiva_search span        {color:#700000;display:block;font-weight:bold;margin:3px 0;}

/* a-z list  */

ul.azlist li {}
.azleters    {background:#CCCCCC;border-bottom:1px solid #000000;margin-top:5px;padding:3px 10px;}
.azresults   {background:#d1ab66;padding-left:10px;}
.atoz        {}
.azresults a {color:#700000;}
.azresults a:hover {color:#ffffff;}

/* umetnici slide */

.slideTriger       {cursor:pointer;background:#700000;border:2px solid #CCCCCC;color:#FFFFFF;font-weight:bold;height:16px;margin:5px 0;padding:5px;text-align:center;width:120px;}
.slideTriger:hover {cursor:pointer;background:#d1ab66;border:2px solid #CCCCCC;color:#000000;font-weight:bold;height:16px;margin:5px 0;padding:5px;text-align:center;width:120px;}

/* content vesti */
.introtextRight{background:none repeat scroll 0 0 #E3E3E3;border:1px solid #CCCCCC;padding:5px;}
.contentRight{float:left;background:none repeat scroll 0 0 #E3E3E3;border:1px solid #CCCCCC;margin-top:10px;padding:5px;}
.titleRight{border-bottom:1px solid #444444;font-size:14px;font-weight:bold;margin-bottom:10px;padding:5px;text-transform:uppercase;}
.contentRight img {background:#fff;padding:5px;border:1px solid #444444;}





