@charset "utf-8";
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color: #022440;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	height: 88%;
}

a {
	color: #566692;
	font-weight: bold;
	text-decoration: none;
}

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

.clearall { clear: both; }

img { border: 0; }


#info {
	background-color: #022440;
	position: absolute;
	top: 0;
	right: 0;
	padding: 14px;
	height: 96%;
	z-index: 777;
}

#info ul {
	list-style-type: none;
	font-size: 0.9em;
	margin-left: 0;
	padding-left: 0;
	text-transform: lowercase;
}

#info ul li span {
	text-transform: uppercase;
}

#slike {
	width: 80%;
	height: 88%;
	margin: 87px 230px 0 87px;
}

/* ____________________________________________________ MEDIA QUERIES ___________ */ 


/* _____________________________________________________ If the viewport width <= 1000 pixels ... */
 
@media screen and (max-width: 1000px) {

#logo {
	max-width: 100%;
	height: auto;
	margin: 9px auto 0 auto;
	padding: 0;
}

}

/* _____________________________________________________ If the viewport width <= 700 pixels ... */
 
@media screen and (max-width: 700px) {

#logo {
	max-width: 100%;
	height: auto;
	margin: 9px auto 0 auto;
	padding: 0;
}

}


/* _____________________________________________________ If the viewport width <= 480 pixels ... */
 
@media screen and (max-width: 480px) {

#logo {
	max-width: 100%;
	height: auto;
	margin: 9px auto 0 auto;
	padding: 0;
}

}