/* 
    Created on : October 29, 2014, 4:05:46 AM
    Author     : Lepi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*********************************** 
MEDIA SETTINGS
*************************************/
@media only screen and (max-device-width : 1650px) /*1024px je sirina saja*/
{
	#content_values{
		background-position:-300px -150px;
	}
	#content_photo_bgr img{
    	min-height:516px;
    }
}
@media only screen and (max-device-width : 1300px) /*1024px je sirina saja*/
{
	#content_values{
		background-position:-500px -150px;
	}
	#content_photo_bgr img{
    	min-height:406px;
    }
}
/*
Mora da se uvede jedan media query za slucaj kada se smanjuje ekran i dodje na 
kriticnu tacku  koja je jednaka sirini sajta 
*/
@media only screen and (max-device-width : 1024px) /*1024px je sirina saja*/
{
       /*********************************** 
RESPONSIVE GRID FOR SMARTPHONES
*************************************/
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
#content_values{
		background-position:-700px -150px;
	}
	.container_12{
        width:100%;
        }
        
    .content_section_caption_holder{
		margin:25px auto;
    }
    
    .btn_galerija_dark, .btn_galerija_light{
		margin:20px auto;
    }
        
    
    .naslov_beli_verdana_18,
    .naslov_beli_verdana_18 a:link,
    .naslov_beli_verdana_18 a:hover, 
    .naslov_beli_verdana_18 a:visited{
        font-size: 0.9em;
        } 
        
/* 	#logo{ */
/* 		position:absolute; */
/*     	background-image:none; */
/*     	z-index:100; */
/* 		top:-15px; */
/*     }  */
/*     #logo .colorized_line_1 */
/*     { */
/* 		visibility:hidden; */
/*     } */
/*     #nav_holder{ */
/* 		background-image:none; */
/*     	width:100%; */
/*     }     */
/*     #header_one{ */
/* 		background-image:url("../img/bgr_trans_85.png"); */
/*     	position:relative; */
/*     } */
    header{
		padding:0;
    }
    
	#content_photo_bgr img{
    	min-height:320px;
    }
	/*
	SETOVANJE  ZA PROMO BLOKOVE
	*/
/* 	#block_one .block_header{ */
/* 		background-image: url('../img/tablet_grubi_radovi.png'); */
/* 		background-position:center; */
/* 	} */
/* 	#block_two .block_header{ */
/* 		background-image: url('../img/tablet_bravarski_radovi.png'); */
/* 		background-position:center; */
/* 	} */
/* 	#block_three .block_header{ */
/* 		background-image: url('../img/tablet_podopolagacki_radovi.png'); */
/* 		background-position:center; */
/* 	} */
/* 	#block_four .block_header{ */
/* 		background-image: url('../img/tablet_zavrsni_radovi.png'); */
/* 		background-position:center; */
/* 	} */
    
#sb_one .sb_header{
	 background-image: url('../img/tablet_sb_247.png');
	background-position: center 0px;
	
}


#sb_two .sb_header{
    background-image: url('../img/tablet_sb_pt.png');
    background-position: center 0px;
}


#sb_three .sb_header{
    background-image: url('../img/tablet_sb_pfs.png');
	background-position: center 0px;
}


#sb_four .sb_header{
    background-image: url('../img/tablet_sb_girls.png');
	background-position: center 0px;
}

#sb_five .sb_header{
    background-image: url('../img/tablet_sb_free_pt.png');
	background-position: center 0px;
}


#sb_six .sb_header{
    background-image: url('../img/tablet_sb_lockers.png');
	background-position: center 0px;;
}


#sb_seven .sb_header{
    background-image: url('../img/tablet_sb_discount.png');
	background-position: center 0px;
}


