/* @import url('https://fonts.googleapis.com/css?family=Work+Sans:900');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Oswald:400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Abel:400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Cuprum:400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Istok+Web:400&subset=latin-ext');

https://www.creativebloq.com/typography/free-web-fonts-1131610/2 - ODI IMA LISTA FONTOVA
Visoki font: Oswald

font-family: 'Open Sans', sans-serif;

 */

@import url('https://fonts.googleapis.com/css?family=Barlow:400&subset=latin-ext');

.full_cover{
	width:100%;
	height:100%;
	background-color:#ededed;
	opacity:0.3;
	z-index:120;
	position: fixed;
	display:none;
}

.master_frame{
	background-color:#000;
}

.master_frame > div div:first-child(){
	background-color:#000;
}

.master_frame > div div:nth-child(2){
	background-color:#000;
}


.zabava_logo{
	color:Orange;
	padding: 0px 0px 0px 0px;
	text-align:left;
padding-bottom: 12px;
position:relative;
}
.zabava_logo span{
	color:#fff;
}
.zabava_logo img{
	height: 70px;
	width: 95%;
}

.zabava_logo_button{
	position:absolute;
	top:-35px;
	top:63px;
	right:5px;
}
.zabava_logo_button a{
	font-size:12px;
	color:#dcdcdc;
border: 1px solid #dcdcdc;
padding: 0px 5px 1px 5px;
margin-right: 3px;
}
.zabava_logo_button a:hover{
	text-decoration:none;
	background-color:Red;
	color:#fff;
}


.fb-comments{
background-color: #fff !important;
}	

.UFIImageBlockContent, ._li, ._4k-6, .pluginSkinLight{
color: #fff;
}

#div_mesure{
	padding:10px;
	color:#fff;
	font-size:10px;
	position:absolute;
	top:344px;
	left:10px;
	z-index: 1000;
	background-color:#000;
}


.banner_over {
	display:none;
}





/*------------------------------FORME*/
.table_form {
font-size: 11px;
text-align:center;
margin:0px;
color:Brown;
padding:5px 0px
}
.table_form td{
font-family:Barlow;
font-size: 11px;
text-align:left;
color: #333;
padding:2px 3px;
border-bottom:1px solid #ededed;
}
.table_form td .label{
font-size: 11px;
text-align:left;
color: SteelBlue;
padding:6px 3px 2px 6px;
}

.search_label{
font-size:11px;
padding:8px 0px 2px 0px;
font-weight:bold;
}
/*------------------------------KOD MALIH TBL SA CHECKBOXOVIMA*/
.table_check{
font-size: 11px;
text-align:center;
margin:0px;
color:Brown;
padding:3px 0px
}
.table_check td{
font-size: 11px;
text-align:left;
color: #333;
padding:0px 3px;
border-bottom:1px solid #ededed;
}


/*------------------------------ELEMENTI FORME*/
.buttns { 
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: bold;
  background: #000033;
  color: #ffffff;
  border-width: 2px;
  border-color: #666699;
  padding-left:5px;
  padding-right:5px;
}

.inputi {  
font-family:Verdana, Helvetica;
font-size:11px;
color:#333;
padding-left:3px;
border:1px solid #999999;
background-color:#ededed;
}
.inputi .active{
background: #ddeff6;
border: 1px solid #0099d4;
color:#0099d4;
}




.content-row{
height: auto;
padding: 4px 0px;
margin: 10px auto;
width: 100%;
max-width: 1200px;
}

.flex_container{
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
flex-direction:row;
wrap:flex;
align-items: stretch;
}



