body
{
  width: 100%;
  padding: 0;
  margin: 0;
  background-image: url('/images/okvir.jpg');
  background-repeat: repeat;

  font-family: 'Source Sans Pro', sans-serif;
  /*
  font-size: 2.4em;

  */
}

body::after {
content: "mob";
font-size: 0;
}

@media screen and (min-width: 300px)
{

body
{
  font-size: 4px;
}

}


@media screen and (min-width: 350px) {

body {
  font-size: 4.5px;
}

}


@media screen and (min-width: 400px) {

body {
  font-size: 5px;
}

}


@media screen and (min-width: 450px) {

body {
  font-size: 5.5px;
}

}


@media screen and (min-width: 500px) {

body {
  font-size: 6px;
}

}


@media screen and (min-width: 550px) {

body {
  font-size: 7px;
}

}


@media screen and (min-width: 615px) {

body {
  font-size: 7.5px;
}

}



@media screen and (min-width: 680px) {

body {
  font-size: 9px;
}

}


@media screen and (min-width: 750px) {

body {
  font-size: 9.5px;
}

}


@media screen and (min-width: 880px) {

body {
  font-size: 10px;
}

}

@media screen and (min-width: 1000px) {

body {
  font-size: 10.5px;
}

}



@media screen and (min-width: 1095px) {

body {
  font-size: 11px;
}

}


@media screen and (min-width: 1205px) {

body {
  font-size: 12px;
}

}


@media screen and (min-width: 1305px) {

body {
  font-size: 13px;
}

}


@media screen and (min-width: 1410px) {

body {
  font-size: 14px;
}

}


@media screen and (min-width: 1525px) {

body {
  font-size: 15px;
}

}


@media screen and (min-width: 1630px) {

body {
  font-size: 16px;
}

}


@media screen and (min-width: 1730px) {

body {
  font-size: 17.5px;
}

}


a
{
  color: gray;
  text-decoration:none;

}

/************* FONTOVI POCETAK ********************/



@font-face {
    font-family: 'NunitoSans-Regular';
    src: url('font/NunitoSans-Regular.eot');
    src: url('font/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/NunitoSans-Regular.woff') format('woff'),
         url('font/NunitoSans-Regular.ttf') format('truetype'),
         url('font/NunitoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/************** FONTOVI ZAVRSETAK ******************/



.rel_flo_le
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;

}


.rel_flo_de
{
  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 0em;

}


.rel_flo_le_s_pun
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;

}

.dropdown-content a:hover
{
  background-color: #ddd

}


.dropdown:hover .dropbtn
{
  /*
    background-color: green;

  */
}


/* .hr
{
  position:relative;
  float:left;
  border-top: 5px solid #D3D3D3;

} */

a .dropbtn {
  cursor: pointer;

}

.vl {
    border-left: 0.25em solid #8B0000;
    height: 0.9em;
}
.b_footer
{
  position: relative;
  float: left;
  display: block;
  margin-top:0em;
  width: 100%;
  background-size: 100% auto;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;
}


div.logo_space
{
  position: relative;
  float:left;
  margin-left: 7%;
  width: 90%;
}


div.photo_order
{
position: relative;
float:left;
margin-top:0.1em;
width:19%;

}

div.social_network
{

position: relative;
float: left;
width:5%;

}

.footerP
{
color:green;
font-family:FiraSans-Regular, sans-serif;
font-size:1.1em;
margin:0;
line-height:22.5vh;

}

div.middle_part
{
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 20%;
  width: 60%;

}

div.middle_part_2
{
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 0%;
  width: 50%;

}


div.read_more_part
{
  position: relative;
  float: left;
  margin-top: 0.5em;
  margin-left: 9%;
  width: 30%;

}


input[type=text], select
{
    width: 60%;
    margin: 0.2em 0;
    border-radius: 0.25em;
    box-sizing: border-box;
}



