/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

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

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

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

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

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


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
/* 	background-image: url("../img/bg_pattern.jpg"); */
	background-color: #fff;
}

#wrapper_header{
/*    margin-top: 30px;*/
    width: 100%;
    background-color: white;
    /* background-image: url("../img/phone-call.jpg"); */
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    height: 600px;   
	position:relative;
	overflow:hidden;
/* 	border-bottom:5px solid #E5AC41; */
}
#wrapper_header_inner{
/*    margin-top: 30px;*/
    width: 100%;
/*     background-color: #e3e3e3; */
/* 	background-image:url("../img/bgr_trans_85.png"); */
	position:relative;
/* 	border-bottom: solid 5px #E5AC41; */
	position:fixed;
	-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	z-index: 100;
	top:0;
	left:0;
}

#zastava {
    background-image: url(../img/ministarstvo_zastava.jpg);
    background-repeat: repeat-x;
    height: 12px;
}

#wrapper_header_inner #logo{
	background-image:none;
}

.header_inner{
	
}

header{
height:86px;
}

#header_one{
/*   background-image: url("../img/01_Header_pattern.png");*/
/*   background-repeat: repeat-x;*/
    
   height: 106px;
   line-height: 106px;
   vertical-align: middle;
   text-align: left;
   overflow: visible;
	
   /* outline: green dotted thin; */
}

.search_holder{
	display: inline-block;
    overflow: visible;
    float:right;
	line-height: 40px;
	vertical-align: middle;
/*     right: 13px; */
/*     text-align: right; */
/*     top: 30px; */
}
.search_input_style
{
   width: 130px;
   padding: 0px 2px;
  height: 20px;
   border-radius:5px;
/*   -webkit-border-radius:20px;
    -moz-border-radius:25px;
    -border-radius:20px;*/
    border: 0 2px;
/*    font-size: 12px;*/
}

#wrapper_nav{
	height: 30px;
	background-color: #2891de;
	width: 100%;
	position: relative;
	float:left;
}
#nav_holder{
/*     width:100%; */
    width:auto;
	float: right;
    min-height: 86px;
    line-height: 86px;
    overflow: visible;;
    position: relative;
    text-align: left;
    vertical-align: middle;
	z-index:25;
	margin-top:20px;
}

nav{
    display: inline-block;
    line-height: 14px;
/*     padding-bottom: 10px; */
    vertical-align: middle;
}

#social_icons_header{
    position: relative;
    right: 10px;
    top: 5px;
	float: right;
	line-height: 24px;
	vertical-align: middle;
}
#social_icons_header.navi ul li{
	display:inline-block;
}
/*zbog fb ikonice oko koje ostaje dosta prostora*/
#social_icons_header.navi ul li:nth-child(2){
	margin-left:0;
}

/*zbog fb ikonice oko koje ostaje dosta prostora*/
#social_icons_header.navi ul li:nth-child(1){
	margin-right:0;
	margin-left:5px;
}


#languages{
   line-height: 16px;
    position: relative;
/*     right: 10px; */
/*     top: 10px; */
	float: right;
	line-height: 40px;
	vertical-align: middle;
}

#languages.navi li, #languages.navi li a, #languages.navi li a:visited{
	 font-family: Roboto, Trebuchet MS, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	font-weight: bold;
}

#languages.navi li:nth-child(even){
	color:#999;
}

#languages.navi li a:hover{
	color:#fed351;
} 

#header_three{
   background-image: url("../img/03_Header_pattern.png");
   background-repeat: repeat-x;
   height: 80px;
   line-height: 80px;
   vertical-align: middle;
}

#logo{
     float:left;
	text-align:center; 
/* 	width:21.875%; */
	background-image:url("../img/bgr_trans_85.png");
	position:relative;
	
}

#social_responsive{
    display: none;
    float: left;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    margin-top: 0px;
    width: 200px;
/*    background-color: yellow;*/
}
#wrapper_content{
    width: 100%;
     /* background-image: url("../img/04_Background_pattern.png"); */
}

.margin{
	margin-top:120px;
}
.content{
	text-align:center; 
	margin: 0px auto;
/* 	border-bottom:5px solid #E5AC41; */
}

#content_one{
	width:100%;
}

#content_one_holder{
	display:inline-block;	
}
/**********************
*CONTENT SERVICE BLOCK
**********************/
#content_services{
	width:100%;
}

#content_services_holder{
	display:inline-block;	
}

/**********************
*CONTENT 2 BLOCK
**********************/

#content_two{
/* 	background-image: url("../img/isi_head_bg.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	float:left;
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_two_holder{
	display:inline-block;
}

.content_o_nama, .content_klijenti {
	margin:0px auto 40px auto;
	width:60%;
}

#content_counter_blocks{
	display:inline-block;
	margin:20px auto;
	width:80%;
/* 	text-align: center; */
}


