/*
CSS Stylesheet - master
Design by Milan Samardzija
http://www.za.pk.sud.rs
Released for Prekršajni sud Zaječar 2013
version 0.5
*/

/* css za fontove u posebnom fajlu */

/* podesavamo margine za ceo */

body {
	margin: 0;   
	padding: 0;  
/*        /* Background fill & image ---------------------------------- */
	background: #002e49 url(/uploads/images/fill.png) repeat-x; 
 /* font-family: 'Roboto'; font-size: 12px; color: #181B20; */
} 


.hidden {display: none;}      /* class hidden */ 


h_red {
        font-family:'times new roman';
        color:red;
        font-size:24px;
        font-weight: bold;
        font-style: normal;
        }


/* ------------------------------------------------------------- */
/* kontejner za celu stranu                                      */
#page-wrapper {  
        margin: 0 auto; 
        padding: 0;  
       }

/* ------------------------------------------------------------- */
/* kontejner za footer                                           */

#footer {  
 clear: both;
 /* background: orange;   */
 margin: 0 auto;
 padding: 0;
 width: 1190px;
 height: 70px;  
 background: #002e49 
  url(/uploads/images/footer.jpg) no-repeat center top;

} 

#footer_txt {

 margin: 19px 0px;
 padding: 10px 90px 0px 50px;
  /* width: 500px; */
 font-family: 'Roboto', sans-serif;
 font-size: 12px; 
 font-style: italic;
 font-weight: 400;
 color: #a3c3f8; 
 float: right;
}

/* ------------------------------------------------------------- */
/* kontejner za sredinu                                          */

#content-wrapper {
        margin: 0 auto;
        width: 1190px;

	      background: #002e49 
	        url(/uploads/images/pagefill.jpg) repeat-y center top;
        }
#content-wrapper_top {
        margin: 0 auto;
        height: 90px;
        width: 1190px;
	background: #002e49 url(/uploads/images/page_1.jpg) repeat-y center top;
}

/* ------------------------- */
#sidebar-left {  
  float: left;
  width: 105px;
 /* background: blue;  */
}
/* ------------------------- */ 
#sidebar-l {  
  float: left;
  width: 180px;
/*  background: darkgreen;  */
}  
/* ------------------------- */
#page_middle {  
   width: 584px;
   float:left;
/*   background: #f5f5f5;  */
   
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size: 12px;  
   margin: 10px; 
}  
/* ------------------------- */
#sidebar-r {  
  float: left ;
  width: 217px;
  border: 1px solid #134459;
  background:  #f5f5f5;  
}  

#sidebar-rh1 {
  width: 217px;
  height: 42px;
  margin: 0px 0px 5px 0px;
  background: #002e49 url(/uploads/images/headsmall.png) no-repeat center top;
              }
#sidebar-rh1_txt {

  width: 200px;
  height: 30px;
  padding: 10px;
  font-family: 'RobotoC', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: white;
  text-align:center;
              }
#sidebar-r_txt {

  padding: 0px 5px 5px 7px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: black;
  text-align:left;
              }








/* ------------------------- */
#sidebar-right {  
  float: left ;
  width: 81px;   /* 82px */
  
 /* background: green ;  */
}  





/* ------------------------------------------------------------- */
/* kontejner za glavnu navigaciju                                */
#menu_h-wrapper {
  width: 1190px;
  height: 47px;
  background: #002e49 
   url(/uploads/images/mhribbon.jpg) no-repeat center top;
  margin: 0 auto; 
  }
/* ------------------------------------------------------------- */
/* Main Navigation --------------------------------------------- */ 
      
#main-nav { height: 47px; }  
    #main-nav dl { margin: 0; padding: 0; }
    #main-nav  dt { float: left; }


#main-nav dt a {  
      display: block;  
      height: 0px !important;  
      height /**/:47px; /* IE 5/Win hack */ 
      padding: 47px 0 0 0;  
      overflow: hidden;  
      background-repeat: no-repeat;  
      }

#main-nav dt a:hover {  
        background-position: 0 -47px;  
        } 

#main-nav dt#mb_pocetna,  
#main-nav dt#mb_pocetna a 
   { width: 93px; height: 47px; background-image: url(/uploads/images/mb_01.jpg); }  
    
