@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
body 
	{
		background-image:url(bg/pozadina.png);
		font-family: 'Open Sans', sans-serif;
		color: #ffffff;
		padding: 0 10%;
		font-size: 16px;
		
	}

header#pocetna_h
	{
	Width: 80%;
	height: 15%;
	padding: 1%;
	float:left;
	}
#glavno_pocetna
	{
	Width: 100%;
	height: 80%;
	padding: 10px;
	clear:both;
	}
	
footer#pocetna_f
	{
	Width: 100%;
	height: 5%;
	padding: 10px;
	}

h1#naslovna
	{
	color: #fff;
	}

.tile
	{
	margin: 0px;
	border: 0px;
	border-radius: 0px;
	}
	
.tile_small
{
	margin: 0px;
	border: 0px;
	border-radius: 0px;
}



.text_link
	{
	display: none;
	width: 80%;
	padding: 0 10%;
	}
.tile_table
	{
	margin: 0 10%;
	padding: 0px;
	}
	
a:link.pocetni_link
{
color: #fff;
text-decoration: none;

}

a:visited.pocetni_link
{
color: #fff;
text-decoration: none;	
}

a:hover.pocetni_link
{
color: #fff;
text-decoration: none;
}

a:active.pocetni_link
{
color: #fff;
text-decoration: none;	
}


div#log_on
	{
	width: 16%;
	float:right;
	padding: 1%;
	height: 15%;
	}

#log_in_prikaz
{
Display: none;	
}

.avatar
{
	width:50px;
	height:50px;	

}

p#a_center
{
	text-align:center;	
}


a:link
{
	text-decoration:none;
	color:#FFF;
}

a:visited
{
	text-decoration:none;
	color:#FFF;
}

a:hover
{
	text-decoration:none;
	color:#bbb;
}

/*Ispod je konfiguracija za manje rezolucije*/

	
@media(max-width:1366px)
{
	body
	{
	padding: 0 10%;
	background-size: 80%;		
	}
	
	.tile
	{
	max-width: 90%;
	max-height: 90%;

	}
	
	.tile_small
	{
	max-width: 82%;
	max-height: 82%;

	}
	


}

@media(max-width:1300px)
{
.tile_small
	{
	max-width: 75%;
	max-height: 75%;

	}
}

@media(max-width:1200px)
{
.tile_small
	{
	max-width: 65%;
	max-height: 65%;

	}
}


@media(max-width:1024px)
{
	body
	{
	padding: 0 5%;
	background-size: 75%;
	font-size: 12px;		
	}
	

.tile
	{
	max-width: 75%;
	max-height: 75%;

	}

.tile_small
	{
	max-width: 55%;
	max-height: 55%;

	}


}

@media(max-width:800px)
{
	body
	{
	padding: 0 5%;
	background-size: 75%;		
	}
	

.tile_table
	{
	display:none;

	}

.text_link
	{
	display:compact;
	}
.mini_tile
{
	max-width: 100%;
	max-height: 100%;
}
}


@media(max-width:320px)
{
	body
	{
	padding: 0 0%;
	background-size: 60%;		
	}
	

.tile_table
	{
	display:none;

	}

.text_link
	{
	display:compact;
	}
.mini_tile
{
	max-width: 95%;
	max-height: 95%;
}
}