/*@font-face {
    font-family: payDay;
    src: url(/scripts/fonts/Payday.ttf);
    font-weight: normal;
} */



@font-face {
  font-family: payDay;
  
 src: url('/scripts/fonts/Payday.eot'); /* IE9 Compat Modes */
  src: url('/scripts/fonts/Payday.eot?#iefix') format('embedded-opentype'),  
	   url('/scripts/fonts/Payday.woff2') format('woff2'),
       url('/scripts/fonts/Payday.woff') format('woff'),
       url('/scripts/fonts/Payday.ttf') format('truetype'),
	   url('/scripts/fonts/Payday.svg#svgFontName') format('svg'); /* Legacy iOS */
	   
	   font-weight: normal;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

sup sup{vertical-align: top; position: relative; top: 0.5em;}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 1px double #999 !important;
    margin: 0.25rem 0 !important;
    padding: 0.5rem !important;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



body, html {
	height: 100%;
	min-height: 100%;


}


body {
	
	background-color: #fafafa;
	font-family: 'Roboto Slab', sans-serif;
	
	background-image:url('/template/bg/background_transparent.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	/*background-attachment: fixed;*/
	background-size: cover;

}


body.naslovna{background-image:none !important}

/*Open+Sans+Condensed:300,300italic,700|Yanone+Kaffeesatz:400,200,300,700|Abel|Fjalla+One|Wire+One|Dorsa*/


h1,h2,h3,h4,h5,h6,div,p,td, select{

	/*font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Roboto Mono', sans-serif;
	font-family: 'Roboto Slab', serif;*/
	
	
	
	
	font-family: 'Roboto Slab', sans-serif !important;

	}
	
h1{font-family: 'Roboto Slab', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.6);
	}
	

#cboxTitle{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:0.675rem !important;color:#555;background-color:#fff;padding:5px}



	
h2{font-family: 'Roboto Slab', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.6);
	}
	
h3{font-family: 'Roboto Slab', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.6);
	}
	
	
	
	
	
		
h4{font-family: 'Roboto Slab', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 1px rgba(250, 250, 250, 0.6);
	}		

main {
	overflow-x: hidden;
	padding-top:0px;
	min-height:600px
	
}


.payDay{
	
	font-family:payDay !important; 
	color:#a71f22 !important; 
	font-size:2rem !important; 
	text-decoration:none !important; 
	word-spacing:0.2rem !important;
	
	
	 font-weight: normal!important;
    margin-bottom: 1.5rem!important;
    text-shadow: none!important;

	
	
	}

p{font-size:0.9rem !important}

