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

html {
	width:100%;
}

body,td,th {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
	font-size: 12px;
	color: #787878;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	background:url(bkg.jpg) no-repeat bottom center;
}
a:link, a:visited, a:active {
	color: #787878;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #065cbe;
}

#page {
	width:100%;
}

#logo_box .flags {
	position:absolute;
	top:10px;
	right:26px;
	width:38px;
	height:23px;
}
#logo_box .flags a.flag:link, #logo_box .flags a.flag:visited, #logo_box .flags a.flag:active {
	display:block;
	width:38px;
	height:23px;
	background-repeat:no-repeat;
	background-position:top;
}
#logo_box .flags a.flag:hover {
	background-position:bottom;
}

#logo_box .flags a.ba {
	background-image:url(flag_ba.png);
}
#logo_box .flags a.en {
	background-image:url(flag_en.png);
}

#buttons div.box a:link, #buttons div.box a:visited, #buttons div.box a:active {
	display:block;
	background-repeat:no-repeat;
	background-position:top;
}
#buttons div.box a:hover {
	background-position:bottom;
}

#certs a {
	float:left;
	margin-right:10px;
}

#copyright {
	width:100%;
	height:40px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#copyright a.copyright, #copyright a.copyright:link, #copyright a.copyright:active, #copyright a.copyright:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#copyright a.copyright:hover {
	color: #065cbe;
	text-decoration:none;	
}

@media all and (max-width: 999px) {
	
	#logo_box {
		position:relative;
		top:0px;
		margin:0 auto;
		background-image:url(logo_bkg_small.png);
		background-repeat:no-repeat;
		width:232px;
		height:140px;
		z-index:1000;
	}
	
	#logo_box .logo {
		position:absolute;
		top:60px;
		left:14px;
		background-image:url(logo_nex_group_small.png);
		background-repeat:no-repeat;
		width:205px;
		height:49px;
	}
	
	#contact {
		position:relative;
		margin:0 auto;
		text-align:center;
		font-size:12px;
	}
	#buttons {
		display:block;
		position:relative;
		margin:10px auto;
		width:262px;
		height:462px;
		clear:both;
	}
	#buttons div.box {
		position:absolute;
		background-image:url(button_bkg_small.png);
		background-repeat:no-repeat;
		width:150px;
		height:132px;
	}
	#buttons div.box.b1 { left:0px; top:66px; }
	#buttons div.box.b2 { left:112px; top:0px; }
	#buttons div.box.b3 { left:0px; top:198px; }
	#buttons div.box.b4 { left:112px; top:132px; }
	#buttons div.box.b5 { left:112px; top:264px; }
	#buttons div.box.b6 { left:0px; top:330px; }
	
	#buttons div.box a {
		width:150px;
		height:132px;
	}
	
	#buttons div.box a.nexstudio {
		background-image:url(logo_nex_studio_small.png);
	}
	#buttons div.box a.nexgps {
		background-image:url(logo_nex_gps_small.png);
	}
	#buttons div.box a.kakojavozim {
		background-image:url(logo_kakojavozim_small.png);
	}
	#buttons div.box a.europetracking {
		background-image:url(logo_europe_tracking_small.png);
	}
	#buttons div.box a.travelsim {
		background-image:url(logo_nex_travelsim_small.png);
	}
	#buttons div.box a.interaktivniizlog {
		background-image:url(logo_interaktivni_izlog_small.png);
	}
	
	#certs {
		position:relative;
		margin:20px auto;
		width:242px;
		text-align:center;
		clear:both;
	}
	
	#copyright {
		position:relative;
		clear:both;
	}
	
	#copyright span.br:before {
		content: "\A";
		white-space: pre;
	}
}
@media all and (min-width: 1000px) {
	
	html {
		height:100%;
		overflow:hidden;
	}
	
	body {
		height:100%;
		overflow:hidden;
	}
	
	#page {
		position:fixed;
		width:100%;
		height:100%;
		z-index:0;
	}
	
	#logo_box {
		position:absolute;
		top:0px;
		left:5%;
		background-image:url(logo_bkg.png);
		background-repeat:no-repeat;
		width:290px;
		height:175px;
		z-index:1000;
	}
	
	#logo_box .logo {
		position:absolute;
		top:70px;
		left:15px;
		background-image:url(logo_nex_group.png);
		background-repeat:no-repeat;
		width:256px;
		height:61px;
	}
	
	#contact {
		position:absolute;
		left:5%;
		top:25%;
		margin-left:21px;
		font-size:14px;
	}
	#buttons {
		position:absolute;
		right:10%;
		top:20%;
		width:650px;
	}
	#buttons div.box {
		position:absolute;
		background-image:url(button_bkg.png);
		background-repeat:no-repeat;
		width:200px;
		height:176px;
	}
	#buttons div.box.b1 { left:0px; top:176px; }
	#buttons div.box.b2 { left:150px; top:88px; }
	#buttons div.box.b3 { left:300px; top:0px; }
	#buttons div.box.b4 { left:150px; top:264px; }
	#buttons div.box.b5 { left:300px; top:176px; }
	#buttons div.box.b6 { left:450px; top:88px; }
	
	#buttons div.box a {
		width:200px;
		height:176px;
	}
	
	#buttons div.box a.nexstudio {
		background-image:url(logo_nex_studio.png);
	}
	#buttons div.box a.nexgps {
		background-image:url(logo_nex_gps.png);
	}
	#buttons div.box a.kakojavozim {
		background-image:url(logo_kakojavozim.png);
	}
	#buttons div.box a.europetracking {
		background-image:url(logo_europe_tracking.png);
	}
	#buttons div.box a.travelsim {
		background-image:url(logo_nex_travelsim.png);
	}
	#buttons div.box a.interaktivniizlog {
		background-image:url(logo_interaktivni_izlog.png);
	}
	
	#certs {
		position:absolute;
		left:5%;
		bottom:80px;
		margin-left:15px;
	}
	
	#copyright {
		position:absolute;
		left:0px;
		bottom:0px;
		line-height:40px;
	}
	
}