#main-nav dt#mb_osudu,  
#main-nav dt#mb_osudu a 
   { width: 74px; height: 47px; background-image: url(/uploads/images/mb_02.jpg); }  

#main-nav dt#mb_odnosi,  
#main-nav dt#mb_odnosi a 
   { width: 170px; height: 47px; background-image: url(/uploads/images/mb_03.jpg); }  

#main-nav dt#mb_vesti,  
#main-nav dt#mb_vesti a 
   { width: 72px; height: 47px; background-image: url(/uploads/images/mb_04.jpg); }  

#main-nav dt#mb_dokumenta,  
#main-nav dt#mb_dokumenta a 
   { width: 105px; height: 47px; background-image: url(/uploads/images/mb_05.jpg); }  

#main-nav dt#mb_galerija,  
#main-nav dt#mb_galerija a 
   { width: 94px; height: 47px; background-image: url(/uploads/images/mb_06.jpg); }  

#main-nav dt#mb_linkovi,  
#main-nav dt#mb_linkovi a 
   { width: 92px; height: 47px; background-image: url(/uploads/images/mb_07.jpg); }  

#main-nav dt#mb_kontakt,  
#main-nav dt#mb_kontakt a 
   { width: 86px; height: 47px; background-image: url(/uploads/images/mb_08.jpg); }  


body.mb_pocetna dt#mb_pocetna,
body.mb_pocetna dt#mb_pocetna a,
body.mb_osudu dt#mb_osudu,
body.mb_osudu dt#mb_osudu a,
body.mb_odnosi dt#mb_odnosi,
body.mb_odnosi dt#mb_odnosi a,
body.mb_vesti dt#mb_vesti,
body.mb_vesti dt#mb_vesti a,
body.mb_dokumenta dt#mb_dokumenta,
body.mb_dokumenta dt#mb_dokumenta a,
body.mb_galerija dt#mb_galerija,
body.mb_galerija dt#mb_galerija a,
body.mb_linkovi dt#mb_linkovi,
body.mb_linkovi dt#mb_linkovi a,
body.mb_kontakt dt#mb_kontakt,
body.mb_kontakt dt#mb_kontakt a { background-position: 0 -94px; }


#main-nav_0 { width: 105px; height: 47px; float: left;}
#main-nav_1 { width: 93px; height: 47px; float: left;}
#main-nav_2 { width: 74px; height: 47px; float: left;}
#main-nav_3 { width: 170px; height: 47px; float: left;}
#main-nav_4 { width: 72px; height: 47px; float: left;}
#main-nav_5 { width: 105px; height: 47px; float: left;}
#main-nav_6 { width: 94px; height: 47px; float: left;}
#main-nav_7 { width: 92px; height: 47px; float: left;}
#main-nav_8 { width: 86px; height: 47px; float: left;}
#main-nav_9 { width: 217px; height: 47px; float: left;}
#main-nav_10 { width: 82px; height: 47px; float: left;}

/* Header  -------------------------------------------  */
#header-wrapper {
        width: 1190px;
        height: 151px;
	background: url(/uploads/images/header.jpg) no-repeat center top;
 /*      font-family: "RobotoC";   font-size: 12px; */
	color: #ffffff;
        margin: 0 auto; 
        }

#header {
	width: 1190px;
	height: 151px;
	margin: 0 auto; 
        }
                            /* Prazno polje 105 px*/
#header_field1 {
	width: 105px;
	height: 151px;
        float: left;
        }
                            /* Grb 150px */
#header_field2 {
	width: 150px;
	height: 151px;
        float: left;
        }
                            /* Telo 770px */
#header_field3 {
	width: 770px;
	height: 151px;
        float: left;
        }
                            /* Justicija 85px */
#header_field4 {
        width: 85px;
	height: 151px;
        float: right;
    /*    font-family: "RobotoC";   font-size: 12px; */
	color: #ffffff;
        }
                            /* prazno poslednje 80px */
#header_field5 {
	width: 80px;
	height: 151px;
        float: left; 
       /* font-family: "RobotoC"; font-size: 13px; */
	color: #ffffff;
        }