textarea
{
    width: 60%;
    height: 10em;
    margin: 0.2em 0;
    box-sizing: border-box;
    border: 0.125em solid #ccc;
    border-radius: 0.25em;
    resize: none;
}

.pub_list_item_title {
  position: absolute;
  bottom: 2em;
  left: -10%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #ffffff;
  font-family: 'Oswald', sans-serif;
  color: dimgray;



}



/************** MOB ******************/


div.h_central_part
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 5.5em;
  width: 100%;
  min-height: 15em;
  background-image: url('../images/f5f5dc_deo.png');
  background-repeat: repeat;
  /* font-family: 'Source Sans Pro';
  font-weight: oswaldsemibold; */
  z-index: 2;
}

.menu_area_p {
  position: relative;
  float: left;
  width: 100%;
  min-height: 20em;
  margin-top: 0em;

  background-repeat: no-repeat;
  background-size: 100% auto;
  font-family: 'Source Sans Pro';
  z-index: 1;
}

.lang_space_p {
  position: relative;
  float: right;
  width: 100%;
  margin-top: -3.9em;
  color: white;
  font-size: 2em;

}

.lang_space_p a .lang_nav {
  color: inherit;

}

.lang_space_p a:hover {
  color: black;

}

div.lang_space
{
  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 1em;
  width: 100%;
  font-size: 1.5em;

}

.lang_nav_cir_lat {
  position: relative;
  float: left;
  margin-left: 3%;

}

.lang_nav_en_ru {
  position: relative;
  float: right;
  margin-right: 3%;


}

.lang_nav {

}

.lang_nav_ac {
  color: black;
  /*
  font-weight: bold;

  */
}

.nav_mob {
  display: block;
  position: relative;
  float: right;
  margin-right: 1%;
  margin-top: 1em;
  margin-bottom: 1.5em;
  width: 12%;
  font-size: 1.25em;
  color:white;
  cursor: pointer;

}

.nav_mob_lines_p {
  position: relative;
  float: right;
  margin-right: 8%;
  width: 100%;
  /*
  height: 5em;

  */
}


div.logo_space_p
{
  position: relative;
  float: left;
  margin-top: -7em;
  margin-left: 0%;
  width: 50%;
}

.search_nav_p {
  position: relative;
  float: right;
  margin-right: 2%;
  margin-top: 1em;
  width: 10%;
  cursor: pointer;

}

.soc_net_p {
  position: relative;
  float: right;
  margin-right: 0%;
  width: 3%;
  min-height: 14em;
  background-image: url('../images/rectangle02.png');
  background-repeat: repeat;
  display: none;

}

.soc_net {
  position: relative;
  float: right;
  margin-right: 10%;
  margin-top: 1.4em;
  width: 60%;

}

.soc_net im {
  width: 100%;

}

div.menu_area
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  min-height: 2em;
  background-image: url('../images/rectangle02.png');
  background-repeat: repeat;
  display: none;
  font-size: 2.2em;

}

.pages_nav {
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  text-align: right;
  font-size: 1.5em;

}

.dropdown
{
  position: relative;
  display: block;
  margin-left: 0%;
  width: 100%;
  border-bottom: 0.1em solid #ffffff;

}

.dropbtn
{
  margin-left: 0%;
  width: auto;
  background-color: none;
  background-image: url('../images/rectangle02.png');
  background-repeat: repeat;
  color: #ffffff;
  font-size: 1.1em;
  text-align: right;
  /*
  border-top: 0.1em solid #ffffff;

  */
  border: none;

  padding-top: 0.4em;
  padding-bottom: 0.4em;

}

.dropbtn-first
{
  margin-left: 0%;
}

div.cont_central_part
{
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  min-height: 2em;
  font-size: 1.5em;
}


.f_map {
  display: none;
  position: relative;
  float: left;
  margin-left: 12%;
  margin-top: 1em;
  width: 18%;
  height: 12.5em;

}

.f_vertical_line {
  position: relative;
  float: left;
  margin-left: 2%;
  margin-top: 1.6em;
  width: 2%;
}