#sb_eight .sb_header{
    background-image: url('../img/tablet_sb_all.png');
	background-position: center 0px;
}
	
	.view {
		width:100%;
		height:auto;
		border:none;
		margin:10px 0;
	}
	
	.view .mask{
		width:100%;
		height:100%;
	}
	
	.view h2{
		width:85%;
	}

	.block:hover .block_content{
		color:#444;
	}

	#footer_blocks .footer_blk{
	width:30%;
	}
	
   .footer_font{
		font-size:14px;
   }
   
   .footer_ico_holder{
		width: 100%;
    	text-align: center;
   		height:auto;
   }
   
	.footer_ico_text_holder{
		width: 100%;
		height:auto;
   }
   
   .footer_ico_holder img{
	
   	display:inline-block;
   	vertical-align: middle;
   }

}
@media only screen and (max-device-width : 850px)
{
	#content_photo_bgr img{
    	min-height:266px;
    }
    
	h2{
		font-size:1.2em;
	}

	.news_caption_index_font,
	.news_caption_index_font a, 
	.news_caption_index_font a:link,
	.news_caption_index_font a:visited{
	    font-size:16px;
	}
	
	.news_payment_industry_caption_index_font,
	.news_payment_industry_caption_index_font a, 
	.news_payment_industry_caption_index_font a:link,
	.news_payment_industry_caption_index_font a:visited{
    	font-size:16px;
	}
	.news_content_font{
		font-size:12px;
	}
}
@media only screen and (max-device-width : 910px)
{
/* 	#wrapper_header{ */
/* 		background-image:url("../img/bgr_trans_85.png");da pojaca plavu boju */
/* 	} */
#content_values{
		background-position:-800px -150px;
	}
	
	#wrapper_header{
		border:none;
		background-color: #000;
	}
	#wrapper_header_inner{
		position:relative;
		border: none;
	}
	
	#header_one{
	width: 100%;
	}
	
	#nav_holder{
		position:absolute;
		top:60px;
		width: 100%;
		height: auto;
		min-height:initial;
		line-height: normal;
	}
	
	.margin{
		margin-top:0;
	}
	
	#carousel{
		display:none;
	}
	.top_news_in_roll, .intro_in_roll{
		display:inline-block;
	}
	#block_one, 
	#block_two, 
	#block_three, 
	#block_four{
		    width: 98%;
    		margin: 3% 1% 0 1%;
	}
	
	.promo_box_image_click{
		height:80%;
	}
	
	.block_content{
		margin-top:0%;
/* 		min-height: none; */
	}
	
	.block_caption{
		height:20%;
	}
	
	
	.block_header{
		width:auto;
		height:300px;
	}

	#block_one, #first_cat_news{
        width:98%;
        margin:3% 1% 0 1%;
    }
    
    #block_two, #second_cat_news{
         width:98%;
       	margin:3% 1% 0 1%;
    }
    
    #block_three{
         width:98%;
        margin:3% 1% 0 1%;
    }
    
/*     #block_four{ */
/*         width:46.384%; */
/*         margin-left:1.404%; */
/*         margin-right:2.016%; */
/*          margin-top:2.8%; */
/*     } */
    
	#content_project_blocks .block_content_three{
		width:48%;
	}
    
    /*Unutrasnje strane*/
    #content_text{
		width:100%;
    	clear:both;
    }
    
	footer{
		display:inline-block;
    }
    #social_icons_header{
		display:none;
    }

    
}

/*
*Key note fixing - ISI sajt
*/
@media only screen and (max-device-width : 800px)
{
	#key_note_img_circle{
	width:100%;
	}
	#key_note_msg
	{
		width:100%;
		text-align: center;
	}
	#key_note_msg_text{
		width:75%;
		margin:auto;
		text-align: center;
	}
	
	#key_note_name_and_title{
		text-align: center;
	}
	
	#key_note_title{
		width:80%;
		padding: 0 10%; 
	}
	
	#key_note_foreword,
	#key_note_more {
	    width: 100%;
	}
}

/*Main menu - turning off width
* Archive- turn off content items and show date 
* Search - turn off image 
*/
@media only screen and (max-device-width : 700px)
{
	#content_photo_bgr img{
    	min-height:219x;
    }
    
   .video_item{
	width:96%;
   	clear:both;
   	padding:2%;
   }
   
/*ZA STRANU ZA PRIKAZ VESTI*/
	.content_types{
		display:none;
	}
    .hidden_news_date
	{
		display:block;	
	}
	.archive_news{
		width:100%;
	}
	
	.news_text{
		width:100%;
	}
	.archive_news_image{
		width:100%;
	}
	
	.search_results_image {
	display: none;
	}
	
	.news_image{
		display:none;
		width: 100%;
	}
	
	.news_item{
		width: 100%;
		margin-left:0;
	}

}