.counter_o_nama{
	width: 113px;
	display:inline-block;
	-moz-border-radius:50%;
/* 	-webkit-border-radius:50%; */
/* 	border-radius:50%; */
/* 	border:2px solid white; */
	height:140px;
	margin:0 auto;
	margin-top: 20px;
	position: relative;
/* 	outline:dashed 1px green; */
}

.counter_number{
	position: absolute;
    bottom: 10px;
    right: 8px;
    width: 70px;
    height: 70px;
    /* outline: dotted 1px white; */
    vertical-align: middle;
    line-height: 70px;
}

#gradjevinci{
	position: relative;
	display: inline-block;
/* 	width:30%; */
/* 	text-align: center; */
}

#arhitektura{
	position: relative;
	display: inline-block;
/* 	width:30%; */
/* 	text-align: center; */
}

#tehnicari{
	position: relative;
	display: inline-block;
/* 	width:30%; */
/* 	text-align: center; */
}

#gradjevinci_counter{
	background-image: url("../img/sym_count_bubble_predavaci.png");
	background-repeat: no-repeat;
}

#arhitektura_counter{
	background-image: url("../img/sym_count_bubble_oblasti.png");
	background-repeat: no-repeat;
}

#tehnicari_counter{
	background-image: url("../img/sym_count_bubble_istrazivaci.png");
	background-repeat: no-repeat;
}

.open_hours::AFTER{
	content:"/7";
}

.block_content_two{
	text-align: center;
}

/**********************
*CONTENT VALUES BLOCK
**********************/

#content_values{
	background-image: url("../img/nonstop_blok_bg_2.jpg");
	background-repeat:no-repeat;
	background-position:0 -150px;
/* 	background-attachment:fixed; */
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_values_holder{
/* 	text-align: center; */
}

#content_values_blocks{
	display:inline-block;
	margin:20px auto;
	width:100%;
/* 	text-align: center; */
}


.cv_block{
	float:left;
	text-align: left;
	width: 70%;
	margin:20px 20px;
}

.cv_block_caption{
	float: left;
	border-left: 3px solid #0083CB;
	padding: 0 10px;
}

.cv_block_text{
	float: left;
}

/**********************
*CONTENT 3 BLOCK
**********************/

#content_three{
/* 	background-image: url("../img/test_2.1.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_three_holder{
/* 	text-align: center; */
}

#content_project_blocks{
	display:inline-block;
/* 	margin:20px auto; */
	width:100%;
/* 	text-align: center; */
}

.block_content_three{
	min-height: 200px;
	text-align: center;
/* 	outline: 1px dashed green; */
}


/**********************
* CONTENT VIG BLOCK
**********************/

#content_vig{
/* 	background-image: url("../img/test_2.1.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	width:100%;
/* 	height:500px; */
/* 	text-align: center; */
}

#content_vig_holder{
/* 	text-align: center; */
}

#vojnoistorijski_glasnik{
	display:inline-block;
/* 	margin:20px auto; */
	width:100%;
/* 	text-align: center; */
	color: #000;
}

.content_vig{
	margin:0px auto 10px auto;
	width:80%;
}


/**********************
*CONTENT SOCIAL BLOCK
**********************/

#content_social{
/* 	background-image: url("../img/test_2.1.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	width:100%;
	background-color: #0083CB;
/* 	height:300px; */
/* 	text-align: center; */
}

#content_social_holder{
/* 	text-align: center; */
}

#social{
	margin: 25px 0;
}

#social ul li{
	margin:auto 15px;
}

#social_contact{
	margin-bottom:25px;	
	display: inline-block;
} 

/**********************
*CONTENT Google Map
**********************/

#content_map{
/* 	background-image: url("../img/test_2.1.jpg"); */
/* 	background-repeat:no-repeat; */
/* 	background-attachment:fixed; */
	width:100%;
/* 	background-color: #0083CB; */
/* /* 	height:300px; */ */
/* 	text-align: center; */
}

#content__holder{
/* 	text-align: center; */
}

#social{
	margin: 25px 0;
}

#social ul li{
	margin:auto 15px;
}

#social_contact{
	margin-bottom:25px;	
	display: inline-block;
} 
.content_section_caption_holder{
	width:auto;
/* 	float:left; */
	/* background-color:#004b8f; */
/* 	line-height: 30px; */
/*     vertical-align: bottom; */
	padding:0 10px;
	margin:40px auto;
	border-bottom: 3px solid #1d4c6b;
/* 	text-align: center; */
	display:inline-block;
}

.content_section_caption_holder span,
.content_component_caption span{
	display:inline-block;
	margin-left: 5px;
}

.content_component_caption{
	width:98%;
	float:left;
	/* background-color:#004b8f; */
	line-height: 30px;
    vertical-align: bottom;
	padding:0 1%;
	margin:10px 0px;
}

#responsive_aside_menu{
	display:none;
}

#wrapper_left_menu_and_text{
	width:100%;
	margin:2% 0%;
	min-height:300px;
	/* background-color:grey; */
	
	
}

#content_aside{
	float:left;
	width:28%;
	min-height:300px;
	/* outline: orange dotted thin; */
	background-color:#yellow;
	margin-left:2%;
}

