/* CSS Document */

/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'c64_pro_monoregular';
    src: url('../font_c64/c64promono-style-mm-webfont.eot');
    src: url('../font_c64/c64promono-style-mm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font_c64/c64promono-style-mm-webfont.woff') format('woff'),
         url('../font_c64/c64promono-style-mm-webfont.ttf') format('truetype'),
         url('../font_c64/c64promono-style-mm-webfont.svg#c64_pro_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'c64_proregular';
    src: url('../font_c64/c64pro-style-mm-webfont.eot');
    src: url('../font_c64/c64pro-style-mm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font_c64/c64pro-style-mm-webfont.woff') format('woff'),
         url('../font_c64/c64pro-style-mm-webfont.ttf') format('truetype'),
         url('../font_c64/c64pro-style-mm-webfont.svg#c64_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	padding: 0;
	/*background: white url(../img/_bg_07.jpg) repeat scroll left; 
	background: white url(../img/tail.gif) repeat scroll left; */
	/*font-family: c64_proregular, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	color: #444;
	background: #C2C7CB url(../img/pozadina1.gif) repeat scroll left top;
}

#big-wrapper {
	height: 100%;
	width: 100%;
	padding: 0;
}
#content-wraper{
	background: #EFF0F2 url(../img/metal1.jpg) repeat scroll left top;
}
#content-wraper legend{
	color: #d9d9d9;
}
#breadcrumbs, .podloga, .footer{
	padding: 0 30px;
}


header, #content-wraper{
	
}


#main{
	padding-top: 15px;
}

a,
a:hover, 
a:active,
a:focus{
	color: #242424;
}

h1,h2,h3,h4,h5,h6 {
	margin: 15px 0 10px;
	color: #242424;
	font-weight: normal;
	text-transform: uppercase;
}

h2{
	font-size: 28px;
	line-height: 38px;
}
h3{
	font-size: 22px;
	line-height: 30px;
}

blockquote{
	margin-left: 25px;
	border-left: 5px solid #bbbbbb;
	color: #bbbbbb;
}

blockquote p {
	margin-bottom: 10px;
	font-size: inherit;
	line-height: inherit;
	font-style: italic;
}

.brand > i {
	margin-top:5px;
	margin-right:5px;
}
.logo {
	margin:0;
	padding:0;
}
.logo-tagline {
	margin-left:10px;
	font-size:0.8em;
}
.image {
	margin:0;
}
.image > .brand {
	text-indent:-9999px;
	display:block;
	padding:0;
}



.navbar-fixed-top {
	z-index:9990;
}
.navbar{
	margin: 0;
	/*background-color: #002244;*/
}

header{

}
footer{
	color: #cccccc;
	padding-bottom: 10px;
}
footer .container{
	background-color: #5E5E5E ;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;

}

footer a,
footer a:hover, 
footer a:active,
footer a:focus{
	color: white;
}

.blog-featured{
	margin-top: 0;
}

.subhead {

}
#above{
	width: 100%;
}

#above .container{
	
}

#top{

}
#content,
#sidebar,
#sidebar-2 {
	padding: 0px 0;
}
#content{
	padding-bottom: 30px;
}
#below{
	width: 100%;
	margin: 0;
	padding-top: 9px;
	padding-bottom: 15px;
	background: #ececec url(../img/border-top.png) repeat-x scroll top;
}
#below div.row{
	padding: 0 0;
}



.footer {
	z-index:1;
	padding-top: 20px;
	padding-bottom: 10spx;
	font-size: 95%;
}
.footer .copy{
	font-size: 80%;
}


/* Module Spacing */
#content .moduletable,
#sidebar .moduletable,
#sidebar-2 .moduletable {
	margin-bottom: 8px;
	padding-top: 10px;
}

#sidebar-2 .prognoza{
/*	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding: 10px;
	margin-left:10px;
	margin-right: 10px;*/

/*	background-color: #F1F1F1;
  	background-image: -moz-linear-gradient(top, v, #dddddd);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
  	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  	background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  	background-image: linear-gradient(to bottom, #ffffff, #dddddd);*/
  	
	/*background-repeat: repeat-x;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	color: #6E6E6E;*/
}

/* Enhanced typography */
dt {
	font-size: 105%;
	margin-bottom: .5em;
}
dd {
	margin-left: 2em;
	margin-bottom: 1em;
}
#system-message dd{
	margin-left: 0;
}
#system-message ul,
#system-message li,
#system-message dd.message ul{
	margin:0;
	padding:0;
	list-style: none outside none !important;
}



/* ===== MMi dodaci ===== */
img.okvir{
	background: white url(../img/noimage_small.png) no-repeat scroll center;
	font-size: 90%;
	padding: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin: 5px 10px 8px;	
/*	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);*/
	/*
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}
img.no-okvir{
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

img.left{
	float: left;
	margin-left: 0;
	margin-right: 15px;
}
img.right{
	float: right;
	margin-right: 0;
	margin-left: 15px;
}


.page-header .btn-group{
	font-size: 10px;
}
.article-icons{
	float: right;
	margin-top: 6px;
}
.article-icons .btn{
	margin-left: 5px;
	/*color: #59B259;*/
	color: #999999;
}
.readmore .btn{
	color: #555555;
}

.adresa_polje{
	width: 60px;
	float: left;
}

hr.above-content,
hr.below-content{
	display: none;
	height: 0;
}



.form-horizontal label{
	float: left;
	width: 130px;
	margin-left: 30px;
}