/*------------------------------SEKCIJE S GRUPAMA PODATAKA*/
.sekcije_frame{
border:solid 1px #dcdcdc;
background-color:#ececec;
margin:10px;
padding:5px;
border-radius: 4px;
display: flow-root;
}
.sekcije_frame .reset_link{
color: #fefefe;
font-weight: 700;
font-size: 11px;
border: solid 1px #fff;
background-color: DarkOrange;
padding: 5px;
border-radius: 4px;
width: 96px;
display: inline-block;
text-align: center;
}
.sekcije_frame .reset_link:hover{
color: DarkOrange;
border: solid 1px DarkOrange;
background-color: #fefefe;
padding: 5px;
text-align: center;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.sekcije_naslov{
font-size:13px;
font-weight:bold;
color:#669900;
padding:0px 0px 6px 5px;
}
.sekcije_tip{
text-align:center;
font-size:14px;
font-weight:bold;
padding:10px;
color:white;
}
.sekcije_frame table td{
	border-bottom:1px solid #fff;
}







/*----------------------END GENERAL FRAMEWORK------------------*/



/*nevidljivi botun menija*/
 #menu-icon {
 	 position: absolute;
	left: 8px;
	top: 92px;
    display: none;
    width: 40px;
    height: 40px;
    background: #4C8FEC url(../images/search-icon.png) center;
    border-radius: 3px;
    cursor: pointer;

}
a:hover#menu-icon {
    background-color: #FF6605;
    border-radius: 4px 4px 0 0;
}
#menu-icon-close {
display:none;
cursor: pointer;
}






/* /////// Tablet , Mobile wide 1640px VERSION //////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
@media (max-width: 1640px) { 
    
}



/* /////// Tablet , Mobile wide 1199px VERSION ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
@media (max-width: 1199px) { 
.zabava_logo img{
	Xwidth: unset;
}
}





/* /////// Tablet , Mobile wide 992px VERSION ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
/* /////// Tablet , Mobile wide ///////////////////////////////////////////////// */
@media (max-width: 992px) { 

.zabava_logo img{
	width: 95%;
}

}


/* /////// TABLET VERSION 767px ///////////////////////////////////////////////// */
/* /////// TABLET VERSION ///////////////////////////////////////////////// */
/* /////// TABLET VERSION ///////////////////////////////////////////////// */
/* /////// TABLET VERSION ///////////////////////////////////////////////// */
/* /////// TABLET VERSION ///////////////////////////////////////////////// */
@media (max-width: 767px) { 


.zabava_logo img{
	width: 95%;
}

.zabava_logo_button{
	position:absolute;
	top:7px;
	right:5px;
}



.banner_over {
	position:absolute;
	top: 40px;
	right: 10px;
	padding:6px;
	display:block;
}
.banner_over img {
	width:100px;
	border-radius: 2px;
	display:none;
}


/*HEADER*/
.head_logo {
top: 40px;
left: 15px;
}
.head_logo img {
width: 220px;
}



#cssmenu {
    right: 2px !important;
    top: 82px !important;
}
#cssmenu #menu-button {
    padding: 14px;
}




}





/* /////// MOBILE VERSION 576px ///////////////////////////////////////////////// */
/* /////// MOBILE VERSION ///////////////////////////////////////////////// */
/* /////// MOBILE VERSION ///////////////////////////////////////////////// */
/* /////// MOBILE VERSION ///////////////////////////////////////////////// */
/* /////// MOBILE VERSION ///////////////////////////////////////////////// */
@media (max-width: 576px) { 

.content-row {
    padding: 8px;
}



#menu-icon {
    display: inline-block;
    z-index:100;
	top: 46px;
left: 6px;
}
#menu-icon-close {
display:unset;
position: absolute;
top: 5px;
right: 16px;
border: 1px solid #dcdcdc;
padding: 1px 8px;
border-radius: 3px;
font-weight: 600;
background-color: #ffdc46;
color: #fff;
}


/*HEADER*/
.head_logo {
position: absolute;
top: 6px;
left: 6px;
}
.head_logo img {
    width: 100px;
}

#cssmenu {
    right: 2px !important;
    top: 70px !important;
}
#cssmenu #menu-button {
    padding: 14px;
}

.container {
padding-right: 0px; 
padding-left: 0px; 
}

.border_right{
border-right:0px;
}


}/* MOBILE end */