#aside_menu{
	float:left;
	width:98%;
	/* min-height:300px; */
	/* outline: orange dotted thin; */
/* 	background-color:#5e996d; */
	margin:0 1%;
	
}
#social_networks{
	float:left;
	width:100%;
	min-height:300px;
	/* background-color:green; */
}

#social_networks ul{
	list-style-type:none;
	padding:0;
}

#social_networks ul li{
	width:100%;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px solid #cccccc;
}
/* #social_networks ul li:first-child{
	border-top:1px solid #cccccc;
}  */

#content_text{
	float:left;
	width:70%;
	min-height:300px;
	margin:0 auto 20px;
	/* outline: blue dotted thin; */
}

#breadcrumbs{
	width:100%;
}

#content_caption{
	
}
#content_body{
	/* margin-top: 2%; */
}
.bgr_content_inner{
	/* background-image:url("../img/bgr_dotted_grey.jpg"); */	
}

.foto_holder{
	float:left;
	width:100%; 
	margin:auto;
	background-color:#f4f4f4;	
}

.video_holder{
	float:left;
	width:100%; 
	margin:auto;
	background-color:#f4f4f4;	
}
.video_item{
	float:left;
	width:48%; 
	text-align:center;
	margin:1% 1%;
}

.content_text_intro,
.additions_holder
{
	background-color:#f4f4f4;
	float:left;
	width:96%;
	padding:2%;
}
.addition_caption_holder
{
	float:left;
    width:85%;
	border-right:2px solid white;
}

.addition_extension_holder
{
	float:left;
    width:14%;
	text-align: center;
}
#product_services{
    width: 100%;
    float: left;
/*     background-color: #fbf7f4; */
/*     margin:40px 0; */
}

#key_note{
    width: 100%;
    float: left;
	margin-bottom: 20px;
/*     background-color: #fbf7f4; */
/*     margin:40px 0; */
}

#key_note_img_circle
{
/* 	outline:1px dotted; */
	height:200px;
	
}

#key_note_msg
{
/* 	outline:1px dotted; */
/* 	height:200px; */
}

#key_note_msg_text{
		text-align: justify;
	}

#key_note_name_and_title{
	text-align: right;
}

#key_note_name{
	margin:20px 0px 0px 0px;
	
}

#key_note_title{
	float:right;
	font-style: italic;
}

#key_note_foreword,
#key_note_more{
	float:right;
	font-style: italic;
}

#key_note_foreword{
	margin-top:10px;
}

#key_note_foreword a,
#key_note_more a{
	color:#a74726;
}

#key_note_foreword a:hover,
#key_note_more a:hover{
	color:#1d4c6b;
}


.read_full_article{
	background-color: #d01e50;
	float: right;
	margin:0 10px 10px 10px;
	padding:5px;
	border-radius:8px;
	display:none;
}

#news{
   width: 100%;
   min-height:300px; 
/*    margin-top: 20px; */
   float: left;
}

.date_box_layout{
    margin-left:10px;
}
.date_box_holder{
    margin-bottom: 5px;
}
.search_submit_button{
    margin-bottom:5px;
	background-image: url("../img/v_stamp_btn_search_out.png");
    width: 54px;
    height: 24px;
    background-color: #333333;
    border-radius:5px;
    
}

.content_types{
	width:7%;
	text-align:center; 
	float:left;
/* 	background-color:red; */
	padding:1%;
	margin:0 2%;
	
}

.date_box{
	background-color: #fff;
	width:100%;
	text-align:center; 
	float:left;
/* 	height:40px; */
	line-height:25px;
	vertical-align:baseline;
/* 	border: 2px solid; */
    border-radius: 5px;
	padding:1%;
/* 	margin:0 2%; */
}

#first_cat_news{
/*     width: 72.2%; */
/*     outline: dotted thin red; */
    min-height:350px;
    background-color: #f4f4f4;
}

#first_cat_news i{
 	color:#1d4c6b;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}


.news_header{
    background-color: #1d4c6b;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 15px;
 	/* margin-bottom: 20px; */
}

.news_holder{
    padding: 0 15px 0 15px;
}
.news_holder ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.news_holder ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #004b8f;
}

.news_holder ul li:hover{
	background-color:#fff;
}
.news_item{
    margin-bottom: 15px;
	text-align: left;
	float: left;
	width: 74%;
	margin-left:1%;
}
.news_slider{
	width:100%;
	height: 150px;
}
.news_image{
	width: 25%;
	float: left;
}
.news_image img{
	width: 100%;
}

#second_cat_news{
    /* outline: dotted thin violet; */
    min-height:280px;
    background-color: #f4f4f4;
}

#second_cat_news i{
	color:#2891de;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}

.news_holder  i {
    cursor: pointer;
    font-size: 20px;
    margin: 8px;
    transition: all 0.1s ease-in-out 0s;
}


#second_cat_news .news_header{
    background-color: #2891de;
}

#second_cat_news .news_header h2{
    color: #fff;
}