.form-horizontal .controls{
	float: left;
	margin-left: 10px;
	clear: right;
}

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block{
	margin-top: 2px;
}

.moduletable {
    /*background-color: #F5F5F5;*/
    
/*    border: 1px solid #E3E3E3;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
	 -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
*/    margin-bottom: 20px;
    min-height: 20px;
    padding: 0px 20px 0px;
}


#breadcrumbs, #top{
	margin-left: 0px;
}
#breadcrumbs{
	margin-bottom: -20px;
}


#above .row,
#footer .row{
	margin-left: 0px;
}


#bottom .moduletable,
#bottom-drugi .moduletable,
#below .moduletable{
	border: none;
	box-shadow: none;
   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0;
	margin-bottom: 5px;
}

#bottom li.span4 img.left,
#bottom li.span4 img.right,
#bottom-drugi li.span4 img.left,
#bottom-drugi li.span4 img.right,
#below li.span4 img.left,
#below li.span4 img.right{
	float: none;
	clear: both;
	display: block;
	margin: 0 auto 10px;
}

div.bannergroup{
	text-align: center;
}
div.banneritem{
	display: inline-block;
	margin: 0 auto 15px;
	vertical-align: middle;
	text-align: center;
}
div.banneritem img{
	border: 1px solid #e3e3e3;
	border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	
	margin: 0;
	width: 100%;
}
div.banneritem span.natpis{
	display: none;
}

.moduleform{
	background-color: #00adee;
	color: white;
	padding-top: 0;
	padding-bottom: 0;
}
.moduleform h2, .moduleform h3{
	color: white;
}
.foxfield{
	padding: 5px 0;
	/*overflow:hidden;*/
	min-height: 20px;
}

.fcaptchafieldcontainer{
	float: left;
	margin: 0px 5px 5px 0;
}
.fcaptcha-reload-container{
	float: left;
	margin-top: 30px;
}
.fcaptchainputcontainer{
	margin: 5px 0 0;
	clear: both;
}


.fcaptcha-reload-container img{
	height:16px;
	padding-top: 0;
}
input.invalidfoxtext, 
textarea.invalidfoxtext {
	box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);
	-moz-box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);
	-webkit-box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);
	border:1px solid #c05050;
}
/* Mandatory field marker, Invalid value in field */
.foxform .required, .foxform .asterisk {
	color: red;
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
}
.foxform .fcaptchainputcontainer .asterisk{
	margin-left: 5px;
}

.foxform .required:after/*, 
.foxform .asterisk:after*/ {
	content: "*";
}


/* Message area at the top of the form after submit */
.fox_messages {
	color: red;
	margin: 24px 0px !important;
	padding: 16px 32px !important;
	/*box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);
	-moz-box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);
	-webkit-box-shadow:0 0 10px rgba(192, 80, 80, 0.7) inset, 0px 0px 7px rgba(192, 80, 80, 0.7);*/
	border:1px solid red;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: white;
	/*background: url("../../../media/com_foxcontact/images/message-background.png") repeat-x scroll 0 0 #FFFFFF;*/
}
.fox_messages li{
	color: red;
	background: none !important;
	list-style-type: none !important;
}
.foxbutton[type="reset"] {
	margin-right: 20px;
}




.article-info{
	margin-top: -10px;
}

span.create,
span.published,
span.modified{
	margin: 0px 0 10px 0;
	display: block;
	color: #999999;
	font-size: 80%;
	text-align: left;
}

div.cat-items{
	margin: 30px 0 0 0;
}

.footer ul.inline{
	margin-bottom: 3px;
	display: inline-block;
}

.logout, .reset, .remind{
	margin-top: 50px;
}


div.media-preview{
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
}

iframe{
	border: none;
}

#below .feed h4{
	font-size: 14px;
	font-family: 'Open Sans',sans-serif;
	line-height: 20px;
	margin: 5px 0;
}


input#mod-search-searchword{
  	width: 150px;
}

div.forma{
	background:#00adee;
	padding: 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color: white;
}
div.forma .forma-naslov{
	margin: 0 0 10px 0;
}
#bfCaptchaEntry{
	width: 216px;
}

img.sitelogo{
	margin-left: 0px;
}

header{
	position: relative;
	color: white;
	padding: 10px 15px 15px;
}
header > div{
	margin-left: -465px;
}
header h1{
	color: #333;
	font-size: 45px;
	padding: 5px 0 0 110px;
}
header h3{
	font-size: 20px;
	padding: 0px 0 0 110px;
	margin: 0;
}
header .search{
	top: 5px;
	right: 15px;
	position: absolute;
}
header .search form{
	float: right;
	margin-top: 20px;
}
header .search input[type="text"]{
	color:#999999;
}
header .languages{
	top: 10px;
	right: 0;
	position: absolute;
}

header .search li a{
	color: black;
	font-weight: bold;
	font-size: 15px;
}
header .search li a:hover,
header .search li a:focus,
header .search li a:active{
	text-decoration: underline;
	color: red;
	background-color: transparent;
}
.footer .nav li a:hover,
.footer .nav li a:focus,
.footer .nav li a:active{
	text-decoration: underline;
	background-color: transparent;
}

.fox-copyright{
	display: none !important;
	vertical-align: baseline;
}

table.noborder, 
table.noborder tr,
table.noborder td{
	border: none;
}

.readmore{
	float: right;
}


#top .moduletable{
	margin-bottom: 0;
	padding-bottom: 0;
}

.mod-languages img{
	width: 35px;
}