a{color:#ab1706; text-decoration:underline}
a:hover, a:active, a:visited{color:#ab1706 !important; text-decoration:none !important}

.row.fullWidth {min-width:100% !important;}


 
 form .row .prefix-radius.row.collapse .prefix{border-radius:0rem}
 
 
 button, .button {
	font-size:0.9125rem;
    background-color: #ab1706;
    border-color: #ab1706;
	color:#fff;
	font-family: 'Roboto Slab', sans-serif;
	margin:0px
    
}


  button:hover, button:focus, .button:hover, .button:focus,  {
  background-color: #ab1706 !important; }
  button:hover, button:focus, .button:hover, .button:focus{
    color: #CCC !important; }
	
	
	.button:visited {color:#fff !important}
	
	


.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}




/******************************** CONTENT *********************************/

.bcg {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
	position:relative;
}



/* Slide 1*/
/*#slide_1 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/
/* Slide 2*/
/*#slide_2 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/
/* Slide 1*/
/*#slide_3 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/
/* Slide 1*/
/*#slide_4 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/
/* Slide 5*/
/*#slide_5 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/
/* Slide 6*/
/*#slide_6 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/
/* Slide 6*/
/*#slide_7 .bcg{background-image:url('/userfiles/images/background/kartografija.jpg');background-position:center bottom}*/

/*.innerContainer{
	
	background: rgba(250, 250, 250, 0.75) none repeat scroll 0 0;
	height:100%;
	padding:3.8rem 2rem 2rem 2rem;
	position:relative;
	font-size:1rem
	
	}
.innerContainer ul{	list-style: none;
	display: block;
	margin: 0 auto;
	}*/
	

	.imageCell{padding-bottom:1rem}
	.imageCell img{border:1px solid #ff7200}

	.textCell{padding-bottom:1rem}
	

.kratki_sadrzaj{color:#ab1706;font-weight: bold;}
.kratki_sadrzaj p{color:#ab1706;font-weight: bold;}


@media only screen and (max-width: 40em) {

		

	
	 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	 
	 
	 
/*.clusterIcon{background-image:url(/userfiles/images/projekti/punktovi_otpora/kategorije/ikone/cluster_pin.png);*/
background-position:top left; background-repeat:no-repeat;}	
.clusterIconHolder{display:table} 
.clusterIconNumber{
	/*color:#ab1706;*/ color:#ab1706;
	font-weight:800;
	font-family: 'Oswald', sans-serif;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:30px;
	height:29px;
	font-size:1.5rem;

padding-bottom:0.25rem; /*border:1px solid #ab1706;*/


text-shadow:
    1px 1px 0 #e6e6e6,
    -1px 1px 0 #e6e6e6,
    -1px -1px 0 #e6e6e6,
    1px -1px 0 #e6e6e6;

}
	
	
/****************************** MARKER POPUP *******************************/	
	
.markerPopup{position:relative}		
.markerPopup .markerImageContainer{float:left;max-width:40%;min-width:40%;margin:0.5rem 0.7rem 0rem 0rem}
.markerPopup .markerImage{float:left;max-width:100%;min-width:100%}
.markerPopup .markerImageTitle{float:left;font-size:0.55rem !important;font-style:italic;margin-top:0.2rem !important; line-height:0.8rem}
.cistac{clear:both}
.markerPopup .markerTitle{font-family: "Roboto Slab",sans-serif; font-weight:bold;font-size:1rem !important;margin-bottom:0rem !important;background-position: center right;background-repeat:no-repeat;padding-right:24px;display:inline-block}
.markerPopup .markerSubTitle{font-family: "Roboto Slab",sans-serif; font-weight:bold;font-size:0.8rem !important;margin-bottom:0rem !important;margin-top:0.2rem !important}
.markerPopup .markerAddress{font-size:0.55rem !important;font-style:italic;margin-top:0.2rem !important}
.markerPopup .markerDates{font-size:0.55rem !important;font-style:italic;margin-top:0.2rem !important}



.markerPopup .markerShortDesc, .markerShortDesc p{font-family: "Roboto Slab",sans-serif;font-weight:normal;font-size:0.75rem !important}

.markerPopup .markerAudioContainer, .markerPopup .markerVideoContainer{position:relative;margin:0.2rem 0rem}

.markerPopup .markerDetails{text-align:right;margin-top:0.5rem !important;position:relative}





.markerPopup .markerDetails a{color:#ab1706;font-family: "Roboto Slab",sans-serif;font-weight:bold;font-size:0.75rem !important; background-image:url(/template/arrow_right.png);background-position: center right;background-repeat:no-repeat;padding-right:18px;}
.markerPopup .markerDetails a:hover{color:#000}


.markerPopup .markerDetails .markerLoader{position:absolute;left:0; top:0;display:none}
.markerPopup .markerDetails .markerLoader img{height:0.75rem;width:auto}

/******************* section detalji markera *********************/
#slide_2{border-top:1px solid #ab1706;}
#markerDetails{padding-top:2rem;padding-bottom:2rem;position:relative;min-height:40rem}
.markerContainer{position:relative}


.goToTop{
	background-image:url(/template/arrow_up_white.png);
	background-position: center center  ;
	background-repeat:no-repeat;
	padding:1rem 2rem 1rem 2rem;
	
	color:#fff;
	background-color:#ab1706;
	
	right:0rem;
	cursor:pointer
	}
	

.gtTop{top:0rem;border-radius:0px 0px 3px 3px;position:absolute;}

.gtBottom{
	bottom:0;
	border-radius:3px 3px 0px 0px;
	position:fixed;
	background-image: none;
	padding:0rem 2rem 0rem 2rem;


  /*margin: 0;
  position: absolute;
  top: 50%;*/
  width:30%;
  left: 50%;
  transform: translate(-50%, 0%);
  color:white;
  text-align: center;
  font-size: 1.7rem;
 display:none;
 /*z-index: 9999;*/
}

body:not(.naslovna) .gtBottom{display: none !important;} 


/*.fixedFooter2{display: block;}
.fixedFooter{top:-4rem;position: absolute; bottom:  auto;}*/

	
	
.markerContainer .markerTitle{margin-bottom:0.5rem;background-position: center right;background-repeat:no-repeat;padding-right:32px;display:inline-block; background-size: auto 32px;}



.markerContainer .markerSubTitle{margin:0;font-weight:bold;}
.markerContainer .markerAddress{font-size:0.75rem !important;font-style:italic;margin:0.5rem 0rem 1rem 0rem !important}


.markerContainer .markerDates{font-size:0.75rem !important;font-style:italic;margin:0.5rem 0rem 1rem 0rem !important}
	
	
	
.markerContainer .markerImageContainer{position:relative;float:left;margin:0.4rem 1rem 1rem 0rem;max-width:25%;min-width:25%;}
.markerContainer .markerImage{display:inline-block;border:none;max-width:100%;min-width:100%;}
.markerContainer .markerImageTitle{font-size:0.55rem !important;font-style:italic;margin-top:0.2rem !important}	
	
.markerContainer .markerAudioContainer, .markerContainer .markerVideoContainer{position:relative;margin:1rem 0rem}

.markerContainer .markerAudioContainer .mediaTitle, .markerContainer .markerVideoContainer .mediaTitle{font-size:1rem;font-weight:700;}




.video-container {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.videoOpis{font-size: 0.65rem !important; font-style: italic;}






/*******************************/

#markerDetails p{text-align:left}

.newsItem .markerTitle {color:#ab1706;}
.newsItem .markerTitle a {color:#ab1706 !important;text-decoration:underline}
.newsItem .markerTitle a:hover{text-decoration:none !important}

.newsItem .markerSubTitle{margin-bottom:0.5rem; color:#222222}

.newsItem .markerSubTitle a {color:#ab1706 !important;text-decoration:underline}
.newsItem .markerSubTitle a:hover{text-decoration:none !important}



.newsItem .markerDatum{font-size:0.65rem !important;font-style:italic;margin:0rem 0rem 0rem 0rem !important;text-align:right;color:#999}

.imgFull{min-width:100%;}
.imgHalf{max-width:50%;}
.imgLeft{float:left;margin:0.5rem 0.7rem 0.5rem 0rem}




.gallery{margin-top:2rem;}


.galleryFiles{
 list-style: outside none none;
 margin:1rem 0;
	
}


.galleryFileItem{}


.galleryFile{}




.articleGalleryImageItem{position:relative;margin:0.6375rem 0 0.9375rem 0}

.articleGalleryImageItem .articleGalleryImageCaption{



font-size:0.9rem !important;
text-align:right;
padding:0.6375rem 0 0 0;
font-style:italic


}


.articleGalleryImageItem .articleGalleryImageCaption.captRight{

text-align:right;



}

.articleGalleryImageItem .articleGalleryImageCaption.captLeft{

text-align:left;



}


.articleGalleryImageItem .articleGalleryImageCaption div{font-size:0.9rem !important;}


.articleGalleryImageItem img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;

}


.articleGalleryImageItem:hover img { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	
	
	

}

.popis_slojeva{margin-top: 1rem; background-color: #f3f3f3; padding: 1rem }

.popis_slojeva  p{margin-bottom: 0}

.popis_slojeva a{font-size:0.75rem; /*display: block;*/ }

.popis_slojeva h3{margin-bottom: 1rem; }

.pogledaj_na_mapi{color: #ab1706 !important;font-size: 1.1rem;
    font-weight: 700;text-align: right;display: block;}


/***************** BODY news ************************************************/

body.news #slide_2, body.punktovi #slide_2{padding:5rem 0rem 2rem 0rem}





blockquote.short_desc, blockquote.short_desc p{color:#FF0000}

.marker_icon_list img{padding-right:0.5rem; max-height:32px}



.marker_icon_list.small_size{display: inline;margin-left:1rem}

.marker_icon_list.small_size img{max-height: 24px}





  .ui-tooltip {
   	font-family: 'Roboto Slab' !important ;
	font-size: 0.875rem; !important

  }
  
  
  
  
  
  
  .upute, .upute:visited{ 
    background-image: url("/template/arrow_right.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #ab1706 !important;
    font-family: "Roboto Slab",sans-serif;
    font-size: 0.75rem !important;
    font-weight: bold;
    padding-right: 18px;
	display:block;
	text-align:right;
	margin-top:1rem;
	text-decoration:none
    }








/******************************************** TOOLTIPSTER  *****************************/

.mytooltip{ }
 
  .tooltip_templates { display: none; }

  .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
   background: rgba(230, 230, 230, 0.95) none repeat scroll 0 0;
  border:1px solid #999999;
		width:5%;
		min-width:150px;
		padding:1rem;
		min-height:50vh;


}


.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content{

  padding: 0rem;

}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content div {

  padding: 0.05rem 0.2375rem;
  color:#312f32;
   
  
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content div a{

  padding: 0.05rem 0.2375rem;
  color:#312f32;

 




}


.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content div a:hover{

 padding: 0.05rem 0.2375rem;
  color:#052460;

}


.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content div h5{
margin:0;padding:0;
line-height: 1rem;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content div h5 a{
  font-size: inherit !important;
PADDING-LEFT:0;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content div h5 a:hover{
PADDING-LEFT:0;
font-size: inherit !important;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-content{

  
    font-family: 'History-02';
  text-transform: uppercase;
  font-size:0.8rem !important;

}


.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box {

  border-radius: 15px;
  background-color: #312f32
}

.tooltipster-base {
  max-height: 25%;
  min-height: 200px;
  pointer-events: all !important;
}

.tooltipster-box {
  display: inline-block !important;
  width: 100%;
  height: 100%;
  overflow: auto;
}