#inner_scroling_items, #inner_scroling_items_projects{
    /* outline: dotted thin violet; */
    min-height:280px;
    background-color: #f4f4f4;
	margin:40px 0;
}

#inner_scroling_items i, #inner_scroling_items_projects i{
 color:#0083CB;
	position:relative;;
	/* right:-5px; */
	text-align:right;
	width:100%;
}

#inner_scroling_items img:hover{
	margin-top:-95px;
	cursor:pointer;
}


#inner_scroling_items .news_header, #inner_scroling_items_projects .news_header{
    background-color: #0083CB;
}

#inner_scroling_items .news_header h2, #inner_scroling_items_projects .news_header h2{
    color: #fff;
}

.inner_scroling_item{
    margin-bottom: 15px;
	text-align: center;
	height:95px;
	overflow:hidden;
}

.arhiva_vesti{
	width:100%;
	height:20px;
	/* padding-right:3%; */
}

.isi_blue_bgr{
	background-color:#1d4c6b;
}

.yellow_bgr{
	background-color:#222;
}

.violet_bgr{
	background-color:#d01e50;
}

.oker_bgr{
	background-color:#0083CB;
}

.text_right{
	text-align:right;
}

#partners_clients{
    float: left;
    width: 100%;
	margin:20px 0 0 0;
}
.partners_clients_caption{
	border-bottom:1px solid #cccccc;
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#partners{
/*     margin-left: 1.6%; */
/*     float: left; */
/* 	width: 23%; */
	text-align:center;
}

.link_div{
	position:absolute;
	width:100%;
	height:100%;
}


.rolover{
	width:150px;
	height:50px;
}

.rolover_big{
	width:200px;
	height:65px;
}

#partners ul.organizers{
	margin-bottom: 25px;
}

ul.organizers .rolover{
	width:150px;
	height:65px;
}

.rolover:hover{
	background-position:-150px 0;
	cursor:pointer;
}

.rolover_big:hover{
	background-position:-200px 0;
	cursor:pointer;
}

/**/
.rolover_small{
	width:90px;
	height:50px;
}

.rolover_small:hover{
	background-position:-90px 0;
	cursor:pointer;
}

#partners.navi ul li {
    margin: 5px;
    display: inline-block;
	position:relative;
}
#partners ul:first-child{
    margin-top: 1.83%;
}
#partners.navi ul li:first-child{
    margin-left: 0px;
}

#pc_delimiter{
    float: left;
    margin-left: 0.29%;
	width: 3.5%;
	height:100%;
}

#clients{
    float: left;
/* 	width: 73%; */
	text-align:left;
/* 	margin-left:1.5%; */
}

#clients.navi ul li {
    margin: 5px;
    display: inline-block;
	position:relative;
}

#clients.navi ul li:nth-child(3) {
    margin-right: 0;
}

#clients ul:first-child{
    margin-top: 5px;
}
/* #clients ul:nth-child(2), #clients ul:nth-child(3){
    margin-top: 30px;
}

#clients.navi ul li:first-child{
    margin-left: 10px;
} */


/**********************************************
Blok koji sluzi za ispisivanje elemenata pretrage
*************************************************/
#container{
    float:left;
    width:96%;
	margin: 0 2%;
    /* padding: 1.5% 1.5% 0 1.5%; */ 
}
.date_label_layout{
    /* width: 80px; */
    line-height: 15px;
    display: inline-block;
/*    display:block;*/
/*    margin-bottom: 5px;*/
}
.search_date_and_term_input_fild_layout{
    border-radius:none;
    width:100%;
    height:auto;
	color:#2E5F97;
	font-weight: bold; 
    /* background-color:#222; */
}
.date_box_layout{
    margin-left:10px;
}
.date_box_holder{
   float: left;
    /* height: 40px; */
    /* line-height: 30px; */
    /* margin: 20px 0; */
    margin-bottom: 5px;
    position: relative;
    vertical-align: middle;
    /* width: 30%; */
}


.date_box_holder:nth-of-type(1){
	/* margin-right:25px; */
	margin-right:6%;
}

.search_submit_button{
    background-image: url("../img/mo_search_w.png");
	background-repeat: no-repeat;
	background-color: #2e5f97;
	/*vertical-align:super;*/
	/*margin-left:10px; */
    /* background: #2e5f97 none repeat scroll 0 0; */
    border: 0 none;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
	width: 100%;
    height: 100%;
    margin-left: 5%;
	margin-top:18px;
    padding-bottom: 4px;
	border-radius: 0; 
}

.search_submit_button:hover {
    /* background: #fff none repeat scroll 0 0; */
	background-image: url("../img/mo_search_b.png");
	background-repeat: no-repeat;
	background-color: #fff;
    cursor: pointer;
    text-decoration: none;
	color:#2e5f97;
	border-style: solid;
	border-width: 1px;
    border-color: #2e5f97;
	padding-bottom: 2px;
}

#form_arhiva_search{
	width:60%;
}


#tabs{
    position: relative;