#finder-search{
	margin-bottom: 0;
}
#finder-search .control-group{
	margin-bottom: 5px;	
}
#finder-search .form-actions{
	margin-bottom: 0px;	
	padding-bottom: 0px;
	padding-left: 170px;
}

.result-title{
	margin-bottom: 0;
}
.result-url{
	color: #999999;
	font-size: 90%;
	margin: 0;
}
.result-date{
	font-size: 90%;
	color: #999999;
}
.search-results div.row-fluid{
	margin-bottom: 15px;
}

img.karta{
	border: 1px solid #E3E3E3;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

#map-canvas, #pano{
	border: 1px solid #E3E3E3;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;	
}

/*zaobljeni Google maps oblacic */
#map-canvas div div div div div div:nth-child(12){
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}


#top .moduletable{
	padding-right: 0;
}
#top .mod-languages{
	text-align: right;
}

.items-more li{
	margin-bottom: 15px;
	margin-left: 20px;
	font-size: 130%;
}

.call-to-action{
	width: 170px;
	text-align: left;
}
.call-to-action span{
	font-size: 18px;
	display: inline-block;
	margin-top: 8px;
	font-weight: bold;
}

#archive-items li.row0,
#archive-items li.row1
{
	margin-bottom: 40px;
	clear: both;
}


.filters .form-actions{
	padding: 0 0 0 10px;
}
.form-horizontal .filters .control-group{
	margin-bottom: 0;
	margin-top: 0;
}
.filter-search .controls{
	display: inline-block;
	margin-bottom: 10px;
}
.filter-search select,
.filter-search input{
	width: 100px;
}
.filter-search label{
	width: auto;
	display: inline-block;
	padding: 5px 5px 0 0;
	margin-left: 0;
}

#adminForm input#jform_title,
#adminForm input#jform_alias{
	width: 400px;
}
#adminForm textarea#jform_metakey,
#adminForm textarea#jform_metadesc{
	height: 3em;
	width: 400px;
}
@media (max-width: 350px) {
	#adminForm input#jform_title,
	#adminForm input#jform_alias,
	#adminForm textarea#jform_metakey,
	#adminForm textarea#jform_metadesc{
		width: 280px;
	}
}


.blog-featured .leading{
	padding: 0 25px;
}
.blog-featured .items-leading .introtext{
	font-size: 125%;
	line-height: 120%;
}
.blog-featured .item-content{
	padding-left: 10px;
}

#below .moduletable > h3,
#below .moduletable > div,
#below .moduletable > ul{
	padding-left: 15px;
	margin-right: -15px;
}

.newsfeed li > a{
	font-size: 18px;
	font-family: 'Oswald',sans-serif;
	display: block;
	margin-bottom: 5px;
}
.newsfeed .unstyled{
	margin-top: 10px;
}

ul.belowmenu{
	margin-bottom: 0;
}
.belowmenu li{
	line-height: 18px;
	padding: 2px 0 2px 5px;
	list-style: circle outside none;
	margin-left: 15px;
}
.custom ul.belowmenu{
	margin-left: -25px;
}

.footer ul.inline > li, 
.footer ol.inline > li{
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #cccccc;
	line-height: 15px;
	margin: 3px 0 2px 0;
}
.footer ul.inline > li:first-child,
.footer ol.inline > li:first-child{
	padding-left: 5px;
}
.footer ul.inline > li:last-child,
.footer ol.inline > li:last-child{
	border-right: none;
}

#content ul, #content ol{
	display: inline-block;
}
#content ul li, #content ol li{
	line-height: 1.8em;
}

#content ul.pagenav,
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol{
	display: block;
}

.page-header{
	position: relative;
}
.page-header h2{
	border-bottom: 1px solid #242424;
	padding-bottom: 5px;
}
.page-header h2:after{
	 background-color: #242424;
    bottom: 0;
    content: " ";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30%;	
}

.highslide-caption{
	color: #333333;
}

/* ===== END custom style ===== */





/* ===== JComments ===== */
.jcomments-links{
	float: right;
	margin-bottom: 15px;
	margin-top: -5px;
	clear: both;
}

#jc{
	border-top: 1px solid #EEEEEE;
	margin-top: 10px;
}
#comments-form .area textarea{
	width: 100%;
}
#comments-form .polje{
	float: left;
	margin-right: 30px;
}
#comments-form .check input,
#comments-form .check label{
	float: left;
	margin-right: 10px;
}
#comments-form .grippie{
	font-size: 85%;
	margin-top: -10px;
}
#comments-form-captcha-image{
	margin-right: 10px;
	margin-bottom: 5px;
}

