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


.adresar_link_p {
  position: relative;
  float: left;
  margin-left: 5%;
  margin-bottom: 2em;
  width: 25%;
  min-height: 2.5em;
  text-align: center;
  font-size: 2em;
  font-style: italic;
  padding: 0.5em;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;

}

.adresar_link_r_v_k {
  position: relative;
  float: left;
  margin-left: 5%;
  margin-bottom: 2em;
  width: 25%;
  min-height: 2.5em;
  text-align: center;
  font-size: 2em;
  font-style: italic;
  padding: 0.5em;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;

}

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

}

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


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

}

.tipovi_dokumenata_ob {
  position: relative;
  float: left;
  margin-top: 3em;
  margin-left: 0%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 100%;
  font-family: 'Roboto';

}

.dokumenta_naslovi_ob {
  position: relative;
  float: left;
  margin-top: 3em;
  margin-left: 0%;
  width: 22%;
  font-size: 1.8em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;

}

.podaci_statut_ob {

  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 1%;
  width: 99%;
  text-align: center;
  color: dimgrey;

}


.statut_ob {

  position: relative;
  float: left;
  margin-top: 1em;
  margin-left: 0%;
  width: 60%;
  font-size: 2em;
  text-align: left;
  padding: 0.4em;
  color: dimgrey;
  font-family: 'Roboto';
  font-weight: 200;


}

.horizontal_dotted_line_ob
{
  position: relative;
  float: left;
  border-bottom: 0.25em dotted dimgrey;
  width: 100%;

}


.download_ob {

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


}

.horizontal_line_ob
{
  position: relative;
  float: left;
  border-bottom: 0.25em solid darkred;
  margin-left: 0%;
  margin-top: 2em;
  width: 70;
}


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

}

div.text_fr_don_part_ob
{
  position: relative;
  float: left;
  margin-top: 1em;
  margin-left: 10%;
  width: 90%;
  font-weight: bold;
  font-size: 1.6em;
  color: darkred;
}

.title_text_library_about_ob {

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

}

div.list_year_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  background-color:white;
  color:blue;
  font-size: 1.6em;
  text-align:center;


}

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

}

div.list_fr_do_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: white;
  text-align: center;
  background-image: url('../images/rectangle02.png');
  font-size: 1.6em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;

}

div.full_data_employee_list_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top:2em;
  margin-bottom: 2em;
  width:85%;
  font-family: 'Source Sans Pro';
  font-weight: 600;


}



div.list_adress_employee_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: white;
  background-image: url('../images/rectangle02.png');
  font-size: 1.2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;

}

div.managment_title_ob
{
  position: relative;
  float:left;
  margin-left: 3%;
  margin-top: 0em;
  text-align: left;

}

div.managment_emails_ob
{
  position: relative;
  float:right;
  margin-right: 8%;
  width: 30%;
  text-align: right;

}


div.info_employee_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: darkred;
  background-color: #ffffff;
  font-size: 1.5em;

}

div.name_employee_title_ob
{

  position: relative;
  float:left;
  margin-left:3%;
  padding-top: 0.9em;
  padding-bottom: 0.4em;


}

div.job_employee_title_ob
{

  position: relative;
  float:left;
  margin-top: 0.4em;
  margin-left: 2%;
  font-weight: normal;
  padding-top: 0.3em;
  padding-bottom: 0.3em;


}

div.data_employee_info_ob
{

  position: relative;
  float:right;
  margin-top: 0.5em;
  margin-right: 8%;
  width:30%;

}


div.e_mails_info_ob
{

  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 0.4em;
  color: darkgrey;

}

div.phone_info_ob
{

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

}



div.list_friends_ob
{
  position: relative;
  float: left;
  margin-left: 3%;
  width: 97%;
  color: white;
  text-align: center;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;

}


div.list_citizens_ob
{

  position: relative;
  float: left;
  margin-left: 0%;
  width: 50%;
  font-weight: bold;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;



}


div.list_donors_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  min-height: 2em;
  width: 50%;
  color: white;


}


div.list_friends_and_donors_ob
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;


}

div.friends_and_donors_ob
{

  position: relative;
  float: left;
  margin-left: 10%;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 90%;

}

.list_fr_p_ob {
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  border-right: 0em solid #ffffff;

}

.list_do_p_ob {
  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 0em;
  width: 100%;
  border-left: 0em solid #ffffff;

}

.el_fr_do_p_ob {
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  border-bottom: 0.1em solid #ffffff;
  padding-top: 0.3em;
  padding-bottom: 0.3em;

}

.zavicajna_zbirka_celina
{
  position: relative;
  float: left;
  width: 90%;
  margin-left: 5%;
  margin-top: 2em;
  color: dimgray;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 2em;

}

.zavicajna_zbirka_image
{
  position: relative;
  float: left;
  margin-top: 2em;
  margin-left: 5%;
  width: 90%;


}

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

}

.zavicajna_zbirka_text_de
{
  position: relative;
  float: right;
  margin-right: 0%;
  margin-top: 0em;
  width: 100%;
  margin-bottom:1em;

}

.s_m_lj_tekst_2
{
  position: relative;
  float: left;
  margin-left: 5%;
  margin-top: 0em;
  width: 90%;
  margin-bottom: 1em;
  color: dimgray;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 2.2em;

}


.s_m_lj_foto_2
{
  position: relative;
  float: left;
  margin-left: 5%;
  margin-top: 0em;
  margin-bottom: 2em;
  width: 90%;

}

.s_m_lj_grupa_foto
{

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


}

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


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


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





}



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


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

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