/*    float: left;*/
/*    width: 1065px;*/
    height: 20px;
    background-color: green;
    /*background-image: url("../slike/tabs_line_3.png");*/
}

.tab_caption{
    position: absolute;
    height: 15px; 
    margin-top:3px; 
}

.active_tab_text_color{
    color: #0C3A51;
}

.active_tab_text_color a{
    color: #0C3A51;
}

#carousel{
    /* margin-top: 4.12%;
    margin-bottom: 3%; */
/* 	position:relative; */
	float:left;
	width:100%;
	height:600px;
}

.carousel_block{
	position: absolute; 
	width: 300px; 
	/* height: 300px; */ 
	text-align: left; 
	top:230px;
	background-image:url("../img/news_scroller_bgr_trans_85.fw.png");
/* 	background-repeat:repeat-x; */
	overflow:hidden;
	
}
.carousel_caption{
	width:280px;
/* 	height:55px; */
	margin:10px 10px;
	display: none;/*inicijalno dok se ne ucita strana*/ 
	text-transform: uppercase;
	vertical-align: middle;
	/* outline: thin dotted white; */
}

.carousel_content{
	width:280px;
	height:90px;
	margin:10px 10px;
	display: none;/*inicijalno dok se ne ucita strana*/ 
	/* outline: thin dotted black; */	
}

.carousel_caption a, .carousel_caption a:visited
{
	color:white;
}
.carousel_content a, .carousel_content a:visited{
	color:#004b8f;	
}

#slider1_container{
   display: none;
}





#wrapper_footer{
    width: 100%;
	background-color:#333333;
}
/*footer je definisan u sticky_footer.css - ovde je samo deo*/
footer{
    /* border-top: solid 2px #f99d1c; */
    vertical-align: middle;
    text-align: center;
	display:table;
/* 	 background-image: url("../img/v_stamp_visual_key.png");  */
/*      background-repeat:no-repeat; */
}

#footer_blocks{
	float:left;
	width:100%;
	margin:20px 0;
}

.footer_blk{
	display: inline-block;
	float:left;
/* 	text-align:left; */
}

.footer_ico_holder{
	float: left; 
	height:100px;
}

.footer_ico_text_holder{
	float:left; 
	position:relative;
	height:100px;
}

.table_display{
	display: table;
}

.table_cell_display{
	display: table-cell;
	
}

.vertical_middle{
	vertical-align: middle;
}

.text_center{
	text-align: center;
}



.footer_fourth_blk{
	display: table;
	float:right;
	vertical-align: middle;
	text-align: center;
}

.footer_fourth_blk span{
	display:inline-block;
}



.footer_blk_caption{
	float:left;
	width: 100%;
	display:inline-block;
/* 	text-align: left; */
/* 	border-bottom:1px solid #999; */
	padding:5px 0;
	position: relative;
	
}

.footer_blk_content{
/* 	float:left; */
	padding:5px 0;
}

.footer_blk ul li{
	display:block !important;
	float:left;
	width:100%;
}

#footer_logo{
	float:left;
	width: 100%;
	margin-bottom:20px;
}

#footer_line{
	border-top: 2px solid #444;
	padding: 10px 0;
	float: left;
	width: 100%;
}


#logo_negative{
    margin-top: 25px;
    margin-bottom: 10px;
}

#bottom_nav{
    margin:1% 1.6% 0% 1.6%;
    text-align: left;
    font-size: 0.9em;
    
}

#bottom_nav.menu ul{
    padding-top: 0px;
    float: none;
    display: inline-block;
}

#copyright{
/*     float:left; */
    margin:0 1.6% 1%;
	font-size:0.9em;
}


.footer_menu{
    text-transform:uppercase;
}

.footer_menu ul{
/*    display: block;*/
}
.footer_menu ul li{
    margin:0 !important;/*da bi se ponistile margine iz klase navi i da klasa navi u nastavku ne bi ovo pregazila*/
}

.footer_menu ul>li>a{
    text-align: center;
    padding: 0 5px;
/*    display: block;*/
    transition: color 180ms linear 20ms, background 180ms linear 20ms;
}
.footer_menu ul>li+li{
        border-left: 1px solid #fed351;
    }
.footer_menu ul li.active a, .footer_menu ul li:hover > a, .footer_menu ul li.active:hover > a{
    color:#fed351;
}

/* ==========================================================================
   Author Helper classes
   ========================================================================== */
.top_news_in_roll{
	display:none;
}
.intro_in_roll{
	display:none;
}

.transparent_85
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";       /* IE 8 */
	filter: alpha(opacity=85);  /* IE 5-7 */
	-moz-opacity: 0.85;          /* Netscape */
	-khtml-opacity: 0.85;        /* Safari 1.x */
	opacity: 0.85;               /* Good browsers */	
}

.transparent_95
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";       /* IE 8 */
	filter: alpha(opacity=95);  /* IE 5-7 */
	-moz-opacity: 0.95;          /* Netscape */
	-khtml-opacity: 0.95;        /* Safari 1.x */
	opacity: 0.95;               /* Good browsers */	
}