#jc .rbox_tr, 
#jc .rbox_br,
#jc .rbox_tl,
#jc .rbox_bl{
	display: none;
	height: 0;
}
.comment-box{
	background-color: #f5f5f5;
   border: 1px solid #E3E3E3;
   padding: 5px 10px 30px;
   margin-bottom: 15px;
}
a.comment-anchor{
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.comment-author{
	font-size: 100%;
	font-weight: bold;
	padding-left: 10px;
}
.comment-date{
	font-size: 90%;
	/*color: #999999;*/
}
.comment-body{
	margin: 5px 0px;
	border: 1px solid #e3e3e3;
	background-color: #ffffff;
	padding: 10px 10px;
}
.comments-buttons{
	float: right;
	margin-right: 10px;
}
.comments-vote{
	float: left;
	margin-left: 30px;
	margin-top: 3px;
}
.comments-vote span.tekst{
	font-size: 90%;
	padding-right: 10px;
}
.comments-vote i{
	padding-right: 5px;
}
.comments-vote i.none{
	color: #bbbbbb;
}

span.vote-none, 
span.vote-good,
span.vote-poor{
	padding-right: 10px;
}

.jcomments-latest li ul li{
	margin: 2px 0 3px 0;
	list-style: none outside none;
}

.comments-form-message-error{
	color: red;
	text-shadow: 1px 1px 2px #ff7777;
	font-weight: bold;
	font-size: 150%;
	line-height: 160%;
	padding-bottom: 5px;
}
.comments-form-message-info{
	color: #333;
	text-shadow: 1px 1px 2px #a8d9a8;
	font-weight: bold;
	font-size: 150%;
	line-height: 160%;
	padding-bottom: 5px;
}
/* ===== END: JComments ===== */




/* ===== ReCAPTCHA ===== */
/* za Captcha stil 'clear': */
/*
dd.captcha{
	margin-left: 0px;
}
#recaptcha_area #recaptcha_table{
	border: none !important;	
}
#recaptcha_area #recaptcha_table .recaptcha_only_if_privacy a{
	color: red;
} */

/* za Captcha ostale stilove: */
/*
dt.captcha label{
	margin-bottom: -2px;
}
#recaptcha_table .recaptcha_input_area .recaptcha_only_if_privacy
{
	display: none;	
} */

/* === za CUSTOM ReCAPTCHU: === 
		 (org. recaptcha-slika ja 300x57)  */
dd.captcha{
	min-height: 65px;
}

#recaptcha_image,
#recaptcha_image img{
	width: 225px !important; 
	height: 43px !important; 
}
#recaptcha_image{
	float: left;
	padding: 5px;
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 20px 5px 0;
	position: relative;
}
#recaptcha_image #recaptcha_audio_play_again{
	display: block;
	position: absolute;
	font-size: 90%;
	top: 5px;
	left: 7px;
}
#recaptcha_image #recaptcha_audio_download{
	display: block;
	position: absolute;
	font-size: 90%;
	top: 28px;
	left: 7px;	
}

.recaptcha_input{
	width: 165px;
	float: left;
	margin: 0 0 5px 0;
}
.recaptcha_input label{
	margin: 0 0 5px 0;
	width: 164px;
}
.recaptcha_input input{
	width: 150px;
	margin: 0;
}

div.recaptcha-opcije{
	float: left;
	margin: 0 0 5px 20px;
	width: 130px;
	height: 60px;
	background: transparent url(../img/recaptcha.png) no-repeat scroll 30px center;
}
ul.recaptcha-options{	
	float: left;
	margin: 0;
	list-style: none;
	width: 15px;
}
ul.recaptcha-options li{
	line-height: 20px;
}
ul.recaptcha-options li a{
	text-decoration: none;
}
span.captcha_hide{
	display: none;		
}

@media (max-width: 415px) {
	div.recaptcha-opcije{	
		background: none;
		width: 15px;
	}
}
@media (max-width: 325px) {
	#recaptcha_image,
	#recaptcha_image img{
		width: 200px !important; 
		height: 43px !important; 
		margin-right: 0px;
	}
}
/* ----- End: ReCAPTCHA ----- */









/* ==========================================
   Izbornik 3. i 4. razine (horizontalni izbornik)
   ========================================== */ 
.dropdown-menu .sub-menu {
	 left: 100%;
	 position: absolute;
	 top: 0;
	 visibility: hidden;
	 margin-top: -1px;
}			
.dropdown-menu li:hover .sub-menu {
	 visibility: visible;
	 display: block;
}
			
.navbar .sub-menu:before {
	 border-bottom: 7px solid transparent;
	 border-left: none;
	 border-right: 7px solid rgba(0, 0, 0, 0.2);
	 border-top: 7px solid transparent;
	 left: -7px;
	 top: 10px;
}
.navbar .sub-menu:after {
	 border-top: 6px solid transparent;
	 border-left: none;
	 border-right: 6px solid #fff;
	 border-bottom: 6px solid transparent;
	 left: 10px;
	 top: 11px;
	 left: -6px;
}

.dropdown-menu .sub-menu2 {
	 left: 100%;
	 position: absolute;
	 top: 0;
	 visibility: hidden;
	 margin-top: -1px;
}			
.dropdown-menu .sub-menu li:hover .sub-menu2{
	 visibility: visible;
	 display: block;
}
			
.navbar .sub-menu .sub-menu2:before {
	 border-bottom: 7px solid transparent;
	 border-left: none;
	 border-right: 7px solid rgba(0, 0, 0, 0.2);
	 border-top: 7px solid transparent;
	 left: -7px;
	 top: 10px;
}
.navbar .sub-menu .sub-menu2:after {
	 border-top: 6px solid transparent;
	 border-left: none;
	 border-right: 6px solid #fff;
	 border-bottom: 6px solid transparent;
	 left: 10px;
	 top: 11px;
	 left: -6px;
} 
/* ======== end: Izbornik 3. i 4. razine === */






/* ==========================================
   Vertikalni izbornik
   ========================================== */ 