.adresar_link_p {

  margin-bottom: 2em;
  width: 20%;
  padding: 0.5em;
  min-height: 1.5em;
  font-size: 1.2em;
  margin-top:1em;
  margin-left: 2.5%;
}

.adresar_link_r_v_k {
  margin-bottom: 2em;
  width: 20%;
  padding: 0.5em;
  min-height: 1.5em;
  font-size: 1.2em;
  margin-top:1em;
  margin-left: 0%;


}

.znak_pitanja_ob {
  margin-top: 3em;
  margin-left: 5%;
  width: 10%;

}

.tabela_dokumenti_p_ob {
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width:60%;
}


.tabela_dokumenti_ob {
  margin-top: 0em;
  margin-left: 4%;
  width: 96%;
  margin-left: 3%;
  width: 95%;

}

.tipovi_dokumenata_ob {

  margin-top: 3em;
  margin-left: 1%;
  width: 99%;

}

.dokumenta_naslovi_ob {

  margin-top: 0em;
  margin-left: 0.4%;
  width: 19%;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  background-image: url('/images/footer_boja.jpg');
  background-repeat: repeat;

}


.podaci_statut_ob {

  margin-top: 1em;
  margin-bottom: 0em;
  margin-left: 1%;
  width: 99%;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  color: dimgrey;

}

.statut_ob {

  margin-top: 1.4em;
  margin-left: 0%;
  width: 60%;
  font-size: 0.9em;
  text-align: left;
  padding: 0.4em;
  color: dimgrey;

}

.horizontal_dotted_line_ob
{
  border-bottom: 0.25em dotted dimgrey;
  margin-left: 0%;
  margin-top: 0em;
  width: 70;
}

.download_ob {

  margin-top: 0em;
  margin-bottom: 0.3em;
  margin-right: 0%;
  width: 5%;

}

.horizontal_line_ob
{
  border-bottom: 0.25em solid darkred;
  margin-left: 0%;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;

}

.linkovi_info_istorijat_ob
{
  float: right;
  margin-right: 20%;
  margin-top: 3em;
  margin-bottom: 1em;
  width: 60%;

}

div.text_fr_don_part_ob
{

  margin-top: 1em;
  font-size: 1.2em;

}


div.title_text_library_about_ob
{

  margin-top: 1em;
  width: 62%;

}

div.friends_and_donors_ob
{


  margin-left: 10%;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 90%;

}


div.list_year_ob
{
  margin-left: 0%;
  width: 100%;
  background-color:white;
  color:blue;
  font-size: 1.4em;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;

}


div.list_table_ob
{

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

}


div.list_fr_do_ob
{

  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: white;
  text-align: center;
  font-size: 1.1em;
  padding-top:0.5em;
  padding-bottom:0.5em;

}

div.list_adress_employee_ob
{

  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: white;
  background-image: url('../images/rectangle02.png');
  font-size: 1em;
  padding-top: 1.2em;
  padding-bottom: 1.2em;

}

div.full_data_employee_list_ob
{

  margin-left: 0.5%;
  margin-top:2.5em;
  margin-bottom: 2em;
  width:63%;

}


div.managment_title_ob
{

  margin-left: 3%;
  width: 45%;
  margin-top: 0em;


}

div.managment_emails_ob
{

  margin-right: 25%;
  width: 25%;

}

div.info_employee_ob
{

  margin-left: 0%;
  width: 100%;
  font-weight: bold;
  color: darkred;
  font-size: 1em;

}

div.name_employee_title_ob
{


  margin-left:3%;
  margin-top: 0em;
  padding-top: 1em;
  padding-bottom: 1em;


}

div.job_employee_title_ob
{


  margin-top: 0.5em;
  margin-left: 0.5%;
  font-weight: normal;
  padding-top: 0.5em;
  padding-bottom: 0.5em;


}


div.e_mails_info_ob
{

  position: relative;
  float:left;
  margin-left: 10%;
  margin-top: 0.4em;
}

div.phone_info_ob
{


  margin-right: 10%;
  margin-top: 0.4em;
}

div.data_employee_info_ob
{

  margin-top: 0.5em;
  margin-right: 0%;
  width: 50%;

}


div.list_friends_ob
{

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



}


div.list_citizens_ob
{

  margin-left: 0%;
  width: 50%;
  text-align: center;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;



}

div.list_donors_ob
{

  margin-left: 5%;
  width: 45%;


}

div.list_friends_and_donors_ob
{

  margin-left: 0%;
  width: 100%;


}

.list_fr_p_ob {
  width: 50%;
  border-right: 0.1em solid #ffffff;

}

.list_do_p_ob {
  float: right;
  margin-right: 0%;
  margin-top: 0em;
  width: 49%;
  border-left: 0.1em solid #ffffff;

}

.zavicajna_zbirka_text_le
{

  margin-left: 0%;
  margin-top: 0em;
  margin-bottom:1em;
  width: 48%;

}

.zavicajna_zbirka_text_de
{

  margin-right: 0%;
  margin-top: 0em;
  width:48%;
  margin-bottom:1em;

}

.zavicajna_zbirka_celina
{

  width: 88%;
  margin-left: 8%;
  margin-top: 2em;
  color: dimgray;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 1em;


}

.zavicajna_zbirka_image
{

  margin-top: 2em;
  margin-left: 8%;
  width: 90%;
  margin-top: 2em;

}

.s_m_lj_tekst_2
{

  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  margin-bottom: 1em;
  color: dimgray;
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 1em;

}

.s_m_lj_grupa_foto
{


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


}


.s_m_lj_foto_2
{

  margin-left: 2%;
  margin-top: 0em;
  width: 31%;
  margin-bottom: 0em;

}


}



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



div.test_z
{


}