.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container
{
  position: relative;
  margin: auto;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover .next:hover
{
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text
{
  color: #f2f2f2;
  /* padding: 0.5em 0.75em; */
  /* position: absolute;
  bottom: 0.5em; */
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot
{

  cursor: pointer;
  height: 0.9em;
  width: 0.9em;
  margin: 0 0.125em;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover
{
  background-color: #717171;
}

div.inner
{
  position:absolute;
  z-index:1;
  bottom:0;
  margin-left:0%;
  width:100%;
}


div.inner img
{

  width:100%;
}


div.strelica_info
{

  position: relative;
  float: left;
  margin-top:1.8em;
  width:10.5%;
}


div.title_hist_part
{
  position: relative;
  float: left;
  margin-top: 3em;
  margin-left: 5.7%;
  width: 70%;
  font-size: 1.2em;
  font-weight: bold;
  color: darkred;
  font-family: 'Oswald', sans-serif;
}

div.title_hist_part_h
{
  position: relative;
  float: left;
  margin-top: 2em;
  margin-left: 2%;
  width: 75%;
  font-weight: bold;
  font-size: 2em;
  color: darkred;
  font-family: 'Oswald', sans-serif;

}


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

}

div.more_details_image
{

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

}

div.more_details_image_r
{

  position: relative;
  float: right;
  margin-top:1em;
  margin-right: 80%;
  width:20%;
}


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


div.events_foto_info_1
{
  position: relative;
  float: left;
  margin-top: 2em;
  margin-left: 3%;
  width: 48%;
  height: 22em;
  z-index: 2;
  overflow: hidden;


}


div.events_foto_info_2
{
  position: absolute;
  margin-top: 14em;
  margin-left: 46%;
  width: 20%;
  height: 17em;
  background-image: url('../images/rectangle02.png');
  background-repeat: repeat;
  overflow: hidden;
}

.events_foto_info_2_top_left_p {
  position: absolute;
  margin-top: 0em;
  margin-left: 0%;
  width: 30%;
  height: 11em;
  background-color: #ffffff;
  z-index: 1;

}

div.events_text_info_box
{
  position: absolute;
  margin-left: 25%;
  margin-top: 18em;
  width: 18%;
  min-height: 16em;
  font-weight: bold;
  background-color: white;
}

div.events_title_info_box
{
  position: relative;
  float: left;
  margin-top: 0.75em;
  margin-left: 5%;
  width: 90%;
  font-weight: bold;
  color: darkred;
}

div.events_text
{
  position: relative;
  float: left;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  margin-left: 5%;
  width: 90%;
  color: dimgrey;
  font-family: 'Roboto';
  font-weight: 500;

}

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

div.publishing_activity
{
  position: relative;
  float: left;
  margin-left: 17%;
  width:80%;
  height:3em;
  text-align: center;
  color: darkred;
  font-size:1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;
  font-family: 'Oswald';
  font-weight: 600;

}

div.book_image
{
  position: relative;
  float: left;
  margin-top:0em;
  width:25%;
}

div.slider_track
{
  position: relative;
  float: left;
  margin-top:0em;
  height:5em;
  width:100%;
  background-image: url('../images/f5f5dc_deo.png');
  background-repeat: repeat;
}

div.publishing_box
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  min-height: 8em;
  background-image: url('../images/rectangle02.png');
  background-repeat: repeat;
}

div.publishing_library_title
{
  position: relative;
  float: left;
  margin-top:1em;
  margin-left: 10%;
  width:80%;
  font-size: 1.2em;
  color: white;
  font-family: 'Oswald';
  font-weight: 600;

}

div.interspace_area
{
  position: relative;
  float: left;
  margin-left: 0%;
  width: 100%;
  margin-top:2em;
  height:2em;
  background-image: url('../images/f5f5dc_deo.png');
  background-repeat: repeat;
}


div.e_catalog_v_line
{
  position: relative;
  float: left;
  margin-left: 4.8%;
  margin-top: 0em;
  width: 0.2%;
  height: 4.5em;
  background-image: url('../images/rectangle02.png');
  background-repeat: repeat;

}


div.slajder_foto_info
{

  position: relative;
  float: left;
  margin-top: 2.5em;
  width: 17%;
  height: 4.25em;
  overflow: hidden;

}

div.rectangles
{

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

}

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

}

.home_hist_gal_rectangle_p img {
  width: 95%;

}


div.text_hist_part
{
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 15%;
  width: 70%;
  font-weight: bold;
  font-size: 1.2em;
  color: dimgrey;
  font-family: 'Roboto';
  font-weight: 600;
  font-style: normal;

}


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


.title_text_hist_p {
  position: relative;
  float: left;
  width: 100%;

}



.hist_slider_large_photo_p {
  position: relative;
  float: right;
  margin-right: 2.8%;
  margin-top: 3.4em;
  width: 96%;

}

div.hist_slider_part
{
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;

}

.hist_slider_part_rectangles {
  position: relative;
  float: left;
  width: 47%;
  margin-left: 44%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;

}



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

}