.nav-vertical {
	background: #1B75BB;
	margin: 0 0 10px 0;
	padding: 10px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.nav-vertical ul {
	background: #1B75BB;
   box-shadow: 1px 1px 5px #000;
   -moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
}
.nav-vertical li {
	word-wrap: break-word;
	list-style: none;
	position: relative;
}
.nav-vertical a, 
.nav-vertical .separator {
	cursor: pointer;
	color: white;
	display: block;
	padding: 7px 5px 7px 10px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #164c76;
}
.nav-vertical a:hover, 
.nav-vertical a:focus,
.nav-vertical .separator:hover,
.nav-vertical .separator:focus{
	background-color: #00adee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-decoration: none;
}	
.nav-vertical li:first-child > a,
.nav-vertical li:first-child > .separator{
	border-top: none;
}
.nav-vertical li:last-child > a,
.nav-vertical li:last-child > .separator {
	border-bottom: none;
}

.nav-vertical {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-vertical li:hover > ul {
	display: block;
}
.nav-vertical ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 200px;
	z-index: 5;
}
.nav-vertical ul ul {
	left: 200px;
	margin: 0;
}
.nav-vertical.right ul ul {
	left: -200px;
}


/* on right side */
.span1 .nav-vertical.right > li > ul,
.span2 .nav-vertical.right > li > ul,
.span3 .nav-vertical.right > li > ul,
.span4 .nav-vertical.right > li > ul,
.span5 .nav-vertical.right > li > ul,
.span6 .nav-vertical.right > li > ul,
.span7 .nav-vertical.right > li > ul
{
	left: -200px;
}


/* ===========================================
   Vertikalni izbornik - Responsive
   =========================================== */ 
@media (min-width: 1200px) {
	.span1 .nav-vertical > li > ul {
		left: 60px;
	}
	.span2 .nav-vertical > li > ul {
		left: 125px;
	}
	.span3 .nav-vertical > li > ul {
		left: 220px;
	}
	.span4 .nav-vertical > li > ul {
		left: 300px;
	}
	.span5 .nav-vertical > li > ul {
		left: 400px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	.span1 .nav-vertical > li > ul {
		left: 50px;
	}
	.span2 .nav-vertical > li > ul {
		left: 95px;
	}
	.span3 .nav-vertical > li > ul {
		left: 166px;
	}
	.span4 .nav-vertical > li > ul {
		left: 250px;
	}
	.span5 .nav-vertical > li > ul {
		left: 330px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.span1 .nav-vertical > li > ul {
		left: 42px;
	}
	.span2 .nav-vertical > li > ul {
		left: 70px;
	}
	.span3 .nav-vertical > li > ul {
		left: 116px;
	}
	.span4 .nav-vertical > li > ul {
		left: 185px;
	}
	.span5 .nav-vertical > li > ul {
		left: 240px;
	}
}

@media (max-width: 767px) {
	.nav-vertical li:hover > ul {
		display: none;
	}
	.nav-vertical li.expand  ul, 
	.nav-vertical.right li.expand  ul {
		display: block;
		position: relative;
	}
	
	.nav-vertical li > ul, 
	.nav-vertical.right li > ul {
		left: 0 !important;
	}
	.nav-vertical ul{
		width: 100%;
		box-shadow: none;
   	-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.nav-vertical li li{
		padding-left: 15px;
		padding-right: 15px;
	}
	.nav-vertical li li li{
		padding-right: 0px;
	}
	.nav-vertical a, 
	.nav-vertical .separator {
		border-top: none;
		border-bottom: none;
	}
} 
/* ======= end: Verikalni izbornik ================= */





/* ==========================================================================
	 MMi Bootstrap prilagodba boja 
   ========================================================================== */
   
/*a {
  color: #333;
} 
a:hover{
	color:#333;
}*/

.breadcrumb{
	background-color: transparent;
	margin-bottom: 0;
	padding-left: 0;
}
.breadcrumb > li {
	text-shadow: none;
}
.page-header{
	margin-top: 0;
	margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
}
.page-header h2{
	margin-bottom: 0;
	font-weight: normal;
}

.form-actions{
	background-color: transparent;
	border: none;
	margin-top: 0;
	padding-top: 10px;
}
   
   
.navbar-inner, .navbar-static-top .navbar-inner{
  filter: none;
  border: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 0;
  margin-left: 0px;
  background: #5E5E5E none;
}

.navbar .brand {
  color: #272724;
  text-shadow: 0 1px 0 #999999;
}
.navbar-text {
  color: #272724;
}
.navbar-link {
  color: #272724;
}
.navbar-link:hover {
  color: #272724;
}
.navbar .divider-vertical {
  border-left: 1px solid #333;
  border-right: 1px solid #999999;
}


.navbar .nav > li > a {
  color: white;
  text-decoration: none;
  text-shadow: none !important;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: #333;
  color: white;
  text-decoration: none;
/*	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;*/
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.325);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.325);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.325);
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: white;
  text-decoration: none;
  background-color: #333;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.325);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.325);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.325);

  
/*	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;*/
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/*
.navbar .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5454e9;
  background-image: -moz-linear-gradient(top, #4242e7, #6f6fed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4242e7), to(#6f6fed));
  background-image: -webkit-linear-gradient(top, #4242e7, #6f6fed);
  background-image: -o-linear-gradient(top, #4242e7, #6f6fed);
  background-image: linear-gradient(to bottom, #4242e7, #6f6fed);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59ace6', endColorstr='#ff357fb2', GradientType=0);
  border-color: #6f6fed #6f6fed #2b2be4;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #6f6fed;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #6f6fed;
  *background-color: #6f6fed;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #2b2be4 \9;
} */
.navbar .btn-navbar .icon-bar {
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
/*
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: text(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}*/

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: text(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav li.dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #333;
  color: #ffffff;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.dropdown .caret{
	margin-left: 4px;
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
}
.navbar-inverse .brand {
  color: #999999;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #ffffff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}   
   

@media (max-width: 979px) {
	.nav-collapse .nav > li > a,
  	.nav-collapse .dropdown-menu a {
  		color: white;
  		font-weight: normal;
  	}
}

.dropdown-menu li{
	font-size: 15px;
	line-height: 19px;
}
.dropdown-menu li > a {
  color: black;
}
.dropdown-menu > li > a,
.dropdown-menu > li > span.separator
{
	padding: 6px 20px;
	display: block;
}
/*
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #333;
  background-image: -moz-linear-gradient(top, #62C462, #333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#333));
  background-image: -webkit-linear-gradient(top, #62C462, #333);
  background-image: -o-linear-gradient(top, #62C462, #333);
  background-image: linear-gradient(to bottom, #62C462, #333);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62C462', endColorstr='#ff59ace6', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #333;
  background-image: -moz-linear-gradient(top, #62C462, #333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#333));
  background-image: -webkit-linear-gradient(top, #62C462, #333);
  background-image: -o-linear-gradient(top, #62C462, #333);
  background-image: linear-gradient(to bottom, #62C462, #333);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62C462', endColorstr='#ff59ace6', GradientType=0);
} */
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}
.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}


.nav-collapse .nav > li.active > a, 
.nav-collapse .dropdown-menu li.active > a,
.nav-collapse .nav > li > a:hover, 
.nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .nav > li > a:hover, 
.navbar-inverse .nav-collapse .dropdown-menu a:hover{
	color: white;
}


/*
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5BB75B;
  background-image: -moz-linear-gradient(top, #62C462, #333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#333));
  background-image: -webkit-linear-gradient(top, #62C462, #333);
  background-image: -o-linear-gradient(top, #62C462, #333);
  background-image: linear-gradient(to bottom, #62C462, #333);
  background-repeat: repeat-x;
  border-color: #333 #333 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #333;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #333;
  *background-color: #499249;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #408140 \9;
}
*/

hr{
	border-bottom: none;
	border-color: #242424;
	position: relative;
}
hr:after{
	background-color: #242424;
   bottom: 0;
   content: " ";
   height: 3px;
   left: 0;
   position: absolute;
   width: 30%;
}



 


.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f7fafd;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #e9f2f9;
} 


.pagination ul > .disabled > span, 
.pagination ul > .disabled > a, 
.pagination ul > .disabled > a:hover, 
.pagination ul > .disabled > a:focus {
	background: #ececec;
}
/* ------ End: Bootstrap prilagodba boja --- */







/* --- Bootstrap zezne ispis pa je potrebno ovo --- */
@media print {
	body a[href]:after {
		content: none;
	}
	abbr[title]:after {
		content: none;
	}
	@page  {
		margin: 0.5cm 0;
	}
}

@media print {
	header,
	.nav-dropdown,
	#top,
	#sidebar-2,
	#below-content,
	#bellow,
	#bottom,
	.btn-navbar,
	.topbuttonslinks,
	.contact_details2,
	.returnbutton,
	.footer p.pull-right,
	.article-icons,
	.pagination ul li,
	#pagination ul li,
	.pagenav,
	.carousel-caption
	{
		display: none !important;
	}
	
	footer .footer p.copy{
		font-size: 8px;
		color: #555555;
	}
   body, p, li{
   	font-size: 10px;
   	line-height: 14px;
   }
   h1{
   	font-size: 25px;
   	line-height: 35px;
   }
 	h1, h2, h3, h4, h5, h6 {
    	margin: 10px 0 5px;
	}
	
	.table-striped tbody > tr:nth-child(2n+1) > td, 
	.table-striped tbody > tr:nth-child(2n+1) > th {
    	background-color: #dddddd;
    	line-height: 80%;
	}
	
	.row-separator, .item-separator {
    	clear: both;
    	display: block;
    	margin: 10px 0;
	}
	
}



/* =========================================================================
	Responsive
	========================================================================= */

/* --- Bootstrap zezne Google maps pa je potrebno ovo ---------------------- */
#svmap img, 
#svmap_canvas img,
#map img,
#map-canvas img,
#pano img {
	width: auto;
	display: inline;
	max-width: none;
}


