@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{
	color:#FFF;
	padding: 1%;
	border-radius: 2px;
	width:80%;
	float:left;
}	

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


#sredina
{
width:100%;
clear:both;
}

#link {
	float:left;
	width:100%;
	padding:1%;
	height: 100%;
	border-radius: 2px;
}

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

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

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

#glavno {
	float:left;
	width:100%;
	padding:1%;
	overflow:auto;
	height:94%;
	background-color:#39F;
	border-radius: 2px;
	color:#FFFD97;
}

footer
{
	color:#FFF;
	padding: 1%;
	text-align:center;
	padding: 0 10%;
	
}

		
.text
{
	text-align:justify;
}

#log_in_prikaz
{
Display: none;	
}

div#small_meni
{
	Display: none;	
}

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

.komentar
{
width: 80%;
float:right;	
}

.avatar_komentar
{
width: 20%;
float:left;		
}


.okvir_komentar
{
padding: 0 10%;
text-align:justify;
width: 60%;
}

.novi_komentar
{
padding: 0 5%;	
}

.okvir_desno
{
float: right;
font-style:italic;
margin: 1%;
padding: 1%;
background-color:#3366CC;
text-align:center;
}

.okvir_lijevo
{
float: left;
font-style:italic;
margin: 1%;
padding: 1%;
background-color:#3366CC;
text-align:center;
}


.slika
{
max-witdh:20%;
max-height:20%;
border: 0px;
}

#footer_a_center
{
	text-align:center;
}



#meni_login
{
	float:right;
	border: 0px;
}
/*Ispod je konfiguracija za manje rezolucije*/

	
@media(max-width:1366px)
{
	body
	{
	padding: 0 2%;
	background-size: 80%;		
	}

}

	
@media(max-width:1024px)
{
	body
	{
	padding: 0 1%;
	background-size: 75%;
	font-size: 12px;		
	}
	
	.mini_tiles
	{
	max-width: 100%;
	max-height: 100%;
	}



}

@media(max-width:800px)
{
	body
	{
	padding: 0 1%;
	background-size: 75%;		
	}
	
	.mini_tiles
	{
	max-width: 100%;
	max-height: 100%;
	}

}

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



}