div.catalog_info_l
{

  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 0em;
  width: 100%;
  color: darkred;
  background-color: #ffffff;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 0.3em;
  padding-right: 0.3em;
  font-size: 2em;
  text-align: center;
  font-family: 'Oswald';
  font-weight: 600;




}

div.catalog_info
{
  display: none;
  position: relative;
  float: left;
  margin-left: 3%;
  font-family: 'Roboto';
  font-weight: bold;
  color: dimgrey;

}

div.e_catalogs_box
{
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 0%;
  width: 25%;
  height: 2em;
  color: darkred;
  text-align: center;
  font-size: 1.6em;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;
  padding-top: 0.3em;
  font-family: 'Oswald';
  font-weight: 500;

}


.e_catalogs_li {
  position: relative;
  float: left;
  margin-top: 0em;
  margin-left: 0%;
  width: 75%;
  font-size: 0.8em;
  background-color: #ffffff;

}

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

}


.e_catalog_nav_p .more_details_image {
  display: none;

}

.events_title_im_p {
  display: none;
  position: relative;
  float: left;
  margin-left: 51%;
  margin-top: -19em;
  width: 65%;
}


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

.home_pub_naslov {
  text-transform: uppercase;

}

.home_pub_autor {

}


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


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


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





}



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


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

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


.title_text_hist_p {
  width: 40%;

}

div.title_hist_part
{

  margin-top: 2em;
  margin-left: 6%;
  width: 65%;
  font-size: 1.6em;
  font-weight: bold;
  color: darkred;

}


.hist_slider_large_photo_p {

  margin-right: 2.8%;
  margin-top: 3.4em;
  width: 50%;

}

div.hist_slider_part
{
  margin-left: 0%;
  width: 47%;
  margin-bottom: 2em;

}

.hist_slider_part_rectangles {
  margin-left: 39%;
  width: 47%;
  margin-bottom: 2em;

}

div.text_hist_part
{

  margin-top: 0em;
  margin-left: 18%;
  width: 82%;
  font-weight: bold;
  font-size: 1em;

}


div.catalog_info_l
{
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 2em;
  width: 100%;
  font-weight: bold;
  color: darkred;
  background-color: transparent;
  font-size: 1.4em;
  padding-top: 0em;
  text-align: left;

}

div.catalog_info
{
  display: block;
  position: relative;
  float: left;
  margin-left: 0%;
  margin-top: 1em;


}

div.e_catalogs_box
{
  margin-top: 0em;
  margin-left: 0%;
  width: 21%;
  height: 2em;
  font-weight: bold;
  color: white;
  text-align: center;
  font-size: 1.6em;
  background-image: url('../images/rectangle02.png');
  padding-top: 0em;
}

.e_catalog_nav_p {
  min-height: 7em;

}

.e_catalog_nav_p .more_details_image {
  display: block;

}

.e_catalogs_li {
  width: 79%;
  font-size: 0.8em;

}

.e_catalogs_li {
  background-color: transparent;

}

.e_catalogs_p {
  margin-left: 3%;
  width: 94%;

}

div.e_catalog_v_line
{
  margin-top: 1.3em;

}

.events_title_im_p {
  display: block;
}

div.publishing_activity
{

  margin-left: 17%;
  width:70%;
  height:3em;
  font-weight: bold;
  text-align: center;
  color: darkred;
  font-size:1.5em;
  padding-top: 0.5em;
  background-image: url('../images/footer_boja.jpg');
  background-repeat: repeat;
}


div.library_hist_part
{

  margin-left: 0%;
  width: 100%;
  min-height: 29em;
  background-image: url('../images/f5f5dc_deo.png');
  background-repeat: repeat;
}


div.title_hist_part_h
{

  margin-top:2em;
  margin-left: 5%;
  width: 75%;
  font-weight: bold;
  font-size: 1.6em;
  color: darkred;
}

div.strelica_info
{


  margin-top:1.8em;
  width:10.5%;

}

div.strelica_info img:hover
{
  cursor: pointer;
  /*
  */
  opacity: 0.8;

}

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

div.slajder_foto_info
{
  margin-top: 2.5em;
  width: 15%;
  height: 4.25em;
  overflow: hidden;

}

div.book_image
{

  margin-top:0em;
  width:25%;
}

div.events_box_info
{

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

div.publishing_library_title
{

  margin-top:1em;
  margin-left: 10%;
  width:80%;
  font-weight: bold;
  color: white;
}

}



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



div.test_z
{


}