/* --- Responsive TABLES --------------------------------- */
@media only screen and (max-width: 768px) {
	/* svaka celija treba atribut "data-title" cija je vrijednost 
	   zapravo naziv stupca (to je html5 data atribut) */
	
	/* Force table to not be like tables anymore */
	.no-more-tables table,
	.no-more-tables thead,
	.no-more-tables tbody,
	.no-more-tables th,
	.no-more-tables td,
	.no-more-tables tr {
		display: block;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	.no-more-tables tr { 
		/*border: 1px solid #ccc; */
	}
	 
	.no-more-tables td {
		/* Behave like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	 
	.no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/* Label the data */
	.no-more-tables td:before { 
		content: attr(data-title); 
	}
}

@media only screen and (max-width: 490px) {
	/* Force table to not be like tables anymore */
	.block-from-tables table,
	.block-from-tables thead,
	.block-from-tables tbody,
	.block-from-tables th,
	.block-from-tables td,
	.block-from-tables tr {
		display: block;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	.block-from-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	.block-from-tables tr { 
		/*border: 1px solid #ccc; */
	}
	 
	.block-from-tables td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #3435B1;
		position: relative;
		white-space: normal;
		text-align:left;
	}
	
	.block-from-tables .table-striped tbody > tr:nth-child(odd) > td,
	.block-from-tables .table-striped tbody > tr:nth-child(odd) > th {
  		background-color: #4141C9;
	}
	
	.block-from-tables .table-hover tbody tr:hover td,
	.block-from-tables .table-hover tbody tr:hover th {
  		background-color: transparent;
	}	
}
/* --- End: Responsive Tables ----------------- */




#wrapper{

	margin: 0 auto;
	padding: 0;
}



/* --- Desktop large ------------------------- */
@media (min-width: 1200px) {
  	.navbar .container{
		/*width: 1225px;*/
		margin-left: auto;
		margin-right: auto;
	}
   .navbar-inner{
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0; 
   }
	#wrapper{
		width: 1170px;
	}   
	#main{
		min-height: 600px;
	}
}