.f_pitajte_bibliotekara {
  display: none;
  position: relative;
  float: left;
  margin-left: 3%;
  margin-top: 5em;

}

.f_contact_form_p {
  display: none;
  position: relative;
  float: left;
  margin-left: 3%;
  margin-top: 1em;
  width: 20%;
}

.f_impressum_p {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 0em;
  font-family: 'Source Sans Pro';
  font-weight: 500;
  background-image: url('../images/impressum_deo.jpg');
  background-repeat: repeat;



}

div.adress_info
{
  position: relative;
  float: left;
  margin-left: 2%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  width: 45%;
  font-size: 1.5em;
  font-weight:bold;
  text-align: right;
  color: darkred;
  font-family: 'Source Sans Pro';
  font-weight: bold;

}


div.contact_info
{
  position: relative;
  float: left;
  margin-left: 2%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  width: 45%;
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
  color:darkred;
  font-family: 'Source Sans Pro';
  font-weight: bold;

}

div.contact_info_r_v_k
{
  position: relative;
  float: left;
  margin-left: 5%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  width: 45%;
  font-size: 1.7em;
  font-weight: bold;
  text-align: left;
  color:darkred;
  font-family: 'Source Sans Pro';
  font-weight: bold;

}

.dropdown-last {
  position: relative;
  float: left;
  margin-left: 0%;
  border-bottom: 0em;

}

.dropdown:hover .dropdown-content
{
    display: none;
}

.dropdown-content
{
    display: none;
    position: relative;
    float: left;
    background-color: #d9ceb4;
    width: 100%;
    z-index: 1;
}

.dropdown-content a
{
    color: dimgrey;
    padding: 0.75em 1em;
    text-align: right;
    text-decoration: none;
    display: block;
    border-bottom: 0.05em solid #464439;

}

.dropdown-content-ml {
  margin-left: auto;
}


div.history_central_part
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  margin-bottom: 20em;
  width: 100%;
  min-height: 35em;
  background-image: url('../images/f5f5dc_deo.png');
  background-repeat: repeat;

}

.title_text_library_about {

  position: relative;
  float: left;
  margin-left: 0%;
  width: 80%;

}

.title_text_library_about_history {

  position: relative;
  float: left;
  margin-left: 0%;
  width: 70%;

}

.title_text_catalogs_about {

  position: relative;
  float: left;
  margin-left: 3%;
  width: 80%;

}

div.text_hist_part_h
{
  position: relative;
  float: left;
  margin-top: 1em;
  margin-left: 10%;
  width: 90%;
  font-weight: bold;
  font-size: 2.2em;
  color: darkred;
  font-family: 'Roboto';
  font-weight: 600;

}

div.o_biblioteci
{
  position: relative;
  float: right;
  margin-top: 0em;
  margin-right: 0%;
  width: 100%;
  color: white;
  text-align: center;
  font-size: 2em;
  background-image: url('../images/meni_deo.jpg');
  background-repeat: repeat;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: 'Oswald';
  font-weight: 600;
  text-transform: uppercase;

}


.ask_librarian {
  position: relative;
  float: left;
  margin-left: 20%;
  margin-top: 2em;
  width: 80%;
  display: block;

}

.ask_librarian_hist_mob {
  position: relative;
  float: left;
  margin-left: 20%;
  margin-top: 2em;
  width: 20%;
  display: block;

}

.organizacija_pitajte_p {
  position: relative;
  float: left;
  margin-top: 3em;
  margin-left: 0%;
  width: 90%;

}

div.social_network_logos_p
{
  position: relative;
  float: left;
  margin-top: 0em;
  margin-bottom: 2em;
  margin-left: 0%;
  width: 60%;
}



div.social_network_logos
{
  position: relative;
  float: left;
  margin-top: 3em;
  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: darkred;
}


.aditional_menu {
  position: relative;
  float: right;
  margin-right: 20%;
  margin-top: 0em;
  margin-bottom: 3em;
  width: 60%;
  background-color:#FFE4C4;
  background-repeat: repeat;

}

