@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#000;
}
	
#sailor {
	position:absolute;
	width:500px;
	height:500px;
	background-image:url(images/sailor_delo.png);
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:-250px;
	z-index:900;
	}
	
#logo {
	position:absolute;
	width:200px;
	height:200px;
	background-image:url(images/logo.png);
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-300px;
	z-index:1000;
	}
	
#slo {
	position:absolute;
	width:40px;
	height:25px;
	background-image:url(images/slo.png);
	top:50%;
	left:50%;
	z-index:1000;
	margin-top:-300px;
	margin-left:180px;
	border:1px solid #CCC;
	}
	
#eng {
	position:absolute;
	width:40px;
	height:25px;
	background-image:url(images/usa.png);
	top:50%;
	left:50%;
	z-index:1000;
	margin-top:-300px;
	margin-left:233px;
	border:1px solid #CCC;
	}
	
#da {
	position:absolute;
	width:150px;
	height:100px;
	background-image:url(images/da.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-top:175px;
	margin-left:-275px;
	z-index:1000;
	}
	
#ne {
	position:absolute;
	width:150px;
	height:100px;
	background-image:url(images/ne.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-top:175px;
	margin-left:125px;
	z-index:1000;
	}
	
#glasba {
	position:absolute;
	width:150px;
	height:20px;
	background-image:url(images/glasba.png);
	bottom:0px;
	right:0px;
	z-index:1000;
	}
	
/*=========959px do 768px=========*/

	@media only screen and (min-width: 768px) and (max-width: 958px) {
		
#sailor {
	position:absolute;
	width:500px;
	height:500px;
	background-image:url(images/sailor_delo.png);
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:-250px;
	z-index:900;
	}
	
#logo {
	position:absolute;
	width:200px;
	height:200px;
	background-image:url(images/logo.png);
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-300px;
	z-index:1000;
	}
	
#slo {
	position:absolute;
	width:40px;
	height:25px;
	background-image:url(images/slo.png);
	top:50%;
	left:50%;
	z-index:1000;
	margin-top:-300px;
	margin-left:180px;
	border:1px solid #CCC;
	}
	
#eng {
	position:absolute;
	width:40px;
	height:25px;
	background-image:url(images/usa.png);
	top:50%;
	left:50%;
	z-index:1000;
	margin-top:-300px;
	margin-left:233px;
	border:1px solid #CCC;
	}
	
#da {
	position:absolute;
	width:150px;
	height:100px;
	background-image:url(images/da.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-top:175px;
	margin-left:-275px;
	z-index:1000;
	}
	
#ne {
	position:absolute;
	width:150px;
	height:100px;
	background-image:url(images/ne.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-top:175px;
	margin-left:125px;
	z-index:1000;
	}
	
#glasba {
	position:absolute;
	width:150px;
	height:20px;
	background-image:url(images/glasba.png);
	bottom:0px;
	right:0px;
	z-index:1000;
	}
		
		
		}
		
/*=========959px do 768px=========*/

/*=========do 767px=========*/

	@media only screen and (max-width: 767px) {
		
#sailor {
	position:absolute;
	width:300px;
	height:300px;
	background-image:url(images/frontier_odzivna.png);
	background-size:100%;
	left:50%;
	margin-left:-150px;
	top:50%;
	margin-top:-150px;
	z-index:900;
	}
	
#logo {
	position:absolute;
	width:150px;
	height:150px;
	background-image:url(images/logo_odzivna.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-250px;
	z-index:1000;
	}
	
#slo {
	position:absolute;
	width:40px;
	height:25px;
	background-image:url(images/slo_odzivna.png);
	background-size:100%;
	top:50%;
	left:50%;
	z-index:1000;
	margin-top:-190px;
	margin-left:55px;
	border:1px solid #CCC;
	}
	
#eng {
	position:absolute;
	width:40px;
	height:25px;
	background-image:url(images/usa_odzivna.png);
	background-size:100%;
	top:50%;
	left:50%;
	z-index:1000;
	margin-top:-190px;
	margin-left:110px;
	border:1px solid #CCC;
	}
	
#da {
	position:absolute;
	width:150px;
	height:100px;
	background-image:url(images/da.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-top:135px;
	margin-left:-150px;
	z-index:1000;
	}
	
#ne {
	position:absolute;
	width:150px;
	height:100px;
	background-image:url(images/ne.png);
	background-size:100%;
	top:50%;
	left:50%;
	margin-top:135px;
	margin-left:0px;
	z-index:1000;
	}
	
#glasba {
	position:absolute;
	width:0px;
	height:0px;
	background-image:url(images/glasba.png);
	bottom:0px;
	right:0px;
	z-index:1000;
	}
		
		
		}