/* --- Desktop big ------------------------- */
@media (min-width: 980px) and (max-width: 1199px) {
  	.navbar .container{
		/*width: 980px;*/
		margin-left: auto;
		margin-right: auto;
	}
   .navbar-inner{
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;  	
   }
	#main{
		min-height: 500px;
	}  
	#wrapper{
		width: 940px;
	} 		 
}

@media (min-width: 980px) {   	
  	input#mod-search-searchword,
  	input#mod-finder-searchword{
  		width: 150px;
	}
}
@media (max-width: 870px) {   	
  	header .search{
  		right: 35px;
  		top: 48px; 
	}
}




/* --- Desktop ------------------------- */
@media (max-width: 979px) {
  /* Unfloat brand */
  body > .navbar-fixed-top .brand {
    /*float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;*/
  }
	.navbar{
		margin: 0;
	}
	#wrapper, footer .container{
  		-webkit-border-radius: 0;
  		-moz-border-radius: 0;
  		border-radius: 0;		
	}
	
  /* Inline-block quick links for more spacing */
  .quick-links li {
    display: inline-block;
    margin: 5px;
  }
 
  input#mod-search-searchword,
  input#mod-finder-searchword{
  		width: 120px;
  }
	header ul.nav{
		display: none;
	}

	
	#below .moduletable > h3,
	#below .moduletable > div,
	#below .moduletable > ul{
		padding-left: 0;
	}
	#below .moduletable{
		padding-left:  15px;
		padding-right: 15px;
	} 
	#below{
  		-webkit-border-radius: 6px;
  		-moz-border-radius: 6px;
  		border-radius: 6px;		
  		margin: 10px 0;
		background-image: none;
	}
	footer{
  		-webkit-border-radius: 6px;
  		-moz-border-radius: 6px;
  		border-radius: 6px;	
	}
	#above{
		background: transparent none;
	}
}

/* --- Tablet to desktop ------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  .navbar .container{
		/*width: 734px;*/
		margin-left: auto;
		margin-right: auto;
	}
   .navbar-inner{
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;  	
   }
	#wrapper{
		width: 724px;
	}   
	.podloga{
		padding: 0 10px;
	}
		 
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  input#mod-search-searchword{
  	width: 100px;
  }
  
	
	.call-to-action{
		width: 90%;
	}
	.call-to-action span{
		font-size: 14px;
		font-weight: normal;
	}	   
}


/* --- Tablet ------------------------- */
@media (max-width: 767px) {
  
   body {
    	padding: 0;
    	background: white none;
   }
	#wrapper{
		width: 100%;
	}  
	#big-wrapper{
		padding: 0;
	} 
	.podloga{
		padding: 0 5px;
	}
			
  /* Unfloat the back to top link in footer */
  .footer {
 /*   margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;*/
  }
  .footer p {
    margin-bottom: 9px;
  }
  input#mod-search-searchword{
  	width: 200px;
  }
  
   .header-info{
		float: left;
		margin-top: 10px;
	}
	.header-info div{
		margin-left: 0;
		margin-right: 20px;
	}
	
	#map-canvas, #pano{
		max-height: 350px;
	}
	
	.prognoza{
		text-align: center;
	}
	.prognoza > div, .prognoza > h3{
		margin-left: auto;
		margin-right: auto;
	}
	
	div.banneritem{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* --- Landscape phones ------------------------- */
@media (max-width: 490px) {
  /* Remove padding above jumbotron */
  body {
    padding-top: 0;
  }
   
  /* Change up some type stuff */
  h2 small {
    display: block;
  }


  /* center align subhead text like the masthead */
  .subhead h1,
  .subhead p {
    text-align: center;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Tighten up footer */
  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  input#mod-search-searchword{
  	width: 200px;
  }
  
  table tr td{
  	font-size: 72%;
  }
  
	header .search{
		float: left;
		position: relative;
		margin-top: 15px;
	}   
	header .search form{
		margin-bottom: 0;
	}  
	
	#map-canvas, #pano{
		max-height: 280px;
	}
	
	img.okvir{
		float: none !important;
		display: block !important;
		clear: both !important;
		margin-left: auto !important;
		margin-right: auto !important;
		min-width: 240px  !important;
		max-width: 90%  !important;
		height: auto !important;
	}
	#xmap{
		width: 280px;
	}
	.blog-featured .item-content{
		padding-left: 0;
	}

}




/* === CAROUSEL ============================================== */

/* --- za fade in/out tranziciju, ne radi u IE<10 */
.carousel.carousel-fade .item {
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-ms-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}
.carousel.carousel-fade .carousel-control {
	z-index: 3;
}


/* --- za vertical tranziciju, ne radi u IE<10 */
.vertical .carousel-inner {
  height: 100%;
}
.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
  top: 0;
}
.carousel.vertical .next {
  top: 100%;
}
.carousel.vertical .prev {
  top: -100%;
}
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}
.carousel.vertical .active.left {
  top: -100%;
}
.carousel.vertical .active.right {
  top: 100%;
}
.carousel.vertical .item {
    left: 0;
}
/* --- gotove tranzicije */


