/*------ reset ---------*/

*{   padding: 0; 
  margin: 0;
  }

table {
  border-collapse:collapse;
  border-spacing:0;
  }

fieldset,img {
  border:0;
  }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
  }

li {
  list-style:none;
  }

input, textarea, select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  }

img a{
  border:0;
  }

body {
   behavior: url("http://www.msu-istre.hr/fileadmin/templates/css/csshover3.htc");
}  

body{
  margin: 0;
  padding: 0;
  background: url(../pic/menu_level2_top_bckg.png) no-repeat bottom left;
  background: url(../pic/menu_level2_middle_bckg.png) repeat-y;
  background: url(../pic/menu_level2_bottom_bckg.png) no-repeat top left;
  background: url(../pic/body_bckg.jpg) no-repeat top center #FFF; 
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #191919;
  }
  
  
/*------ font embedding ------*/

@font-face {
  font-family: "VegurExtraLight";
  src: url("Vegur-EL_0500HR.eot");
  }

@font-face {
  font-family: "VegurExtraLight";
  src: url("Vegur-EL_0500HR.ttf") format('truetype');
  }


/*----- layout ---------*/

#page{
  position: relative;
  width: 960px;
  margin: 0 auto;
  }
  
#header_area{
    width: 960px;
    height: 187px;
    position:relative;
    z-index:5000;
    }
    
    #logo {
      position: absolute;
      width: 345px;
      height: 63px;
      top: 59px;
      left: 0;
      }
    
    #tagline {
      }

    #search {
      
      position: absolute;
      width: 249px;
      height: 31px;
      top: 97px;
      right: 0;
      background: url(../pic/search_bckg.jpg) no-repeat;
      overflow: hidden;
      }
    
    #banner{
      position: absolute;
      top: 0px;
      right: 0px;
    }
    
    #language_menu {
    display: none;
    position: absolute;
    width: 150px;
    top: 106px;
    right: 270px;
    }
  
#content_area{
  width: 960px; 
  padding: 40px 0 40px 0;
  }
  
  #main_nav_area{
  position: absolute;
  top: 153px;
  height: 34px;
  width: 960px;
  background: url(../pic/main_nav_bckg.jpg) repeat-x;
  }
    
    #main_menu {
    height: 34px;
    }
    
  #left_column {
  }
        
    #submenu {
    }
    
  #right_column {
    }
          
    #header_image {
    }
    
    #content {
  min-height:400px;
  height:auto !important;
  height:400px;
    }
      


#footer_area{
  /* position: relative; */
  width: 100%;
  height: 200px;
  background: #EDEDED;
  padding-top: 20px;
  }
  
  #footer {
  /*position: relative;*/
  width: 960px;
  margin: 0 auto;
  }
  
    #copyright {
    float: left;
    font-size: 12px;
    color: #666;
    }
    
    #footer_menu {
    float: right;
    width: 600px;
    font-size: 12px;
    }

/*------ FCE ----------*/

      
.three_columns{}
      
.three_columns .left{
  width: 293px;
  float: left;
  padding-right: 27px;
}

.three_columns .center{
  width: 264px;
  float: left;
  padding: 0 27px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
        
.three_columns .right{
  width: 293px;
  float: left;
  padding-left: 27px;
}

.two_columns{
width: 960px;
overflow: hidden;
}
      
.two_columns .left {
  width: 453px;
  float: left;
  padding-right: 27px;
  /* border-right: 1px solid #CCC; */
/*   background: url(../pic/border_bckg.jpg) repeat-y 479px 0px; */
  overflow: hidden;
}
        
.two_columns .right{
  width: 453px;
  float: right;
  padding-left: 27px;
  /*padding-top: 106px;*/
  background: url(../pic/border_bckg.jpg) repeat-y 0px 0px;
  overflow: hidden;
}  

.one_column_thin{
  width: 70%;
}      

/*------ navigation items ----------*/

#language_menu .menu_item a,
#language_menu .menu_item_act a,
#language_menu .menu_item_last a {
  float: right;
  color: black;
  text-decoration: none;
  margin-left: 14px;
  font-size: 14px;
  text-transform: uppercase;
  }
  
  #language_menu .menu_item_act a,
  #language_menu .menu_item_act_last a {
    }