/*
*Blok za divove koji se koriste u FCK editoru
*/
.contact_block{
    width:250px;
    margin-left:30px;
    float: left;
    margin-bottom: 30px;
    display: inline-block;
}
.partners_block{
    width:auto;
    margin:10px 30px;
    float: left;
    height:150px;
    display: inline-block;
}
.management_block{
    width:90%;
    margin:10px 30px;
    float: left;
    height:auto;
    display: block;
}

.no_margin{
    margin: 0;
}
.block{
/*    width: 225px;*/
/*    height:250px;*/
    background-color: #fff;
	outline: 1px solid #ECECF0;
}

.block img{
/*     position: absolute; */
    bottom: 6.5%;
    left:7.5%;
    width: 85%;
    margin: auto;
    
}

.first_block{
/*    margin-left: 20px;
    margin-right: 6px;*/
    margin-left: 1.6%;
    margin-right: 0.8%;
}

.middle_block{
/*    margin: 0 6px;*/
      margin: 0 0.8%;
}

.last_block{
    margin-left: 0.8%;
    margin-right: 1.6%;
}
.block_header{
    position: relative;
    width: 100%;
	overflow:hidden;
 /*    margin:7.5% 7.5% 0 7.5% ;*/
    height: 200px;
/*    line-height: 236px;*/
/*    text-transform: uppercase;*/
/*    vertical-align:bottom;*/
    text-align: center;
    background-color: #fff;
/*    background-image: url('../img/bankomat.png');*/
    /* background-position: center; */
    background-repeat: no-repeat;
/* 	-webkit-transition: all 1s; Safari */
/*     transition: all 1s; */
	z-index:50;
	background-color: #0083CB;
}

.block_header img{
/* 	display:block; */
	width:100%;
}


#block_one .block_header{
/*     background-image: url('../img/promo_grubi_radovi.png'); */
}


#block_two .block_header{
/*     background-image: url('../img/promo_bravarski_radovi.png'); */
}


#block_three .block_header{
/*     background-image: url('../img/promo_podopolagacki_radovi.png'); */
}
/* #block_three .block_header:hover{
   background-color: #fed351;
   background-image: url('../img/3d_b.png');
	background-position:-236px 0 ;
    cursor: pointer;
} */

#block_four .block_header{
/*     background-image: url('../img/promo_zavrsni_radovi.png'); */
}
/* #block_four .block_header:hover{
   background-color: #fed351;
   background-image: url('../img/pci_b.png');
	background-position:-236px 0 ;
    cursor: pointer;
} */

/* .block_header:hover { */
/* background-size:120%; */
/* } */

.block:hover .block_content{
/* 	color:#fff; */
}

.block:hover .block_header{
/* 	background-color:#f8f8f8; */
	background-position:-236px 0;
	
}

.block:hover .block_caption h2{
	color:#E5AC41;
	
}

.promo_box_image_click{
	position:absolute;
	top:0;
	left:0;
	height:70%;
	width:100%;
}

.block_header_top{
    width: 100%;
    height: 30%;
    position: absolute;
    top: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}
.block_header_middle{
    width: 100%;
    height: 40%;
    position: absolute;
    top: 30%;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}
.block_header_bottom{
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
}

.block_header_bottom span, .block_header_middle span, .block_header_top span
{
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}

.block_content{
    width: 100%;
/*     margin:5.2% 7.5%; */
    overflow: hidden;
	min-height:100px;
}
.block_content ul{
/*font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0px;
padding: 0px;
}

.block_content ul li{
width:94%;
padding-left:3%;
padding-right:3%;
height:35px;
display:table;

}

.block_content ul li span{
	display: table-cell;
	vertical-align: middle;	
}

/* .block_content ul li:nth-child(odd){ */
/* 	background-color: #F7F7F7; */
/* } */

.block_content ul li a{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
color:green;
text-decoration: none;
}

/*****************************************************
SERVICE BLOCKS
*****************************************************/
.service_block{
/*    width: 225px;*/
/*    height:250px;*/
    background-color: #fff;
}
.service_block img{
    position: absolute;
    bottom: 6.5%;
    left:7.5%;
    width: 85%;
    margin: auto;
    
}

.service_block .first_block{
/*    margin-left: 20px;
    margin-right: 6px;*/
    margin-left: 1.6%;
    margin-right: 0.8%;
}

.service_block .middle_block{
/*    margin: 0 6px;*/
      margin: 0 0.8%;
}

.service_block .last_block{
    margin-left: 0.8%;
    margin-right: 1.6%;
}
.sb_header{
    position: relative;
    width: 100%;
 /*    margin:7.5% 7.5% 0 7.5% ;*/
    height: 180px;
/*    line-height: 236px;*/
/*    text-transform: uppercase;*/
/*    vertical-align:bottom;*/
    text-align: center;
    background-color: #fff;
/*    background-image: url('../img/bankomat.png');*/
    /* background-position: center; */
    background-repeat: no-repeat;
/* 	-webkit-transition: all 1s; Safari */
/*     transition: all 1s; */
	z-index:50;
}


#sb_one .sb_header{
	 background-image: url('../img/sb_247.png');
}