/* ------------------------------------------------  */

/* Language flags --------------------------------   */
.sr_flag {
    position:relative;
    width:26px;
    left: 1080px;
    top: 107px;
    cursor: pointer;    /* show hand cursor over image */
}
.en_flag {
    position:relative;
    width:26px;
    left: 1080px;
    top: 110px;
    cursor: pointer;    /* show hand cursor over image */
}
/* ------------------------------------------------  */



.applemenu{
           margin: 0px 0;
           padding: 0;
           width: 177px;                /*width of menu*/
           border: 1px solid #134459;
          }

.applemenu div.silverheader a{
           background: black url(/uploads/images/menu_o.gif) repeat-x center left;
    /*     font: normal 12px Tahoma, "Lucida Grande",Helvetica, sans-serif; */
           font-family: 'Roboto', sans-serif;
           font-weight: 400; 
           font-size: 13px;           

           color: white;
           display: block;
           position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
           width: auto;
           padding: 5px 0;
           padding-left: 8px;
           text-decoration: none;
           }


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #e9e9e9;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(/uploads/images/menu_s.gif);
color: white;
}

.applemenu div.submenu     { /*DIV that contains each sub menu*/
background:#eedfdf;
padding: 5px;
/* Height that applies to all sub menu DIVs. */
/* A good idea when headers are toggled via "mouseover" instead of "click" */
/* Brišem height da bi se sam podešavao koliko mu treba */
/* height: 170px; */
font-family: 'RobotoC', sans-serif;
font-size: 13px;
}



/* Search */
/* --------------------------- Header - Search ---------------------------------- */
div#search {
	width: 170px;
	height: 24px;
	float: right;   
        margin-top: 10px;
	margin-right: 110px;
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 136px;
	height: 24px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #555;
/* padding of text */
	padding: 4px 0px 0px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
/* font: normal 0.9em 'RobotoC';*/ 
        font-family: 'RobotoC', sans-serif;
        font-weight: normal;
        font-size: 12px; 
	
/* left input image, set your own here */
	background: url(/uploads/images/search_field.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 24px;
	height: 24px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image */
  background: transparent 
   url(/uploads/images/search_button.png) no-repeat right top;

}



/* Content togle css
----------------------------------------*/
h2.trigger {
    background: url("/lib/toggle/trigger.png") no-repeat scroll 0 0 transparent;
    background-size: 100% 60px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 1.2em !important;
    font-weight: normal !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 0 5px !important;
    padding: 0 0 0 50px !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;
}
h2.trigger:hover {
    color: #666666;
}
h2.active {
    background-position: left bottom;
}
.toggle_container {
    background: url("/lib/toggle/toggle_block_stretch.gif") repeat-y scroll left top #F0F0F0;
    background-size: 100% auto;
    border-top: 1px solid #D6D6D6;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
}
.toggle_container .block {
    background: url("/lib/toggle/toggle_block_btm.gif") no-repeat scroll left bottom transparent;
    background-size:100% auto;
    padding: 20px;
}
.toggle_container .block p {
    margin: 5px 0;
    padding: 5px 0;
}
.toggle_container h3 {
    border-bottom: 1px dashed #CCCCCC;
    margin: 0 0 10px;
    padding: 0 0 5px;
}
.toggle_container img {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    /*float: left;*/
    margin: 10px 15px 15px 0;
    padding: 5px;
}
/* END Content togle css */



/*
 #search {
	float: right;
	width: 256px;
	height: 24px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
        font-family: 'RobotoC', sans-serif;
        font-weight: normal;
        font-size: 11px;  
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* ------------------------------------------------------------- */
/* Вести датум темплате                                          */
#news_date {
           background: url(/uploads/images/menu_o.gif) ;
           font-family: 'Roboto', sans-serif;
           font-size: 13px;
           font-weight: 400; 
           color: white;
           width: 127px; 
           height: 21px; 
           display: block;
}


*/
/* Stylesheet: pk_master Modified On 2013-04-04 09:18:28 */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title 
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: silver;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title, 
.calendar-event .calendar-details-title
{
  display: none;
}
/* Stylesheet: Calendar CSS example Modified On 2013-03-28 09:12:29 */