#main_menu .menu_item,
#main_menu .menu_item_act,
#main_menu .menu_item_last,
#main_menu .menu_item_last_act {
position: relative;
float: left;
display: block;
background: url(../pic/main_menu_divider.jpg) no-repeat;
background-position-x: right;
background-position-y: 9px;
padding: 10px 25px 13px 25px;
line-height: 100%;
text-transform: uppercase;
height: 14px;
}
  
#main_menu .menu_item a,
#main_menu .menu_item_act a,
#main_menu .menu_item_last a,
#main_menu .menu_item_last_act a {
  font-size: 15px;
  color: white;
  text-decoration: none;
  }
  
  #main_menu .menu_item_last,
  #main_menu .menu_item_last_act {
    background: transparent;
    }
    
  #main_menu .menu_item a:hover,
  #main_menu .menu_item_last a:hover {
  }

#footer_menu .menu_item a,
#footer_menu .menu_item_act a,
#footer_menu .menu_item_last a,
#footer_menu .menu_item_last_act a {
float: right;
color: #191919;
text-decoration: none;
padding: 0 13px;
background: url(../pic/footer_menu_divider.jpg) no-repeat;
background-position-x: left;
background-position-y: 3px;
}

#footer_menu .menu_item_last a,
#footer_menu .menu_item_last_act a {
padding: 0 13px 0 0;
background: transparent;
}

/*----- dropdown menu -----*/

.main_menu_level2 {
  width: 225px;
  position: absolute;
  z-index: 1000;
  left: 0px;
  top: 26px;
  display: block;
  text-transform: none;
}

.main_menu_level3 {
  width: 225px;
  position: absolute;
  z-index: 1000;
  left: 215px;
  margin-top: -42px;
  display: block;
  font-size: 0;
  line-height: 0;
}    
  .main_menu_level2_top {
    height: 15px;
    background: url(../pic/menu_level2_top_bckg.png) no-repeat bottom left;
    overflow: hidden;
    }

  .main_menu_level2_middle {
    background: url(../pic/menu_level2_middle_bckg.png) repeat-y;
    }
        
  .main_menu_level2_bottom {
    height: 17px;
    background: url(../pic/menu_level2_bottom_bckg.png) no-repeat top left;
    overflow: hidden;
    }

  .main_menu_level3_top {
    height: 10px;
/*     background: url(../pic/menu_level3_top_bckg.png) no-repeat bottom left; */
    }

  /*
.main_menu_level3_top {
    height: 10px;
    background: url(../pic/menu_level3_top_bckg.gif) no-repeat bottom left;
    }
*/


/* #main_menu .menu_item .main_menu_level2 .sub_menu_item a {clear: both;} */



#main_menu .menu_item .main_menu_level2 {display: none;}
#main_menu .menu_item:hover .main_menu_level2 {display: block;}

#main_menu .menu_item_act .main_menu_level2 {display: none;}
#main_menu .menu_item_act:hover .main_menu_level2 {display: block;}

#main_menu .menu_item_last .main_menu_level2 {display: none;}
#main_menu .menu_item_last:hover .main_menu_level2 {display: block;}

#main_menu .menu_item_last_act .main_menu_level2 {display: none;}
#main_menu .menu_item_last_act:hover .main_menu_level2 {display: block;}



.main_menu_level2 .sub_menu_item .main_menu_level3 {display: none;}
.main_menu_level2 .sub_menu_item:hover .main_menu_level3 {display: block;}

.main_menu_level2 .sub_menu_item_act .main_menu_level3 {display: none;}
.main_menu_level2 .sub_menu_item_act:hover .main_menu_level3 {display: block;}

.main_menu_level2 .sub_menu_item_last .main_menu_level3 {display: none;}
.main_menu_level2 .sub_menu_item_last:hover .main_menu_level3 {display: block;}

.main_menu_level2 .sub_menu_item_last_act .main_menu_level3 {display: none;}
.main_menu_level2 .sub_menu_item_last_act:hover .main_menu_level3 {display: block;}