#sb_two .sb_header{
    background-image: url('../img/sb_pt.png');
}


#sb_three .sb_header{
    background-image: url('../img/sb_pfs.png');
}


#sb_four .sb_header{
    background-image: url('../img/sb_girls.png');
}

#sb_five .sb_header{
    background-image: url('../img/sb_free_pt.png');
}


#sb_six .sb_header{
    background-image: url('../img/sb_lockers.png');
}


#sb_seven .sb_header{
    background-image: url('../img/sb_discount.png');
}


#sb_eight .sb_header{
    background-image: url('../img/sb_all.png');
}

.service_block:hover .sb_content{
/* 	color:#fff; */
}

.service_block:hover .sb_header{
/* 	background-color:#f8f8f8; */
	background-position:-236px 0;
	
}

/* .service_block:hover .sb_caption h2{ */
/* 	color:#FECE14; */
/* } */

.service_block:hover .sb_caption span{
	border-top: 3px solid #0083CB;
}



.sb_image_click{
	position:absolute;
	top:0;
	left:0;
	height:70%;
	width:100%;
}
.sb_caption{
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
	vertical-align: middle;
	display:table;
/* 	border-top: 2px solid #FECE14; */
/* 	padding:3% 0; */
	
}

.sb_caption span
{
	width:65%;
	display: inline-block;
/* 	vertical-align:middle; */
	text-align: center;
	border-top: 3px solid #FECE14;
	padding-top:3%;
}

.sb_line_delimiter{
	width:80px;
	border-top:solid 3px#e5ac41;
	margin:auto;
	height: 20px;
}



.sb_content{
    width: 85%;
    margin:5.2% 7.5%;
    overflow: hidden;
	min-height:100px;
}

.sb_content a, .sb_content a:visited{
	color:blue;
	text-decoration: underline;
}
/***************************************************
END OF SERVICE BLOCKS
****************************************************/
.default_component_icons_layout{
    float:left;
    width:97%;
    padding: 1% 0 ;
}
.default_news_index_caption_layout{
    float:left;
    width:100%;
}
.default_news_index_date_layout{
    float: left;
    width: 97%;
    padding: 1.5% 1% 1.5% 1%;
}
/*.default_content_date_layout{
    float: left;
    width: 97%;
    padding: 1.5% 1% 1.5% 1%;
}*/
.content_date_layout_with_top_horizontal_padding{
     float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 1.5%; */
}

/*.content_caption_layout_with_padding{
    float:left;
    width:97%;
    padding: 1% 1.5% 1% 1.5%;;
}*/

.content_caption_layout_with_bottom_horizontal_padding{
    float:left;
    width:97%;
    /* padding: 0 1.5% 1.5% 1.5%; */
}
.content_caption_layout_with_top_horizontal_padding{
     float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 1.5%; */
}

/*.default_content_date_layout{
    float:left;
    width:100%;
}*/

.pretraga_naslov{
    float:left;
    width:97%;
    /* padding: 1.5% 1.5% 0 0; */
}


/*
Klasa koja sluzi za stilizaciju navigacije
*/
.navi ul{
/*font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
margin: 0px;
padding: 0px;
}

.navi ul li{
display:inline;
margin-left:3px;
margin-right:3px;
}

.navi ul li a{
/*font-family: Arial, Helvetica, sans-serif;
font-size: 12px;*/
color:#FFFFFF;
text-decoration: none;
}

.navi a img{
border: none;
display:inline;
}

.navi a{
color: #ffffff;
}

.navi a:hover{
color:#fed351;
}

/* nav.navi ul:nth-child(odd)
{
    color: orange;
} */
/*
klasa koja uredjuje layout linka za prikaz kompletne vesti/forogalerije/videogalerije
*/
.more, .more a, .more a:visited, .more a:active{
	color:#0083CB;
}
.header_line{
/* 	width: 100%;  */
	height: 40px; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e88ca5+10,d73c68+54,d01e50+91 */
/* 	background: #e88ca5; Old browsers */
/* 	background: -moz-linear-gradient(top, #e88ca5 10%, #d73c68 54%, #d01e50 91%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e88ca5), color-stop(54%,#d73c68), color-stop(91%,#d01e50)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top, #e88ca5 10%,#d73c68 54%,#d01e50 91%); IE10+ */
/* 	background: linear-gradient(to bottom, #e88ca5 10%,#d73c68 54%,#d01e50 91%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88ca5', endColorstr='#d01e50',GradientType=0 ); IE6-9 */
	background-image:url("../img/bgr_trans_85.png");



}
.header_line_content{
	position: absolute;
	height: 40px;
	right:10px;
	width: auto;
	z-index: 100;
}

#phone_contact{
	float:left;
	line-height: 40px;
	height: 40px;
}