.aditional_menu_bottom {

  display: block;

}

.aditional_menu_top {

  display: none;
}


.strelica_klik {
  position: relative;
  float: left;
  margin-left:4%;
  margin-top:2em;
  display:none;

}

.history_image_01 {
  position: relative;
  float: right;
  margin-top: 2em;
  margin-right: 0%;
  width: 100%;
  display: block;

}

.history_list_menu
{
  margin-left: 1%;
  margin-top:2em;
  width: 98%;
  color: grey;
  font-size: 2em;
  border: none;
  text-align: left;
  padding: 0em;


}


.history_list_menu_div
{
  position: relative;
  float: left;
  margin-left: 2%;
  margin-top: 0em;
  width:96%;


}

.tekstovi_istorijat
{
  margin-top:0.1em;
  font-size: 1.5em;
  background-image: url('../images/podmeni_boja.jpg');
  background-repeat: repeat;
  padding-left: 0.6em;
  padding-bottom: 0.15em;

}

.istorijat_tekst_celina_de
{
  position: relative;
  float: right;
  margin-right: 2%;
  margin-top: 1em;
  width: 96%;
  display: block;


}


div.history_texts
{
  position: relative;
  float: left;
  margin-left: 4%;
  margin-top: 1em;
  width: 92%;
  font-size: 2.2em;
  color: dimgrey;
  font-family: 'Roboto';
  font-weight: 500;

}

div.history_texts_de
{

  position: relative;
  float: left;
  margin-left: 4%;
  margin-top: 1em;
  width: 92%;
  font-size: 2.2em;
  color: dimgrey;
  font-family: 'Roboto';
  font-weight: 500;

}

.istorijat_tekst
{
  position: relative;
  float: left;
  margin-left:2%;
  margin-top:1em;
  width:96%;
  display: block;

}

.ju_istorijat_tekst
{
  position: relative;
  float: left;
  margin-left:2%;
  margin-top:1em;
  width:96%;
  display: block;

}


.istorijat_tekst_de
{
  position: relative;
  float: right;
  margin-right: 2%;
  margin-top: 1em;
  width: 96%;
  display: block;

}

.naslov_tekst
{
  position: relative;
  float: left;
  margin-left: 2%;
  width:96%;
  margin-top:2em;
  color:darkred;
  font-weight:bold;
  font-size: 2.2em;
  font-family: 'Roboto';
  font-style: regular;

}


.naslov_tekst_de
{
  position: relative;
  float: right;
  margin-right:2%;
  width:96%;
  margin-top:2em;
  color:darkred;
  font-weight:bold;
  font-size: 2.2em;
  font-family: 'Roboto';
  font-style: regular;

}



.dve_foto_istorijat
{
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}

.ju_dve_foto_istorijat
{
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}

.uloga_citaonice_dve_foto_istorijat
{
  position: relative;
  float: right;
  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}

.jubilej_dve_foto_istorijat
{
  position: relative;
  float: right;
  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}

.pn_dve_foto_istorijat {
  position: relative;
  float: right;
  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}

.s_m_lj_dve_foto_istorijat {
  position: relative;
  float: right;
  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}

.foto_istorijat_p
{
  position: relative;
  float: left;
  width: 48%;
  margin-left: 2%;
  margin-top: 0em;

}



div.lista_biblioteka_meni
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: white;
  text-align: center;
  font-size: 2em;
  /* background-color: #FFE4C4; */
  background-image: url('../images/podmeni_boja.jpg');
  background-repeat: repeat;
  padding-top: 0.2em;

}

div.lista_biblioteka_meni div
{
  margin-top: 0.1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 0.1em solid #ffffff;
  background-image: url('/images/podmeni_boja.jpg');
  background-repeat: repeat;


}

div.lista_biblioteka_meni_it
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;

}

.aditional_menu_ask {
  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 0em;
  width: 5%;

}

