html
{
	height:100%;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background-image:url("images/shattered_@2X.png");
}
body
{
	height:1025px;
	width:990px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	background-color:#fff;
	margin:0 auto;
	font-family:Courier New;
	font-weight:600;
	position:relative;
}
#header
{
	height:150px;
	width:990px;
}
#menu
{
	height:150px;
	width:950px;
	position:relative;
	left:20px;
	top:25px;
}
#menu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:25px;
	height:50px;
	width:300px;
	background-image:url("images/tweed.png");
}
#menu ul li:hover
{
	box-shadow:inset 0px 0px 10px rgba(250, 250, 250, 0.6);
	background-color:rgba(200, 200, 200, 0.3);
	text-shadow:0px 0px 20px #000;
}
#menu ul li a
{
	display:block;
	height:100%;
	color:#fff;
	text-decoration:none;
}
#menu ul li a span
{
	display:block;
	width:100%;
	text-align:center;
	padding-top:15px;
}
#onama
{
	border-left:solid 1px rgba(0, 0, 0, 0.2);
}
#dokum
{
	border-right:solid 1px rgba(0, 0, 0, 0.2);
}
#obloL
{
	border-radius: 5px 0px 0px 5px;
}
#obloR
{
	border-radius: 0px 5px 5px 0px;
}
#leftUl
{
	border-radius: 5px 0px 0px 5px;
	float:left;
}
#leftUl li 
{
	float:right;
	margin-top:3px;
	height:44px;
	width:148px;
	text-shadow: 0 0 15px rgba(f, f, f, 0.3);
}
#rightUl
{
	float:right;	
	border-radius: 0px 5px 5px 0px;
}
#rightUl li 
{
	float:left;
	margin-top:3px;
	height:44px;
	width:148px;
	text-shadow: 0 0 15px rgba(f, f, f, 0.3);
}
.center
{
	float:left;
}
#centerMenu
{
	height:100px;
	width:350px;
	background-image:url("images/tweed.png");
	border-radius:10px;
}
#logo
{
	border-radius:5px;
	height:94px;
	width:344px;
	margin:3px;
	box-shadow:inset 0px 0px 40px rgba(250, 250, 250, 0.6);
	background-color:rgba(200, 200, 200, 0.3);
}
#mainLogo
{
	background-image:url("images/LogoOnly.png");
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
}
#container
{
	position:relative;
	left:25px;
	height:700px;
	width:940px;
	border-top:solid 1px rgba(0, 0, 0, 0.3);
	border-bottom:solid 1px rgba(0, 0, 0, 0.3);
}
#mapa
{
	height:372px;
	padding:10px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	border:solid 1px rgba(0, 0, 0, 0.1);
	float:left;
}
#map-canvas
{
	float:left;
	height:372px;
	width:500px;
	border:solid 1px rgba(0, 0, 0, 0.01);
}
#vise
{
	margin-top:20px;
	height:645px;
	width:390px;
	padding:10px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	border:solid 1px rgba(0, 0, 0, 0.1);
	float:right;

}
#directionsPanel
{
	float:right;
	padding:5px;
	width:400px;
	height:390px;
	overflow:auto;
	border:solid 1px rgba(0, 0, 0, 0.1);
	
}
#infoMaksi 
{
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	height:240px;
	padding:10px;
	width:500px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	border:solid 1px rgba(0, 0, 0, 0.1);
}
#slika
{
	float:left;
	width:480px;
	height:220px;
	padding:10px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	background-image:url('images/kontakt1.jpg');
	background-position:0px -60px;
	background-size:100%;
	
}
#infoMaksiCo
{
	float:right;
	margin-right:110px;
	height:200px;
}
#info_ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	padding-bottom: 16px;
	padding-top: 8px;
}
#info_ul li
{
	margin-top:4px;
}
.ul_left
{
	width:85px;
	display:inline;
}
.ul_right
{
	margin-left:80px;
}
#showButton
{
	background-image:url("images/arrowDown.png");
}
#hideButton
{
	background-image:url("images/arrowUp.png");
}
#footer
{
	height:150px;
	width:100%;
}
#left_footer
{
	float:left;
	height:100%;
}
#right_footer
{
    float: right;
    position: relative;
    right: 30px;
    top: -100px;
    width: 320px;
	
}
#footer_ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:35px;
	height:100px;
	margin-left:300px;
	opacity:0.5;
}
#footer_ul li
{
	color:#000;
	width:500px;
	font-size:12px;
}
.footer_logo
{
	float:left;
	margin-left:30px;
	margin-top:40px;
	opacity:0.5;
}
#loader
{
	height:135px;
	width:100%;
	background-color:#fff;
}
#loader img
{
	margin-top:33px;
}
#docs
{
	width:940px;
	height:200px;
}
#docs ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	width:540px;
}
#docs ul li
{
	float:left;
	margin-left:15px;
	margin-right:15px;
	height:100px;
	width:100px;
	border:solid 1px rgba(0, 0, 0, 0.1);
	border-radius:0px 0px 8px 8px;
}
#docs ul li:hover
{
	box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
	padding:5px;
}
#docs ul li a
{
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
	color:#000;
	font-size:20px;
}
#docs ul li a span
{
	display:block;
	padding-top:40px;
	background-color:#fff;
	font-size: 18px;
}
#empa
{
	height:200px;
	width:940px;
	border-top:solid 1px rgba(0, 0, 0, 0.3);
	margin-bottom:10px;
}
#empa a
{
	display:block;
	height:190px;
	width:930px;
	margin-top:10px;
	background-image:url("images/empa.jpg");
	box-shadow:inset 0px 0px 100px #fff;
	background-size:100%;
	background-position:center;
	text-decoration:none;
	text-shadow:0px 0px 10px rgba(0, 0, 0, 1);
}
#empa a:hover
{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	text-shadow:0px 0px 5px rgba(200, 200, 200, 1);
}
#empa i
{
	position:relative;
	display:block;
	font-weight:bold;
	top:50px;
	width:930px;
	font-size:30px;
	color:#fff;
	box-shadow:inset 0px 0px 100px rgba(0, 0, 0, 0.6);
}
#docs
{
	width:940px;
	height:120px;
}
#dozvole ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-bottom:50px;
}
#dozvole ul li
{
	height:50px;
	width:100%;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	border-radius:0px 0px 8px 8px;
}
#dozvole ul li:hover
{
	border-bottom:solid 1px rgba(0, 0, 0, 0.8);
}
#dozvole ul li a
{
	height:100%;
	width:100%;
	display:block;
	text-decoration:none;
	color:#000;
	font-size:20px;
}
#dozvole ul li a span
{
	display:block;
	padding-top:20px;
	background-color:#fff;
	font-size: 18px;
}