.carousel-inner{
/*   border-radius: 6px;
   -moz-border-radius: 6px;
	-webkit-border-radius: 6px;	*/
}
.carousel-indicators{
	cursor: pointer;
}
.carousel-indicators li{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);       
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);      
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.5);   	
}

.carousel {
  margin-bottom: 0;
}
		
.carousel .container {
	position: relative;
	z-index: 9;
}

.carousel h4 a{
	color: white;
	text-decoration: none;
}
.carousel .carousel-caption a{
	color: white;
	text-decoration: none;
}
.carousel .carousel-caption a:hover{
	text-decoration: underline;
}

.carousel-control{
	font-family: Arial, Helvetica, sans-serif;
}
	
.carousel .item {
}
.carousel img {
	position: absolute;
	top: 0;
	left: 0;
}
  
.carousel .sastrane{
	top: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}
.carousel .sastrane div,
.carousel .sastrane div a{
	padding: 16% 7% 4% 7%;	
	color: white;
}
.carousel .sastrane div a:hover{
	text-decoration: none;
}

.carousel .sastrane h4{
	color: white;
}


			
/* --- RESPONSIVE CSS  for Carusel -------------------------- */
.slideshow{
	padding: 0;
	margin: 0;
}
.carousel {
	margin-left: 0px;
	margin-right: 0px;
}
.carousel-caption{
	position: absolute;
}

.carousel, .carousel h4{
	font-size: 26px;
	line-height: 32px;
}
.carousel, .carousel p{
	font-size: 19px;
	line-height: 24px;
}

.carousel .center {
	height: 100%;
	margin: 0;
	padding: 0;
}
.carousel .center .carousel-caption{
	max-width: 600px;
	left: 100px;
   bottom: 30px;
	padding: 15px 30px;
	position: absolute;		
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);

   -webkit-border-radius: 6px;
   -moz-border-radius: 4px;
   border-radius: 6px;
   
	-webkit-box-shadow: 1px 1px 4px 0px rgba(255,255,255,0.6);      
	-moz-box-shadow: 1px 1px 4px 0px rgba(255,255,255,0.6);    
	box-shadow: 1px 1px 4px 0px rgba(255,255,255,0.6);   
}
.carousel .center .carousel-caption h4{
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}
.carousel .center .carousel-caption p{
	font-size: 19px;
	line-height: 28px;
	font-weight: bold;
}

/* Za nadjacavanje visine slideshova koja je postavljene u admin-sucelju modula 
	-koristi kako bi u razlicitim templatima imao drugaciju visinu  
	-inace obavezno zakomentiraj !!! */
/*
.carousel .carousel-inner .item,
.carousel .carousel-inner img {
	height: 350px;
} */

  

@media (max-width: 979px) {
	/* Za nadjacavanje visine slideshova koja je postavljene u admin-sucelju modula 
	   -koristi kako bi u razlicitim templatima imao drugaciju visinu  
	   -inace obavezno zakomentiraj !!! */
	/*	
	.carousel .carousel-inner .item,
	.carousel .carousel-inner img {
		height: 300px;
	}*/
 
  .carousel img {
	 width: auto;
  }	
  .navbar-fixed-top{
  		margin-bottom: 0;
  }
	.carousel .sastrane{
		font-size: 80%;
		line-height: 80%;
	}  
	.carousel .center .carousel-caption h4{
		font-size: 20px;
		line-height: 28px;
	}
	.carousel .center .carousel-caption p{
		font-size: 14px;
		line-height: 20px;
	}
	.carousel .center .carousel-caption{
		max-width: 400px;
		left: 50px;
   	bottom: 20px;
   	padding: 8px 15px;
   }	
}
		
		
@media (max-width: 767px) {		
   .carousel {
		margin-left: 0px;
		margin-right: 0px;
	}
  .carousel .container {
		
  }
  .carousel .item {
	 height: 300px;
  }
  .carousel img {
	 height: 300px;
  }
	.carousel-caption{
		font-size: 12px;	
	}
	.carousel-caption p{
		display: none;
	}
	.carousel .sastrane{
		font-size: 80%;
	}
	.carousel .center .carousel-caption h4{
		font-size: 14px;
		line-height: 20px;
	}
	.carousel .center .carousel-caption p{
		font-size: 10px;
		line-height: 14px;
	}	
	.carousel .center .carousel-caption{
		max-width: 350px;
		left: 50px;
   	bottom: 20px;
   	padding: 5px 10px;
   }
   .carousel-caption{
   	padding: 5px 10px;
   }
}		
/* --- Landscape phones --- */
@media (max-width: 490px) {
  	.carousel .item {
	 	height: 240px;
  	}
  	.carousel img {
	 	height: 240px;
  	}
	.carousel .sastrane div{
		font-size: 10px;
		padding-top: 20px;
	}
	.carousel .sastrane h4{
		font-weight: normal;
		font-size: 11px;
	}
	.carousel .center .carousel-caption{
		max-width: 200px;
		left: 30px;
   	bottom: 5px;
   }
}
/* --- Portail Phones --- */
@media (max-width: 390px) {
  	.carousel .item {
	 	height: 150px;
  	}
  	.carousel img {
	 	height: 150px;
  	}
	.carousel .sastrane div{
		padding-top: 20px;
	}
	.carousel .sastrane h4{
		font-weight: normal;
		font-size: 10px;
	}
	.carousel .sastrane p{
		display: none;
	}
}
/* === End: Carousel base class =========================================== */