.site_caption{
	width: 300px;
/* 	height: 30%; */
/* 	float: left; */
	line-height: initial;
	margin-left: 10px;
	text-transform: uppercase;
	vertical-align: middle;
	display: inline-block;

}

.site_caption h1{
	font-family: Goodtime, Roboto, sans-serif;
	font-size: 16px;
	
}

/*za stranicu arhiva.php*/
.publication_year{
	display: inline-block;
	float: left;
	width: 100%;
	border-bottom: 2px solid #a74726;
	margin: 5px 0px;
	background-image: url("/img/isi_italicbox.png");
	background-repeat: no-repeat;
}

.date_year{
/* 	padding-left: 20px; */
}

.archive_news_image{
	width:30%;
	float:left;
}

.archive_documents_image{
	width:30%;
	float:left;
	outline: 2px solid #a74726;
}

.archive_news{
	width:57%;
	float:left;
}

.archive_news_publications,
.archive_news_researchers{
	width:68%;
	float:left;
	margin-left: 2%;
}

.archive_news_documents{
	width:66%;
	float:left;
	margin-left: 2%;
}

.archive_news_projects{
	width:100%;
	float:left;
}

.news_text{
	float:left;	
	width:90%;
}

.news_text_publications{
	float:left;	
	width:100%;
}

.archive_news_download{
	width: 100%;
	float:left;
/* 	background-image: url("/img/isi_btn_preuzmi_pdf.png"); */
/* 	background-repeat: no-repeat; */
	margin-top: 5px;
}
.download_btn
{
	width:30%; 
	text-align:center;
	display: inline-block;
	background-image: url('/img/isi_btn_preuzmi_pdf_pattern.png');
}
.hidden_news_date{
	display:none;
	float:left;
}

.non_transparent_header{
	background-color: rgba(255, 255, 255, 1);
}

.transparent_header{
	background-color: rgba(0, 0, 0, 0.7);
}

.btn_galerija_dark {
  width: 300px;
  height: 40px;
  cursor: pointer;
  margin: 40px auto 40px auto;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.btn_galerija_dark:active, .btn_galerija_dark.a:visited, .btn_galerija_dark a{
	 color: #000;
}

.btn_galerija_dark:hover {
    background: #1D4C6B;
	border: 1px solid #fff;
}

.btn_galerija_dark:hover a{
 	color:#fff; 
}

.btn_galerija_light {
  width: 300px;
  height: 40px;
  cursor: pointer;
  margin: 40px auto 40px auto;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
	line-height:40px;
	font-size:15px;
	-moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn_galerija_light a:active, .btn_galerija_light a:visited, .btn_galerija_light a{
	color:#fff;
}

.btn_galerija_light:hover{
  background: rgba(254, 206, 20, 1);
	border: 1px solid #000;
}

.btn_galerija_light:hover a{
 	color:#000; 
}


.projekat_naziv h2{
	color:#333;
	font-size: 17px;
	margin: 5px auto;
	padding: 0 10px;
}

/*
*FLOATING CLASSES
*/
.float_left{
	float: left;
}

.promo_text_holder{
	margin-top: 120px;
	height:auto;
	padding-top: 50px;
}

/*
 * Search box
 */
#header_search_form {
	width: 150px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
/* 	margin-right:20px; */
	position: relative;
}

/* Ok, HTML markup is complete */
/* submit button will also be the same but with a different color. We'll style the label and the submit input */
/* a faky 3D look */

#submit {
	display: none;	
}

#header_search_form .icon, #header_search_form .submit {
	width: 35px;
	height: 35px;
/* 	background-color: #fed351; */
	display: block;
	position: absolute;
	top: 0;
	right: 0;
/* 	box-shadow: */
/* 		0px 5px #green, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

#header_search_form .submit {
/* 	background: #009bff; */
	cursor: pointer;
/* 	box-shadow: */
/* 		0px 5px #0276c1, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

/* Now, we'll create a search (magnifying glass) icon using pseudo elements */
#header_search_form .icon:after, #header_search_form .submit:after  {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 2px solid #999;
	border-radius: 50%;
	left: 10px;
	top: 9px;
}

#header_search_form .icon:before, #header_search_form .submit:before {
	content: '';
	position: absolute;
	height: 8px;
	width: 2px;
	background: #999;
	transform: rotate(-35deg);
	top: 19px;
	left: 21px;
}

/* Styling the input */
#header_search_form #search_input {
/* 	-webkit-appearance: none; */
	display:inline-block;
	height: 20px;
	width: 0;
/* 	padding: 0; */
	opacity: 0;
/* 	border: none; *//*aktivirati ako ne zelis 3d efekak "udubljenja" edit boxa*/
	outline: none;
	position: relative;
	right: 35px;
/* 	box-shadow: */
/* 		0px 5px #bbb, */
/* 		0px 8px 10px rgba(0, 0, 0, 0.5); */
}

.video_download_and_size_button {
    float: right;
    padding: 0 15px;
}

.video_clip_caption {
    padding: 5px 15px;
    text-align: left;
}

.video_date {
    float: left;
    padding: 0 15px;
}