#main_menu .sub_menu_item,
#main_menu .sub_menu_item_last,
#main_menu .sub_menu_item_act,
#main_menu .sub_menu_item_last_act {
padding: 0 10px 0 0;
margin: 0 20px;
border-bottom: 1px solid #EDEDED;
}

#main_menu .sub_menu_item a,
#main_menu .sub_menu_item_last a,
#main_menu .sub_menu_item_last_act a,
#main_menu .sub_menu_item_act a,
#main_menu .sub_menu_item a:hover,
#main_menu .sub_menu_item_last a:hover {
  display: block;
  font-size: 12px;
  font-weight: lighter;
  color: rgb(56,86,21);
  padding: 8px 0;
  margin: 0;
  line-height: 140%;
  width: 275px;
  }

  #main_menu .sub_menu_item a:hover,
  #main_menu .sub_menu_item_last a:hover {
    color: #000;
    }


  #main_menu .sub_menu_item_last:hover,
  #main_menu .sub_menu_item_last,
  #main_menu .sub_menu_item_last_act {
    border: 0;
    padding-bottom: 0;
    }
  
/*------ typo ----------*/

P, UL, OL, H1, H2, H3, H4, H5{
  line-height: 150%;
  padding-bottom: 20px;
  }
  
A{
  color: #8DBF00;
  text-decoration: none;
}

#content H1{
  display: inline-block;
  font-size: 26px;
  background: black;
  color: white;
  padding: 0;
  padding: 18px 18px 13px 18px;
  margin-bottom: 35px;
  line-height: 100%;
  }

#content H2,
#sidebar_content H1{
  /* font-family: Tahoma, Arial, sans-serif; */
  font-size: 20px;
  font-weight: normal;
  color: #333333;
}

#content .three_columns H2 {
font-family: Tahoma, Arial, Helvetica, sans-serif !important;
font-size: 20px;
color: black;
}

#content H3{
  /* font-family: Tahoma, Arial, sans-serif; */
  font-size: 13px;
  font-weight: bold;
  color: #333333;
}

#content H4{
  /* font-family: Tahoma, Arial, sans-serif; */
  font-size: 14px;
  font-weight: lighter;
  color: #333333;
  }
  
#content H5{
  /* font-family: Tahoma, Arial, sans-serif; */
  font-family: 'VegurExtraLight';
  font-size: 33px;
/* font-weight: lighter; */
  color: #333333;
  padding-bottom: 10px;
  }


#content UL{
  padding-left: 40px;
}


#content OL{
  padding-left: 40px;
}


#content UL LI{
  list-style-type: disc;
/*   background: url(../pic/list_bullet.jpg) no-repeat 0px 4px; */
  padding-left: 10px;
}

#content OL LI{
  list-style-type: decimal;
  margin-bottom: 15px;
  }

#sidebar_content UL,
#sidebar_content OL{
  margin-left: 17px;
  }

#sidebar_content UL LI{
  background: url(../pic/list_bullet.jpg) no-repeat 0px 4px;
  padding-left: 20px
  }
  
#sidebar_content OL LI{
  list-style-type: decimal;
  }

/*------ other --------*/

.clearer{
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
}

.spacer,
.divider{
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  border-bottom: 1px solid #D4D0C8;
  padding-top: 10px;
  margin-bottom: 20px;
}

/*------ indexed search ------*/

.tx-indexedsearch-searchbox td {
padding: 0 10px 10px 0;
}

.tx-indexedsearch td {
line-height: 150%;
}

.tx-indexedsearch-res {
padding-bottom: 20px;
}

#content .tx-indexedsearch-icon img {
background: none;
}

td.tx-indexedsearch-descr {
padding-bottom: 10px;
}

span.important {
font-size: 11px;
color: red;
line-height: 135%;
}

/*------ CSS Filelinks hack ------*/
 
.filelinks_layout_0 .name {
display:none;
} 

.filelinks_layout_1 .name {
display:none;
} 

#sbOverlay {
z-index: 5000;
}

#sbCenter {
z-index: 5000;
}