@media only screen and (max-device-width : 600px){

#content_photo_bgr img{
    	min-height:188px;
    }
    
#content_values{
		background-position:-980px -150px;
	}
	
#sb_one,#sb_two,#sb_three,#sb_four,#sb_five,#sb_six,#sb_seven,#sb_eight, 
#content_counter_blocks .block_content_two
	{	
        width:46.384%;
        margin-left:2.016%;
        margin-right:1.404% ;
    }
}

/*Blokovi - iz 2 u po 1 u redu
* Nestajanje naslova sajta
*/
@media only screen and (max-device-width : 480px)
{
#content_photo_bgr img{
    	min-height:153px;
    }
#content_values{
		background-position:-1050px -150px;
	}
	
/* #nav_holder{ */
/* 		top:45px; */
/* 	} */
.block_content_font{ 
		font-size:1.1em; 
 	} 
#block_one, #first_cat_news{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2%;
    }
    
  #block_two, #second_cat_news{
      width:96%;
      margin-left:2%;
      margin-right:2%;
  		margin-top:2.5%;
  }
    
    #block_three{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2.5%;
    }
    
    #block_four{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2.5%;
    }
    
#gradjevinci, #arhitektura, #tehnicari{
	width:100%;
}

#content_project_blocks .block_content_three{
		width:96%;
		margin-left:2%;
        margin-right:2%;
	}

#partners{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2%;
    }
    
#clients{
        width:96%;
        margin-left:2%;
        margin-right:2%;
		margin-top:2%;
    }
 #header_search_form{
		width: 100px;
    }
/*   #languages{ */
/* 	display:none; */
/*   } */
/*     #header_one{ */
/* 		position:absolute; */
/*     	-top:10px; */
/*     } */
    
    #languages.navi li, #languages.navi li a, #languages.navi li a:visited{
		font-size:12px;
    }
    
    #footer_blocks .footer_blk{
	width:96%;
    margin:2.5% 2%;
    }
    
    #footer_logo img{
	width:100%;
    }
  
/*   .container_12 .footer_blk_responsive{ */
/* 	width:48%; */
/*   } */
/* .container_12 .footer_fourth_blk_responsive{ */
/* 	width:48%; */
/* 	padding-top:20px; */
/*   } */
  
/*   .site_caption{ */
/* 	width:200px; */
/*   } */
/*   h1{ */
/* 	font-size:1em; */
/*   } */
}

/*Fix za logo i header_search_form na 380px*/
@media only screen and (max-device-width : 380px){
#content_photo_bgr img{
    	min-height:119px;
    }
	#logo{
		width:75%;
	}

	#logo img{
	width: 100%
	}
	
	#header_search_form{
	width: 120px;
	}
	
	#languages.navi li, #languages.navi li a, #languages.navi li a:visited{
		font-size:11px;
    }
    .search_holder{
		display:none;
    }
	
}

/*Fix za footer-nav*/
@media only screen and (max-device-width : 361px){
 .container_12 .footer_blk_responsive{
	width:96%;
 	padding-top:15px;
  }
.container_12 .footer_fourth_blk_responsive{
	width:96%;
	padding-top:20px;
  }
  #footer_blocks{
	margin:0 0 20px 0;
  }
/*   #footer_line{ */
/* 	display:none; */
/*   } */
	.footer_font{
	       font-size:0.9em;
	   }
}
/*Fix za moto-image*/
@media only screen and (max-device-width : 280px){
	#header_search_form{
		display:none;
	}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
body{
/*        background-color: orange;orange indicates tablet*/
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
body{
/*        background-color: green;orange indicates tablet*/
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-device-width : 480px) {
    /* Styles */
   
    }


/***************************************
MENU CHANGES FOR SMART PHONES
***************************************/


}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {


}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	#content_photo_bgr img{
    	min-height:100px;
    }
}



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
body{
/*        background-color: violet;violet indicates desktop*/
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1600px) {
	/* .regular{
		font-size:14px;
	}
	.white_big{
		font-size:21px;
	}
	.carousel_block{
		background-image:none;
	} */
	
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}