.aditional_menu_ask_hist {
  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 4em;
  width: 25%;

}

.im_height_adjust {
  width: 100%;
}


.istorijat_image
 {

   position: relative;
   float: right;
   margin-right: 0%;
   margin-top: 0em;
   width: 100%;

}

.nbbd_futer_znak
{
  position: relative;
  float: left;
  margin-left: 10%;
  margin-top: 1em;
  color:#ffffff;
  width: 40%;

}

.impresum_znak
{
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 5%;


}

.h_m_nav {
  display: inline;
  margin-left: 5%; 
  margin-right: 2%;
  padding-top: 0em; 
  font-size: 2em;
  color: white;
  font-weight: normal;
  cursor: pointer;

}

.search_results_l {
  position: relative;
  float: left;
  margin-top: 2em;
  margin-left: 0%;
  width: 100%;

}

.search_results {
  position: relative;
  float: left;
  margin-top: 1em;
  margin-left: 0%;
  width: 100%;

}

.preporuceni_linkovi_l {
  position: relative;
  float: left;
  margin-top: 2em;
  margin-left: 0%;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  color: darkred;

}

.preporuceni_linkovi {
  position: relative;
  float: left;
  margin-top: 1em;
  margin-left: 0%;
  width: 100%;

}

.preporuceni_linkovi_odeljak {
  position: relative;
  float: left;
  margin-top: 1.5em;
  margin-left: 0%;
  width: 100%;

}

.preporuceni_linkovi_odeljak_l {
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 0%;
  width: 100%;
  text-transform: uppercase;
  color: darkred;

}

.preporuceni_linkovi_odeljak_li {
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 0%;
  width: 100%;

}

.preporuceni_linkovi_odeljak_link {
  position: relative;
  float: left;
  margin-top: 0.75em;
  margin-left: 0%;
  width: 100%;

}



/************** END MOB ******************/


/************** TAB ******************/


@media screen and (min-width: 500px) {



body::after {
content: "tab";
font-size: 0;
}




}



/************** END TAB ******************/


/************** DESKTOP ******************/

@media screen and (min-width: 1000px) {


body {
/*
  font-size: 1em;

*/
}


body::after {
content: "des";
font-size: 0;
}


div.h_central_part
{
  margin-left: 10%;
  margin-top: 0em;
  width: 80%;
  min-height: 10em;
}

.menu_area_p {
  width: 100%;
  min-height: 14em;
  margin-top: 0em;


}



.lang_space_p {
  width: 30%;
  margin-top: 0em;
  color: gray;
  font-size: 1em;

}

.lang_space_p a:hover {
  color: inherit;

}


div.lang_space
{
  margin-right: 0%;
  margin-top: 1.5em;
  font-size: 1em;

}

.lang_nav_cir_lat {
  float: right;
  margin-right: 10%;

}

.lang_nav_en_ru {
  float: right;
  margin-right: 10%;

}

.nav_mob {
  display: none;

}

div.logo_space_p
{
  margin-top: 0.5em;
  margin-left: 0%;
  width: 20%;
}

.search_nav_p {
  margin-right: 8%;
  margin-top: 2.7em;
  width: 10%;

}

.soc_net_p {
  margin-left: 96%;
  width: 4%;
  min-height: 14em;
  display: block;
  position: fixed;

}

div.menu_area
{
  margin-left: 0%;
  margin-top: 6em;
  width: 96%;
  min-height: 2em;
  display: block;
  font-size: 1em;
  background-image: url('../images/kvadrat_za_meni.png');
  display: block;


}

.pages_nav {
  margin-left: 12.5%;
  margin-top: 0.3em;
  width: 78.8%;
  text-align: left;
  font-size: 1em;
}

.pages_nav .dropdown {
  margin-left: 0%;
  width: auto;
  padding-left: 12.8%;
}


.dropdown
{
  display: inline-block;
  width: auto;
  margin-left: 0%;
  text-align: center;
  border: 0em;

}

.dropdown-last {
  float: right;
  margin-right: 0%;
  margin-left: auto;

}

.dropbtn
{
  margin-left: 45%;
  width: auto;
  background-color: white;
  background-image: none;
  background-repeat: no-repeat;
  color: grey;
  font-size: 1.1em;
  border: none;
  text-align: left;
  padding: 0em;

}

.pages_nav .dropbtn {
  margin-left: 0%;
}


.pages_nav .dropdown-first {
  text-align: left;
  padding-left: 0%;

}

.pages_nav .dropdown-last {
  text-align: right;
  padding-left: 0%;
}



.title_text_library_about {

  margin-top:-0.9em;
  margin-left: 0%;
  width: 60%;

}

.title_text_library_about_history {

  margin-top:-0.9em;
  margin-left: 0%;
  width: 60%;

}

.title_text_catalogs_about {

  margin-left: 3%;
  width: 55%;

}

div.o_biblioteci
{

  margin-top: 0em;
  margin-right: 0%;
  width: 100%;
  height: 2em;
  text-align: center;
  font-size: 1.4em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;

}

div.lista_biblioteka_meni
{

  float: right;
  margin-top: 0em;
  margin-right: 0%;
  width: 100%;
  font-size: 1.1em;
  padding-top: 0.2em;


}

div.lista_biblioteka_meni div
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;


}


