/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  min-width: 220px;
  max-width: 910px;
  height: 80%;
  width: auto !important;
  /*IE6 hack*/
  margin: 0 auto;
  /*center hack*/
  text-align: left;
  /*center hack*/
}
@media all and (max-width: 920px) {
  #map {
    min-width: 800px;
    max-width: 800px;
  }
}
@media all and (max-width: 820px) {
  #map {
    min-width: 700px;
    max-width: 700px;
  }
}
@media all and (max-width: 720px) {
  #map {
    min-width: 600px;
    max-width: 600px;
  }
}
@media all and (max-width: 620px) {
  #map {
    min-width: 595px;
    max-width: 595px;
  }
}
@media all and (max-width: 600px) {
  #map {
    min-width: 555px;
    max-width: 555px;
  }
}
@media all and (max-width: 560px) {
  #map {
    min-width: 510px;
    max-width: 510px;
  }
}
@media all and (max-width: 520px) {
  #map {
    min-width: 465px;
    max-width: 465px;
  }
}
@media all and (max-width: 470px) {
  #map {
    min-width: 415px;
    max-width: 415px;
  }
}
@media all and (max-width: 430px) {
  #map {
    min-width: 395px;
    max-width: 395px;
  }
}
@media all and (max-width: 400px) {
  #map {
    min-width: 360px;
    max-width: 360px;
  }
}
@media all and (max-width: 380px) {
  #map {
    min-width: 345px;
    max-width: 345px;
  }
}
@media all and (max-width: 360px) {
  #map {
    min-width: 335px;
    max-width: 335px;
  }
}
@media all and (max-width: 340px) {
  #map {
    min-width: 315px;
    max-width: 315px;
  }
}
@media all and (max-width: 320px) {
  #map {
    min-width: 295px;
    max-width: 295px;
  }
}

.map-control {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
  font-family: 'Roboto','sans-serif';
  margin: 10px;
  padding-right: 5px;
  /* Hide the control initially, to prevent it from appearing
     before the map loads. */
  display: none;
}
/* Display the control once it is inside the map. */
#map .map-control { display: block; }

.gm-style-mtc{margin-bottom:40px !important}

.selector-control {
  font-size: 14px;
  line-height: 30px;
  vertical-align: baseline;
}

/* new2 map */
h1.firstHeading {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 0px 21px;
  color: #3c3c3c;
  background-image: url('ikone/mapa/atm_lokacije.png');
  background-position: top left;
  background-repeat: no-repeat;
}
#bodyContent {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 0px 21px;
  color: #3c3c3c;

}
div.fbrk_menu_subheader {
  width: 100%;
  padding: 0px 0px 0px 0px;
}
div.fbrk_menu_subheader h1 {
  font-size: 46px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -3px;
  padding: 40px 0px 20px 20px;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  word-wrap: break-word;
  color: #ee1c24;
}
@media all and (max-width: 920px) {
  div.fbrk_menu_subheader h1 {
    padding: 40px 0px 20px 0px;
  }

}

.fbrk_kalendar_catch {
  float: none;
  padding: 5px 0px 5px 0px;
  min-width: 310px;
  max-width: 1240px;
  width: auto !important;
  /*IE6 hack*/
  margin: 0 auto;
  /*center hack*/
  text-align: left;
  /*center hack*/
}
div.fbrk_kalendar_catch h2 {
  font-size: 46px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: -3px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  word-wrap: break-word;
  color: #ee1c24;
}
.fbrk_kalendar_01 {
	width:310px;
	float:left;
}
.fbrk_kalendar_02 {
	width:310px;
	float:left;
}
.fbrk_kalendar_03 {
	width:310px;
	float:left;
}
.fbrk_kalendar_04 {
	width:310px;
	float:left;
}
.fbrk_kalendar_05 {
	width:310px;
	float:left;
}
.fbrk_kalendar_06 {
	width:310px;
	float:left;
}
.fbrk_kalendar_07 {
	width:310px;
	float:left;
}
.fbrk_kalendar_08 {
	width:310px;
	float:left;
}
.fbrk_kalendar_09 {
	width:310px;
	float:left;
}
.fbrk_kalendar_10 {
	width:310px;
	float:left;
}
.fbrk_kalendar_11 {
	width:310px;
	float:left;
}
.fbrk_kalendar_12 {
	width:310px;
	float:left;
}

.fbrk_kalendar_mesec {
	width:300px;
	padding: 4px 2px 2px 5px;
	margin:1px;
	color:#FFF;
	font-size:24px;
	font-weight:400;
  letter-spacing: -1px;
	float:left;
  background-color: #000;
  text-transform: uppercase;
}
.fbrk_kalendar_dan {
	width:42px;
  padding: 2px 0px 2px 0px;
	float:left;
	margin:1px;
  font-size:21px;
	font-weight:400;
	text-align:center;
	background-color:#ededed;
}
.fbrk_kalendar_dan_d {
	width:42px;
  padding: 2px 0px 2px 0px;
	float:left;
	margin:1px;
  font-size:21px;
	font-weight:400;
	text-align:center;
	background-color:#ee1c24;
	color:#FFF;
}
.fbrk_kalendar_dan_catch1 {
	width:310px;
	float:left;
}
.fbrk_kalendar_dan_catch2 {
	width:310px;
	float:left;
}
.fbrk_kalendar_dan_catch3 {
	width:310px;
	float:left;
}
.fbrk_kalendar_dan_catch4 {
	width:310px;
	float:left;
}
.fbrk_kalendar_dan_catch5 {
	width:310px;
	float:left;
}
.fbrk_kalendar_dan_catch6 {
	width:310px;
	float:left;
}
.fbrk_kalendar_dan_catch7 {
	width:310px;
	float:left;
}