.history_list_menu_div
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 2em;
  width: 35%;


}

.history_list_menu
{
  margin-left: 15%;
  margin-top: 0em;
  color: grey;
  width: auto;
  font-size: 1em;
  border: none;
  text-align: left;
  padding: 0em;

}

div.history_texts
{

  margin-top: 1.5em;
  margin-left: 12%;
  width: 88%;
  font-size: 1em;
  color: dimgrey;
}

div.history_texts_de
{

  margin-top: 1.5em;
  margin-left: 0%;
  width: 100%;
  font-size: 1em;
  color: dimgrey;
}

.dropbtn-first
{
  margin-left: 25%;
}

div.cont_central_part
{
  margin-left: 10%;
  margin-top: 0em;
  width: 80%;
  min-height: 2em;
  font-size: 1em;

}

.f_map {
  display: block;

}

.f_pitajte_bibliotekara {
  display: block;

}

.f_contact_form_p {
  display: block;
}

div.adress_info
{
  margin-left: 2%;
  margin-top: 1.5em;
  width: auto;
  font-size: 1em;
  text-align: left;

}


div.contact_info
{
  margin-left: 2%;
  margin-top: 1.5em;
  width: auto;
  font-size: 1em;
  text-align: left;

}

div.contact_info_r_v_k
{

  margin-left: 0%;
  margin-top: 0em;
  width: auto;
  font-size: 1em;
  text-align: left;


}

.dropdown:hover .dropdown-content
{
    display: block;
}

.dropdown-content
{
    position: absolute;
    width: auto;
    min-width: 10em;
    background-color: #d9ceb4;
    z-index: 1;
}

.dropdown-content a
{
    text-align: center;
}

.dropdown-content-ml {
  margin-left: 45%;
}

.aditional_menu_ask {

  margin-right: 0%;
  margin-top: 2em;
  width: 38%;

}

.aditional_menu_ask_hist {

  margin-right: 0%;
  margin-top: 2em;
  width: 40%;

}

.aditional_menu {

  float: right;
  margin-right: 10%;
  margin-top: 0em;
  margin-bottom: 1em;
  width: 60%;

}

.aditional_menu_bottom {

  display: none;
}

.aditional_menu_top {

  display: block;
}


.ask_librarian {

  margin-left: 10%;
  margin-top: 0em;
  width: 10%;
  display: block;

}

div.social_network_logos_p
{

  margin-bottom: 2em;
  margin-left: 0.5%;
  width: 50%;

}


div.social_network_logos
{
  position: relative;
  float: left;
  margin-top: 3em;
  margin-left: 0%;
  width: 65%;
  font-weight: bold;
  color: darkred;
}

div.history_central_part
{
  position: relative;
  float: left;
  margin-left: 10%;
  margin-top: 0em;
  margin-bottom: 0em;
  width: 80%;
  min-height: 20em;
  background-image: url('../images/f5f5dc_deo.png');
  background-repeat: repeat;

}

div.text_hist_part_h
{
  margin-top: 1em;
  margin-left: 15%;
  width: 85%;
  font-weight: bold;
  font-size: 1.2em;

}

.strelica_klik {
  position: absoulte;
  margin-left: 8%;
  margin-top: 0em;
  display: block;

}

.history_image_01 {
  position: relative;
  float: right;
  margin-top: 2em;
  margin-right: 2%;
  width: 46%;
  height: 30em;
  overflow: hidden;

  display: block;

}

.tekstovi_istorijat
{
  margin-top:0.1em;
  margin-left: 2%;
  font-size: 1.1em;
  background-color:#FFE4C4;
}


.istorijat_tekst
{
  position: relative;
  float: left;
  margin-left: 3%;
  margin-top: 0em;
  width:45%;
  display: block;

}

.ju_istorijat_tekst {
  position: relative;
  float: right;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 0em;
  width: 49%;
  display: block;

}

.ju_istorijat_tekst .history_texts {
  margin-left: 12%;
  width: 88%;

}


.istorijat_tekst_de
{
  position: relative;
  float: right;
  margin-right: 2%;
  margin-top: 0em;
  width: 96%;
  display: block;

}

.naslov_tekst
{

  margin-left: 1%;
  margin-top: 2em;
  color: darkred;
  font-weight: bold;
  font-size: 1.4em;
}

.naslov_tekst_de
{

  margin-right:2%;
  width: 96%;
  margin-top: 2em;
  color:darkred;
  font-weight:bold;
  font-size: 1.4em;
}


.dve_foto_istorijat
{
  position: relative;
  float: right;
  width: 44%;
  margin-right: 2%;
  margin-top: 8em;

}

.ju_dve_foto_istorijat
{
  position: relative;
  float: left;
  width: 44%;
  margin-left: 4%;
  margin-top: 6.2em;

}

.uloga_citaonice_dve_foto_istorijat
{
  position: relative;
  float: right;
  width: 44%;
  margin-right: 2%;
  margin-top: 6.2em;

}

.jubilej_dve_foto_istorijat
{
  position: relative;
  float: right;
  width: 44%;
  margin-right: 2%;
  margin-top: 6.2em;

}

.pn_dve_foto_istorijat {
  position: relative;
  float: right;
  width: 44%;
  margin-right: 2%;
  margin-top: 6.2em;

}

.s_m_lj_dve_foto_istorijat {
  position: relative;
  float: right;
  width: 44%;
  margin-right: 2%;
  margin-top: 6.2em;

}

.foto_istorijat_p
{

  width: 100%;
  margin-left: 0%;
  margin-top: 2em;

}


.istorijat_tekst_celina_de
{
  position: relative;
  float: right;
  margin-right: 2%;
  margin-top: 0em;
  width: 50%;
  display: block;

}


.organizacija_pitajte_p {

  margin-top: 2em;
  margin-left: 0%;
  width: 62%;

}

.istorijat_image
 {

   margin-right: 0%;
   margin-top: 0em;
   width: 100%;

}

.b_footer
{

  display: block;
  margin-top: 0em;
  margin-bottom: 0.7em;
  width: 100%;
  background-size: 100% auto;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;
}

.f_impressum_p {

  width: 100%;
  margin-bottom: 0em;
  background-color: #696969;

}


.nbbd_futer_znak
{

  margin-left: 14%;
  margin-top: 1em;
  color:#ffffff;
  width:55%;

}


.impresum_znak
{

  margin-left: 5%;


}

.h_m_nav {
  display: none;
  
}


}



/************** END DESKTOP ******************/


div.test_z
{


}